:root {
	--accent: #23A455;
	--vqt-blue: rgb(69, 151, 255);
	--vqt-yellow: rgb(253, 255, 102);
	--NAV_BG: #263D4C;
	--NAV_CHILD_BG: #385468;
	--NAV_CHILD_RADIUS: 6px;
	--kanban-red: #F66;
	--kanban-cyan: #5BC;
	--kanban-blue: #27B;
	--kanban-green: #092;
	--kanban-orange: #FA3;
	--kanban-purple: #A0C;
	--kanban-black: #000;
}

body {
	--NAV_WIDTH: 260px;
	--TOPNAV_HEIGHT: 59px;
	--PAGE_HEADER_HEIGHT: 52px;
	font-family: 'Product Sans', 'Roboto';
	font-variant-ligatures: none;
}

body.collapsed-nav {
	--NAV_WIDTH: 70px;
}

table {
	font-weight: 300;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	appearance: textfield;
	-moz-appearance: textfield;
}

input[type="checkbox"] {
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border: 2px solid #607D8B;
	border-radius: 2px;
	outline: none;
	background-color: #FFF;
	background-size: 63%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
}

input[type="checkbox"]:hover {
	border-color: #5188A3;
}

input[type="checkbox"]:checked {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiBmYS05eCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
}

input[type="checkbox"]:focus {
	border-color: #43A7D7;
}

input[type="checkbox"].loading {
	background-color: #FFF;
	background-size: 90%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiMwMDY2REQiIGQ9Ik0yODggMzkuMDU2djE2LjY1OWMwIDEwLjgwNCA3LjI4MSAyMC4xNTkgMTcuNjg2IDIzLjA2NkMzODMuMjA0IDEwMC40MzQgNDQwIDE3MS41MTggNDQwIDI1NmMwIDEwMS42ODktODIuMjk1IDE4NC0xODQgMTg0LTEwMS42ODkgMC0xODQtODIuMjk1LTE4NC0xODQgMC04NC40NyA1Ni43ODYtMTU1LjU2NCAxMzQuMzEyLTE3Ny4yMTlDMjE2LjcxOSA3NS44NzQgMjI0IDY2LjUxNyAyMjQgNTUuNzEyVjM5LjA2NGMwLTE1LjcwOS0xNC44MzQtMjcuMTUzLTMwLjA0Ni0yMy4yMzRDODYuNjAzIDQzLjQ4MiA3LjM5NCAxNDEuMjA2IDguMDAzIDI1Ny4zMzJjLjcyIDEzNy4wNTIgMTExLjQ3NyAyNDYuOTU2IDI0OC41MzEgMjQ2LjY2N0MzOTMuMjU1IDUwMy43MTEgNTA0IDM5Mi43ODggNTA0IDI1NmMwLTExNS42MzMtNzkuMTQtMjEyLjc3OS0xODYuMjExLTI0MC4yMzZDMzAyLjY3OCAxMS44ODkgMjg4IDIzLjQ1NiAyODggMzkuMDU2eiI+PC9wYXRoPjwvc3ZnPg==);
}

input[type="radio"] {
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border: 2px solid #607D8B;
	border-radius: 18px;
	outline: none;
	background-color: #FFF;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	cursor: pointer;
}

input[type="radio"]:hover {
	border-color: #5188A3;
}

input[type="radio"]:checked {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiA+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgc3R5bGU9ImZpbGw6IzYwN0Q4QjsiLz4KPC9zdmc+");
}

input[type="radio"]:focus {
	border-color: #43A7D7;
}

.checkbox label,
.checkbox-inline label,
.radio label,
.radio-inline label {
	font-weight: 300;
}

.form-control {
	font-weight: 300;
}

.p0 {
    padding: 0px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.pt-0 {
	padding-top: 0px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.top-0 {
	top: 0px;
}

.top-10 {
	top: 10px;
}

.top-20 {
	top: 20px;
}

.bottom-0 {
	bottom: 0px;
}

.bottom-10 {
	bottom: 10px;
}

.bottom-20 {
	bottom: 20px;
}

.left-0 {
	left: 0px;
}

.left-10 {
	left: 10px;
}

.left-20 {
	left: 20px;
}

.right-0 {
	right: 0px;
}

.right-10 {
	right: 10px;
}

.right-20 {
	right: 20px;
}

.mt-0 {
	margin-top: 0px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mt-6 {
	margin-top: 6px;
}

.mt-13 {
	margin-top: 13px;
}

.position-absolute {
	position: absolute;
}

.position-relative {
	position: relative;
}

.position-sticky {
	position: sticky;
}

.position-fixed {
	position: fixed;
}

.br-1 {
	border-right: 1px solid #DDD;
}

.bl-0 {
	border-left: 0px;
}

.br-0 {
	border-right: 0px;
}

.bt-0 {
	border-top: 0px;
}

.bb-0 {
	border-bottom: 0px;
}

.op75 {
	opacity: 0.75;
}

.op50 {
	opacity: 0.5;
}

.op25 {
	opacity: 0.25;
}

.visible {
	visibility: visible;
}

.not-visible {
	visibility: hidden;
}

.font-monospace {
	font-family: 'Courier New', Courier, monospace;
}

.content-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - var(--NAV_WIDTH));
	height: 100vh;
	margin-left: var(--NAV_WIDTH);
    transition: width 0.334s, margin 0.334s;
	overflow: hidden;
}

@media screen and (min-width: 992px) {
	body.navbar-top .content-wrapper {
		top: calc(var(--TOPNAV_HEIGHT));
		height: calc(100vh - var(--TOPNAV_HEIGHT));
	}

	.content-wrapper:has(.page-header) {
		padding-top: var(--PAGE_HEADER_HEIGHT);
	}	
}

.content-wrapper.is-loading::before {
    display: block;
	position: absolute;
    content: '';
	inset: 0;
	width: 100%;
	height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
	background-size: 42px, cover;
    background-repeat: no-repeat;
	background-position: center;
	z-index: 1031;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZUhjMjRkSlVqZ0wxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48c3R5bGU+PCFbQ0RBVEFbI2VIYzI0ZEpVamdMMl90ciB7YW5pbWF0aW9uOiBlSGMyNGRKVWpnTDJfdHJfX3RyIDEwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZUhjMjRkSlVqZ0wyX3RyX190ciB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDBkZWcpfSAyNSUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoOTBkZWcpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMTgwZGVnKX0gNzUlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDI3MGRlZyl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMzYwZGVnKX19XV0+PC9zdHlsZT48ZyBpZD0iZUhjMjRkSlVqZ0wyX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYsMjU2KSByb3RhdGUoMCkiPjxnIGlkPSJlSGMyNGRKVWpnTDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYsLTI1NikiPjxwYXRoIGlkPSJlSGMyNGRKVWpnTDMiIGQ9Ik00NTYuNzEwMDAwLDM3MC42OTAwMDBMNDI4Ljg4MDAwMCwzNTQuNzkwMDAwQzQyMi4yMjczNDcsMzUwLjkxMDkyMiw0MTkuMzA1MDQzLDM0Mi44MjYxNjIsNDIxLjk0MDAwMCwzMzUuNTkwMDAwQzM4Mi41NTIyMjksNDE3LjY4OTA5NywyODkuMDM3NzQ2LDQ1OC42MzA0MDAsMjAxLjk5NjE4OSw0MzEuODgyOTU5QzExNC45NTQ2MzIsNDA1LjEzNTUxOSw2MC41Njg1NTgsMzE4Ljc0NTEwNSw3NC4wODE0NTIsMjI4LjY5NDc4NkM4Ny41OTQzNDYsMTM4LjY0NDQ2NywxNjQuOTQxNDYwLDcyLjAyMTg1MiwyNTYsNzJDMjYxLjg5MDAwMCw3MiwyNjcuNzEwMDAwLDcyLjI5MDAwMCwyNzMuNDYwMDAwLDcyLjgzMDAwMEMyNzIuNzIwMDAwLDcyLjc2MDAwMCwyNzEuOTgwMDAwLDcyLjY4MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMEMyNjIuNzQwMDAwLDcxLjkzMDAwMCwyNTYsNjUuMzEwMDAwLDI1Niw1Ni43OTAwMDBMMjU2LDI0Ljc5MDAwMEMyNTUuOTkyNjkzLDE2LjIwNDkwMiwyNjIuNzYyMjA2LDkuMTQ0MTMyLDI3MS4zNDAwMDAsOC43OTAwMDBDMjY2LjI0MDAwMCw4LjQ2MDAwMCwyNjEuMTgwMDAwLDgsMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZDOCwzOTMsMTE5LDUwNCwyNTYsNTA0QzM1NCw1MDQsNDM4LjQyMDAwMCw0NDcuMDUwMDAwLDQ3OC43MTAwMDAsMzY0LjU4MDAwMEM0NzQuNTgwMDAwLDM3Mi40NDAwMDAsNDY0LjQ4MDAwMCwzNzUuMTMwMDAwLDQ1Ni43MTAwMDAsMzcwLjY5MDAwMFoiIGZpbGw9IiMwMDY3RDUiIGZpbGwtb3BhY2l0eT0iMC4yNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBpZD0iZUhjMjRkSlVqZ0w0IiBkPSJNMjcxLjIzMDAwMCw3Mi42MjAwMDBDMjYyLjc0MDAwMCw3MS45MzAwMDAsMjU2LDY1LjMxMDAwMCwyNTYsNTYuNzkwMDAwTDI1NiwyNC43MzAwMDBDMjU2LDE1LjYyMDAwMCwyNjMuNjcwMDAwLDcuOTUwMDAwLDI3Mi43NzAwMDAsOC41NjAwMDBDNDAxLjkyMDAwMCwxNy4xODAwMDAsNTA0LDEyNC42NzAwMDAsNTA0LDI1NkM1MDQuMDI4ODEyLDI5My41MTQyNDUsNDk1LjQ3NzQ2MCwzMzAuNTM4MTc5LDQ3OSwzNjQuMjQwMDAwQzQ3NSwzNzIuNDEwMDAwLDQ2NC42MzAwMDAsMzc1LjI0MDAwMCw0NTYuNzQwMDAwLDM3MC42OTAwMDBMNDI4LjkwMDAwMCwzNTQuNzkwMDAwQzQyMS40OTAwMDAsMzUwLjU2MDAwMCw0MTkuMDcwMDAwLDM0MS40NDAwMDAsNDIyLjcwMDAwMCwzMzMuNzIwMDAwQzQzNC4xMTU2NzcsMzA5LjQwMjA2Miw0NDAuMDIyODY5LDI4Mi44NjQwODksNDQwLDI1NkM0NDAsMTU5LjUxMDAwMCwzNjUuNzMwMDAwLDgwLjM3MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMFoiIGZpbGw9IiMwMDY3RDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9nPjwvZz48L3N2Zz4=");
}

.content-wrapper::after {
	display: block;
	position: absolute;
	content: '';
	inset: 0;
	width: 0px;
	height: 0px;
	z-index: 999;
	margin: auto;
	pointer-events: none;
	background-color: transparent;
	opacity: 0;
	transition: height 0.125s ease, width 0.125s ease, opacity 0.5s ease;
	visibility: hidden;
}

.content-wrapper.is-masked .content {
	/*overflow: hidden;*/
}

.content-wrapper.is-masked::after {
	background-color: #000000AA;
	visibility: visible;
	width: 100%;
	height: 100%;
	opacity: 1;
	pointer-events: all;
	pointer-events: none;
}

.content-wrapper > .content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 15px 15px;
	overflow: auto;
}

body.navbar-top .content-wrapper > .content {
	top: var(--PAGE_HEADER_HEIGHT);
	height: calc(100% - var(--PAGE_HEADER_HEIGHT));
}

ul.nav {
	display: flex;
}

.nav-tabs > li {
	flex: 0 1 auto;
	overflow: hidden;
}

.nav-tabs > li > a > span {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.nav-tabs > li > a::before {
	flex: 0 0 9px;
}

@media screen and (max-width: 767.999px) {
	ul.nav {
		flex-direction: column;
	}
}

.modal .modal-header {
    padding: 10px 20px;
    background-color: #FAFAFB;
    border-bottom: 1px solid #EEE;
}

.modal .modal-header .close {
    font-size: 24px;
    transform: translateY(-50%);
}

.modal .modal-footer {
    padding: 10px 20px;
    background-color: #FAFAFB;
    border-top: 1px solid #EEE;
}

.prv-nav {
    display: block;
    position: fixed;
    top: var(--TOPNAV_HEIGHT);
    width: var(--NAV_WIDTH);
    height: calc(100% - var(--TOPNAV_HEIGHT));
    background-color: var(--NAV_BG);
    padding: 10px 10px 30px;
    z-index: 1999;
    transition: width 0.334s;
}

.prv-nav .entries {
    max-height: calc(100% - 100px);
    overscroll-behavior: contain;
}

.prv-nav .entry {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #EEE;
    margin: 0px auto;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    transition: all 0.25s;
    cursor: pointer;
}

.prv-nav .entry:first-of-type,
.prv-nav .entry:last-of-type {
    margin: 0;
}

.prv-nav .entry:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.prv-nav .entry.has-child:hover::after {
    opacity: 1;
}

.prv-nav .entry .inner {
    display: flex;
    align-items: center;
    padding: 12px 0px;
}

.prv-nav .entry .icon {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 18px;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin: -1px 0px 0px 0px;
    padding: 0px 10px;
}

.prv-nav .entry .title {
    display: block;
    flex: 0 1 100%;
    white-space: nowrap;
    line-height: 1;
}

.prv-nav .entry .child .category-name {
    display: none;
    font-size: 12px;
    color: #FFF;
    opacity: 0.5;
    text-transform: uppercase;
    padding-left: 8px;
    margin-bottom: 2px;
}

.prv-nav .entry .child {
    display: block;
    position: absolute;
    background-color: var(--NAV_CHILD_BG);
    top: -14px;
    left: 100%;
    padding: 12px 8px;
    border-radius: var(--NAV_CHILD_RADIUS);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s;
    transition-delay: 0s;
}

.prv-nav .entry:hover .child {
    display: block;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition-delay: 0.15s;
    cursor: initial;
}

.prv-nav .entry.has-child::after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNSAyMGMtMC4xMjggMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0Ni0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiAwLTAuNzA3bDguNjQ2LTguNjQ2LTguNjQ2LTguNjQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiAwLTAuNzA3czAuNTEyLTAuMTk1IDAuNzA3IDBsOSA5YzAuMTk1IDAuMTk1IDAuMTk1IDAuNTEyIDAgMC43MDdsLTkgOWMtMC4wOTggMC4wOTgtMC4yMjYgMC4xNDYtMC4zNTQgMC4xNDZ6Ij48L3BhdGg+PC9zdmc+Cg==");
    transform: translate3d(-15px, -50%, 0px);
}

.prv-nav .child .entry {
    padding: 10px 12px;
    min-width: 180px;
}

.prv-nav .child .title {
    display: block;
}

.prv-nav .user-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    margin: 0px;
}

.prv-nav .user-data .image-wrapper {
    flex: 0 0 32px;
    margin: 0px auto;
}

.prv-nav .user-data .image-wrapper img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    overflow: hidden;
}

.prv-nav .user-data .info {
    display: block;
    flex: 0 1 100%;
    color: #FFF;
    margin: 0px 0px 0px 10px;
    line-height: 1;
}

.prv-nav .user-data .info .role {
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
    opacity: 0.65;
}

.prv-nav .user-data .info .name,
.prv-nav .user-data .info .role {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prv-nav .expand-collapse {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 15px;
    left: calc(100% - 35px);
    opacity: 0.9;
    cursor: pointer;
    transform: rotateY(0deg);
    transition: transform 0.5s;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMSwwLDAsLTAuMSwwLDUxMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDAsNDY4NC4yTDEwMCwtNDQ4NC4yTDk5MDAsLTQ0ODQuMkw5OTAwLDQ2ODQuMkwxMDAsNDY4NC4yWk0xOTM3LjUsNDA3MS42TDE5MzcuNSwtMzg5MC44TDcxMi41LC0zODkwLjhMNzEyLjUsNDA3MS42TDE5MzcuNSw0MDcxLjZaTTkyODcuNSw5MC40TDkyODcuNSwtMzg5MC44TDI1NTAsLTM4OTAuOEwyNTUwLDQwNzEuNkw5Mjg3LjQsNDA3MS42TDkyODcuNCw5MC40TDkyODcuNSw5MC40WiIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMTAsMCwwLC0xMCwwLDUxMDApIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM5OC41NSw0NjkuNDM5TDM2NS43NTEsNTAwLjk0NEwzOTguNTUsNTMyLjUyNUwzOTguNTUsNTMyLjU0TDU1MC43Miw2ODQuNzFMNTkxLjg3LDY0My41Nkw1MzUuOTgsNTg3LjY3TDQ3OS45LDUzMS41OEw4NjcuNSw1MzEuNThMODY3LjUsNDcwLjMzTDQ3OS45LDQ3MC4zM0w1OTEuODcsMzU4LjM2TDU1MC43MiwzMTcuMjFMMzk4LjU1LDQ2OS4zOEwzOTguNTUsNDY5LjQzOVoiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
}

@media screen and (max-height: 720px) {
	.prv-nav .entry .inner {
		padding: 8px 0px;
	}
}

@media screen and (min-width: 992px) {

    body.collapsed-nav .prv-nav .user-data {
        padding: 0px;
        margin: 5px 0px 10px;
    }

    body.collapsed-nav .prv-nav .user-data .image-wrapper {
        flex: 0 0 26px;
        margin: 0px auto;
    }

    body.collapsed-nav .prv-nav .user-data .image-wrapper img {
        width: 26px;
        height: 26px;
    }

    body.collapsed-nav .prv-nav .user-data .info {
        display: none;
    }

    body.collapsed-nav .prv-nav .expand-collapse {
        left: calc(50% - 10px);
        transform: rotateY(180deg);
    }

    body.collapsed-nav .prv-nav .entries>.entry {
        width: 40px;
        margin: 0px auto;
    }

    body.collapsed-nav .prv-nav .entry.has-child::after {
        display: none;
    }

	body.extended-content .content-wrapper {
		width: 100%;
		margin-left: 0;
	}

    body.collapsed-nav .prv-nav .entry .inner .title {
        display: none;
    }

    body.collapsed-nav .prv-nav .entry:not(.has-child) .inner .title {
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        background-color: var(--NAV_CHILD_BG);
        color: #FFF;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.15s ease-in-out, opacity 0.3s ease-in-out;
        transform: translate3d(0px, -48%, 0);
    }

    body.collapsed-nav .prv-nav .entry:not(.has-child):hover .inner .title {
        opacity: 1;
        visibility: visible;
        transition-delay: 0.25s;
        transform: translate3d(8px, -48%, 0);
    }

    body.collapsed-nav .prv-nav .entry .child .category-name {
        display: block;
    }
}

@media screen and (max-width: 991px) {

    body {
        padding-top: 50px;
    }

    .navbar-fixed-top {
        position: fixed !important;
    }

    .content-wrapper {
		display: block;
		position: relative;
		top: initial;
		width: 100%;
		height: initial;
        margin-left: 0;
		overflow: visible;
    }

	body .content-wrapper > .content {
		position: static;
		top: initial !important;
		height: initial !important;
		overflow: visible;
	}

    .prv-nav {
        width: 100%;
        opacity: 0;
        visibility: hidden;
        left: calc((var(--NAV_WIDTH) - 5px) * -1);
        transition: opacity 0.15s ease-in-out, left 0.3s ease-in-out, visibility 0.5s ease-in-out;
    }

    body.sidebar-mobile-main .prv-nav {
        opacity: 1;
        visibility: visible;
        left: 0;
    }

    .prv-nav .entries {
        max-height: calc(100% - 35px);
        overflow: overlay;
    }

    .prv-nav .entry {
        flex-wrap: wrap;
        font-size: 16px;
        overflow: hidden;
    }

    .prv-nav .entry:hover {
        background-color: transparent !important;
    }

    .prv-nav .entry .inner {
        padding: 18px 0px;
        pointer-events: none;
    }

    .prv-nav .entry .title {
        flex: 0 0 calc(100% - 40px);
        pointer-events: none;
    }

    .prv-nav .entry .child {
        flex: 0 0 100%;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0px;
        max-height: 0px;
        opacity: 1;
        border-radius: 0;
        visibility: visible;
        transition: max-height 0.6s ease-in-out;
    }

    .prv-nav .entry .child .entry {
        padding: 16px 20px;
    }

    .prv-nav .entry .child .entry:first-of-type {
        padding-top: 28px;
    }

    .prv-nav .entry .child .entry:last-of-type {
        padding-bottom: 28px;
    }

    .prv-nav .entry.open .child {
        max-height: 380px;
    }

    .prv-nav .entry.has-child::after {
        top: 28px;
        left: calc(100% - 16px);
        width: 16px;
        height: 16px;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNjIgNjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTI4LjM4Myw2MS40NGwwLC0yOC40NGwtMjguMzgzLC0wbC0wLC00LjY3NGwyOC4zODMsMGwwLC0yOC4zMjZsNC41NiwtMGwtMCwyOC4zMjZsMjguNDk3LDBsLTAsNC42NzRsLTI4LjQ5NywtMGwtMCwyOC40NGwtNC41NiwtMFoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+');
    }

    .prv-nav .entry.has-child.open::after {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNjIgNjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHJlY3QgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSItMCIgeT0iMjguMzI2IiB3aWR0aD0iNjEuNDQiIGhlaWdodD0iNC42NzQiLz48L3N2Zz4=');
    }
    
    .prv-nav .expand-collapse {
        display: none;
    }

    .prv-nav .user-data .name {
        font-size: 16px;
    }
}

.error-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70vh;
}

.error-page .http-code {
    display: block;
    margin: 0;
    font-size: 16vh;
    font-weight: 600;
    line-height: 1;
    color: #AAA;
}

.error-page .error-description {
    display: block;
    margin: 0;
    font-size: clamp(16px, 32px, 6rem);
    font-weight: 300;
    color: #555;
}

.daterangepicker.dropdown-menu {
	z-index: 3000;
}

.login-form {
    width: 360px;
    max-width: calc(100% - 30px);
	margin: 10% auto auto;
}

.login-form .panel {
	margin: auto auto 0px;
}

.login-form .logo {
    display: block;
    width: 80px;
    margin: 0px auto;
}

.notifications {
	display: block;
	position: fixed;
	top: 48px;
	right: 0px;
	width: 400px;
	max-width: 100%;
	user-select: none;
	z-index: 3099;
}

.notification {
	display: block;
	position: relative;
	width: calc(100% - 15px);
	padding: 16px 18px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #DDD;
	border-radius: 6px;
	background: #FCFCFC;
	box-shadow: 0px 2px 15px 2px rgb(0 0 0 / 10%);
	transform: translate3d(0,0,0);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	will-change: transform;
}

.notification.autoclose {
	cursor: pointer;
}

.notification.success {
	border-bottom: 3px solid #090;
}

.notification.warning {
	border-bottom: 3px solid #F60;
}

.notification.error {
	border-bottom: 3px solid #E00;
}

.notification.info {
	border-bottom: 3px solid #13B3AA;
}

.notification .title {
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
	margin: 0px;
	padding-right: 12px;
}

.notification .text {
	font-size: 14px;
	font-weight: 300;
	color: #333;
	margin: 8px 0px 0px;
}

.notification.entering {
	transform: translate3d(305px,0,0);
	opacity: 0;
}

.notification.closing {
	transform: translate3d(305px,0,0);
	opacity: 0;
}

.notification .close {
	display: block;
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 28px;
	font-weight: 200;
    color: #AAA;
	line-height: 1;
	padding: 4px 6px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	transition: color 0.25s ease;
}

.notification .close:hover {
	color: #000;
}

.page-title {
	padding: 16px 36px 16px 0px;
}

.vltTypeContainer {
	padding: 20px 0px 35px;
	text-align: center;
}

label.vltTypeLabel {
	display: inline-block;
	position: relative;
	width: 75px;
	height: 75px;
	padding: 12px;
	background-color: #555;
	vertical-align: top;
	cursor: pointer;
	margin: 0px 25px;
	border-radius: 100%;
}

label.vltTypeLabel input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

label.vltTypeLabel img {
	display: block;
	width: 100%;
}

label.vltTypeLabel::after {
	display: block;
	position: absolute;
	bottom: -30px;
	font-size: 14px;
	left: 50%;
	transform: translateX(-50%);
	content: attr(data-label);
	width: 175%;
}

label.vltTypeLabel span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: transparent;
	border: 5px solid transparent;
	transition: border-color 0.2s;
}

label.vltTypeLabel input[type="radio"]:checked + span {
	border-color: var(--accent);
}

.form-inline .form-group.has-warning::after {
	position: absolute;
	color: #ef6c00;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	content: '\f071';
	font-family: 'FontAwesome';
}

.form-inline .form-group.has-error::after {
	position: absolute;
	color: #D00;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	content: '\ed4f';
	font-family: 'FontAwesome';
}

.w30px {
	width: 30px !important;
}

.w100px {
	width: 100px !important;
}

.w120px {
	width: 120px !important;
}

.w150px {
	width: 150px !important;
}

.w200px {
	width: 200px !important;
}

.w210px {
	width: 210px !important;
}

.w320px {
	width: 320px !important;
}

.w100 {
	width: 100%;
}

.mw-250-ellipsis,
.mw-350-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mw-250-ellipsis {
	max-width: 280px;
}

.mw-350-ellipsis {
	max-width: 380px;
}

.ellipsis {
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bg-grey-100 {
	background-color: #D7D7D7;
	border-color: #D7D7D7;
	color: #000;
}

.f12px,
.fs-12 {
	font-size: 12px;
}

.f13px,
.fs-13 {
	font-size: 13px;
}


.f14px,
.fs-14 {
	font-size: 14px;
}

.f15px,
.fs-15 {
	font-size: 15px;
}

.f16px,
.fs-16 {
	font-size: 16px;
}

.f18px {
	font-size: 18px;
}

.f20px {
	font-size: 20px;
}

.f22px {
	font-size: 22px;
}

.f24px {
	font-size: 24px;
}

.f26px {
	font-size: 26px;
}

.f28px {
	font-size: 28px;
}

.f30px {
	font-size: 30px;
}

.lh1 {
	line-height: 1;
}

.fw300,
.fw-300 {
	font-weight: 300;
}

.fw400,
.fw-400 {
	font-weight: 400;
}

.fw500,
.fw-500 {
	font-weight: 500;
}

.fw600,
.fw-600 {
	font-weight: 600;
}

.fw700,
.fw-700 {
	font-weight: 700;
}

.text-accent {
	color: var(--accent);
}

#variantsContainer {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -5px;
}

.modelVariant {
	padding: 15px;
	color: #FFF;
	border: 5px solid #FFF;
	cursor: pointer;
	margin: 0px;
	transition: all 0.35s ease-in-out;
	flex-basis: 25%;
	flex-grow: 0;
	flex-shrink: 0;
}

@media screen and (max-width: 1600px) {
	.modelVariant {
		flex-basis: 33.3333%;
	}
}

@media screen and (max-width: 1280px) {
	.modelVariant {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 480px) {
	.modelVariant {
		flex-basis: 100%;
	}
}

@media screen and (min-width: 1601px) {
	.modelVariant {
		flex-basis: 25%;
	}
}

.modelVariant * {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

*[data-fueltype="1"] {
	background-color: #007714;
}

*[data-fueltype="2"] {
	background-color: #002ab6;
}

*[data-fueltype="3"] {
	background-color: #5A5A5A;
}

*[data-fueltype="4"] {
	background-color: #747474;
}

*[data-fueltype="5"] {
	background-color: #644B71;
}

*[data-fueltype="6"] {
	background-color: #1D6671;
}

*[data-fueltype="7"] {
	background-color: #006db6;
}

.modelVariant:hover {
	transform: translateY(-2px);
}

.modelVariant .title {
	display: block;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
}

.modelVariant .fuel {
	display: block;
	font-size: 12px;
}

.modelVariant input[type="radio"] {
	position: absolute;
	right: 15px;
	top: 15px;
	margin: 0px;
}

#optionals {
	overflow-x: auto;
	border: 1px solid #DDD;
}

.VehicleOptionalsSelectorModal tr.group td,
#optionalsTableBody tr.group td {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	border-top: 1px solid #DDD;
	padding-left: 40px;
	background-color: #f5f5f5;
	cursor: pointer;
}

.VehicleOptionalsSelectorModal tr.group td::before,
#optionalsTableBody tr.group td::before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	content: '';
	width: 14px;
	height: 15px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjNTU1NTU1IiBkPSJNMzc2IDIzMkgyMTZWNzJjMC00LjQyLTMuNTgtOC04LThoLTMyYy00LjQyIDAtOCAzLjU4LTggOHYxNjBIOGMtNC40MiAwLTggMy41OC04IDh2MzJjMCA0LjQyIDMuNTggOCA4IDhoMTYwdjE2MGMwIDQuNDIgMy41OCA4IDggOGgzMmM0LjQyIDAgOC0zLjU4IDgtOFYyODBoMTYwYzQuNDIgMCA4LTMuNTggOC04di0zMmMwLTQuNDItMy41OC04LTgtOHoiPjwvcGF0aD48L3N2Zz4=");
	background-repeat: no-repeat;
}

.VehicleOptionalsSelectorModal tr.group.open td::before,
#optionalsTableBody tr.group.open td::before {
	display: inline-block;
	content: '';
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjNTU1NTU1IiBkPSJNMzc2IDIzMkg4Yy00LjQyIDAtOCAzLjU4LTggOHYzMmMwIDQuNDIgMy41OCA4IDggOGgzNjhjNC40MiAwIDgtMy41OCA4LTh2LTMyYzAtNC40Mi0zLjU4LTgtOC04eiI+PC9wYXRoPjwvc3ZnPg==");
}

.loading-overlay {
	position: relative;
	overflow: hidden;
}

.loading-overlay::before {
    display: block;
	position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
	background-size: 28px, cover;
    background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZUhjMjRkSlVqZ0wxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48c3R5bGU+PCFbQ0RBVEFbI2VIYzI0ZEpVamdMMl90ciB7YW5pbWF0aW9uOiBlSGMyNGRKVWpnTDJfdHJfX3RyIDEwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZUhjMjRkSlVqZ0wyX3RyX190ciB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDBkZWcpfSAyNSUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoOTBkZWcpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMTgwZGVnKX0gNzUlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDI3MGRlZyl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMzYwZGVnKX19XV0+PC9zdHlsZT48ZyBpZD0iZUhjMjRkSlVqZ0wyX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYsMjU2KSByb3RhdGUoMCkiPjxnIGlkPSJlSGMyNGRKVWpnTDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYsLTI1NikiPjxwYXRoIGlkPSJlSGMyNGRKVWpnTDMiIGQ9Ik00NTYuNzEwMDAwLDM3MC42OTAwMDBMNDI4Ljg4MDAwMCwzNTQuNzkwMDAwQzQyMi4yMjczNDcsMzUwLjkxMDkyMiw0MTkuMzA1MDQzLDM0Mi44MjYxNjIsNDIxLjk0MDAwMCwzMzUuNTkwMDAwQzM4Mi41NTIyMjksNDE3LjY4OTA5NywyODkuMDM3NzQ2LDQ1OC42MzA0MDAsMjAxLjk5NjE4OSw0MzEuODgyOTU5QzExNC45NTQ2MzIsNDA1LjEzNTUxOSw2MC41Njg1NTgsMzE4Ljc0NTEwNSw3NC4wODE0NTIsMjI4LjY5NDc4NkM4Ny41OTQzNDYsMTM4LjY0NDQ2NywxNjQuOTQxNDYwLDcyLjAyMTg1MiwyNTYsNzJDMjYxLjg5MDAwMCw3MiwyNjcuNzEwMDAwLDcyLjI5MDAwMCwyNzMuNDYwMDAwLDcyLjgzMDAwMEMyNzIuNzIwMDAwLDcyLjc2MDAwMCwyNzEuOTgwMDAwLDcyLjY4MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMEMyNjIuNzQwMDAwLDcxLjkzMDAwMCwyNTYsNjUuMzEwMDAwLDI1Niw1Ni43OTAwMDBMMjU2LDI0Ljc5MDAwMEMyNTUuOTkyNjkzLDE2LjIwNDkwMiwyNjIuNzYyMjA2LDkuMTQ0MTMyLDI3MS4zNDAwMDAsOC43OTAwMDBDMjY2LjI0MDAwMCw4LjQ2MDAwMCwyNjEuMTgwMDAwLDgsMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZDOCwzOTMsMTE5LDUwNCwyNTYsNTA0QzM1NCw1MDQsNDM4LjQyMDAwMCw0NDcuMDUwMDAwLDQ3OC43MTAwMDAsMzY0LjU4MDAwMEM0NzQuNTgwMDAwLDM3Mi40NDAwMDAsNDY0LjQ4MDAwMCwzNzUuMTMwMDAwLDQ1Ni43MTAwMDAsMzcwLjY5MDAwMFoiIGZpbGw9IiMwMDY3RDUiIGZpbGwtb3BhY2l0eT0iMC4yNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBpZD0iZUhjMjRkSlVqZ0w0IiBkPSJNMjcxLjIzMDAwMCw3Mi42MjAwMDBDMjYyLjc0MDAwMCw3MS45MzAwMDAsMjU2LDY1LjMxMDAwMCwyNTYsNTYuNzkwMDAwTDI1NiwyNC43MzAwMDBDMjU2LDE1LjYyMDAwMCwyNjMuNjcwMDAwLDcuOTUwMDAwLDI3Mi43NzAwMDAsOC41NjAwMDBDNDAxLjkyMDAwMCwxNy4xODAwMDAsNTA0LDEyNC42NzAwMDAsNTA0LDI1NkM1MDQuMDI4ODEyLDI5My41MTQyNDUsNDk1LjQ3NzQ2MCwzMzAuNTM4MTc5LDQ3OSwzNjQuMjQwMDAwQzQ3NSwzNzIuNDEwMDAwLDQ2NC42MzAwMDAsMzc1LjI0MDAwMCw0NTYuNzQwMDAwLDM3MC42OTAwMDBMNDI4LjkwMDAwMCwzNTQuNzkwMDAwQzQyMS40OTAwMDAsMzUwLjU2MDAwMCw0MTkuMDcwMDAwLDM0MS40NDAwMDAsNDIyLjcwMDAwMCwzMzMuNzIwMDAwQzQzNC4xMTU2NzcsMzA5LjQwMjA2Miw0NDAuMDIyODY5LDI4Mi44NjQwODksNDQwLDI1NkM0NDAsMTU5LjUxMDAwMCwzNjUuNzMwMDAwLDgwLjM3MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMFoiIGZpbGw9IiMwMDY3RDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9nPjwvZz48L3N2Zz4=");
}

/*fieldset.loading-overlay::before {
	content: initial !important;
}*/

#vltManSearchContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#vltManSearchContainer>.form-group {
	flex-shrink: 0;
}

#vltManSearchContainer>.form-group:not(:last-child) {
	margin-right: 15px;
}

.flex-grow {
	flex-grow: 1;
}

@media screen and (max-width: 992px) {
	#vltManSearchContainer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#vltManSearchContainer>.form-group {
		flex-shrink: 0;
		flex-grow: 1;
		flex-basis: 100%;
		width: 100%;
		margin-right: 0px;
	}
}

#prvFormQuotazione-header li {
	width: 33.333% !important;
}

#prvFormQuotazione.stepy-basic {
	padding-bottom: 52px;
	position: relative;
}

#prvFormQuotazione.stepy-basic .stepy-navigator {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 53px;
	border-top: 1px solid #DDD;
	background-color: #F8F8F8;
	padding: 8px 20px;
}

@media screen and (max-width: 768px) {
	label.vltTypeLabel {
		width: 60px;
		height: 60px;
		margin: 0px 15px;
	}

	label.vltTypeLabel::after {
		width: calc(100% + 30px);
		font-size: 12px;
		bottom: -18px;
		height: 16px;
	}
}

#file-uploader-form label:first-child {
	position: relative;
	width: 100%;
	background-color: #fafafa;
	border: 2px dashed #DDD;
	border-radius: 10px;
	padding-bottom: 10%;
}

#file-uploader-form label:first-child img {
	display: block;
	width: 100px;
	margin: 5% auto 0px;
}

#file-uploader-form label:first-child h4 {
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.1px;
	color: #777;
}

#file-uploader-form label:first-child button {
	display: block;
	background-color: transparent;
	font-size: 18px;
	font-weight: 400;
	color: #777;
	border: 2px solid #BBB;
	border-radius: 6px;
	padding: 8px 22px;
	margin: 0px auto;
}

#file-uploader-form label:first-child input[type="file"] {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	cursor: pointer;
}

#file-uploader-form div.pbar {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 75%;
	border: 1px solid #AAA;
	border-radius: 5px;
}

#file-uploader-form div.pbar span {
	display: block;
	content: '';
	width: 40%;
	height: 5px;
	background-color: #CCC;
	max-width: 100%;
}

#file-uploader-form div.pbar::after {
	position: absolute;
	left: calc(100% + 5px);
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	display: block;
	white-space: nowrap;
	content: attr(data-perc)' %';
}

#file-uploader-form label:nth-child(2) {
	margin: 5px 0px;
}

#file-uploader-form label:nth-child(2) input {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 2px 0px;
}

.vehicle-media-container {
	display: flex;
	margin: 0px -5px 0px -5px;
	flex-wrap: wrap;
	min-height: 135px;
}

.vehicle-media-container:empty {
	background-color: #FEFEFE;
}

.vehicle-media-container:empty::before {
	display: block;
	width: 100%;
	text-align: center;
	font-style: italic;
	font-size: 22px;
	color: #AAA;
	content: 'Per inserire una o piu\' immagini fare click sul pulsante Carica Foto';
	margin: 50px 0px;
}

.vehicle-image {
	position: relative;
	flex-basis: calc(12.5% - 10px);
	border: 2px solid #888;
	background-size: cover;
	background-position: center;
	margin: 0px 5px 10px;
}

.vehicle-image::before, .vehicle-add-media::before {
	display: block;
	content: '';
	width: 100%;
	padding-bottom: 100%;
}

.vehicle-image.ui-sortable-placeholder {
	border: none;
}

.vehicle-image:hover span {
	display: block;
}

.vehicle-image span {
	position: absolute;
	display: none;
	right: 6px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	z-index: 499;
	cursor: pointer;
	opacity: 0.85;
}

.vehicle-image span.vehicle-image-download {
	background-image: url('../images/ui/download.svg');
	top: 6px;
}

.vehicle-image span.vehicle-image-delete {
	background-image: url('../images/ui/trash.svg');
	top: 48px;
}

.vehicle-image span:hover {
	opacity: 1;
}

.vehicle-add-media {
	position: relative;
	flex-basis: calc(12.5% - 10px);
	border: 2px dashed #CCC;
	border-radius: 4px;
	margin: 0px 5px 10px;
	background-color: #FAFAFA;
	background-image: url('../images/ui/plus.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	cursor: pointer;
	transition: background-size 0.25s;
}

.vehicle-add-media:hover {
	background-size: 45%;
}

@media screen and (max-width: 768px) {
	.vehicle-image, .vehicle-add-media {
		flex-basis: calc(33.3333333% - 10px);
	}
}

@media screen and (max-width: 480px) {
	.vehicle-image, .vehicle-add-media {
		flex-basis: calc(50% - 10px);
	}
}

#optionalsTableBody tr.element {
	cursor: pointer;
}

.btn.loading {
	pointer-events: none;
	user-select: none;
}

.btn.loading i.fa::before,
.btn.loading span.fa::before {
	display: block;
	content: '\f1ce';
	inset: 0;
	width: 13px;
	height: 13px;
	line-height: 1;
	margin: auto;
	animation: fa-spin 2s infinite linear;
}

.navbar-brand {
	padding: 4px 24px;
}

.navbar-brand>img {
	height: 36px !important;
	margin-top: 1px;
}

table#vehicle-list tbody tr {
	transition: background-color 0.25s;
}

table#vehicle-list tbody tr:hover {
	background-color: #F8F8F8;
}

table#vehicle-list tr td,
table#modules-list tr td {
	white-space: nowrap;
}

table#vehicle-list .vehicle-row span[data-role="inbound_price"] {
	display: block;
	font-size: 11px;
	line-height: 18px;
}

table#vehicle-list.hidden-inbound-price .vehicle-row span[data-role="inbound_price"] {
	display: none;
}

#vehicle-list .toggle-inbound-price-visibility {
	margin-left: 5px;
	cursor: pointer;
}

#vehicle-list .toggle-inbound-price-visibility::before {
	content: '\f070';
}

#vehicle-list.hidden-inbound-price .toggle-inbound-price-visibility::before {
	content: '\f06e';
}

.sweet-alert button.cancel {
    background-color: #EEE !important;
}

.panel .panel-heading.condensed {
	padding-top: 10px;
	padding-bottom: 10px;
}

.label.label-tag {
	background-color: #F5F5F5;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-radius: 0px;
    color: #333;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    padding: 6px 8px 5px;
    letter-spacing: 0.15px;
    width: 100px;
    text-align: left;
}

.pagination-wrapper {
	text-align: left;
	padding: 10px 20px;
}

label.pagination-count {
	display: inline-block;
	font-weight: 500;
	margin-bottom: 0px;
	vertical-align: middle;
}

div.pagination-controls {
	display: inline-block;
	margin-left: 15px;
}

.pagination-controls .pagination-pages {
	margin: auto 15px 0px 5px;
	vertical-align: middle;
}

.pagination-controls .pagination-pages::before {
	display: inline-block;
	content: 'di';
	margin: auto 5px;
	vertical-align: middle;
}

.pagination-controls .pagination-current {
	display: inline-block;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 2px;
	font-weight: 500;
	text-align: center;
	max-width: 40px;
	height: 28px;
	vertical-align: middle;
}

.pagination-controls a {
	display: inline-block;
	margin: 0px 1px;
	height: 28px;
	vertical-align: middle;
	line-height: 1;
	background-color: #F0F0F0;
	color: #000;
	padding: 0px 15px;
	border: 1px solid #CCC;
	border-radius: 2px;
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
	opacity: 0.6;
	transition: all 0.25s;
}

.pagination-controls a:hover {
	opacity: 1;
}

.pagination-controls .pagination-first {
	background-image: url('/assets/images/ui/pagination_first.svg');
}

.pagination-controls .pagination-prev {
	background-image: url('/assets/images/ui/pagination_prev.svg');
}

.pagination-controls .pagination-next {
	background-image: url('/assets/images/ui/pagination_next.svg');
}

.pagination-controls .pagination-last {
	background-image: url('/assets/images/ui/pagination_last.svg');
}

.vehicle-attachments,
#vehicle-attachments-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.vehicle-attachment {
	position: relative;
	background-color: #000;
	flex: 0 0 calc(20% - 10px);
	min-width: 160px;
	margin: 0px 5px 50px 5px;
	cursor: pointer;
	border: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.vehicle-attachment::before {
	display: block;
	width: 100%;
	content: '';
	padding-bottom: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.vehicle-attachment:hover .vehicle-attachment-remove,
.vehicle-attachment:hover .vehicle-attachment-download {
	display:block;
}

.vehicle-attachment img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #DEDEDE;
}

.vehicle-attachment:hover img {
	opacity: 0.75;
}

.vehicle-attachment textarea {
	display: block;
	position: absolute;
	border: none;
	width: 100%;
	padding: 5px 12px;
	text-align: center;
	height: 40px;
	line-height: 1.2;
	left: 0;
	bottom: -40px;
	resize: none;
	background-color: transparent;
}

.vehicle-attachment textarea:not([readonly]) {
	text-decoration-style: dotted;
	text-decoration-color: #555;
	text-decoration-line: underline;
	text-underline-position: under;
}

.vehicle-attachment-remove {
	position: absolute;
	display: none;
	top: 50px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url('/assets/images/ui/trash.svg');
	z-index: 499;
	cursor: pointer;
	opacity: 0.75;        
}

.vehicle-attachment-remove:hover, .vehicle-attachment-download:hover  {
	opacity: 1;
}

.vehicle-attachment-download {
	position: absolute;
	display: none;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url('/assets/images/ui/download.svg');
	z-index: 499;
	cursor: pointer;
	opacity: 0.75; 
}

fieldset {
	margin-bottom: 10px;
}

fieldset.collapsed legend {
	margin-bottom: 0;
}

fieldset.collapsed>div {
	display: none !important;
}

legend {
	position: relative;
    padding: 8px 40px 6px 10px !important;
    font-size: 14px;
    font-weight: 400;
    background-color: #b5b5b5;
    border-radius: 4px;
    color: #FFF;
    border: none;
    cursor: pointer;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

legend::after {
	display: block;
	position: absolute;
	right: 14px;
	top: 8px;
	width: 16px;
	height: 18px;
	content: '';
	background-image: url('/assets/images/ui/chevron_up.svg');
}

fieldset.collapsed legend::after {
	transform: rotateX(180deg);
}

fieldset legend .counter {
	display: inline-block;
	min-width: 18px;
	color: #FFF;
	text-align: center;
	line-height: 1;
	margin-right: 4px;
	padding: 2px;
	background-color: #00CCBA99;
	border-radius: 2px;
	pointer-events: none;
}

fieldset.collapsed legend a.action {
	display: none;
}

fieldset legend>div {
	position: absolute;
	top: 0;
	right: 42px;
	height: 100%;
	text-transform: initial;
}

fieldset legend a.action {
	display: block;
	position: absolute;
	color: #FFF;
	text-shadow: none;
	font-size: 14px;
	top: 4px;
	right: 42px;
	height: calc(100% - 8px);
	padding: 4px 10px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0.95;
}

fieldset legend a.action:hover {
	opacity: 1;
}

fieldset legend>div a.action {
	right: 0px;
	text-transform: uppercase;
}

fieldset legend .action,
fieldset legend .action.primary {
	background-color: #3F8BCD;
}

fieldset legend .action.info {
	background-color: #00BCD4;
}

fieldset legend .action.success {
	background-color: #009900;
}

fieldset legend .action.warning {
	background-color: #FF9900;
}

fieldset legend .action.danger {
	background-color: #DD0000;
}

fieldset legend .action-group {
	display: flex;
	position: absolute;
	right: 42px;
	top: 4px;
	height: 100%;
	padding: 0px;
}

fieldset legend .action-group .action {
	position: relative;
	left: initial;
	top: initial;
	margin-left: 6px;
}

.vehicle-stock-status {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #EEE;
}

.vehicle-stock-status::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	content: attr(data-val);
	font-size: 11px;
	font-weight: 400;
	line-height: 0.85;
	color: inherit;
	text-rendering: optimizeLegibility;
}

.vehicle-stock-status.cyan {
	background-color: #00FFFF;
	color: #000;
}

.vehicle-stock-status.green {
	background-color: #00FF00;
	color: #000;
}

.vehicle-stock-status.yellow {
	background-color: #FFFF00;
	color: #000;
}

.vehicle-stock-status.orange {
	background-color: #FF8800;
	color: #FFF;
}

.vehicle-stock-status.red {
	background-color: #FF0000;
	color: #FFF;
}

.vehicle-stock-status.black {
	background-color: #000000;
}

#vehicle-list th {
	padding: 12px 10px;
	white-space: nowrap;
}

#vehicle-list td, 
#modules-list td {
	padding: 8px 10px;
}

#vehicle-list thead tr>th:first-child, 
#vehicle-list tbody tr>td:first-child {
	width: 20px;
}

#vehicle-list thead tr th:nth-child(9) {
	min-width: 200px;
	width: 200px;
}

#vehicle-list .price-deviation {
	display: block;
	width: 75px;
	text-align: center;
	margin: 0 auto;
	padding: 2px 8px;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px;
	user-select: none;
}

#vehicle-list .price-deviation[title] {
	cursor: help;
}

.reset-field {
	cursor: pointer;
}

.light-b-top {
	border-top: 1px solid #DDD;
}

.light-b-bottom {
	border-bottom: 1px solid #DDD;
}

#optionals-popup-table-wrapper {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	max-height: 480px;
	overflow-y: overlay;
}

@media screen and (min-width: 1026px) {
	.modal-xl {
		width: 1024px !important;
	}	
}

.alert {
	padding: 10px 15px;
}

.alert-xs {
	padding: 5px 10px;
}

.alert-xs.alert-styled-left {
    border-left-width: 32px;
}

.alert-xs[class*=alert-styled-]:after {
	width: 31px;
	left: -32px;
}

#vehicle-modules-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.vehicle-module {
	flex: 0 0 125px;
	min-width: 125px;
	margin: 0px 10px;
	text-align: center;
	color: #000;
}

.vehicle-module::before {
	display: block;
	content: '';
	width: 65%;
	margin: 0 auto;
	padding-bottom: 110%;
	background-repeat: no-repeat;
	background-image: url('/assets/images/ui/pdf.svg');
	background-size: contain;
	background-position: center;
}

.ms-custom {
	display: inline-block;
	vertical-align: middle;
	width: 320px;
	list-style-type: none;
	padding: 36px 0px 0px;
	margin-right: 15px;
	background-color: #FFF;
	border: 1px solid #DDD;
	height: 36px;
	cursor: pointer;
	position: relative;
	outline: none;
}

.ms-custom:not(.open):not(.loading)::before {
	position: absolute;
	top: 8px;
	right: 15px;
	font-family: 'FontAwesome';
	content: '\f078';
	z-index: 1028;
}

.ms-custom::after {
    position: absolute;
    top: 9px;
    left: 15px;
    width: 100%;
    text-align: left;
    content: 'Nessun elemento selezionato';
    color: #888;
    z-index: 1026;
}

.ms-custom.loading::after {
	font-family: 'FontAwesome';
	color: #06D;
	text-align: center;
	padding: 0;
	left: 0px;
	content: '\f1ce';
	font-size: 14px;
	animation: fa-spin 2s infinite linear;
}

.ms-custom .options {
	position: absolute;
	top: 37px;
	left: -1px;
	width: calc(100% + 2px);
	border-style: solid;
	border-color: #DDD;
	border-width: 0px 1px 1px 1px;
	display: none;
	overflow-y: overlay;
	max-height: 245px;
	list-style-type: none;
	padding: 0;
	z-index: 1030;
}

.ms-custom.open .options {
	display: block;
}

.ms-custom li {
	position: relative;
	height: 36px;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	border-bottom: 1px solid #F7F7F7;
	line-height: 1;
	background-color: #FFF;
}

.ms-custom.open li:hover {
	background-color: #06D;
	color: #FFF;
}

.ms-custom li .pict {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
	top: -8px;
	background-position: center;
	background-size: cover;
	width: 30px;
	height: 30px;
	border-radius: 100px;
}

.ms-custom li span {
	display: inline-block;
	vertical-align: top;
}

.ms-custom>li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	border: none;
	z-index: 1027;
	padding: 11px 10px;
}

.flexdatalist-results li span:nth-child(4) {
	font-size: 85%;
}

.flexdatalist-results li span:nth-child(4)::before {
	display: inline-block;
	content: '(';
}

.flexdatalist-results li span:nth-child(4)::after {
	display: inline-block;
	content: '-';
	margin: 0px 5px;
}

.flexdatalist-results li span:nth-child(5) {
	font-size: 85%;
}

.flexdatalist-results li span:nth-child(5)::after {
	display: inline-block;
	content: ')';
}

.navigation li a>i {
	margin-right: 6px;
	margin-left: -2px;
}

.picker__holder.extended {
	width: 300px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #FDFDFD;
}

.vehicle-list-flag {
    display: inline-block;
	vertical-align: middle;
	font-size: 11px;
}

.vehicle-list-flag::before {
	display: block;
}

.vehicle-list-flag[data-status="true"]::before {
	content: 'ATTIVO';
	color: #5B0;
}

.vehicle-list-flag[data-status="false"]::before {
	content: 'DISATTIVO';
	color: #F30;
}

.eq-flex {
	display: flex;
	flex-wrap: wrap;
}

.eq-flex .fx-33 {
	flex-basis: 33.3333333%;
	flex-shrink: 1;
	flex-grow: 1;
}

.eq-flex .fx-33.mr-15 {
	flex-basis: calc(33.3333333% - 15px);
}

.mw-180 {
	min-width: 180px;
}

@media screen and (max-width: 480px) {
	.eq-flex .fx-33 {
		flex-basis: 100%;
		margin-right: 0px !important;
	}
}

/* PERSONALIZZAZIONI GRAFICA SIMIL BITRIX */

body {
	background-color: #EEF2F5;
}

.navbar {
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFF;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #EEE;
	box-shadow: 0px 0px 2px 0px #CCC;
	z-index: 1031;
}

@media (min-width: 769px) {
	body.navbar-top {
		padding-top: var(--TOPNAV_HEIGHT);
	}
}

.navigation li a {
	color: #3A3B3D;
	font-weight: 400;
	font-size: 14px;
}

.navigation li a:focus, .navigation li a:hover {
    background-color: #E6EAED;
    color: #3A3B3D;
}

.navigation>li.active>a, .navigation>li.active>a:focus, .navigation>li.active>a:hover {
    background-color: #E6EAED;
    color: #3A3B3D;
}

.navigation>li ul {
	background-color: #E6EAED;
}

.navigation>li ul li a:hover {
	background-color: #ced2d4;
}

.page-header {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0px;
	border: none;
	background-color: #FFF;
    box-shadow: 0px 0px 4px 0px #BBB;
	z-index: 1030;
}

.page-header-content {
	min-height: 52px;
	padding: 0 15px;
	background-color: unset;
}

.prv-page-header {
	display: flex;
	flex: 0 0 100%;
	max-width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 0px;
	border: none;
}

.prv-page-header .title {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1.1;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: auto 10px auto 0px;
    overflow: hidden;
}

.prv-page-header .title a {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin-top: 4px;
}

.prv-page-header .actions {
	display: flex;
	flex: 0 0 auto;
	margin: 0 0 0 auto;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.prv-page-header .actions>button {
	text-transform: uppercase;
}

.prv-page-header .actions>.btn, 
.prv-page-header .actions>div.btn-group {
	margin-right: 5px;
	white-space: nowrap;
}

.prv-page-header .actions>.btn, 
.prv-page-header .actions>div.btn-group>button {
	padding-top: 8px;
	padding-bottom: 8px;
}

.prv-page-header .actions button:last-child {
	margin-right: 0;
}

.prv-page-header .actions .multiselect-native-select {
	display: inline-block;
}

.prv-page-header .actions .multiselect-native-select button.multiselect.dropdown-toggle {
	padding-top: 5px;
	padding-bottom: 5px;
}

.prv-page-header .actions button>i:first-of-type:first-child {
	margin-right: 6px;
}

.page-header-form {
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 100%;
}

.page-header-form .form-control,
.page-header-form select,
.page-header-form .btn {
	height: 32px;
	padding: 5px 10px;
}

.page-header-form .btn-group {
	height: unset !important;
}

.page-header-form .group {
	display: flex;
	flex: 0 1 auto;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.page-header-form .group > * {
	flex: 1 1 auto;
}

.page-header-form .group label {
	flex: 0 0 auto;
	margin: 0px;
}

.dashboard-filter-form .datepicker-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: inherit;
}

.page-header-form .group:has(.multiselect-native-select) {
	flex: 0 1 330px;
}

.page-header-filter-toggle {
	display: none;
	width: 40px;
	height: 38px;
	background-color: #1e88e520;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjE5NkYzIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiwxNiBDMTMuMzA2MjUyMSwxNiAxNC40MTc1MTQ0LDE2LjgzNDg1MDEgMTQuODI5MzI1NywxOC4wMDAwODg5IEwyMSwxOCBDMjEuNTUyMjg0NywxOCAyMiwxOC40NDc3MTUzIDIyLDE5IEMyMiwxOS41NTIyODQ3IDIxLjU1MjI4NDcsMjAgMjEsMjAgTDE0LjgyODk3NTgsMjAuMDAwOTAwNyBDMTQuNDE2ODg1MiwyMS4xNjU2MjI2IDEzLjMwNTg4MjIsMjIgMTIsMjIgQzEwLjY5NDExNzgsMjIgOS41ODMxMTQ4NSwyMS4xNjU2MjI2IDkuMTcxMDI0MjMsMjAuMDAwOTAwNyBMMywyMCBDMi40NDc3MTUyNSwyMCAyLDE5LjU1MjI4NDcgMiwxOSBDMiwxOC40NDc3MTUzIDIuNDQ3NzE1MjUsMTggMywxOCBMOS4xNzA2NzQyOCwxOC4wMDAwODg5IEM5LjU4MjQ4NTU4LDE2LjgzNDg1MDEgMTAuNjkzNzQ3OSwxNiAxMiwxNiBaIE0xMiwxOCBDMTEuNDQ3NzE1MywxOCAxMSwxOC40NDc3MTUzIDExLDE5IEMxMSwxOS41NTIyODQ3IDExLjQ0NzcxNTMsMjAgMTIsMjAgQzEyLjU1MjI4NDcsMjAgMTMsMTkuNTUyMjg0NyAxMywxOSBDMTMsMTguNDQ3NzE1MyAxMi41NTIyODQ3LDE4IDEyLDE4IFogTTE5LDkgQzIwLjY1Njg1NDIsOSAyMiwxMC4zNDMxNDU4IDIyLDEyIEMyMiwxMy42NTY4NTQyIDIwLjY1Njg1NDIsMTUgMTksMTUgQzE3LjY5NDExNzgsMTUgMTYuNTgzMTE0OCwxNC4xNjU2MjI2IDE2LjE3MTAyNDIsMTMuMDAwOTAwNyBMMywxMyBDMi40NDc3MTUyNSwxMyAyLDEyLjU1MjI4NDcgMiwxMiBDMiwxMS40NDc3MTUzIDIuNDQ3NzE1MjUsMTEgMywxMSBMMTYuMTcwNjc0MywxMS4wMDAwODg5IEMxNi41ODI0ODU2LDkuODM0ODUwMSAxNy42OTM3NDc5LDkgMTksOSBaIE0xOSwxMSBDMTguNDQ3NzE1MywxMSAxOCwxMS40NDc3MTUzIDE4LDEyIEMxOCwxMi41NTIyODQ3IDE4LjQ0NzcxNTMsMTMgMTksMTMgQzE5LjU1MjI4NDcsMTMgMjAsMTIuNTUyMjg0NyAyMCwxMiBDMjAsMTEuNDQ3NzE1MyAxOS41NTIyODQ3LDExIDE5LDExIFogTTUsMiBDNi4zMTE3OTk1NiwyIDcuNDI2OTQ5NzEsMi44NDE5NTYxOCA3LjgzNDUzNDU4LDQuMDE0OTUyNjcgQzcuODg3OTg2MzgsNC4wMDQ2OTQ4MiA3Ljk0MzQ0NDkyLDQgOCw0IEwyMSw0IEMyMS41NTIyODQ3LDQgMjIsNC40NDc3MTUyNSAyMiw1IEMyMiw1LjU1MjI4NDc1IDIxLjU1MjI4NDcsNiAyMSw2IEw4LDYgQzcuOTQzNDQ0OTIsNiA3Ljg4Nzk4NjM4LDUuOTk1MzA1MTggNy44MzM5OTI4NSw1Ljk4NjI4NDAxIEM3LjQyNjk0OTcxLDcuMTU4MDQzODIgNi4zMTE3OTk1Niw4IDUsOCBDMy4zNDMxNDU3NSw4IDIsNi42NTY4NTQyNSAyLDUgQzIsMy4zNDMxNDU3NSAzLjM0MzE0NTc1LDIgNSwyIFogTTUsNCBDNC40NDc3MTUyNSw0IDQsNC40NDc3MTUyNSA0LDUgQzQsNS41NTIyODQ3NSA0LjQ0NzcxNTI1LDYgNSw2IEM1LjU1MjI4NDc1LDYgNiw1LjU1MjI4NDc1IDYsNSBDNiw0LjQ0NzcxNTI1IDUuNTUyMjg0NzUsNCA1LDQgWiIvPjwvc3ZnPg==") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 56%;
}

.page-header-filter-toggle i {
	margin-right: 0 !important;
}

@media screen and (max-width: 768px) {

    .page-header {
		position: relative;
		top: unset;
		padding: 10px 0px;
		z-index: 1029;
    }

	.page-header-content {
		min-height: unset;
	}

	.prv-page-header {
		flex-wrap: wrap;
	}

	.prv-page-header .title {
		flex: 0 0 100%;
		display: block;
		font-size: 16px;
		margin: 5px 0;
	}

	.prv-page-header .actions {
		display: flex;
		flex: 0 0 100%;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: flex-start;
		text-align: right;
		margin-top: 5px;
	}

	.prv-page-header .actions>.btn-group {
		display: flex;
	}

	.prv-page-header .actions>.btn-group button:first-child {
		flex: 1 0 calc(100% - 32px);
	}

	.page-header-form .group {
		flex: 1 1 auto;
	}
}

@media screen and (max-width: 991.999px) {

	body {
		padding-top: var(--TOPNAV_HEIGHT);
	}

	.prv-page-header .actions>button,
	.prv-page-header .actions>.btn-group {
		flex: 0 1 auto;
		margin: 0px !important;
	}

}

.page-title {
	background-color: #FFF;
    padding-left: 20px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
	border-color: #DDD;
	-webkit-box-shadow: 0 1px 0 0 #ddd;
    box-shadow: 0 1px 0 0 #ddd;
}

legend {
	background-color: #535C69;
	background-color: #263D4C;
	text-shadow: none;
	font-weight: 400 !important;
}

legend.crm {
	background-color: #007057;
}
/* ************************************** */

.legend-container {
	display: block;
	width: 100%;
	line-height: 1;
	margin-top: 25px;
}

.legend-container * {
	vertical-align: text-bottom;
}

.legend-container>label {
	font-weight: 500;
	margin: 0px 15px 0px 0px;
}

.legend-container .legend-item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

.legend-container .legend-item span {
	display: inline-block;
	margin-right: 3.5px;
	width: 16px;
	height: 16px;
	border-radius: 3px;
}

.legend-container .legend-item span.circle {
	border-radius: 100px;
}

input[required]:invalid, select[required]:invalid, textarea[required]:invalid {
	outline: 0px;
	border: 1px solid rgba(240, 8, 0, 1);
}

.vehicle-list-desc-input {
	border: none;
    padding: 0px;
    background-color: transparent;
    width: 320px;
}

#vehicle-docs-inventory {
	list-style-type: none;
	padding: 0px;
	line-height: 2;
	font-size: 16px;
}

#vehicle-docs-inventory li span {
	margin-right: 10px;
}

.panel.minimized .panel-body {
	max-height: 102px;
	overflow: hidden;
}

.panel.minimized a[data-action="minimize"] {
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icons-list a[data-action="minimize"]:after {
    content: '\e9c1';
}

.vehicle-quotation-table-ltr td {
	border-bottom: 2px solid #DDD;
}

.vehicle-quotation-table-str {
	background-color: #FFF;
	border-right: 1px solid #DDD;
	border-bottom: 2px solid #DDD;
	color: #000;
}

table.vehicle-quotation-table tbody tr:nth-child(4n + 1) {
	background-color: var(--vqt-blue);
	color: #FFF;
}

table.vehicle-quotation-table tbody tr:nth-child(4n + 2) {
	background-color: var(--vqt-yellow);
}

.vehicle-label-modal input[type="radio"] {
	display: inline-block;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border: none;
	border-radius: 100%;
	cursor: pointer;
	outline: none;
	margin: 4px 5px 4px 0px;
	vertical-align: middle;
}

.vehicle-label-modal input[type="radio"]:checked::before {
	display: block;
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #FFF;
	border-radius: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.vehicle-label-modal input[type="radio"]::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 100%;
}

.vehicle-label-modal input[type="radio"]:checked {
	background-image: none;
}

.vehicle-labels-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.etichetta {
    display: flex;
	align-items: center;
    font-weight: 300;
	font-size: 13px;
	color: #000;
	line-height: 1;
	text-transform: uppercase;
    padding: 8px 10px 8px 10px;
	border: 1px solid #DDD;
    border-radius: 4px;
    background-color: #F2F3F4;
}

.etichetta .color-mark {
	display: block;
	width: 12px;
	height: 12px;
	margin: auto 8px auto 0px;
	border-radius: 4px;
}

.etichetta .action {
	display: block;
	margin: auto 0px auto 5px;
	padding: 6px 8px;
	background-color: #E8E9EA;
	border-radius: 3px;
	cursor: pointer;
}

.etichetta .action:hover {
	background-color: #E4E5E6;
}

.etichetta .action:first-of-type {
	margin-left: 10px;
}

.etichetta .action.edit {
	color: orange;
}

.etichetta .action.delete {
	color: red;
}

#vehicle-header-info {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 25px;
	align-items: center;
	color: #455962;
}

#vehicle-header-image {
	position: relative;
	flex: 0 0 115px;
	background-color: rgb(213,213,213);
	border: 1px solid #535C69;
	border-radius: 3px;
	margin-right: 15px;
	overflow: hidden;
}

#vehicle-header-image::before {
	display: block;
	content: '';
	width: 100%;
	padding-bottom: 75%;
}

#vehicle-header-image img {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

#vehicle-header-data p {
	margin: 0px 0px;
}

@media screen and (max-width: 480px) {
	#vehicle-header-info {
		flex-wrap: wrap;
	}

	#vehicle-header-data {
		flex: 0 0 100%;
		margin-top: 15px;
	}

	#vehicle-header-image {
		flex: 0 0 125px;
		margin: 0px auto;
	}
}

.vehicle-header-listings-url {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5px;
}

.vehicle-header-listing-url {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	line-height: 1;
}

.vehicle-header-listing-url img,
.vehicle-header-listing-url span {
	cursor: pointer;
}

.vehicle-header-listing-url img {
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
}

.vehicle-header-listing-url:not(:last-child)::after {
	content: '\25cf';
	margin: 0 4px;
	opacity: 0.6;
}

#infocarFromPlate {
	cursor: pointer;
	background-color: #2196F3;
	color: #FFF !important
}

.has-error #infocarFromPlate {
	padding-right: 30px;
	background-color: #DD0000 !important;
}

.agency-reviews-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

.agency-reviews-container:empty::before {
	flex: 1 1 auto;
}

.agency-reviews-container .review {
	flex: 0 1 auto;
	width: clamp(calc(25% - 12px), 400px, 100%);
	max-width: 100%;
	margin-bottom: 0;
}

.agency-reviews-container .review .heading-elements {
	display: block !important;
	position: absolute !important;
	background-color: inherit;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 36px;
    margin-top: -18px;
}

.agency-reviews-container .review .panel-heading,
.agency-reviews-container .review .panel-body {
	padding: 10px;
}

.adminUserListImage {
	display: block;
	position: relative;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	overflow: hidden;
	background-image: url('/assets/images/user-placeholder.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.adminUserListImage img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-hr {
	display: block;
	position: relative;
	width: 100%;
	margin: 20px 0px;
	color: #AAA;
}

.text-hr.text-danger::after {
	border-color: #F00;
}

.text-hr.text-primary::after {
	border-color: #2196F3;
}

.text-hr.cta {
	cursor: pointer;
}

.text-hr.cta *{
	cursor: pointer;
}

.text-hr::before {
	display: inline;
	position: relative;
	color: inherit;
	background-color: #FFF;
	padding-right: 10px;
	content: attr(data-text);
	z-index: 99;
}

.text-hr::after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	top: 50%;
	border-top: 1px solid #DDD;
	z-index: 98;
}

.anHiddenFields:not(.visible) {
	display: none;
}

#contacts-list th, #contacts-list-body td {
	white-space: nowrap;
}

#fq_dialog .modal-body {
	padding: 0px 0px 10px;
}

#fq_plate_km_wrapper {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 30px;
}

#fq_plate_km_wrapper>input {
	flex: 0 0 35%;
}

#fq_plate_km_wrapper>div {
	flex: 0 0 40%;
}

#fq_table_container {
	border: 1px solid #DDD;
}

#fq_variant {
	padding: 0px 20px 0px;
}

#fq_variants {
	border: none;
}

#fq_variants tbody tr:last-child td {
	border-bottom: none;
}

#fq_variants thead tr {
	background-color: #F5F6F7;
}

#fq_dialog table th {
	padding: 6px 15px;
	background-color: #F5F6F7;
	border: 1px solid #DDD;
	font-size: 13px;
}

#fq_dialog table tbody tr {
	cursor: pointer;
}

#fq_dialog table td {
	padding: 5px 15px;
	font-size: 13px;
}

#fq_dialog thead th, #fq_variants tbody tr:first-child td {
	border-top: none;
}

#fq_variants thead tr th:first-child, #fq_variants tbody tr td:first-child {
	border-left: none;
} 

#fq_variants thead tr th:last-child, #fq_variants tbody tr td:last-child {
	border-right: none;
} 

#fq_table_container {
	max-height: 314px;
	overflow-y: auto;
}

#fq_variants tbody td label {
	color: #FFF;
	padding: 1px 10px;
	margin: 0;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 12px;
}

#fq_equipments .table-responsive {
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid #DDD;
}

#fq_data_from_plate {
	cursor: pointer;
}

#fq_informations {
	padding: 0px 20px 0px;
}

.table-nowrap tr td, .table-nowrap tr th {
	white-space: nowrap;
}

.table-pointer tbody tr {
	cursor: pointer;
}

.panel-body.xs {
	padding: 10px 15px;
}

@media print {    
    .no-print, .no-print * {
        display: none !important;
    }
}

.anUserFieldsReset {
	cursor: pointer;
	transition: background-color 0.15s;
}

.anUserFieldsReset:hover {
	background-color: #EEE;
	color: #08D;
}

.sell-quotation-status-label {
	display: block;
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-radius: 0px;
	color: #333;
	font-weight: 400;
	font-size: 11px;
	line-height: 1;
	padding: 6px 8px 5px;
	letter-spacing: 0.15px;
	min-width: 100px;
	text-align: left;
}

.sell-quotation-status-label[data-id="0"] {
	border-color: #CCCCCC;
}

.sell-quotation-status-label[data-id="1"] {
	border-color: #090;
}

.sell-quotation-status-label[data-id="2"] {
	border-color: #D00;
}

.sell-quotation-status-label::before {
	display: block;
}

.sell-quotation-status-label[data-id="0"]::before {
	content: 'PREVENTIVO';
}

.sell-quotation-status-label[data-id="1"]::before {
	content: 'PROP.ACCETTATA';
}

.sell-quotation-status-label[data-id="2"]::before {
	content: 'PROP.RIFIUTATA';
}

.stat-row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: nowrap;
	align-items: center;
}

.dashboard-panel-title {
    display: block;
	flex: 0 0 100%;
	font-size: 16px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
	line-height: 1;
	margin: 5px 0px 10px;
}

.dashboard-panel-title::after {
	display: block;
	content: '';
	height: 1px;
	width: 40%;
	margin: 10px auto 0;
	background-color: #EEE;
}

.dashboard-panel-title .sub {
	display: block;
	font-size: 14px;
	font-weight: 300;
	color: #555;
	text-transform: initial;	
	margin: 8px 0px 10px;
}

.dashboard-panel-title .sub.loading-overlay::before {
	background-size: 20px;
}

.stat-item {
	position: relative;
	text-align: center;
	margin: 0px auto;
	overflow: hidden;
}

.stat-item-auto {
	flex: 0 0 auto;
}

.stat-item-25 {
	flex: 0 0 25%;
}

.stat-item-33 {
	flex: 0 0 33.3%;
}

.stat-item-50 {
	flex: 0 0 50%;
}

.stat-item-66 {
	flex: 0 0 66.7%;
}

.stat-item-75 {
	flex: 0 0 75%;
}

.stat-item-100 {
	flex: 0 0 100%;
}

.stat-item .value {
	margin: 0px 0px 5px;
	color: #000;
	font-size: 38px;
	font-weight: 500;
	line-height: 1;
}

.stat-item .value[data-unit]::after {
	content: attr(data-unit);
	font-weight: 400;
	font-size: 75%;
	margin-left: 5px;
	color: #999;
}

.stat-item.xs .value {
	font-size: 24px;
	margin-bottom: 3px;
}

.stat-item.sm .value {
	font-size: 32px;
	margin: 25px 0px 0px;
}

.stat-item .label {
	display: block;
	font-size: 14px;
	color: #AAA;
	font-weight: 400;
	text-transform: uppercase;
	margin: 2px auto 10px;
	padding: 2px 0 1px;
	white-space: break-spaces;
}

.stat-item table {
	border: none;
}

.stat-item table tr:first-child th, .stat-item table tr:first-child td {
	border: none;
}

.stat-item table tr th, .stat-item table tr td {
	border: none;
	border-top: 1px dotted #EEE;
}

@media screen and (max-width: 480px) {

	.stat-row {
		flex-wrap: wrap;
	}

	.stat-item {
		flex: 0 0 100% !important;
		width: 100%;
	}

	.stat-item .label {
		width: 100%;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.stat-row {
		flex-wrap: wrap;
	}

	.stat-item-has-divider {
		margin-top: 20px;
	}
}

#payments-wrapper .payment {
	position: relative;
	padding: 15px 60px  15px 5px;
	border: 1px solid #EEE;
	background-color: #F8F9FA;
	margin: 0px 0px 20px;
	border-radius: 2px;
}

#payments-wrapper .payment:last-child {
	margin: 0;
}

.delete-payment-row {
	position: absolute;
	top: 42px;
	right: 15px;
	background-color: #F7F7F7;
	color: #F00;
	border: 1px solid #DDD;
	font-size: 24px;
	padding: 5px 12px;
	line-height: 1;
	transition: 0.15s;
}

.delete-payment-row:hover {
	background-color: #F4F4F4;
	border: 1px solid #CCC;
}

.delete-payment-row:active {
	background-color: #F0F0F0;
	border: 1px solid #C3C3C3;
}

@media screen and (max-width: 991px) {
	.delete-payment-row {
		padding: 4px 10px;
		top: 0;
		right: 0;
		transform: none;
	}
}

.stat-item-has-divider {
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #EEE;
}

#invoice-modal .modal-title {
	font-size: 16px;
	line-height: 1;
}

#invoice-modal .modal-body {
	background-color: #F8F9FA;
	padding: 0px;
}

#invoice-modal .modal-body form {
	padding: 20px;
}

#invoice-modal .text-hr {
	font-size: 14px;
	cursor: pointer;
	margin: 0px 0px 20px;
}

#invoice-modal .text-hr::before {
	background-color: #F8F9FA;
}

.invoice-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 10px 0px 20px !important;
}

.invoice-row>div {
	position: relative;
}

.invoice-row>div label {
	white-space: nowrap;
}

.invoice-row:not(:first-child)>div label {
	display: none;
}



.invoice-row>div:nth-child(1) {
	flex: 1 1 100%;
	margin: 0px 6px;
}

.invoice-row>div:nth-child(2) {
	flex: 0 0 80px;
	margin: 0px 6px;
}

.invoice-row>div:nth-child(3) {
	flex: 0 0 200px;
	margin: 0px 6px;
}

.invoice-row>div:nth-child(4) {
	flex: 0 0 150px;
	margin: 0px 6px 0px 0px;
}

.invoice-row>div:last-child {
	flex: 0 0 32px;
	margin: 0px;
}

.invoice-row-remove {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
	font-size: 22px;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	color: #888;
	font-weight: 300;
}

.invoice-row-remove:hover {
	color: #E00;
}

@media screen and (max-width: 991px) {
	.stat-item-has-divider {
		border-width: 0px 0px 1px 0px;
	}
}

@media screen and (min-width: 992px) {
	.daterangepicker.show-calendar {
		/*width: 885px;*/
	}
}

.inv-status-label, .inv-paid-label {
	margin: 0;
	width: auto !important;
}

.label.label-tag.inv-status-label[data-val="0"], .label.label-tag.inv-paid-label[data-val="0"] {
	border-color: #D00;
}

.label.label-tag.inv-status-label[data-val="1"], .label.label-tag.inv-paid-label[data-val="1"] {
	border-color: #090;
}

.label.label-tag.inv-status-label[data-val="0"]::before {
	content: 'NON INVIATA'
}

.label.label-tag.inv-status-label[data-val="1"]::before {
	content: 'INVIATA'
}

.dropdown-menu>li {
	width: max-content;
	min-width: 100%;
}

#mail-modal .modal-header {
	padding: 10px 15px;
}

#mail-modal .modal-body {
	padding: 0;
	border: none;
}

#mail-modal .modal-footer {
	padding: 10px;
}

#mail-modal .mail-details-write {
	border: none;
}

#mail-modal .mail-details-write > table td {
	padding: 12px 15px;
}

#mail-modal #mail-popup-body {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 200px;
	border: none;
	padding: 15px;
	overflow: overlay;
}

#mail-modal .mail-attachments-container {
	padding: 5px 15px;
}

#mail-modal .mail-attachments>li {
	padding: 10px 15px;
	margin: 5px 10px 5px 0px;
	vertical-align: top;
}

#mail-modal .mail-attachments>li>.mail-attachments-content>span.text-semibold {
	display: block;
	max-width: 160px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#mail-modal  #mail-popup-attachment-input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	left: -100vw;
}

#mail-modal .mail-container-write .note-editor .note-toolbar {
	padding: 0 0 10px 15px;
}

/* AUTOCOMPLETE PLUGIN STYLING */
.autocomplete-suggestions {
	text-align: left;
	cursor: default;
	border: 1px solid #ccc;
	border-top: 0;
	background: #fff;
	box-shadow: -1px 1px 3px rgba(0,0,0,.1);
	position: absolute;
	display: none;
	z-index: 9999;
	max-height: 254px;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}

.autocomplete-suggestion {
	position: relative;
	padding: 10px 15px;
	line-height: 1.6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.autocomplete-suggestion.selected {
	background: #f0f0f0;
}

.autocomplete-suggestion:not(:last-child) {
	border-bottom: 1px solid #EEE;
}

.autocomplete-suggestion .title, .autocomplete-suggestion .subtitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete-suggestion .title {
	display: block;
	color: #000;
	font-size: 14px;
}

.autocomplete-suggestion .subtitle {
	display: block;
	color: #888;
	font-size: 12px;
}
/* AUTOCOMPLETE PLUGIN STYLING */

.label-status {
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-radius: 0px;
}

.label-status::before {
	display: inline-block;
}

.label-status[data-status="2"] {
	border-color: #0097A0;
}

.label-status[data-status="2"]::before {
	content:'ACQUISITO';
}

.label-status[data-status="3"] {
	border-color: #5E35B1;
}

.label-status[data-status="3"]::before {
	content:'PRENOTATO';
}

.label-status[data-status="4"] {
	border-color: #388E3C;
}

.label-status[data-status="4"]::before {
	content:'VENDUTO';
}

.label-status[data-status="5"] {
	border-color: #D84315;
}

.label-status[data-status="5"]::before {
	content:'RECESSO';
}

.label-status[data-status="6"] {
	border-color: #C62828;
}

.label-status[data-status="6"]::before {
	content:'SCADUTO';
}

.label-status[data-status="7"] {
	border-color: #C62828;
}

.label-status[data-status="7"]::before {
	content:'ELIMINATO';
}

.label-status.success {
	border-color: #388E3C;
}

.label-status.error {
	border-color: #C62828;
}

.label-status[data-status="101"] {
	border-color: #CCCCCC;
}

.label-status[data-status="101"]::before {
	content:'PREVENTIVO';
}

.label-status[data-status="102"] {
	border-color: #388E3C;
}

.label-status[data-status="102"]::before {
	content:'ACQUISITO';
}

.navbar-nav>li>a>.badge.notifications-badge {
	display: block;
	top: 5px;
    right: 5px;
    padding: 0px 5px;
    font-size: 10px;
}

.navbar-nav>li>a>.badge.notifications-badge[data-val="0"] {
	display: none;
}

.navbar-nav>li>a>.badge.notifications-badge::before {
	display: block;
	content: attr(data-val);
}

.prv-notification-area .dropdown-content-heading {
	padding: 12px 20px 10px;
	line-height: 1;
	background-color: #F4F5F6;
}

.prv-notification-area ul.media-list {
	padding: 0px 0px;
}

.prv-notification-area ul.media-list li.media {
	padding: 10px 20px;
	margin: 0px;
	transition: all 0.3s;
	border-top: 1px solid #EEE;
}

.prv-notification-area ul.media-list li.media:hover {
	background-color: #0066DD20;
}

.prv-notification-area ul.media-list li.media .media-heading {
	font-weight: 400;
	color: #2196F3;
}

.prv-notification-area ul.media-list li.media .media-annotation {
	color: #333;
}

.prv-notification-area ul.media-list li.media .delete-notification {
	color: #888;
	cursor: pointer;
}

.prv-notification-area ul.media-list li.media .delete-notification:hover {
	color: #E00;
}

.prv-notification-area .dropdown-content-body:empty::before {
	display: block;
	content: 'La lista delle notifiche è vuota!';
	padding: 20px;
	color: #888;
	text-align: center;
	line-height: 1;
}

.prv-page-header .actions .form-group {
	display: inline-block;
	margin-bottom: 0;
}

.prv-page-header .actions .form-group label {
	margin: 0px 6px 0px 0px;
}

.prv-page-header .actions .form-group .form-control {
	display: inline-block;
	vertical-align: middle;
	width: initial;
}

.full-calendar-wrapper {
	display: block;
    width: 100%;
    max-width: 100%;
    margin: 0px auto 50px;
    padding: 0px 15px;
}

.label-stage {
	color: #000;
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	border-radius: 0px;
	color: #333;
	font-weight: 400;
	font-size: 11px;
	line-height: 1;
	padding: 6px 8px 5px;
	letter-spacing: 0.15px;
	width: 140px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.label-stage.red {
	border-color: #F00;
}

.label-stage.orange {
	border-color: #FC0;
}

.label-stage.blue {
	border-color: #48D;
}

.label-stage.green {
	border-color: #090;
}

.label-stage.black {
	border-color: #000;
}

.activityCell {
	position: relative;
	padding: 8px 10px 8px 20px !important;
}

.activityCell.unmanaged {
	color: #777;
}

.activityCell::before {
	display: inline-block;
	position: relative;
	left: -10px;
	content: '';
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjQUFBIiBkPSJNMjU2IDhDMTE5LjAzMyA4IDggMTE5LjAzMyA4IDI1NnMxMTEuMDMzIDI0OCAyNDggMjQ4IDI0OC0xMTEuMDMzIDI0OC0yNDhTMzkyLjk2NyA4IDI1NiA4em0xNDEuNDIxIDEwNi41NzljNzMuMTc2IDczLjE3NSA3Ny4wNSAxODcuMzAxIDE1Ljk2NCAyNjQuODY1TDEzMi41NTYgOTguNjE1Yzc3LjU4OC02MS4xMDUgMTkxLjcwOS01Ny4xOTMgMjY0Ljg2NSAxNS45NjR6TTExNC41NzkgMzk3LjQyMWMtNzMuMTc2LTczLjE3NS03Ny4wNS0xODcuMzAxLTE1Ljk2NC0yNjQuODY1bDI4MC44MjkgMjgwLjgyOWMtNzcuNTg4IDYxLjEwNS0xOTEuNzA5IDU3LjE5My0yNjQuODY1LTE1Ljk2NHoiPjwvcGF0aD48L3N2Zz4=");
}

.activityCell.managed::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjRjJEMTJGIiBkPSJNMzYwIDBIMjRDMTAuNzQ1IDAgMCAxMC43NDUgMCAyNHYxNmMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjQgMCA5MC45NjUgNTEuMDE2IDE2Ny43MzQgMTIwLjg0MiAxOTJDNzUuMDE2IDI4MC4yNjYgMjQgMzU3LjAzNSAyNCA0NDhjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHYxNmMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMzM2YzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNHYtMTZjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0IDAtOTAuOTY1LTUxLjAxNi0xNjcuNzM0LTEyMC44NDItMTkyQzMwOC45ODQgMjMxLjczNCAzNjAgMTU0Ljk2NSAzNjAgNjRjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0VjI0YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNHptLTc1LjA3OCAzODRIOTkuMDhjMTcuMDU5LTQ2Ljc5NyA1Mi4wOTYtODAgOTIuOTItODAgNDAuODIxIDAgNzUuODYyIDMzLjE5NiA5Mi45MjIgODB6bS4wMTktMjU2SDk5LjA3OEM5MS45ODggMTA4LjU0OCA4OCA4Ni43NDggODggNjRoMjA4YzAgMjIuODA1LTMuOTg3IDQ0LjU4Ny0xMS4wNTkgNjR6Ij48L3BhdGg+PC9zdmc+");
	background-repeat: no-repeat;
}

.activityCell.overdue::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjRDAwIiBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMCA0NDhjLTExMC41IDAtMjAwLTg5LjUtMjAwLTIwMFMxNDUuNSA1NiAyNTYgNTZzMjAwIDg5LjUgMjAwIDIwMC04OS41IDIwMC0yMDAgMjAwem02MS44LTEwNC40bC04NC45LTYxLjdjLTMuMS0yLjMtNC45LTUuOS00LjktOS43VjExNmMwLTYuNiA1LjQtMTIgMTItMTJoMzJjNi42IDAgMTIgNS40IDEyIDEydjE0MS43bDY2LjggNDguNmM1LjQgMy45IDYuNSAxMS40IDIuNiAxNi44TDMzNC42IDM0OWMtMy45IDUuMy0xMS40IDYuNS0xNi44IDIuNnoiPjwvcGF0aD48L3N2Zz4=");
}

.activityCell.completed::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDkwIiBkPSJNMjU2IDhDMTE5LjAzMyA4IDggMTE5LjAzMyA4IDI1NnMxMTEuMDMzIDI0OCAyNDggMjQ4IDI0OC0xMTEuMDMzIDI0OC0yNDhTMzkyLjk2NyA4IDI1NiA4em0wIDQ4YzExMC41MzIgMCAyMDAgODkuNDUxIDIwMCAyMDAgMCAxMTAuNTMyLTg5LjQ1MSAyMDAtMjAwIDIwMC0xMTAuNTMyIDAtMjAwLTg5LjQ1MS0yMDAtMjAwIDAtMTEwLjUzMiA4OS40NTEtMjAwIDIwMC0yMDBtMTQwLjIwNCAxMzAuMjY3bC0yMi41MzYtMjIuNzE4Yy00LjY2Ny00LjcwNS0xMi4yNjUtNC43MzYtMTYuOTctLjA2OEwyMTUuMzQ2IDMwMy42OTdsLTU5Ljc5Mi02MC4yNzdjLTQuNjY3LTQuNzA1LTEyLjI2NS00LjczNi0xNi45Ny0uMDY5bC0yMi43MTkgMjIuNTM2Yy00LjcwNSA0LjY2Ny00LjczNiAxMi4yNjUtLjA2OCAxNi45NzFsOTAuNzgxIDkxLjUxNmM0LjY2NyA0LjcwNSAxMi4yNjUgNC43MzYgMTYuOTcuMDY4bDE3Mi41ODktMTcxLjIwNGM0LjcwNC00LjY2OCA0LjczNC0xMi4yNjYuMDY3LTE2Ljk3MXoiPjwvcGF0aD48L3N2Zz4=");
}

.activityData {
	display: inline-block;
	vertical-align: middle;
}

.activityData a, .activityData span {
	display: block;
	white-space: nowrap;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
}

.activityData span {
	font-size: 12px;
	line-height: 1.2;
	color: #888;
}

.activityData .endsAt {
	color: #888;
	margin-top: 0px;
}

.activityData:hover .endsAt {
	display: none;
}

.activityData .status {
	display: none;
	background-color: transparent;
	padding: 0px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
}

.activityData:hover .status {
	display: block;
}

.activityData .status input {
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	vertical-align: text-top;
	margin: 0px 5px 0px 0px;
	border: 1px solid #CCC;
	border-radius: 0;
	background-color: #FFF;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.activityData .status input:hover {
	background-color: #F9F9F9;
	border-color: #AAA;
}

.activityData .status input:checked {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiBmYS05eCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

.activityData .status input:focus {
	border-color: #4D90FE;
}

.limit-string-250 {
	display: block;
	max-width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.limit-string-300 {
	display: block;
	max-width: 300px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fc-addCustomEvent-button {
	background-color: #2196F3 !important;
    color: #FFF;
    border-color: #2196F3 !important;
    line-height: 1.2;
    padding: 7px !important;
}

.multiselect {
	max-width: 100%;
}

.multiselect .multiselect-container {
	min-width: 100%;
	max-height: 300px;
}

.multiselect-item>a {
	background-color: #FFF !important;
	color: #333 !important;
}

.multiselect-item.multiselect-group label {
	margin-top: 0px !important;
}

.multiselect-group>label {
	color: #23A455 !important;
	background-color: #F1F1F1 !important;
	font-weight: 600;
}

.multiselect-item.active:not(.disabled) input[type=checkbox]~.form-check-control-indicator {
    color: #455a64;
    border-color: #607d8b;
}

.multiselect-item.multiselect-all label {
	position: relative;
    font-weight: 300;
}

.multiselect-item.active:not(.disabled) input[type=radio]~.form-check-control-indicator {
    border-color: #607d8b;
}

.multiselect-container.dropdown-menu .multiselect-filter {
	padding: 0;
	margin: -8px 0px 0px;
}

.multiselect-container.dropdown-menu .multiselect-filter .input-group {
	display: block;
}

.multiselect-container.dropdown-menu .multiselect-filter .input-group-addon {
	display: none;
}

.multiselect-container.dropdown-menu .multiselect-filter input.multiselect-search {
	border-width: 0px 0px 1px 0px;
	padding-left: 15px;
}

.multiselect-native-select select.form-control.multiselect + .btn-group {
	height: 36px;
}

.sk-portals {
	display: block;
	width: 500px;
	max-width: 100%;
	list-style: none;
	padding: 0;
}

.sk-portals .portal {
	display: block;
	position: relative;
	line-height: 1;
	margin: 20px 0;
	cursor: pointer;
}

.sk-portals li:first-child .portal {
	margin-top: 12px;
}

.sk-portals .portal img {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 3px 0 0;
	vertical-align: middle;
}

.sk-portals .portal input {
	display: inline-block;
	position: relative;
	margin: -1px 0 0;
	vertical-align: middle;
}

.navbar-search {
	display: block;
	position: relative;
	float: left;
	background-color: rgba(0, 0, 0, 0.067);
	border-radius: 100px;
	padding: 6px 30px 6px 20px;
	margin: 6px 0px 6px 30px;
}

.navbar-search:focus-within {
	background-color: rgba(0, 0, 0, 0.075);
}

.navbar-search input {
	display: block;
	color: #000;
	background: none;
	border: none;
	width: 320px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.navbar-search input::placeholder {
	color: rgba(0, 0, 0, 0.75);
}

.navbar-search span.clear, .navbar-search span.search {
	display: block;
	position: absolute;
	background-image: url(/assets/images/ui/times.svg);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 40%;
	width: 22px;
	height: 22px;
	top: 51%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	transition: opacity 0.125s;
}

.navbar-search span.search {
	display: none;
	background-image: url(/assets/images/ui/search.svg);
	cursor: none;
	pointer-events: none;
}

.navbar-search span.clear:hover {
	opacity: 70%;
}

.navbar-search input:placeholder-shown + span.clear {
	display: none;
}

.navbar-search input:placeholder-shown ~ span.search {
	display: block;
}

.navbar-search.loading::after {
	display: block;
	position: absolute;
	width: 32px;
    height: 32px;
	top: calc(50% - 16px);
	right: 5px;
    content: '';
    background-image: url(/assets/images/ui/circle-notch.svg);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: none;
    pointer-events: none;
	opacity: 0.5;
    animation: fa-spin 2s infinite linear;
}

.navbar-search.loading span.clear, .navbar-search.loading span.search  {
	display: none !important;
}

.navbar-brand {
	width: 250px;
	padding: 6px 24px;
}

.navbar-brand img {
	display: none;
}

.navbar-brand::before {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background-image: url(/assets/images/ui/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width: 991.999px) {
	.navbar-brand {
		width: 60px;
		padding: 4px 0px 4px 24px;
	}

	.navbar-brand::before {
		background-image: url(/assets/images/ui/logo_short.svg);
	}

	.navbar-search {
		width: calc(100% - 166px);
		padding: 6px 30px 6px 10px;
		margin: 6px 0px 0px 8px;
	}

	.navbar-search input {
		min-width: initial;
	}
}

@media screen and (min-width: 991.999px) and (max-width: 1024px) {
	.navbar-search {
		width: calc(100% - 225px);
		margin-left: -25px;
	} 
}

.navbar-search .results {
	display: block;
	position: absolute;
	width: 100%;
	max-height: 620px;
	top: calc(100% + 5px);
	left: 0px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	overflow: overlay;
	z-index: 999;
}

.navbar-search .results .section::before {
	display: block;
	content: attr(name);
	padding: 12px 15px 10px;
	line-height: 1;
	background-color: #F4F5F6;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	border-bottom: 1px solid #F2F2F2;
}

.navbar-search .results .section .item {
	display: block;
	position: relative;
	border-bottom: 1px solid #F2F2F2;
	padding: 15px;
}

.navbar-search .results .section .item .title {
	display: block;
	margin-bottom: 4px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-search .results .section .item .info {
	display: block;
	color: #888;
}

@media screen and (max-width: 575px) {
	#fq_plate_km_wrapper {
		justify-content: space-between;
		margin-bottom: 15px;
	}

	#fq_plate_km_wrapper>* {
		flex: 0 0 calc(50% - 6px) !important;
	}

	#fq_vehicle_category_opts .radio-inline {
		display: block;
		margin: 0px;
	}
}

#vehicles-list-container td {
	line-height: 1.5;
}

.vehicle-list-link {
	display: block;
	margin-bottom: 4px;
	line-height: 1.4;
	overflow: hidden;
}

.vehicle-list-link>span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
}

#vehicles-list-container .description {
	display: block;
	font-size: 14px;
}

#vehicles-list-container .variant {
	color: #777;
	font-size: 90%;
	max-width: 225px;
}

.vehicle-list-portals {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
}

.vehicle-list-portals>span {
	display: block;
	flex: 0 0 100%;
	margin-bottom: 10px;
}

.vehicle-list-portal-toggle {
	display: block;
	flex: 0 0 20px;
	margin-right: 8px;
}

.vehicle-list-portal-toggle.loading-overlay::before {
	background-size: 18px;
	background-color: rgba(255, 255, 255, 0.9);
}

.vehicle-list-portal-toggle img {
	display: block;
	width: 100%;
	filter: grayscale(1);
	opacity: 0.35;
}

.vehicle-list-portal-toggle.active img {
	filter: none;
	opacity: 1;
}

.vehicle-portal-icon {
	display: inline-block;
	width: 18px;
	filter: grayscale(1);
	opacity: 0.35;
}

.vehicle-portal-icon.active {
	filter: none;
	opacity: 1;
}

.vehicle-picture-wrapper {
	padding: 5px !important;
	width: 100px;
}

.vehicle-picture {
	display: block;
	position: relative;
	width: 100px;
	background-image: url('../images/no_image_available.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.vehicle-picture::before {
	display: block;
	position: relative;
	content: '';
	width: 100%;
	padding-bottom: 67%;
}

.vehicle-picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}

.agency-photos-container .agency-photo {
	flex-basis: calc(12.5% - 10px);
	border: 2px solid #888;
	margin: 5px 5px 0px 0px;
}

.agency-photos-container .agency-photo img {
	border: none;
	inset: 0;
	object-fit: cover;
}

.agency-photos-container .agency-photo:hover img {
	opacity: 1;
}

.agency-photo .vehicle-attachment-remove {
	top: 8px;
}

.btn.panel-filter-extend {
	display: block;
	position: relative;
	width: 35px;
	height: 24px;
	top: calc(50% - 12px);
	background-color: #E2E2E2;
	box-shadow: none !important;
}

.btn.panel-filter-extend:hover {
	background-color: #DADADA;
}

.btn.panel-filter-extend::before {
	display: block;
	position: absolute;
	content: '';
	inset: 0;
	margin: auto;
	width: 13px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDQzLjUgMTYyLjZsLTcuMS03LjFjLTQuNy00LjctMTIuMy00LjctMTcgMEwyMjQgMzUxIDI4LjUgMTU1LjVjLTQuNy00LjctMTIuMy00LjctMTcgMGwtNy4xIDcuMWMtNC43IDQuNy00LjcgMTIuMyAwIDE3bDIxMSAyMTEuMWM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjExLTIxMS4xYzQuOC00LjcgNC44LTEyLjMuMS0xN3oiPjwvcGF0aD48L3N2Zz4=");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(0deg);
	transition: all 0.5s;
}

.btn.panel-filter-extend.toggled::before {
	transform: rotate(180deg);
}

.panel-body.extendable {
	padding: 0px 20px;
}

.panel-body.extendable.extended .extended-content {
	padding-top: 20px;
}

.panel-body.extendable>div.extendable-content {
	display: none;
	padding-top: 20px;
}

.panel-body.extendable.extended div.extendable-content {
	display: block;
}

.panel-body.extendable:not(.extended) .extended-field {
	display: none;
}

.panel-body + .panel-heading {
	border-top: 1px solid #DDD;
}

.panel-body.extendable:not(.extended) + .panel-footer {
	border-top: none;
}

.bt-1 {
	border-top: 1px solid #DDD !important;
}

@media screen and (min-width: 992px) {
	#fq_dialog .modal-dialog {
		width: 1090px;
		max-width: 100%;
	}
}

.contact-form select[readonly] {
	pointer-events: none;
}

.training-category-wrapper {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 10px;
}

@media screen and (max-width: 1599.999px) {

    .training-category-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }

}

@media screen and (max-width: 1199.999px) {

    .training-category-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media screen and (max-width: 767.999px) {

    .training-category-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 575.999px) {
	
    .training-category-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

}

.training-video {
	display: block;
	position: relative;
	overflow: hidden;
}

.training-video .thumbnail {
	display: block;
	position: relative;
	width: 100%;
	margin: 0px 0px 10px;
	padding: 0px;
	border: 3px solid #888;
	border-radius: 4px;
	overflow: hidden;
}

.training-video .thumbnail::after {
	display: block;
	content: '';
	padding-bottom: 66.667%;
}

.training-video .thumbnail img {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin: auto;
	height: 100%;
	width: auto;
	max-width: inherit;
	transform: translateX(-50%);
}

.training-video .title {
	display: block;
	width: 100%;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.training-video .delete,
.training-video .edit {
	display: none;
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	z-index: 499;
	cursor: pointer;
	opacity: 0.85;	
}

.training-video .edit {
	top: 6px;
	right: 6px;
	background-image: url(/assets/images/ui/pencil.svg);
}

.training-video .delete {
	top: 46px;
	right: 6px;
	background-image: url(/assets/images/ui/trash.svg);
}

.training-video .play {
	display: none;
	position: absolute;
	background-image: url(/assets/images/ui/play.svg);
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	border-radius: 10px;
	transform: translate3d(-50%, -50%, 0);
	opacity: 0.75;
	cursor: pointer;
	z-index: 1099;
}

.training-video:hover span {
	display: block;
}

.training-video span:hover {
	opacity: 1;
}

.training-video-wrapper {
	display: block;
	position: relative;
	width: 900px;
	max-width: 100%;
	margin: 0px auto;
}

.training-video-wrapper::after {
	display: block;
	content: '';
	padding-bottom: 67%;
}

.training-video-wrapper iframe {
	display: block;
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
}

.stages-summary {
	display: flex;
	gap: 0px 10px;
	justify-content: center;
}

.stage-item {
	flex: 1 1 auto;
	border-bottom-width: 3px;
}

.stage-item.red {
	border-bottom-color: #FF5B55;
}

.stage-item.orange {
	border-bottom-color: #FFA801;
}

.stage-item.green {
	border-bottom-color: #00A74C;
}

.stage-item.blue {
	border-bottom-color: #3F8BCD;
}

.stage-item.black {
	border-bottom-color: #000000;
}

.stage-item .panel-body {
	display: flex;
	height: 100%;
	padding: 15px 5px 10px;
}

.stage-item .stage-info {
	display: flex;
	flex: 1 1 50%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.stage-item .stage-info + .stage-info {
	border-left: 1px solid #CCC;
}

.stage-item .value {
	display: block;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin: 0px 0px 5px;
}

.stage-item .description {
	font-size: 14px;
	font-weight: 300;
}

.stage-item .substages {
	display: block;
	font-size: 14px;
	color: #CCC;
}

@media screen and (max-width: 768px) {

	.stages-summary {
		flex-wrap: wrap;
		gap: 10px 0px;
		margin-bottom: 20px; 
	}

	.stage-item {
		flex: 0 0 100%;
		margin: 0px;
	}

}

select.multiselect[multiple] {
	max-height: 36px;
}

select.multiselect[multiple] optgroup {
	padding: 3px 0px;
	font-weight: 400;
}

select.multiselect[multiple] optgroup option {
	display: none;
}

.ev-grey.fc-daygrid-dot-event .fc-daygrid-event-dot {
	background-color: #999999 !important;
	color: #000 !important;
}

.ev-grey.fc-timegrid-event {
	background-color: #999999 !important;
}

.ev-grey.fc-list-event .fc-list-event-dot {
	background-color: #999999 !important;
}

.ev-blue.fc-daygrid-dot-event .fc-daygrid-event-dot,
.ev-blue.dot {
	background-color: #0033DD !important;
}

.ev-blue.fc-timegrid-event {
	background-color: #0033DD !important;
	border-color: #0033DD !important;
}

.ev-blue.fc-list-event .fc-list-event-dot {
	background-color: #0033DD !important;
}

.ev-green.fc-daygrid-dot-event .fc-daygrid-event-dot,
.ev-green.dot {
	background-color: #009900 !important;
}

.ev-green.fc-timegrid-event {
	background-color: #009900 !important;
	border-color: #009900 !important;
}

.ev-green.fc-list-event .fc-list-event-dot {
	background-color: #009900 !important;
}

.ev-red.fc-daygrid-dot-event .fc-daygrid-event-dot,
.ev-red.dot {
	background-color: #EE0000 !important;
}

.ev-red.fc-timegrid-event {
	background-color: #EE0000 !important;
	border-color: #EE0000 !important;
}

.ev-red.fc-list-event .fc-list-event-dot {
	background-color: #EE0000 !important;
}

.ev-yellow.fc-daygrid-dot-event .fc-daygrid-event-dot,
.ev-yellow.dot {
	background-color: #FFF700 !important;
}

.ev-yellow.fc-timegrid-event {
	background-color: #FFF700 !important;
	border-color: #FFF700 !important;
}

.ev-yellow.fc-timegrid-event .fc-event-main {
	color: #000000 !important;
}

.ev-yellow.fc-list-event .fc-list-event-dot {
	background-color: #FFF700 !important;
}

.ev-orange.fc-daygrid-dot-event .fc-daygrid-event-dot,
.ev-orange.dot {
	background-color: #FF8000 !important;
}

.ev-orange.fc-timegrid-event {
	background-color: #FF8000 !important;
	border-color: #FF8000 !important;
}

.ev-orange.fc-list-event .fc-list-event-dot {
	background-color: #FF8000 !important;
}

.fc-event.ev-completed {
	opacity: 0.25;
}

.event-dialog-color {
	display: inline-block;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	margin: 8px 5px 0px 0px !important;
	border-radius: 100%;
	background-color: #000;
	opacity: 0.3;
	transition: all 0.25s;
}

.event-dialog-color:hover,
.event-dialog-color:checked {
	opacity: 1;
}

.event-dialog-color[value="grey"] {
	background-color: #888888;
	border: 1px solid #777777;
	cursor: pointer;
}

.event-dialog-color[value="blue"] {
	background-color: #0066DD;
	border: 1px solid #0033CC;
	cursor: pointer;
}

.event-dialog-color[value="green"] {
	background-color: #009900;
	border: 1px solid #006600;
	cursor: pointer;
}

.event-dialog-color[value="yellow"] {
	background-color: #FFF700;
	border: 1px solid #CCC500;
	cursor: pointer;
}

.event-dialog-color[value="orange"] {
	background-color: #FF8000;
	border: 1px solid #DD4000;
	cursor: pointer;
}

.event-dialog-color[value="red"] {
	background-color: #FF0000;
	border: 1px solid #DD0000;
	cursor: pointer;
}

.event-dialog-color:checked::before {
	display: block;
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	inset: 0;
	margin: auto;
	background-color: #FFF;
	border: inherit;
	border-radius: 100%;
}

.specific-request-model {
	display: inline-block;
	padding: 8px 8px 8px 15px;
	margin: 0px 10px 10px 0px;
	background-color: #F2F2F2;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.specific-request-model .description {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin-right: 5px;
	vertical-align: middle;
}

.specific-request-model button {
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	padding: 2px 0px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: #E00;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: middle;
}

*[data-empty]:empty::before {
	display: block;
	content: attr(data-empty);
	padding: 5px 0px 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	color: #AAA;
}

fieldset:not([show-discarded-vehicles]) tr[discarded] {
	display: none;
}

fieldset[show-discarded-vehicles] tr[discarded] {
	background-color: rgba(255, 0, 0, 0.05) !important;
}

a.toggle-discarded-vehicles-visibility::before {
	display: inline-block;
	content: 'Mostra';
}

fieldset[show-discarded-vehicles] a.toggle-discarded-vehicles-visibility::before {
	content: 'Nascondi';
}

.attachments-container {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 32px 10px;
	padding-bottom: 36px;
}

.attachments-container.has-preview {
	grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 1599.999px) {

    .attachments-container {
        grid-template-columns: repeat(6, 1fr);
    }

	.attachments-container.has-preview {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 1199.999px) {

    .attachments-container {
        grid-template-columns: repeat(4, 1fr);
    }

	.attachments-container.has-preview {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 767.999px) {

    .attachments-container {
        grid-template-columns: repeat(3, 1fr);
    }

	.attachments-container.has-preview {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575.999px) {
	
    .attachments-container {
        grid-template-columns: repeat(2, 1fr);
    }

	.attachments-container.has-preview {
		grid-template-columns: repeat(1, 1fr);
	}
}

.attachment {
	display: block;
	position: relative;
	margin: 6px 0px;
	border: none;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.attachments-container.has-preview .attachment {
	background-color: #EEE;
}

.attachment::before {
	display: block;
	width: 100%;
	content: '';
	padding-bottom: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.attachment:hover .attachment-remove,
.attachment:hover .attachment-download {
	display:block;
}

.attachments-container .attachment img {
	display: block;
	position: absolute;
	inset: 0;	
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center;
	border: 1px solid #DEDEDE;
}

.attachments-container.without-preview .attachment img {
	width: auto;
	height: 70%;
    object-fit: contain;
    margin: auto;
}

.attachment:hover img {
	opacity: 0.75;
}

.attachment textarea {
	display: -webkit-box;
	position: absolute;
	width: 100%;
	height: 32px;
	left: 0;
	bottom: -32px;	
	padding: 0px;
	text-align: center;
	text-overflow: ellipsis;
	line-height: 1.2;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	background-color: transparent;
	border: none;
	resize: none;
	overflow: hidden;
}

.attachment textarea:not([readonly]) {
	text-decoration-style: dotted;
	text-decoration-color: #555;
	text-decoration-line: underline;
	text-underline-position: under;
}

.vehicle-attachment-remove {
	position: absolute;
	display: none;
	top: 50px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url('/assets/images/ui/trash.svg');
	z-index: 499;
	cursor: pointer;
	opacity: 0.75;        
}

.attachment-remove:hover, 
.attachment-download:hover  {
	opacity: 1;
}

.attachment-download,
.attachment-remove {
	position: absolute;
	display: none;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	background-size: 50%;
	background-position: center;
	background-color: #FFF;
	background-repeat: no-repeat;
	z-index: 499;
	cursor: pointer;
	opacity: 0.75; 	
}

.attachment-download {
	top: 8px;
	background-image: url('/assets/images/ui/download.svg');
}

.attachment-remove {
	top: 50px;
	background-image: url('/assets/images/ui/trash.svg');
}

.contact-form-container,
.customer-form-container {
	min-height: 316px;
}

.is-pickadate-wrapper {
	min-width: 130px;
}

.service-event,
.historical-owner,
.inspection-event {
	display: flex;
	position: relative;
	padding-right: 35px;
	margin: 0px 0px 10px 0px;
}

.service-event>*,
.historical-owner>*,
.inspection-event>* {
	flex: 1 0 100px;
	margin: 0px 10px 0px 0px;
	max-width: 25%;
}

.service-event .delete-event,
.historical-owner .delete-owner,
.inspection-event .delete-event {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 36px;
	height: 36px;
	text-align: center;
	padding: 10px 0px;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #E00;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.service-event,
	.historical-owner,
	.inspection-event {
		flex-wrap: wrap;
		padding: 0px 0px 20px;
		margin-bottom: 20px;
		border-bottom: 2px solid #DDD;
	}

	.service-event>*,
	.historical-owner>*,
	.inspection-event>* {
		flex: 0 0 100%;
		margin: 0;
		max-width: 100%;
		margin-bottom: 15px;
	}

	.service-event .delete-event,
	.historical-owner .delete-owner,
	.inspection-event .delete-event {
		display: block;
		width: 100%;
		position: relative;
		top: initial;
		right: initial;
	}
}

.blog-article {
	display: block;
	position: relative;
	background-color: #FFF;
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	border: 1px solid #DDD;
	-webkit-box-shadow: 0 1px 0 0 #DDD;
	box-shadow: 0 1px 0 0 #DDD;
	overflow: hidden;
}

.blog-article .opens-article-editor {
	cursor: pointer;
}

.blog-article .image {
	display: block;
	position: relative;
	width: calc(100% + 32px);
	left: -16px;
	top: -10px;
	padding-bottom: 50%;
	z-index: 999;
}

.blog-article .image img {
	display: block;
	position: absolute;
	inset: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blog-article .title,
.blog-article .subtitle {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0px 0px 5px;
}

.blog-article .subtitle {
	color: #888;
}

.blog-article .subtitle:empty::before {
	display: block;
	content: 'Questo articolo non ha ancora un sottotitolo!';
	font-style: italic;
	color: #AAA;
}

.blog-article .meta {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #EAEAEA;
	margin-top: 10px;
	padding: 15px 0px 0px;
}

.blog-article .meta>* {
	flex: 0 0 33.333%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-article .meta>:nth-child(2) {
	text-align: center;
}

.blog-article .meta>:last-child {
	text-align: right;
	color: #E00;
}

.blog-category h2 {
	display: block;
	margin: 0;
	padding: 0px;
	font-weight: 400;
	color: #555;
	line-height: 1;
}

.blog-category h2 a {
	display: block; 
	padding: 15px 0px 13px;
	color: inherit !important;
}

.blog-category .actions {
	display: none;
	position: absolute;
	inset: auto 20px 12px auto;
}

.blog-category:hover .actions {
	display: flex;
}

.blog-category .actions a {
	flex: 0 0 auto;
	margin: 0px 0px 0px 8px;
}

.blog-category .actions a.delete {
	color: #D00;
}

.border-none {
	border: none !important;
}

.amm-fee-table th {
	background-color: #F4F4F4;
}

.amm-fee-table-body .field {
	display: block;
	font-size: 14px;
	border: none;
	background-color: transparent;
	width: 100%;
}

.amm-fee-table-body .field:not([readonly]) {
	cursor: pointer;
}

.amm-fee-table-body .field[data-format="currency"] {
	text-align: right;
}

.amm-fee-table-body .field[data-format="integer"] {
	text-align: center;
}

.amm-fee-table-body .field[data-format="integer"][value="0"] {
	color: #F00;
}

.amm-table-generate-invoice {
	padding: 4px 10px;
}

.custom-bar {
	min-height: 200px;
}

.custom-bar-chart-wrapper {
	display: block;
	width: 100%;
	max-width: 360px;
	margin: 15px auto;
	padding: 0px 0px 0px 125px;
	overflow: hidden;
}

.custom-bar-chart-inner {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.custom-bar-chart-wrapper .custom-bar-chart-row {
	display: block;
	position: relative;
	height: 16px;
	border-radius: 3px;
	margin: 6px 0px;
	padding: 0px 7px;
	transition: width 1.25s cubic-bezier(0, 0.16, 0.3, 1);
}

.custom-bar-chart-wrapper .custom-bar-chart-row::before {
	display: block;
	position: absolute;
	inset: 0;
	margin: 0px auto 0px -110px;
	padding: 1px 8px 1px 0px;
	width: 110px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right;
	font-size: 10px;
	content: attr(data-label);
}

.custom-bar-chart-wrapper .custom-bar-chart-row::after {
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	padding: 1px 0px;
	content: attr(data-value);
	font-size: 10px;
	line-height: 1.4;
	color: #FDFDFD;
	text-shadow: 0px 0px 2px rgb(0 0 0 / 70%);
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
	.custom-bar-chart-wrapper {
		max-width: 280px;
	}
}

.panel {
	box-shadow: 0 1px 3px 0px rgb(50 50 50 / 6%);
}

.panel,
.panel-heading,
.panel-body {
	border-radius: 6px !important;
}

.tab-content {
	border-radius:  0px 6px 6px 6px !important;
}

.navbar .nav a {
	color: #000;
}

.fast-quotation-modal .vehicle-categories {
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 0px auto 20px;
}

.fast-quotation-modal .vehicle-categories label {
	text-align: center;
	margin: 0px 20px;
	cursor: pointer;
}

.fast-quotation-modal .vehicle-categories label span {
	display: block;
	margin-top: 10px;
}

.fast-quotation-modal .vehicle-reg-info,
.fast-quotation-modal .vehicle-variant-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 15px;
	gap: 0px 10px;
}
.fast-quotation-modal .vehicle-reg-info>* {
	flex: 0 0 350px;
	margin: 0px;
}

.fast-quotation-modal .vehicle-variant-info>* {
	flex: 0 0 225px;
	margin: 0px;
}

.fast-quotation-modal .vehicle-variant-info>* {
	flex-grow: 1;
}

.fast-quotation-modal .vehicle-reg-info>label,
.fast-quotation-modal .vehicle-variant-info>label {
	display: block;
	flex: 0 0 100%;
	text-align: center;
	margin: 0px auto 5px;
}

.fast-quotation-modal .vehicle-reg-year-month {
	display: flex;
	justify-content: space-between;
	flex-basis: 200px;
	margin: 0;
}

.fast-quotation-modal .vehicle-reg-year-month>select {
	margin: 0px;
}

.fast-quotation-modal .vehicle-reg-year-month select:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fast-quotation-modal .vehicle-reg-year-month select:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}

@media screen and (max-width: 991px) {

	.fast-quotation-modal .vehicle-reg-info,
	.fast-quotation-modal .vehicle-variant-info {
		flex-wrap: wrap;
	}

	.fast-quotation-modal .vehicle-reg-info>*,
	.fast-quotation-modal .vehicle-variant-info>* {
		flex-basis: 100%;
		margin-bottom: 15px;
	}



}

.btn-grey,
.btn-muted {
	background-color: #DADADA;
}

.stages {
	display: flex;
	position: relative;
	justify-content: center;
	width: 100%;
	margin: 5px auto 20px;
	user-select: none;
}

.stages .stage {
	position: relative;
	flex: 1 1 200px;
	margin: 0px -3px;
	max-width: 250px;
}

.stages .stage .inner {
	display: block;
	background-color: #AAA;
	padding: 10px 0px 10px 25px;
	font-size: 14px;
	line-height: 1;
	color: #FFF;
	cursor: pointer;
	transition: background-color 0.25s;
	clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%);
}

.stages .stage:first-child .inner {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 50%, 0% 0%);
}

.stage:last-child .inner {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 4% 50%, 0% 0%);
}

.stages .stage.has-substages::after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	right: 15px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Im0gMTMsNiAtNSw1IC01LC01IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=");
	background-size: contain;
	transform: translateY(-50%);
}

.stages .stage.has-substages .inner::after {
	content: '...';
}

.stages .stage .substages {
	display: block;
	position: absolute;
	visibility: hidden;
	top: calc(100% - 15px);
	width: calc(100% - 20px);
	left: 10px;
	border: none;
	background-color: #FFF;
	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);
	opacity: 0;
	transition: all 0.25s;
	z-index: 1999;
}

.stages .stage.open .substages {
	visibility: visible;
	top: calc(100% - 5px);
	opacity: 1;
}

.stages .stage .substage {
	display: block;
	border-bottom: 1px solid #F2F2F2;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	cursor: pointer;
}

.stages .stage .substage:hover {
	background-color: #0066DD40;
	color: #06D;
}

.stages.red .stage.inherit-color .inner,
.stages .stage.red.active .inner {
	background-color: #ff5b55;
}

.stages.orange .stage.inherit-color .inner,
.stages .stage.orange.active .inner {
	background-color: #ffa801;
}

.stages.blue .stage.inherit-color .inner,
.stages .stage.blue.active .inner {
	background-color: #3f8bcd;
}

.stages.green .stage.inherit-color .inner,
.stages .stage.green.active .inner {
	background-color: #00a74c;
}

.stages.black .stage.inherit-color .inner,
.stages .stage.black.active .inner {
	background-color: #000000;
}

.tasks-wrapper .activityData a {
	max-width: initial;
	margin-bottom: 4px
}

.tasks-wrapper .activityData .status input {
	vertical-align: top;
}

.btn.table-row-action {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 0px 3px;
	opacity: 0.9;
}

.btn.table-row-action:hover {
	opacity: 1;
}

.table-row-action:first-child {
	margin-left: 0px;
}

.table-row-action:last-child {
	margin-right: 0px;
}

.broadcast-message-modal .modal-body {
	font-size: 14px;
	padding: 15px 15px 10px;
}

.broadcast-message-modal .cta {
	padding: 5px 20px;
}

.broadcast-message-modal .video-wrapper {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 67%;
	background-color: #F2F2F2;
}

.broadcast-message-modal .video-wrapper iframe {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.broadcast-message-agencies {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: stretch;
	gap: 10px;
}

.broadcast-message-agency {
	display: block;
	position: relative;
	height: 120px;
	padding-top: 26px;
	border: 1px solid #EEE;
	overflow: hidden;
	border-radius: 4px;
	transition: height 0.5s ease;
}

.broadcast-message-agency.collapsed {
	height: 26px;
}

.broadcast-message-agency-heading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 3px 8px;
	background-color: #EEE;
	cursor: pointer;
}

.broadcast-message-agency-heading::after {
	display: block;
	position: absolute;
	right: 12px;
	top: 6px;
	width: 10px;
	height: 15px;
	content: '';
	background-image: url('/assets/images/ui/chevron_up.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: rotate(0deg);
	transition: all 0.5s ease;
}

.broadcast-message-agency.collapsed .broadcast-message-agency-heading::after {
	transform: rotate(-180deg);
}

.broadcast-message-agency-users {
	display: block;
	position: absolute;
	top: 26px;
	width: 100%;
	height: calc(100% - 26px);
	padding: 0px 10px;
	overflow: auto;
}

.broadcast-message-agency-user[data-role="1"] {
	font-weight: 400;
	color: #2196F3;
}

.broadcast-message-agency-user[data-role="2"] {
	font-weight: 400;
	color: var(--accent);
}

@media screen and (max-width: 1399.999px) {
	.broadcast-message-agencies {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 767.999px) {
	.broadcast-message-agencies {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575.999px) {
	.broadcast-message-agencies {
		grid-template-columns: repeat(1, 1fr);
	}
}

.broadcast-message-delivery-status-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.broadcast-message-delivery-user {
	font-size: 14px;
	font-weight: 300;
}

.broadcast-message-delivery-user i {
	color: #DDD;
}

.broadcast-message-delivery-user[data-status="1"] i {
	color: var(--accent);
}

@media screen and (max-width: 1399.999px) {
	.broadcast-message-delivery-status-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 767.999px) {
	.broadcast-message-delivery-status-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575.999px) {
	.broadcast-message-delivery-status-list {
		grid-template-columns: repeat(1, 1fr);
	}
}

.broadcast-message-modal .attachments {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.broadcast-message-modal .broadcast-message-attachment {
	display: block;
	position: relative;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	padding: 5px 0px 5px 20px;
}

.broadcast-message-modal .broadcast-message-attachment::before {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 16px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%);
}

.broadcast-message-modal .broadcast-message-attachment[data-type="pdf"]::before {
	background-image: url('/assets/images/attachments/pdf.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="csv"]::before {
	background-image: url('/assets/images/attachments/csv.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="doc"]::before {
	background-image: url('/assets/images/attachments/doc.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="docx"]::before {
	background-image: url('/assets/images/attachments/docx.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="xls"]::before {
	background-image: url('/assets/images/attachments/xls.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="xlsx"]::before {
	background-image: url('/assets/images/attachments/xlsx.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="jpg"]::before {
	background-image: url('/assets/images/attachments/jpg.png');
}

.broadcast-message-modal .broadcast-message-attachment[data-type="png"]::before {
	background-image: url('/assets/images/attachments/png.png');
}

.folders {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 15px 10px;
}

@media screen and (max-width: 1799.999px) {
	.folders {
		grid-template-columns: repeat(8, 1fr);
	}
}

@media screen and (max-width: 1599.999px) {
	.folders {
		grid-template-columns: repeat(7, 1fr);
	}
}

@media screen and (max-width: 1399.999px) {
	.folders {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (max-width: 1199.999px) {
	.folders {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 767.999px) {
	.folders {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 575.999px) {
	.folders {
		grid-template-columns: repeat(2, 1fr);
	}
}

.folder {
	position: relative;
	text-decoration: none !important;
	color: #555;
	text-transform: uppercase;
	background-color: #F8F8F8;
	border: 1px solid #DADADA;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0px rgb(50 50 50 / 6%);
	cursor: pointer;
	transition: box-shadow 0.500s ease, border-color 0.500s ease;
}

.folder:hover {
	border-color: #CCC;
	box-shadow: 0 0px 12px 4px rgb(50 50 50 / 8%)
}

.folder img {
	display: block;
	width: 75%;
	margin: auto;
	pointer-events: none;
}

.folder label {
	font-weight: 400;
	text-align: center;
	display: block;
	max-width: 100%;
	font-size: 12px;
	margin: 0px 0px 10px;
	padding: 0px 5px;
	pointer-events: none;
}

.folder .actions {
	display: none;
	position: absolute;
	flex-direction: column;
	top: 5px;
	right: 5px;
}

.folder:hover .actions {
	display: flex;
}

.folder .action {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	margin-bottom: 3px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
}

.folder .action:last-child {
	margin-bottom: 0;
}

.folder .action:hover {
	background-color: #FAFAFB;
	border-color: #CCC;
}

.interactive-vehicle-inspection {
	display: block;
	--damage-level-0: #FFE100;
	--damage-level-1: #FF8F00;
	--damage-level-2: #FF0000;
}

.interactive-vehicle-inspection .views {
	display: flex;
	overflow: hidden;
}

.interactive-vehicle-inspection .view {
	flex: 0 0 25%;
	margin-bottom: 30px;
}

.interactive-vehicle-inspection .vector-wrapper {
	display: block;
	position: relative;
	aspect-ratio: 2 / 1;
}

.interactive-vehicle-inspection .view svg {
	position: absolute;
	inset: 0;
	width: 100%;
	margin: auto;
}

.interactive-vehicle-inspection .view svg {
	transform: scale(1.3);
}

.interactive-vehicle-inspection .view[data-id="front"] svg {
	transform: scale(0.86);
}

.interactive-vehicle-inspection .view[data-id="rear"] svg {
	transform: scale(1.04);
}

.interactive-vehicle-inspection .view[data-id="left_side"] svg {
	left: -4%;
	top: -20%;
}

.interactive-vehicle-inspection .view[data-id="right_side"] svg {
	left: -3%;
	top: -20%;
}

.interactive-vehicle-inspection .view svg g[data-id] {
	cursor: pointer;
}

.interactive-vehicle-inspection .view svg g[data-id]:hover path {
	fill: #006eff36;
}

.interactive-vehicle-inspection .view svg g[data-id][data-damage-level="0"] path {
	fill: var(--damage-level-0);
	fill-opacity: 0.75;
}

.interactive-vehicle-inspection .view svg g[data-id][data-damage-level="1"] path {
	fill: var(--damage-level-1);
	fill-opacity: 0.6;
}

.interactive-vehicle-inspection .view svg g[data-id][data-damage-level="2"] path {
	fill: var(--damage-level-2);
	fill-opacity: 0.5;
}

.interactive-vehicle-inspection .view h4 {
	display: block;
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin: 0 0 15px;
}

.interactive-vehicle-inspection .resume-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	position: relative;
}

.interactive-vehicle-inspection .element-label {
	position: absolute;
	padding: 2px 10px;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #EEE;
	box-shadow: 0 1px 3px 0px rgb(50 50 50 / 6%);
	pointer-events: none;
	user-select: none;
}

.interactive-vehicle-inspection .resume-item {
	display: block;
	position: relative;
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #EEE;
	border-left-width: 3px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.35s ease;
}

.interactive-vehicle-inspection .resume-item[data-damage-level="0"] {
	border-left-color: var(--damage-level-0);
}

.interactive-vehicle-inspection .resume-item[data-damage-level="1"] {
	border-left-color: var(--damage-level-1);
}

.interactive-vehicle-inspection .resume-item[data-damage-level="2"] {
	border-left-color: var(--damage-level-2);
}

.interactive-vehicle-inspection .resume-item:hover {
	background-color: #FEFEFE;
	border-right-color: #DDD;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
}

.interactive-vehicle-inspection .resume-item:last-child {
	margin: 0;
}

.interactive-vehicle-inspection .resume-item .title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0px 0px 6px;
}

.interactive-vehicle-inspection .resume-item .remove {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 24px;
	font-weight: 200;
	line-height: 1.5;
	padding: 0px 10px;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	user-select: none;
	transition: all 0.25s ease;
}

.interactive-vehicle-inspection .resume-item .remove:hover {
	color: #E00;
}

.interactive-vehicle-inspection .resume-item .detail {
	display: flex;
	margin-bottom: 2px;
}

.interactive-vehicle-inspection .resume-item .detail label {
	flex: 0 0 auto;
	font-weight: 400;
	margin: 0px 5px 0px 0px;
}

.interactive-vehicle-inspection .resume-item .detail p {
	flex: 1 1 auto;
	font-weight: 300;
	margin: 0px;
}

.interactive-vehicle-inspection .legend-wrapper {
	display: flex;
	justify-content: center;
	margin: 0px 0px 30px;
}

.interactive-vehicle-inspection .legend-entry {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 1;
	margin: 0px 10px;
}

.interactive-vehicle-inspection .legend-entry:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.interactive-vehicle-inspection .legend-entry[data-damage-level="0"]:before {
	background-color: var(--damage-level-0);
}

.interactive-vehicle-inspection .legend-entry[data-damage-level="1"]:before {
	background-color: var(--damage-level-1);
}

.interactive-vehicle-inspection .legend-entry[data-damage-level="2"]:before {
	background-color: var(--damage-level-2);
}

@media screen and (max-width: 1699.999px) {
	
	.interactive-vehicle-inspection .resume-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}

}

@media screen and (max-width: 1399.999px) {

	.interactive-vehicle-inspection .views {
		flex-wrap: wrap;
	}

	.interactive-vehicle-inspection .view {
		flex: 0 0 50%;
	}

	.interactive-vehicle-inspection .resume-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 991.999px) {
	
	.interactive-vehicle-inspection .resume-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 767.999px) {
	
	.interactive-vehicle-inspection .view {
		flex: 0 0 100%;
	}

}

@media screen and (max-width: 575.999px) {

	.interactive-vehicle-inspection .resume-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	.interactive-vehicle-inspection .legend-wrapper {
		flex-wrap: wrap;
	}

	.interactive-vehicle-inspection .legend-entry {
		flex: 0 0 100%;
		margin: 5px 0px;
	}

}

.multiagency-facebook-feed-form .selected-agencies-wrapper {
	display: flex;
}

.multiagency-facebook-feed-form .selected-agencies-wrapper > * {
	flex: 0 0 auto;
	margin-right: 10px;
}

.changelog-main {
	display: block;
}

.changelog-main .log-entry {
	margin: 0px 0px 15px;
	padding: 0 0 15px;
}

.changelog-main .log-entry:not(:last-child) {
	border-bottom: 1px solid #EEE;
}

.changelog-main .log-entry:last-child {
	padding-bottom: 0;
}

.changelog-main .log-entry h2 {
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 15px;
}

.changelog-main .log-entry>ul {
	list-style-type: none;
	padding: 0px 0px 0px 5px;
}

.changelog-main .log-entry>ul>li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.changelog-main .log-entry>ul>li:not(:last-child) {
	margin-bottom: 10px;
}

.changelog-main .log-entry>ul>li .label {
	min-width: 82px;
	text-align: center;
	margin-right: 10px;
	padding: 2px 0px;
	background-color: #CCC;
	border-radius: 10px;
}

.changelog-main .log-entry>ul>li .label.label-new {
	background-color: #23A455;
}

.changelog-main .log-entry>ul>li .label.label-improved {
	background-color: #4597FF;
}

.changelog-main .log-entry>ul>li .label.label-changed {
	background-color: #FF5500;
}

.changelog-main .log-entry>ul>li .label.label-fixed {
	background-color: #D20000;
}

.changelog-main .log-entry>ul>li .detail-wrapper {
	font-size: 13px;
	font-weight: 300;
}

.changelog-main .log-entry ul li ul {
	list-style-type: disc;
	margin-top: 5px;
	padding-left: 20px;
}

@media screen and (max-width: 575.999px) {

	.changelog-main .log-entry h2 {
		font-size: 16px;
	}

	.changelog-main .log-entry>ul>li {
		flex-wrap: wrap;
	}

	.changelog-main .log-entry>ul>li .detail-wrapper {
		flex-basis: 100%;
		font-size: 12px;
		margin-top: 8px;
	}

	.changelog-main .log-entry>ul {
		margin: 0;
	}

	.changelog-main .log-entry>ul>li:not(:last-child) {
		margin-bottom: 15px;
	}
}

.entity-data-wrapper {
	display: flex;
}

.entity-form-column {
	flex: 1 1 1024px;
	overflow: hidden;
}

.entity-crm-column {
	flex: 1 0 360px;
	max-width: 460px;
	margin-left: 15px;
}

.entity-crm-column .panel-body>*:last-child {
	margin-bottom: 0;
}

.crm-note {
	position: relative;
	border: 1px solid #E2E2E2;
	padding: 10px 15px 15px;
	cursor: pointer;
}

.crm-note:hover {
	background-color: #FAFAFB;
}

.crm-note:not(:last-child) {
	border-bottom: 0;
}

.crm-note .heading {
	display: flex;
	max-width: 100%;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	overflow: hidden;
}

.crm-note .heading>* {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.crm-note .responsible-name {
	font-weight: 400;
}

.crm-note .text-content {
	font-weight: 300;
	overflow: hidden;
}

.crm-note .actions {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
	padding: 8px 15px;
	background-color: inherit;
}

.crm-note:hover .actions {
	display: block;
	visibility: visible;
}

.crm-note .action {
	margin-left: 10px;
}

@media screen and (max-width: 767.999px) {

	.entity-data-wrapper {
		flex-wrap: wrap;
	}

	.entity-form-column {
		flex: 0 0 100%;
	}

	.entity-crm-column {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
	}

}

.crm-task {
	display: flex;
	position: relative;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid #E2E2E2;
}

.crm-task:hover {
	background-color: #FAFAFB;
}

.crm-task:not(:last-child) {
	border-bottom: 0;
}

.crm-task .status-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	font-family: "FontAwesome";
	font-weight: 400;
	color: #FFF;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin: auto 10px auto 0px;
	border-radius: 50%;
}

.crm-task .status-icon::before {
	margin-top: 1px;
}

.crm-task .details {
	padding-left: 15px;
	border-left: 1px solid #EEE;
}

.crm-task .details .title {
	font-weight: 400;
	margin: 0px 0px 5px;
}

.crm-task.completed .status-icon {
	background-color: #090;
}

.crm-task.completed .status-icon::before {
	content: '\f00c';
}

.crm-task.pending .status-icon {
	background-color: #F70;
}

.crm-task.pending .status-icon::before {
	content: '\f252';
}

.crm-task.overdue .status-icon {
	background-color: #D00;
}

.crm-task.overdue .status-icon::before {
	content: '\f017';
}

.crm-task .details .timestamp,
.crm-task .details .responsible-name {
	font-size: 14px;
	font-weight: 300;
}

.crm-task .details .timestamp i,
.crm-task .details .responsible-name i {
	margin-right: 5px;
}

.crm-task .details .completed-flag {
	display: none;
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 2px;
	cursor: pointer;
}

.crm-task .details .completed-flag input[type="checkbox"] {
	margin: 0 5px 0 0;
	vertical-align: text-top;
}

.crm-task:hover .details .timestamp {
	display: none;
}

.crm-task:hover .details .completed-flag {
	display: block;
}

.crm-task .actions {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
	padding: 8px 15px;
	background-color: inherit;
}

.crm-task:hover .actions {
	display: block;
	visibility: visible;
}

.crm-task .action {
	margin-left: 10px;
}

.contact-modal .search-results-wrapper {
	display: block;
	max-height: 255px;
	overflow: visible overlay;
}

.contact-modal .search-results-wrapper .inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 10px 0px 0px;
}

.contact-modal .search-results-wrapper .inner:empty {
	display: none;
}

.contact-modal-card {
	display: block; 
	position: relative;
	padding: 10px 15px 10px 38px;
	border: 1px solid #DDD;
	border-radius: 4px;
	background-color: #FBFBFC;
	box-shadow: var(--main-shadow);
	overflow: hidden;
	cursor: pointer;
	transition: box-shadow 0.25s ease-in-out;
}

.contact-modal-card:hover {
	box-shadow: 0 0px 8px 4px rgb(50 50 50 / 5%);
}

.contact-modal-card>* {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	user-select: none;
	overflow: hidden;
}

.contact-modal-card h5 {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	margin: 0px 0px 3px;
}

.contact-modal-card p {
	display: block;
	margin: 0 0 2px;
}

.contact-modal-card .icon {
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	font-size: 22px;
	padding: 2px 0px;
}

.contact-modal .load-more-results {
	display: block;
	width: 100%;
	text-align: center;
	color: #06D;
	margin-top: 10px;
	cursor: pointer;
}

.input-group-addon.loading {
	position: relative;
	pointer-events: none;
}

.input-group-addon.loading::before {
	display: block;	
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	inset: 0;
	background-color: rgba(250, 250, 250, 0.75);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZUhjMjRkSlVqZ0wxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48c3R5bGU+PCFbQ0RBVEFbI2VIYzI0ZEpVamdMMl90ciB7YW5pbWF0aW9uOiBlSGMyNGRKVWpnTDJfdHJfX3RyIDEwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZUhjMjRkSlVqZ0wyX3RyX190ciB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDBkZWcpfSAyNSUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoOTBkZWcpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMTgwZGVnKX0gNzUlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDI3MGRlZyl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMzYwZGVnKX19XV0+PC9zdHlsZT48ZyBpZD0iZUhjMjRkSlVqZ0wyX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYsMjU2KSByb3RhdGUoMCkiPjxnIGlkPSJlSGMyNGRKVWpnTDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYsLTI1NikiPjxwYXRoIGlkPSJlSGMyNGRKVWpnTDMiIGQ9Ik00NTYuNzEwMDAwLDM3MC42OTAwMDBMNDI4Ljg4MDAwMCwzNTQuNzkwMDAwQzQyMi4yMjczNDcsMzUwLjkxMDkyMiw0MTkuMzA1MDQzLDM0Mi44MjYxNjIsNDIxLjk0MDAwMCwzMzUuNTkwMDAwQzM4Mi41NTIyMjksNDE3LjY4OTA5NywyODkuMDM3NzQ2LDQ1OC42MzA0MDAsMjAxLjk5NjE4OSw0MzEuODgyOTU5QzExNC45NTQ2MzIsNDA1LjEzNTUxOSw2MC41Njg1NTgsMzE4Ljc0NTEwNSw3NC4wODE0NTIsMjI4LjY5NDc4NkM4Ny41OTQzNDYsMTM4LjY0NDQ2NywxNjQuOTQxNDYwLDcyLjAyMTg1MiwyNTYsNzJDMjYxLjg5MDAwMCw3MiwyNjcuNzEwMDAwLDcyLjI5MDAwMCwyNzMuNDYwMDAwLDcyLjgzMDAwMEMyNzIuNzIwMDAwLDcyLjc2MDAwMCwyNzEuOTgwMDAwLDcyLjY4MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMEMyNjIuNzQwMDAwLDcxLjkzMDAwMCwyNTYsNjUuMzEwMDAwLDI1Niw1Ni43OTAwMDBMMjU2LDI0Ljc5MDAwMEMyNTUuOTkyNjkzLDE2LjIwNDkwMiwyNjIuNzYyMjA2LDkuMTQ0MTMyLDI3MS4zNDAwMDAsOC43OTAwMDBDMjY2LjI0MDAwMCw4LjQ2MDAwMCwyNjEuMTgwMDAwLDgsMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZDOCwzOTMsMTE5LDUwNCwyNTYsNTA0QzM1NCw1MDQsNDM4LjQyMDAwMCw0NDcuMDUwMDAwLDQ3OC43MTAwMDAsMzY0LjU4MDAwMEM0NzQuNTgwMDAwLDM3Mi40NDAwMDAsNDY0LjQ4MDAwMCwzNzUuMTMwMDAwLDQ1Ni43MTAwMDAsMzcwLjY5MDAwMFoiIGZpbGw9IiMwMDY2REQiIGZpbGwtb3BhY2l0eT0iMC4yNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBpZD0iZUhjMjRkSlVqZ0w0IiBkPSJNMjcxLjIzMDAwMCw3Mi42MjAwMDBDMjYyLjc0MDAwMCw3MS45MzAwMDAsMjU2LDY1LjMxMDAwMCwyNTYsNTYuNzkwMDAwTDI1NiwyNC43MzAwMDBDMjU2LDE1LjYyMDAwMCwyNjMuNjcwMDAwLDcuOTUwMDAwLDI3Mi43NzAwMDAsOC41NjAwMDBDNDAxLjkyMDAwMCwxNy4xODAwMDAsNTA0LDEyNC42NzAwMDAsNTA0LDI1NkM1MDQuMDI4ODEyLDI5My41MTQyNDUsNDk1LjQ3NzQ2MCwzMzAuNTM4MTc5LDQ3OSwzNjQuMjQwMDAwQzQ3NSwzNzIuNDEwMDAwLDQ2NC42MzAwMDAsMzc1LjI0MDAwMCw0NTYuNzQwMDAwLDM3MC42OTAwMDBMNDI4LjkwMDAwMCwzNTQuNzkwMDAwQzQyMS40OTAwMDAsMzUwLjU2MDAwMCw0MTkuMDcwMDAwLDM0MS40NDAwMDAsNDIyLjcwMDAwMCwzMzMuNzIwMDAwQzQzNC4xMTU2NzcsMzA5LjQwMjA2Miw0NDAuMDIyODY5LDI4Mi44NjQwODksNDQwLDI1NkM0NDAsMTU5LjUxMDAwMCwzNjUuNzMwMDAwLDgwLjM3MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMFoiIGZpbGw9IiMwMDY2REQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9nPjwvZz48L3N2Zz4=);
	z-index: 10;
}

.input-group-addon.is-valid span,
.input-group-addon.is-error span {
	height: 13px;
}

.input-group-addon.is-valid span.fa {
	color: #090 !important;
}

.input-group-addon.is-valid span.fa::before {
	content: '\f00c';
}

.input-group-addon.is-error span.fa {
	color: #D00 !important;
}

.input-group-addon.is-error span.fa::before {
	content: '\f00d';
}

.helper-dialog {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDMuNTM4NDZDNy4zMjY4MiAzLjUzODQ2IDMuNTM4NDYgNy4zMjY4MiAzLjUzODQ2IDEyQzMuNTM4NDYgMTYuNjczMiA3LjMyNjgyIDIwLjQ2MTUgMTIgMjAuNDYxNUMxNi42NzMyIDIwLjQ2MTUgMjAuNDYxNSAxNi42NzMyIDIwLjQ2MTUgMTJDMjAuNDYxNSA3LjMyNjgyIDE2LjY3MzIgMy41Mzg0NiAxMiAzLjUzODQ2Wk0yIDEyQzIgNi40NzcxNSA2LjQ3NzE1IDIgMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMloiIGZpbGw9IiMyNjNENEMiLz48cGF0aCBkPSJNMTIgMTYuMzU5QzEyLjQyNDggMTYuMzU5IDEyLjc2OTIgMTYuMDE0NiAxMi43NjkyIDE1LjU4OTdWMTEuNDg3MkMxMi43NjkyIDExLjA2MjMgMTIuNDI0OCAxMC43MTc5IDEyIDEwLjcxNzlDMTEuNTc1MiAxMC43MTc5IDExLjIzMDggMTEuMDYyMyAxMS4yMzA4IDExLjQ4NzJWMTUuNTg5N0MxMS4yMzA4IDE2LjAxNDYgMTEuNTc1MiAxNi4zNTkgMTIgMTYuMzU5WiIgZmlsbD0iIzI2M0Q0QyIvPjxwYXRoIGQ9Ik0xMy4wMjU2IDguNDEwMjZDMTMuMDI1NiA3Ljg0MzgxIDEyLjU2NjQgNy4zODQ2MiAxMiA3LjM4NDYyQzExLjQzMzYgNy4zODQ2MiAxMC45NzQ0IDcuODQzODEgMTAuOTc0NCA4LjQxMDI2QzEwLjk3NDQgOC45NzY3IDExLjQzMzYgOS40MzU5IDEyIDkuNDM1OUMxMi41NjY0IDkuNDM1OSAxMy4wMjU2IDguOTc2NyAxMy4wMjU2IDguNDEwMjZaIiBmaWxsPSIjMjYzRDRDIi8+PC9zdmc+");
	background-size: 100%;
	cursor: pointer;
	filter: brightness(0);
	transition: filter 0.25s ease;
}

.helper-dialog:hover {
	filter: brightness(0) saturate(100%) invert(54%) sepia(47%) saturate(3667%) hue-rotate(195deg) brightness(102%) contrast(101%);
}

.form-group label .helper-dialog {
	vertical-align: text-top;
	width: 18px;
	height: 18px;
}

.print-list-entry {
    display: block;
	position: relative;
	border: 1px solid #E2E2E2;
	padding: 10px 15px 15px;
	cursor: pointer;
}

.print-list-entry:hover {
	background-color: #FAFAFB;
}

.print-list-entry:not(:last-child) {
	border-bottom: 0;
}

.print-list-entry .title {
    font-size: 14px;
	font-weight: 400;
    margin-bottom: 2px;
}

.print-list-entry .timestamp {
    font-size: 13px;
	font-weight: 300;
}

.print-list-entry .actions {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
	padding: 8px 15px;
	background-color: inherit;
}

.print-list-entry:hover .actions {
	display: block;
	visibility: visible;
}

.print-list-entry .action {
	margin-left: 10px;
}

.sell-quotation-form .main-prices-wrapper .margin-and-commissions {
	background-color: #F2F2F4;
	padding-top: 10px;
}

.sell-quotation-form .toggle-prices-visibility span::before {
	content: '\f070';
}

.sell-quotation-form.hidden-prices .toggle-prices-visibility span::before {
	content: '\f06e';
}

.sell-quotation-form.hidden-prices .price-toggle-visibility {
	display: none;
}

.sell-quotation-services-wrapper a[data-toggle="tab"] {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sell-quotation-services-wrapper a[data-toggle="tab"]::before {
	display: block;
	content: '';
	width: 9px;
	height: 9px;
	margin: auto 5px auto auto;
	background-color: #DDD;
	border-radius: 50%;
}

.sell-quotation-services-wrapper a[data-toggle="tab"][data-enabled="true"]::before {
	background-color: #090;
}

.entity-list-contact {
	display: block;
	position: relative;
	padding-left: 20px;
}

.entity-list-contact i {
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	font-size: 18px;
	color: #555;
	transform: translateY(-50%);
}

.entity-list-contact .name {
	display: block;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}

.entity-list-contact .location {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	color: #777;
}

.entity-list-contact .location.void {
	color: #AAA;
}

.vehicle-dashboard-wrapper {
	display: flex;
}

.vehicle-dashboard-kpi-wrapper {
	flex: 1 1 1024px;
}

.vehicle-dashboard-kpi-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px 20px;
	margin: 30px 0;
}

.vehicle-dashboard-kpi {
	text-align: center;
	padding: 0;
}

.vehicle-dashboard-kpi .value {
	display: inline-flex;
	position: relative;
	align-items: center;
}

.vehicle-dashboard-kpi .value i {
	display: inline-block;
	font-size: 20px;
	color: #AAA;
	margin-top: 2px;
	margin-left: -5px;
}

.vehicle-dashboard-kpi .value .number {
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	margin: 0 0 0 12px;
}

.vehicle-dashboard-kpi .value .number.cyan {
	color: #00BABA;
}

.vehicle-dashboard-kpi .value .number.green {
	color: #689F38;
}

.vehicle-dashboard-kpi .value .number.yellow {
	color: #D3D300;
}

.vehicle-dashboard-kpi .value .number.orange {
	color: #FF8800;
}

.vehicle-dashboard-kpi .value .number.red {
	color: #DD0000;
}

.vehicle-dashboard-kpi .value .number.black {
	color: #000000;
}

.vehicle-dashboard-kpi .value .unit {
	align-self: flex-end;
	font-size: 16px;
	font-weight: 300;
	color: #888;
	margin-left: 6px;
}

.vehicle-dashboard-kpi label {
	display: block;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	margin: 10px 0 0;
}

.market-average-price {
	padding: 24px 36px 56px;
}

.market-average-price:empty {
	padding: 15px 0 5px;
}

.market-average-price .price-info-wrapper {
	display: flex;
	position: relative;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.market-average-price .price-info-wrapper .price-info {
	width: 33.33%;
}

.market-average-price .price-info-wrapper .price-min {
	text-align: left;
}

.market-average-price .price-info-wrapper .price-avg {
	text-align: center;
}

.market-average-price .price-info-wrapper .price-max {
	text-align: right;
}

.market-average-price .price-info-wrapper .price-current {
	display: block;
	position: absolute;
	top: 0;
	left: 72%;
	width: auto;
	text-align: center;
	padding-top: 16px;
	transform: translate3d(-50%, 54px, 0);
	z-index: 99;
}

.market-average-price .price-info-wrapper .price-current::before {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.market-average-price .price-info-wrapper .price-current.in-range::before {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: white;
	border: 3px solid #e76e00;
}

.market-average-price .price-info-wrapper .price-current.overprice::before {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left: 14px solid #F00;
}

.market-average-price .price-info-wrapper .price-current.underprice::before {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right: 14px solid #F00;
}

.market-average-price .price-info-wrapper .price-info h4 {
	margin: 0;
}

.market-average-price .price-info-wrapper .price-info span {
	display: block;
	white-space: nowrap;
	color: #999;
}

.market-average-price .slider {
	display: block;
	position: relative;
	width: 100%;
	height: 10px;
	margin: 8px auto;
	border-radius: 16px;
	background: linear-gradient(to right, #fff, #32AC6E, #fff);
}

.market-average-price .slider:after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: white;
	border: 2px solid #00a287;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 991.999px) {

	.vehicle-dashboard-wrapper {
		flex-wrap: wrap;
	}

}

@media screen and (max-width: 767.999px) {

	.vehicle-dashboard-kpi-wrapper {
		flex: 0 0 100%;
	}

	.vehicle-dashboard-kpi-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media screen and (max-width: 575.999px) {

	.vehicle-dashboard-kpi-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.market-average-price {
		padding: 24px 10px 48px;
	}

}

.filter-pagination-wrapper {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	max-width: 100%;
	margin: 0 auto 15px;
}

@media screen and (max-width: 991.999px) {

	.filter-pagination-wrapper {
		flex-wrap: wrap;
	}

}

.toolbar-filter {
	display: block;
    position: relative;
    flex: 0 1 900px;
	width: clamp(450px, 600px, 100%);
	/* RAFFORZATIVI LADDOVE IL CLAMP NON SIA SUPPORTATO DAL BROWSER */
    min-width: 450px;
	max-width: 100%;
	/* ------------------------------------------------------------ */
    margin: 0;
    z-index: 1029;
}

.toolbar-filter .params-wrapper {
	display: flex; 
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	max-width: 100%;
	height: 38px;
	padding: 4px 45px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
	overflow: hidden;
}

.toolbar-filter.dropdown-shown .params-wrapper {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.toolbar-filter .search-input-wrapper {
	position: relative;
	flex: 1 1 auto;
}

.toolbar-filter .search-input-wrapper input {
	display: block;
	width: 100%;
	font-weight: 400;
	padding: 3px 6px;
	background-color: transparent;
	border: none;
	outline: none;
	border-radius: 2px;
}

.toolbar-filter .search-input-wrapper input:hover,
.toolbar-filter .search-input-wrapper input:active,
.toolbar-filter .search-input-wrapper input:focus {
	background-color: #F5F5F6;
}

.toolbar-filter .search-input-wrapper input::placeholder {
	color: #777;
	font-weight: 300;
}

.toolbar-filter .dropdown-wrapper {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	max-width: 100%;
	padding-bottom: 52px;
	background-color: #FFF;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #DDD;
	border-radius: 0 0 6px 6px;
	visibility: hidden;
	opacity: 0;
}

.toolbar-filter.dropdown-shown .dropdown-wrapper {
	display: block;
	visibility: visible;
	opacity: 1;
}

.toolbar-filter .dropdown-wrapper .form-group:last-child {
	margin-bottom: 0;
}

.toolbar-filter .dropdown-wrapper .fields-wrapper {
	padding: 0;
}

.toolbar-filter .dropdown-wrapper .action-wrapper {
	display: flex;
	position: absolute;
	justify-content: center;
	gap: 15px;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 25px;
	border-top: 1px solid #DDD;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #FAFAFB;
}

.toolbar-filter .dropdown-wrapper .action-wrapper button {
	display: block;
	margin: 0;
	padding: 6px 20px;
}

.toolbar-filter .params-wrapper .tokens-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}

.toolbar-filter .params-wrapper .tokens-wrapper:not(:empty) {
	margin: auto 5px auto 0;
}

.toolbar-filter .params-wrapper .filter-param-token {
	display: flex;
	position: relative;
	flex: 0 1 auto;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 13px;
	font-weight: 300;
	color: #000;
	padding: 3px 30px 3px 6px;
	background-color: #F2F2F3;
	border-radius: 2px;
	overflow: hidden;
}

.toolbar-filter .params-wrapper .filter-param-token:not(:first-child) {
	margin-left: 3px;
}

.toolbar-filter .params-wrapper .filter-param-label {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.toolbar-filter .params-wrapper .filter-param-remove {
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
	align-items: center;
	padding: 2px 2px 2px 6px;
	border-left: 1px solid #E6E6E7;
	background-color: transparent;
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.toolbar-filter .params-wrapper .filter-param-remove:hover {
	background-color: #EAEAED;
}

.toolbar-filter .params-wrapper .filter-param-remove i {
	font-size: 18px;
	font-style: normal;
	line-height: 0.5;
	height: 10px;
	opacity: 0.75;
	transition: opacity 0.25s ease;
}

.toolbar-filter .params-wrapper .filter-param-remove:hover i {
	opacity: 1;
}

.toolbar-filter .params-wrapper .dropdown-toggle,
.toolbar-filter .params-wrapper .filter-submit {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40px;
	padding: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: #F5F5F6;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
	cursor: pointer;
}

.toolbar-filter .params-wrapper .dropdown-toggle {
	border-top-left-radius: 6px;
}

.toolbar-filter .params-wrapper .filter-submit {
	border-top-right-radius: 6px;
}

.toolbar-filter.dropdowbn-shown .params-wrapper .dropdown-toggle {
	border-bottom-left-radius: 6px;
}

.toolbar-filter.dropdowbn-shown .params-wrapper .filter-submit {
	border-bottom-right-radius: 6px;
}

.toolbar-filter .params-wrapper .dropdown-toggle:hover,
.toolbar-filter .params-wrapper .filter-submit:hover {
	background-color: #0A86FF33;
}


.toolbar-filter .params-wrapper .dropdown-toggle {
	left: 0;
	border-right: 1px solid #DDD;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjE5NkYzIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiwxNiBDMTMuMzA2MjUyMSwxNiAxNC40MTc1MTQ0LDE2LjgzNDg1MDEgMTQuODI5MzI1NywxOC4wMDAwODg5IEwyMSwxOCBDMjEuNTUyMjg0NywxOCAyMiwxOC40NDc3MTUzIDIyLDE5IEMyMiwxOS41NTIyODQ3IDIxLjU1MjI4NDcsMjAgMjEsMjAgTDE0LjgyODk3NTgsMjAuMDAwOTAwNyBDMTQuNDE2ODg1MiwyMS4xNjU2MjI2IDEzLjMwNTg4MjIsMjIgMTIsMjIgQzEwLjY5NDExNzgsMjIgOS41ODMxMTQ4NSwyMS4xNjU2MjI2IDkuMTcxMDI0MjMsMjAuMDAwOTAwNyBMMywyMCBDMi40NDc3MTUyNSwyMCAyLDE5LjU1MjI4NDcgMiwxOSBDMiwxOC40NDc3MTUzIDIuNDQ3NzE1MjUsMTggMywxOCBMOS4xNzA2NzQyOCwxOC4wMDAwODg5IEM5LjU4MjQ4NTU4LDE2LjgzNDg1MDEgMTAuNjkzNzQ3OSwxNiAxMiwxNiBaIE0xMiwxOCBDMTEuNDQ3NzE1MywxOCAxMSwxOC40NDc3MTUzIDExLDE5IEMxMSwxOS41NTIyODQ3IDExLjQ0NzcxNTMsMjAgMTIsMjAgQzEyLjU1MjI4NDcsMjAgMTMsMTkuNTUyMjg0NyAxMywxOSBDMTMsMTguNDQ3NzE1MyAxMi41NTIyODQ3LDE4IDEyLDE4IFogTTE5LDkgQzIwLjY1Njg1NDIsOSAyMiwxMC4zNDMxNDU4IDIyLDEyIEMyMiwxMy42NTY4NTQyIDIwLjY1Njg1NDIsMTUgMTksMTUgQzE3LjY5NDExNzgsMTUgMTYuNTgzMTE0OCwxNC4xNjU2MjI2IDE2LjE3MTAyNDIsMTMuMDAwOTAwNyBMMywxMyBDMi40NDc3MTUyNSwxMyAyLDEyLjU1MjI4NDcgMiwxMiBDMiwxMS40NDc3MTUzIDIuNDQ3NzE1MjUsMTEgMywxMSBMMTYuMTcwNjc0MywxMS4wMDAwODg5IEMxNi41ODI0ODU2LDkuODM0ODUwMSAxNy42OTM3NDc5LDkgMTksOSBaIE0xOSwxMSBDMTguNDQ3NzE1MywxMSAxOCwxMS40NDc3MTUzIDE4LDEyIEMxOCwxMi41NTIyODQ3IDE4LjQ0NzcxNTMsMTMgMTksMTMgQzE5LjU1MjI4NDcsMTMgMjAsMTIuNTUyMjg0NyAyMCwxMiBDMjAsMTEuNDQ3NzE1MyAxOS41NTIyODQ3LDExIDE5LDExIFogTTUsMiBDNi4zMTE3OTk1NiwyIDcuNDI2OTQ5NzEsMi44NDE5NTYxOCA3LjgzNDUzNDU4LDQuMDE0OTUyNjcgQzcuODg3OTg2MzgsNC4wMDQ2OTQ4MiA3Ljk0MzQ0NDkyLDQgOCw0IEwyMSw0IEMyMS41NTIyODQ3LDQgMjIsNC40NDc3MTUyNSAyMiw1IEMyMiw1LjU1MjI4NDc1IDIxLjU1MjI4NDcsNiAyMSw2IEw4LDYgQzcuOTQzNDQ0OTIsNiA3Ljg4Nzk4NjM4LDUuOTk1MzA1MTggNy44MzM5OTI4NSw1Ljk4NjI4NDAxIEM3LjQyNjk0OTcxLDcuMTU4MDQzODIgNi4zMTE3OTk1Niw4IDUsOCBDMy4zNDMxNDU3NSw4IDIsNi42NTY4NTQyNSAyLDUgQzIsMy4zNDMxNDU3NSAzLjM0MzE0NTc1LDIgNSwyIFogTTUsNCBDNC40NDc3MTUyNSw0IDQsNC40NDc3MTUyNSA0LDUgQzQsNS41NTIyODQ3NSA0LjQ0NzcxNTI1LDYgNSw2IEM1LjU1MjI4NDc1LDYgNiw1LjU1MjI4NDc1IDYsNSBDNiw0LjQ0NzcxNTI1IDUuNTUyMjg0NzUsNCA1LDQgWiIvPjwvc3ZnPg==");
	background-size: 55%;
}

.toolbar-filter .params-wrapper .filter-submit {
	right: 0;
	border-left: 1px solid #DDD;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cGF0aCBmaWxsPSIjMjE5NkYzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjMzIDUuNWMwLTIuMzA0IDEuODY2LTQuMTcgNC4xNy00LjE3UzkuNjcgMy4xOTUgOS42NyA1LjVjMCAyLjMwNS0xLjg2NSA0LjE3LTQuMTcgNC4xNy0yLjMwNSAwLTQuMTctMS44NjUtNC4xNy00LjE3bTEyLjUyOCA2Ljk0NGwtMy44MTYtMy44MTctLjAxNC0uMDA4QzEwLjY0IDcuNzMgMTEgNi42NiAxMSA1LjUgMTEgMi40NjIgOC41MzcgMCA1LjUgMFMwIDIuNDYyIDAgNS41IDIuNDYzIDExIDUuNSAxMWMxLjE1OCAwIDIuMjMyLS4zNiAzLjExOC0uOTcyLjAwNC4wMDQuMDA1LjAxLjAxLjAxNGwzLjgxNiAzLjgxN2MuMzcyLjM3Ljk4Mi4zNyAxLjM1NCAwbC4wNi0uMDYzYy4zNzItLjM3Mi4zNzItLjk4MiAwLTEuMzU0Ii8+PC9zdmc+");
}

.toolbar-filter .filter-tabs {
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
}

.toolbar-filter .filter-tabs > .head {
	display: flex;
	position: relative;
	align-items: flex-start;
	padding: 0px;
	border-bottom: 1px solid #DDD;
	white-space: nowrap;
	overflow: hidden;
	z-index: 999;
}

.toolbar-filter .filter-tabs > .head > .tab {
	display: flex;
	position: relative;
	flex: 1 1 100%;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 400;
	color: #555;
	margin: 0px;
	padding: 10px 15px;
	border-right: 1px solid #DDD;
	background-color: #F5F5F6;
	cursor: pointer;
	overflow: hidden;
}

.toolbar-filter .filter-tabs > .head > .tab:last-child {
	border-right: none;
}

.toolbar-filter .filter-tabs > .head > .tab.active,
.toolbar-filter .filter-tabs:not(.initialized) .head .tab:first-of-type {
	background-color: #0a86ff33;
	color: #0f6ba5;
}

.toolbar-filter .filter-tabs > .head > .tab.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.toolbar-filter .filter-tabs > .head > .tab.loading {
	pointer-events: none;
}

.toolbar-filter .filter-tabs .head .tab span,
.toolbar-filter .filter-tabs .head .tab i {
	pointer-events: none;
}

.toolbar-filter .filter-tabs .head .tab .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 16px;
	min-height: 16px;
	font-size: 12px;
	line-height: 1;
	margin: 0px 0px 0px 3px;
	padding: 0;
	background-color: #06D;
	border-radius: 50%;
}

.toolbar-filter .filter-tabs > .body {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 0 0;
	z-index: 998;
}

.toolbar-filter .filter-tabs > .body > .tab {
	display: none;
	padding: 0px 15px 15px;
}

.toolbar-filter .filter-tabs > .body > .tab.active,
.toolbar-filter .filter-tabs:not(.initialized) .body .tab:first-of-type {
	display: block;
}

.toolbar-filter .filter-tabs > .body > .tab.disabled > * {
	display: none;
}

.toolbar-filter .filter-tabs > .body > .tab .form-group:last-child {
	margin-bottom: 0;
}

.toolbar-filter .filter-tabs > .body > .tab > .footer {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 43px;
	text-align: right;
	padding: 5px 15px;
	border-top: 1px solid #CCC;
	background-color: #EEEFEF;        
}

.toolbar-filter .filter-tabs > .body > .tab .form-group {
	margin-bottom: 10px;
}

@media screen and (max-width: 991.999px) {

	.toolbar-filter {
		min-width: unset;
		max-width: 100%;
	}

	.toolbar-filter .params-wrapper {
		flex-wrap: wrap;
		height: auto;
		min-height: 38px;
	}

	.toolbar-filter .params-wrapper .tokens-wrapper,
	.toolbar-filter .params-wrapper .tokens-wrapper:not(:empty) {
		flex-wrap: wrap;
		margin: 0;
		padding-right: 5px;
	}

	.toolbar-filter .params-wrapper .filter-param-token {
		flex: 0 0 100%;
		margin: 0px 0px 5px 0px !important;
	}

}

.page-header .toolbar-filter {
	flex: 0 1 900px;
	margin: auto 10px auto 0px;
}

.ajax-pagination-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 42px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
}

.ajax-pagination-wrapper button {
	display: block;
	width: 42px;
	height: 100%;
	text-align: center;
	background-color: #FFF;
	padding: 0;
	border: none;
	border-right: 1px solid #DDD;
	outline: none;
	transition: background-color 0.5s ease;
}

.ajax-pagination-wrapper button[data-bind="first"] {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.ajax-pagination-wrapper button[data-bind="next"] {
	border-left: 1px solid #DDD;
}

.ajax-pagination-wrapper button[data-bind="last"] {
	border-right: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ajax-pagination-wrapper button:hover {
	color: #2196F3;
	background-color: #0A86FF33;
}

.ajax-pagination-wrapper .position-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	padding: 0px 10px;
	border-right: 1px solid #DDD;
}

.ajax-pagination-wrapper .position-info input {
	display: inline-block;
	flex: 0 0 auto;
	max-width: 40px;
	text-align: center;
	margin: 0 3px;
	border: none;
	border-bottom: 1px dotted #555;
	outline: none;
	cursor: pointer;
}

.ajax-pagination-wrapper .position-info label {
	margin: 0 0 0 5px;
}

.ajax-pagination-wrapper.no-results .position-info {
	display: none;
}

.ajax-pagination-wrapper .results-label {
	display: block;
	margin: 0;
	padding: 0 15px;
	white-space: nowrap;
}

@media screen and (max-width: 575.999px) {

	.ajax-pagination-wrapper {
		position: relative;
		flex-wrap: wrap;
		height: auto;
		padding-bottom: 38px;
	}

	.ajax-pagination-wrapper button,
	.ajax-pagination-wrapper .position-info {
		padding-top: 10px;
		padding-bottom: 10px;
		height: 38px;
	}

	.ajax-pagination-wrapper .results-label {
		position: absolute;
		top: 38px;
		left: 0;
		width: 100%;
		text-align: center;
		padding: 10px;
		border-top: 1px solid #DDD;
	}

}

.no-pagination-results-count {
	display: block;
	height: 38px;
	text-align: center;
	font-weight: 300;
	margin: 0 auto 0 0;
	padding: 8px 15px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
}

.ven-report-list-body td {
	line-height: 1.6 !important;
}

@media screen and (max-height: 900px) {

	/*.toolbar-filter .filter-tabs .body:has(.multiselect-native-select .btn-group.open) {
		min-height: 310px;
	}

	.toolbar-filter .filter-tabs .body {
		max-height: calc(100vh - 375px);
		overflow: auto;
	}*/

}

.qr-quotation-card .panel-title {
	font-size: 13px;
	line-height: 0.8;
}

.qr-quotation-card .panel-body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	padding-bottom: 20px;
}

.qr-quotation-card .panel-body::before,
.qr-quotation-card .panel-body::after {
	content: unset;
}

.qr-quotation-card .panel-body .section {
	flex: 0 0 clamp(150px, 25%, 330px);
	padding: 10px 15px;
}

.qr-quotation-card .panel-body .section .title {
	color: #333;
	font-weight: 300;
	margin: 0;
}

.qr-quotation-card .panel-body .section .helper-dialog {
	vertical-align: -10%;
}

.qr-quotation-card .panel-body .section .value {
	line-height: 1;
	margin: 6px 0px 0px;
}

.qr-quotation-card .panel-body .section.quotation-final-value .title {
	font-weight: 400;
}

.qr-quotation-card .panel-body .section.quotation-final-value .value {
	color: #3F8BCD;
}

.qr-quotation-card .panel-body .separator {
	border-bottom: 1px solid #DDD;
	flex: 0 0 34%;
	margin: 10px 0 20px;
}

.qr-quotation-card .panel-body .details {
	display: flex;
	flex: 0 0 100%;
	grid-column: 1 / span 4;
	justify-content: center;
}

.qr-quotation-card .panel-body .details-item {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	line-height: 1;
}

.qr-quotation-card .panel-body .details-item span {
	font-weight: 400;
}

.qr-quotation-card .panel-body .details>span {
	line-height: 1;
	margin: 0 5px;
}

.qr-quotation-card .panel-body .details-item .helper-dialog {
	vertical-align: bottom;
}

.qr-quotation-card .not-available {
	font-size: 16px;
	font-style: italic;
	color: #AAA;
}

@media screen and (max-width: 767.999px) {

	.qr-quotation-card .panel-body .section {
		flex: 0 0 clamp(200px, 75%, 360px);
	}

	.qr-quotation-card .panel-body .separator {
		flex: 0 0 67%;
		margin: 25px 0 25px;
	}

	.qr-quotation-card .panel-body .details {
		flex-wrap: wrap;
	}

	.qr-quotation-card .panel-body .details-item {
		flex: 0 0 100%;
	}

	.qr-quotation-card .panel-body .details>span {
		opacity: 0;
	}

}

.agencies-chart-panel .panel-heading {
	padding: 20px 0px 0px;
}

.agencies-chart-panel .panel-title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #333;
}

.agencies-chart-panel .panel-body {
	max-height: 500px;
	overflow: auto;
}

.entity-relations-wrapper {
	display: block;
	border: 1px solid #DDD;
}

.entity-relation {
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.5s ease;
}

.entity-relation:not(:last-child) {
	border-bottom: 1px solid #DDD;
}

.entity-relation span {
	display: block;
	flex: 0 0 auto;
	font-size: 18px;
	color: #3F8BCD;
	background-color: #F8F9FA;
	line-height: 1;
	padding: 8px 12px;
	border-right: 1px solid #DDD;
	transition: all 0.5s ease;
}

.entity-relation a {
	display: block;
	flex: 1 1 auto;
	font-size: 14px;
	font-weight: 300;
	color: #000;
	line-height: 1;
	padding: 10px 0px 10px 10px;
}

.entity-relation:hover {
	background-color: #FCFCFD;
}

.entity-relation:hover span {
	background-color: #E0EFFF;
}

.kanban-wrapper {
	display: flex;
	height: 100%;
	overflow: auto;
}

.kanban-wrapper .kanban-stage { 
	display: block;
	position: relative;
	flex: 1;
	min-width: 360px;
	max-width: 380px;
	padding-right: 3px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #DDD;
	overflow: hidden;
}

.kanban-wrapper .kanban-stage .kanban-stage-list {
	position: relative;
	padding: 0px 3px 0px;
	height: calc(100% - 47px);
	overflow-y: overlay;
	scrollbar-width: thin;
	scrollbar-color: #C8C8C8 transparent;
}

.kanban-wrapper .kanban-stage .kanban-stage-list.is-loading::after {
	display: block;
	position: relative;
	content: '';
	inset: 0;
	width: 100%;
	height: 18px;
	margin-bottom: 10px;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZUhjMjRkSlVqZ0wxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48c3R5bGU+PCFbQ0RBVEFbI2VIYzI0ZEpVamdMMl90ciB7YW5pbWF0aW9uOiBlSGMyNGRKVWpnTDJfdHJfX3RyIDEwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZUhjMjRkSlVqZ0wyX3RyX190ciB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDBkZWcpfSAyNSUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoOTBkZWcpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMTgwZGVnKX0gNzUlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDI3MGRlZyl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMzYwZGVnKX19XV0+PC9zdHlsZT48ZyBpZD0iZUhjMjRkSlVqZ0wyX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYsMjU2KSByb3RhdGUoMCkiPjxnIGlkPSJlSGMyNGRKVWpnTDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYsLTI1NikiPjxwYXRoIGlkPSJlSGMyNGRKVWpnTDMiIGQ9Ik00NTYuNzEwMDAwLDM3MC42OTAwMDBMNDI4Ljg4MDAwMCwzNTQuNzkwMDAwQzQyMi4yMjczNDcsMzUwLjkxMDkyMiw0MTkuMzA1MDQzLDM0Mi44MjYxNjIsNDIxLjk0MDAwMCwzMzUuNTkwMDAwQzM4Mi41NTIyMjksNDE3LjY4OTA5NywyODkuMDM3NzQ2LDQ1OC42MzA0MDAsMjAxLjk5NjE4OSw0MzEuODgyOTU5QzExNC45NTQ2MzIsNDA1LjEzNTUxOSw2MC41Njg1NTgsMzE4Ljc0NTEwNSw3NC4wODE0NTIsMjI4LjY5NDc4NkM4Ny41OTQzNDYsMTM4LjY0NDQ2NywxNjQuOTQxNDYwLDcyLjAyMTg1MiwyNTYsNzJDMjYxLjg5MDAwMCw3MiwyNjcuNzEwMDAwLDcyLjI5MDAwMCwyNzMuNDYwMDAwLDcyLjgzMDAwMEMyNzIuNzIwMDAwLDcyLjc2MDAwMCwyNzEuOTgwMDAwLDcyLjY4MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMEMyNjIuNzQwMDAwLDcxLjkzMDAwMCwyNTYsNjUuMzEwMDAwLDI1Niw1Ni43OTAwMDBMMjU2LDI0Ljc5MDAwMEMyNTUuOTkyNjkzLDE2LjIwNDkwMiwyNjIuNzYyMjA2LDkuMTQ0MTMyLDI3MS4zNDAwMDAsOC43OTAwMDBDMjY2LjI0MDAwMCw4LjQ2MDAwMCwyNjEuMTgwMDAwLDgsMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZDOCwzOTMsMTE5LDUwNCwyNTYsNTA0QzM1NCw1MDQsNDM4LjQyMDAwMCw0NDcuMDUwMDAwLDQ3OC43MTAwMDAsMzY0LjU4MDAwMEM0NzQuNTgwMDAwLDM3Mi40NDAwMDAsNDY0LjQ4MDAwMCwzNzUuMTMwMDAwLDQ1Ni43MTAwMDAsMzcwLjY5MDAwMFoiIGZpbGw9IiMwMDY2REQiIGZpbGwtb3BhY2l0eT0iMC4yNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBpZD0iZUhjMjRkSlVqZ0w0IiBkPSJNMjcxLjIzMDAwMCw3Mi42MjAwMDBDMjYyLjc0MDAwMCw3MS45MzAwMDAsMjU2LDY1LjMxMDAwMCwyNTYsNTYuNzkwMDAwTDI1NiwyNC43MzAwMDBDMjU2LDE1LjYyMDAwMCwyNjMuNjcwMDAwLDcuOTUwMDAwLDI3Mi43NzAwMDAsOC41NjAwMDBDNDAxLjkyMDAwMCwxNy4xODAwMDAsNTA0LDEyNC42NzAwMDAsNTA0LDI1NkM1MDQuMDI4ODEyLDI5My41MTQyNDUsNDk1LjQ3NzQ2MCwzMzAuNTM4MTc5LDQ3OSwzNjQuMjQwMDAwQzQ3NSwzNzIuNDEwMDAwLDQ2NC42MzAwMDAsMzc1LjI0MDAwMCw0NTYuNzQwMDAwLDM3MC42OTAwMDBMNDI4LjkwMDAwMCwzNTQuNzkwMDAwQzQyMS40OTAwMDAsMzUwLjU2MDAwMCw0MTkuMDcwMDAwLDM0MS40NDAwMDAsNDIyLjcwMDAwMCwzMzMuNzIwMDAwQzQzNC4xMTU2NzcsMzA5LjQwMjA2Miw0NDAuMDIyODY5LDI4Mi44NjQwODksNDQwLDI1NkM0NDAsMTU5LjUxMDAwMCwzNjUuNzMwMDAwLDgwLjM3MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMFoiIGZpbGw9IiMwMDY2REQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9nPjwvZz48L3N2Zz4=);
}

.kanban-wrapper .kanban-stage .kanban-stage-list::-webkit-scrollbar {
	width: 10px;
}

.kanban-wrapper .kanban-stage .kanban-stage-list::-webkit-scrollbar-thumb {
	background-color: #C8C8C8;
	border-radius: 5px;
	border-width: 0px 2px;
	border-style: solid;
	border-color: transparent;
	background-clip: padding-box;
}

.kanban-wrapper .kanban-stage .kanban-stage-list::-webkit-scrollbar-thumb:hover {
	background-color: #AAA;
}

.kanban-wrapper .kanban-stage .kanban-stage-list::-webkit-scrollbar-track,
.kanban-wrapper .kanban-stage .kanban-stage-list::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

.kanban-wrapper .kanban-stage:first-child .kanban-stage-list {
	padding-left: 0;
}

.kanban-wrapper .kanban-stage:last-child .kanban-stage-list {
	padding-right: 0;
}

.kanban-wrapper .kanban-stage.is-drop-target {
	background-color: rgb(0 113 246 / 30%)
}

.kanban-wrapper .kanban-stage.red .kanban-card {
	border-left-color: var(--kanban-red)
}

.kanban-wrapper .kanban-stage.cyan .kanban-card {
	border-left-color: var(--kanban-cyan);
}

.kanban-wrapper .kanban-stage.blue .kanban-card {
	border-left-color: var(--kanban-blue);
}

.kanban-wrapper .kanban-stage.green .kanban-card {
	border-left-color: var(--kanban-green);
}

.kanban-wrapper .kanban-stage.orange .kanban-card {
	border-left-color: var(--kanban-orange);
}

.kanban-wrapper .kanban-stage.purple .kanban-card {
	border-left-color: var(--kanban-purple);
}

.kanban-wrapper .kanban-stage.black .kanban-card {
	border-left-color: var(--kanban-black);
}

.kanban-wrapper .kanban-stage.red .kanban-stage-header {
	background-color: var(--kanban-red)
}

.kanban-wrapper .kanban-stage.cyan .kanban-stage-header {
	background-color: var(--kanban-cyan);
}

.kanban-wrapper .kanban-stage.blue .kanban-stage-header {
	background-color: var(--kanban-blue);
}

.kanban-wrapper .kanban-stage.green .kanban-stage-header {
	background-color: var(--kanban-green);
}

.kanban-wrapper .kanban-stage.orange .kanban-stage-header {
	background-color: var(--kanban-orange);
}

.kanban-wrapper .kanban-stage.purple .kanban-stage-header {
	background-color: var(--kanban-purple);
}

.kanban-wrapper .kanban-stage.black .kanban-stage-header {
	background-color: var(--kanban-black);
}

.kanban-wrapper .kanban-stage .kanban-stage-header {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	line-height: 1.1;
	color: #FFF;
	margin-bottom: 15px;
	padding: 8px 15px;
	border-radius: 4px;
}

.table-stage {
	display: inline-block;
	min-width: 140px;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	line-height: 0.8;
	border: 1px solid #DDD;
	border-left-width: 3px;
	border-radius: 4px;
	text-transform: uppercase;
	background-color: #FAFAFB;
	padding: 5px 20px;
}

.table-stage.red {
	border-left-color: var(--kanban-red);
}

.table-stage.cyan {
	border-left-color: var(--kanban-cyan);
}

.table-stage.blue {
	border-left-color: var(--kanban-blue);
}

.table-stage.green {
	border-left-color: var(--kanban-green);
}

.table-stage.orange {
	border-left-color: var(--kanban-orange);
}

.table-stage.purple {
	border-left-color: var(--kanban-purple);
}

.table-stage.black {
	border-left-color: var(--kanban-black);
}

.kanban-wrapper .kanban-stage .kanban-stage-header .kanban-stage-edit {
	display: block;
	position: absolute;
	top: 50%;
	right: 6px;
	padding: 8px 10px;
	transform: translate3d(0, -50%, 0);
	visibility: hidden;
	opacity: 0.75;
	cursor: pointer;
}

.kanban-wrapper .kanban-stage .kanban-stage-header:hover .kanban-stage-edit {
	visibility: visible;
}

.kanban-wrapper .kanban-stage .kanban-stage-header .kanban-stage-edit:hover {
	opacity: 1;
}

.kanban-wrapper .kanban-stage:not(:last-child) .kanban-stage-header {
	clip-path: polygon(98% 0%, 100% 50%, 98% 100%, 0% 100%, 0% 50%, 0% 0%);
}

.kanban-wrapper .kanban-stage .kanban-card {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	padding: 10px 15px 2px 10px;
	border: 1px solid #E5E5E5;
	border-left-width: 3px;
	border-radius: 6px;
	background-color: #FFF;
}

.kanban-wrapper .kanban-stage .kanban-card.has-side-actions {
	padding-right: 40px;
}

.kanban-wrapper .kanban-stage .kanban-card .timestamp {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 8px;
	text-align: right;
	font-size: 13px;
	font-weight: 300;
	color: #888;
	margin: 0;
}

.kanban-wrapper .kanban-stage .kanban-card .title {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #222;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.kanban-wrapper .kanban-stage .kanban-card a:hover {
	color: #2067B0;
}

.kanban-wrapper .kanban-stage .kanban-card .subject,
.kanban-wrapper .kanban-stage .kanban-card .offers-count {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.25;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.kanban-wrapper .kanban-stage .kanban-card .subject {
	margin: 5px 0px 0px;
}

.kanban-wrapper .kanban-stage .kanban-card .subject-location {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #555;
	margin: 0px 0px 10px;
}

.kanban-wrapper .kanban-stage .kanban-card .offers-count {
	margin: 5px 0px 15px;
}

.kanban-wrapper .kanban-stage .kanban-card .property-group {
	display: flex;
	gap: 10px 15px;
	margin: 8px 0 6px;
}

.kanban-wrapper .kanban-stage .kanban-card .property,
.kanban-wrapper .kanban-stage .kanban-card .owner,
.kanban-wrapper .kanban-stage .kanban-card .responsible {
	display: block;
	margin: 8px 0 6px;
}

.kanban-wrapper .kanban-stage .kanban-card .property-group .property {
	margin: 0;
}

.kanban-wrapper .kanban-stage .kanban-card .property label,
.kanban-wrapper .kanban-stage .kanban-card .owner label,
.kanban-wrapper .kanban-stage .kanban-card .responsible label {
	display: block;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.2;
	color: #888;
	margin: 0;
}

.kanban-wrapper .kanban-stage .kanban-card .property .name,
.kanban-wrapper .kanban-stage .kanban-card .owner .name,
.kanban-wrapper .kanban-stage .kanban-card .responsible .name {
	display: block;
	font-size: 13px;
	font-weight: 300;
	margin: 0;
	color: #000;
}

.kanban-wrapper .kanban-stage .kanban-card .add-task {
	display: inline-flex;
	position: absolute;
	left: 10px;
	bottom: 8px;
	font-size: 12px;
	font-weight: 400;
	color: #555;
	line-height: 1;
	padding: 6px 8px 5.5px;
	background-color: #F2F2F3;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}

.kanban-wrapper .kanban-stage .kanban-card .add-task:hover {
	background-color: #0f9aea;
	color: #FFF;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions {
	display: flex;
	position: absolute;
	flex-direction: column;
	justify-content: flex-start;
	top: 0px;
	right: 8px;
	min-height: 100px;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions>* {
	display: block;
	margin: 0 auto;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions .side-action {
	font-size: 20px;
	color: #888;
	line-height: 1;
	padding: 0;
	border: none;
	background-color: transparent;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions .side-action:hover {
	color: #06D;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions *:last-child {
	margin-bottom: 0;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter {
	position: relative;
	color: #ABC;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter .value {
	display: block;
	position: absolute;
	top: 59%;
	left: 50%;
	color: #123;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	transform: translate3d(-50%, -50%, 0);
	z-index: 9;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.overdue {
	color: #F33;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.overdue .value {
	color: #C00;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.pending {
	color: #F70;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.pending .value {
	color: #C30;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.completed {
	color: #393;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter.completed .value {
	color: #060;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.task-counter::before {
	content: '\f133';
	font-family: "FontAwesome";
	font-size: 26px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: inherit;
	opacity: 0.75;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.note-counter {
	position: relative;
	color: #ABC;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.note-counter .value {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #123;
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
	transform: translate3d(-50%, -50%, 0);
	z-index: 9;
}

.kanban-wrapper .kanban-stage .kanban-card .side-actions a.note-counter::before {
	content: '\f249';
	color: inherit;
	opacity: 0.5;
	font-size: 26px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: "FontAwesome";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 991.999px) {

	.kanban {
		scroll-snap-type: x mandatory;
		overflow: auto;
	}

	.kanban .kanban-stage {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		scroll-snap-align: center;
	}

}

.content:has(.kanban-wrapper) {
	padding-top: 10px;
	padding-bottom: 0;
}

@media screen and (max-width: 991.999px) {

	.toolbar-filter .params-wrapper {
		display: none;
	}

	.page-header-filter-toggle {
		display: block;
	}

	.toolbar-filter .dropdown-wrapper {
		display: block;
		position: fixed;
		top: var(--TOPNAV_HEIGHT);
		left: 100%;
		width: 100%;
		height: calc(100dvh - var(--TOPNAV_HEIGHT));
		transition: all 0.5s ease;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.toolbar-filter.dropdown-shown .dropdown-wrapper {
		left: 0;
	}

	.toolbar-filter .dropdown-wrapper .fields-wrapper {
		height: 100%;
		overflow: auto;
		overscroll-behavior: contain;
	}

	.toolbar-filter .dropdown-wrapper .action-wrapper {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;		
	}

}

.agency-related-admins-wrapper:not(:empty) {
	display: grid;
	grid-template-columns: repeat(auto-fill, 250px);
	gap: 10px;
	padding-bottom: 5px;
}

.agency-related-admins-wrapper .agency-related-admin {
	display: block;
	position: relative;
	padding: 15px 20px;
	background-color: #F8F9FA;
	border: 1px solid #DDD;
	border-radius: 6px;
}

.agency-related-admins-wrapper .agency-related-admin .delete {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 28px;
	font-weight: 200;
	color: #555;
	line-height: 0.85;
	padding: 0px 5px 5px;
	cursor: pointer;
}

.agency-related-admins-wrapper .agency-related-admin .delete:hover {
	color: #F00;
}

.agency-related-admins-wrapper .agency-related-admin .name {
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: color 0.25s ease;
}

.agency-related-admins-wrapper .agency-related-admin .name:hover {
	color: #3F8BCD;
}

.agency-related-admins-wrapper .agency-related-admin .website-role {
	display: block;
	font-size: 12px;
	color: #AAA;
	text-align: center;
	margin-bottom: 0;
}

.agency-related-admins-wrapper .agency-related-admin .website-role span {
	display: block;
	color: #333;
}

.table th .helper-dialog {
	width: 16px;
	height: 16px;
	vertical-align: text-top;
}

.lightbox-overlay {
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;    
	top: 0;
	left: 0;   
	width: 100%;
	height: 100%;
	z-index: 1039;
	background-color: rgba(0, 0, 0, 0.9);
	animation: lightboxFadeIn 0.3s ease;
}

@keyframes lightboxFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.lightbox-image {
	max-width: 90%;
	max-height: 85%;
	object-fit: contain;
	animation: lightboxZoomIn 0.3s ease;
}

@keyframes lightboxZoomIn {
	from {
		transform: scale(0.95);
		opacity: 0.5;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.lightbox-close {
	display: block;
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: 32px;
	font-weight: 300;
	line-height: 1;
	color: #FFF;
	background: none;
	border: none;
	cursor: pointer;
	opacity: 0.5;
	transition: color 0.2s ease;
}

.lightbox-close:hover {
	opacity: 1;
}

.lightbox-nav {
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;        
	top: 50%;
	width: 50px;
	height: 50px;      
	font-size: 30px;
	color: #FFF;
	padding: 15px;
	background-color: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.334;
	transform: translateY(-50%);
	transition: background-color 0.2s ease;
	user-select: none;
}

.lightbox-nav:hover {
	opacity: 0.8;
}

.lightbox-nav.prev {
	left: 20px;
}

.lightbox-nav.next {
	right: 20px;
}

.trade-in-vehicle-photos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
}

.trade-in-vehicle-photos .item {
	display: block;
	border: 2px solid #263D4C;
	border-radius: 4px;
}

.trade-in-vehicle-photos .item img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
	user-select: none;
	pointer-events: none;
}
/*
dialog.native-modal {
	max-height: calc(100vh - 60px);
	inset: 30px 0 auto;
	color: inherit;
	border: none;
	outline: none;
	padding: 0;
	opacity: 0;
	transform: translate(0, -20%);        
	transition: transform 0.4s ease-out, 
				opacity 0.4s ease,
				display 0.4s allow-discrete,
				overlay 0.4s allow-discrete;
}

dialog.native-modal.not-top-layer {
	z-index: 2999;
}

dialog.native-modal:open {

	opacity: 1;
	transform: translate(0, 0);

	@starting-style {
		opacity: 0;
		transform: translate(0, -20%);
	}
}

dialog.native-modal::backdrop {

	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.5s ease;
}

dialog.native-modal:open::backdrop {

	background-color: rgba(0, 0, 0, 0.5);

	@starting-style {
		background-color: rgba(0, 0, 0, 0);
	}

}

dialog.native-modal .modal-dialog {
	margin: 0;
}

dialog.native-modal .modal-header {
	padding: 10px 20px;
	background-color: #FAFAFB;
	border-bottom: 1px solid #EEE;
}

dialog.native-modal .modal-header .modal-title {

	letter-spacing: 0.10px;
}

dialog.native-modal .modal-header .close {
	font-size: 24px;
	transform: translateY(-50%);
}

dialog.native-modal .modal-footer {
	padding: 10px 20px;
	background-color: #FAFAFB;
	border-top: 1px solid #EEE;
}*/


/** FIX SAFARI PER ANIMAZIONE DIALOG */

dialog.native-modal {
    max-height: calc(100vh - 60px);
    inset: 30px 0 auto;
    color: inherit;
    border: none;
    outline: none;
    padding: 0;
    opacity: 0;
    transform: translate(0, -20%);
    visibility: hidden;
    transition: transform 0.4s ease-out, 
                opacity 0.4s ease,
                visibility 0.4s;
}

dialog.native-modal.is-visible {
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;
}

dialog.native-modal::backdrop {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.5s ease;
}

dialog.native-modal:open::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

dialog.native-modal.not-top-layer {
    z-index: 2999;
}

dialog.native-modal .modal-dialog {
    margin: 0;
}

dialog.native-modal .modal-header {
    padding: 10px 20px;
    background-color: #FAFAFB;
    border-bottom: 1px solid #EEE;
}

dialog.native-modal .modal-header .modal-title {
    letter-spacing: 0.10px;
}

dialog.native-modal .modal-header .close {
    font-size: 24px;
    transform: translateY(-50%);
}

dialog.native-modal .modal-footer {
    padding: 10px 20px;
    background-color: #FAFAFB;
    border-top: 1px solid #EEE;
}

/** FINE FIX SAFARI */

.vehicle-list-publication-summary {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	height: 42px;
	gap: 0 12px;
	padding: 7px 12px;
	border: 1px solid #DDD;
	border-radius: 6px;
	background-color: #FFF;
}

.vehicle-list-publication-summary .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vehicle-list-publication-summary .item:not(:last-child)::after {
	display: block;
	content: '';
	height: 18px;
	margin-left: 12px;
	border-right: 1px solid #DDD;
}

.vehicle-list-publication-summary .item .icon {
	display: block;
	width: 20px;
	height: 20px;
}

.vehicle-list-publication-summary .item .value {
	display: block;
	font-weight: 400;
	font-size: 14px;
	margin-left: 6px;
}

@media screen and (max-width: 767.999px) {

	dialog.native-modal {
		width: calc(100vh - 30px);
	}

	.vehicle-list-publication-summary {
		flex: 0 0 100%;
		padding: 10px 14px;
		height: auto;
		overflow-x: auto;
	}

}

.dashboard-panel {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 15px;
	margin-bottom: 15px;
}

.dashboard-panel .inbound-sell-summary {
	flex: 0 0 calc(75% - 7.5px);
	margin-bottom: 0;
}

.dashboard-panel .calendar-broadcast-summary {
	display: flex;
	position: relative;
	flex: 0 0 calc(25% - 7.5px);
}

.dashboard-panel .calendar-broadcast-summary .inner {
	display: flex;
	position: absolute;
	flex-direction: column;
	gap: 15px;
	overflow: hidden;
	inset: 0;
	width: 100%;
	height: 100%;
}

.dashboard-panel .calendar-broadcast-summary .panel {
	flex: 0 0 calc(50% - 7.5px);
	margin-bottom: 0;
	overflow: hidden;
}

.dashboard-calendar-wrapper,
.dashboard-broadcast-messages-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.dashboard-calendar-wrapper .dashboard-panel-title,
.dashboard-broadcast-messages-wrapper .dashboard-panel-title {
	flex: unset;
}

.dashboard-calendar,
.dashboard-broadcast-messages {
	overflow: auto;
}

.dashboard-calendar .event,
.dashboard-broadcast-messages .message {
	position: relative;
	margin-bottom: 8px;
	padding-left: 18px;
	padding-bottom: 8px;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
}

.dashboard-calendar .event:last-child,
.dashboard-broadcast-messages .message:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.dashboard-calendar .event > *,
.dashboard-broadcast-messages .message > * {
	line-height: 1.15;
}

.dashboard-calendar .event .dot,
.dashboard-broadcast-messages .message .dot {
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #AAA;
	transform: translateY(calc(-50% - 4px));
}

.dashboard-broadcast-messages .message .dot {
	border-radius: 0;
}

.dashboard-calendar .event .date,
.dashboard-broadcast-messages .message .date {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #333;
	margin: 0 0 3px;
}

.dashboard-calendar .event .description,
.dashboard-broadcast-messages .message .description {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dashboard-calendar .event:hover .date,
.dashboard-broadcast-messages .message:hover .date,
.dashboard-calendar .event:hover .description,
.dashboard-broadcast-messages .message:hover .description {
	color: #06D
}

.dashboard-broadcast-messages .message .bm-success.dot {
	background-color: #81C784;
}

.dashboard-broadcast-messages .message .bm-info.dot {
	background-color: #4DD0E1;
}

.dashboard-broadcast-messages .message .bm-warning.dot {
	background-color: #FF8A65;
}

.dashboard-broadcast-messages .message .bm-danger.dot {
	background-color: #D32F2F;
}

@media screen and (max-width: 1279.999px) {

	.dashboard-panel {
		flex-wrap: wrap;
	}

	.dashboard-panel .inbound-sell-summary,
	.dashboard-panel .calendar-broadcast-summary {
		flex: 0 0 100%;
	}

	.dashboard-panel .calendar-broadcast-summary {
		flex-wrap: nowrap;
		overflow: hidden;
	}

	.dashboard-panel .calendar-broadcast-summary .inner {
		position: relative;
		flex-direction: row;
		height: unset;
		max-height: 368px;
	}

}

@media screen and (max-width: 767.999px) {

	.dashboard-panel .calendar-broadcast-summary .inner {
		flex-wrap: wrap;
		max-height: unset;
	}

	.dashboard-panel .calendar-broadcast-summary .panel {
		flex: 0 0 100%;
		max-height: 420px;
	}
}

.entity-multiselection-switcher {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.entity-multiselection-switcher::before {
    display: block;
    position: absolute;
    inset: 0;
    content: '';
    width: 18px;
    height: 18px;
    margin: auto;
    border: 1px solid #D2D2D2;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
}

.entity-multiselection-switcher:hover::before {
    border-color: #AAA;
}

.entity-multiselection-switcher:active::before,
.entity-multiselection-switcher:focus::before {
    border-color: #06D;
}

tr.selected .entity-multiselection-switcher:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiBmYS05eCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
}

.filter-pagination-wrapper .show-multiselection-modal {
	background-color: #FFF;
	padding: 10px 15px;
	height: 42px;
	border-radius: 4px;
}

.multiselection-page-control {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	color: #000;
	border: none;
	outline: none;
}

.multiselection-page-control:hover {
	color: #1e88e5;
}

table.without-multiselection thead tr th:first-child,
table.without-multiselection tbody tr td:first-child {
	display: none;
}

table.with-multiselection thead tr th:first-child {
	position: relative;
	text-align: center;
}