body {
    background: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
        color: #565656!important;


}
.line-clamp {color:#565656!important;}
.text-large.text-success {
    color: #666666!important;
}

.text-info, .text-danger, .text-secondary {
    color: #565656 !important;
}

.bg-body {
    background: #f8f8f8 !important
}

.text-primary {
    color: rgba(239, 108, 0, 1) !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #fb0f12 !important
}

.bg-primary {
    background-color: rgba(239, 108, 0, 1) !important
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #ef5657 !important
}

.bg-primary-dark {
    background-color: #e35153 !important
}

a.bg-primary-dark:hover,
a.bg-primary-dark:focus {
    background-color: #d84d4f !important
}

.bg-primary-darker {
    background-color: #d64d4e !important
}

a.bg-primary-darker:hover,
a.bg-primary-darker:focus {
    background-color: #cb494a !important
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: rgba(239, 108, 0, 1) !important
}
.toast-message .col-8 {
    line-height: 1rem!important;
}
.badge-primary {
    background-color: rgba(239, 108, 0, 1);
    color: #fff !important;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #ef5657;
    color: #fff;
    text-decoration: none
}

.btn .badge-primary {
    background: rgba(239, 108, 0, 1) !important;
    border-color: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.badge-outline-primary {
    background-color: transparent;
    box-shadow: 0 0 0 1px rgba(239, 108, 0, 1) inset;
    color: rgba(239, 108, 0, 1)
}

.badge-outline-primary[href]:hover,
.badge-outline-primary[href]:focus {
    color: rgba(239, 108, 0, 1);
    text-decoration: none
}

.btn .badge-outline-primary {
    background-color: transparent !important;
    box-shadow: 0 0 0 1px rgba(239, 108, 0, 1) inset !important;
    color: rgba(239, 108, 0, 1) !important
}

.badge-compass {
    background-color: rgba(239, 108, 0, 1) !important;
	color: #fff !important;
	font-size:7pt;
	margin-left: 3px;
	/*margin-bottom: 3px;*/
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    border-color: rgba(239, 108, 0, 1);
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.progress-bar {
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.list-group-item-primary {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #ffefef;
    color: #666060
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #666060
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
    background-color: #fceded;
    color: #666060
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    border-color: rgba(239, 108, 0, 1);
    background-color: rgba(239, 108, 0, 1);
    color: #666060
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    border-color: rgba(239, 108, 0, 1);
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.alert-primary {
    border-color: #f0d8d9;
    background-color: #ffe6e7;
    color: #665c5c
}

.alert-primary hr {
    border-top-color: #f0d8d9
}

.alert-primary .alert-link {
    color: #665c5c
}

.alert-dark-primary {
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.alert-dark-primary hr {
    border-top-color: rgba(255, 255, 255, 0.2)
}

.alert-dark-primary .close,
.alert-dark-primary .alert-link {
    color: #fff
}

.tooltip-primary .tooltip-inner,
.tooltip-primary > .tooltip .tooltip-inner,
.ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
    background: rgba(239, 108, 0, 1);
    color: #fff
}

.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-top .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-top .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: rgba(239, 108, 0, 1)
}

.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-right .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-right .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: rgba(239, 108, 0, 1)
}

.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-bottom .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-bottom .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: rgba(239, 108, 0, 1)
}

.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-left .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-left .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: rgba(239, 108, 0, 1)
}

.popover-primary,
.popover-primary > .popover,
.ngb-popover-primary + ngb-popover-window {
    border-color: transparent;
    background: rgba(239, 108, 0, 1)
}

.popover-primary .popover-header,
.popover-primary > .popover .popover-header,
.ngb-popover-primary + ngb-popover-window .popover-header {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
    color: #fff
}

.popover-primary .popover-body,
.popover-primary > .popover .popover-body,
.ngb-popover-primary + ngb-popover-window .popover-body {
    background: transparent;
    color: #fff
}

.popover-primary > .arrow::before,
.popover-primary > .popover > .arrow::before,
.ngb-popover-primary + ngb-popover-window > .arrow::before {
    border-color: transparent
}

.popover-primary.bs-popover-top > .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-primary > .popover.bs-popover-top > .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="top"] > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-top > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: rgba(239, 108, 0, 1)
}

.popover-primary.bs-popover-right > .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-primary > .popover.bs-popover-right > .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="right"] > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-right > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="right"] > .arrow::after {
    border-right-color: rgba(239, 108, 0, 1)
}

.popover-primary.bs-popover-bottom > .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.popover-primary > .popover.bs-popover-bottom > .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-bottom > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: rgba(239, 108, 0, 1)
}

.popover-primary.bs-popover-left > .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="left"] > .arrow::after,
.popover-primary > .popover.bs-popover-left > .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="left"] > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-left > .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="left"] > .arrow::after {
    border-left-color: rgba(239, 108, 0, 1)
}

.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
    border-color: rgba(0, 0, 0, 0.035) !important;
    background-color: #ffefef;
    color: #666060
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #fceded
}

.btn-primary,
.btn-info,
.btn-danger,
.page-item.active .page-link {
    /*background: rgba(239, 108, 0, 1);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03);
    color: #fff;*/
    color: #868e96 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #868e96 !important;
    border: 1px solid;
}

.btn-primary:hover {
    background: #fc6264;
    color: #fff
}

.btn-primary:hover,
.btn-primary:focus {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.06)
}

.btn-primary .badge {
    background: #fff;
    color: rgba(239, 108, 0, 1)
}

.btn-primary .waves-ripple {
    background: rgba(255, 255, 255, 0.3)
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background: #fc6f71;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.15), 0px 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 3px 14px 2px rgba(0, 0, 0, 0.06)
}

.btn-primary.md-btn-flat {
    background: none;
    box-shadow: none;
    color: rgba(239, 108, 0, 1)
}

.btn-primary.md-btn-flat:focus,
.btn-primary.md-btn-flat.focus {
    background: rgba(252, 90, 92, 0.1)
}

.btn-primary.md-btn-flat .waves-ripple {
    background: rgba(252, 90, 92, 0.3)
}

.btn-primary.md-btn-flat:active,
.btn-primary.md-btn-flat.active,
.show > .btn-primary.md-btn-flat.dropdown-toggle {
    background: rgba(252, 90, 92, 0.15)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: rgba(239, 108, 0, 1) !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03) !important;
    color: #fff !important
}

.btn-primary.md-btn-flat.disabled,
.btn-primary.md-btn-flat:disabled {
    background: none !important;
    box-shadow: none !important;
    color: rgba(239, 108, 0, 1) !important
}

.btn-outline-primary {
    background: transparent;
    box-shadow: 0 0 0 1px rgba(239, 108, 0, 1) inset;
    color: rgba(239, 108, 0, 1)
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: rgba(239, 108, 0, 1);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
    color: #fff
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background: transparent !important;
    box-shadow: 0 0 0 1px rgba(239, 108, 0, 1) inset !important;
    color: rgba(239, 108, 0, 1) !important
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    background: #fc6264;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.15), 0px 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 3px 14px 2px rgba(0, 0, 0, 0.06);
    color: #fff
}

.btn-outline-primary .waves-ripple {
    background: rgba(255, 255, 255, 0.3)
}

.btn-outline-primary .badge {
    background: rgba(239, 108, 0, 1);
    border-color: rgba(239, 108, 0, 1);
    color: #fff
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: rgba(239, 108, 0, 1)
}

.badge-outline-danger {
    background-color: transparent;
    box-shadow: 0 0 0 1px #d9534f inset;
    color: #d9534f;
}

.badge-outline-info {
    background-color: transparent;
    box-shadow: 0 0 0 1px #777 inset;
    color: #777;
}

.table-striped tr.selected .badge-outline-danger {
    box-shadow: 0 0 0 1px #fdd inset;
    color: #fdd;
}

.table-striped tr.selected .badge-outline-info {
    box-shadow: 0 0 0 1px #ddd inset;
    color: #ddd;
}


.dropdown-item:not(.disabled).active {
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}


.nav-tabs .nav-link {
    background-image: linear-gradient(rgba(239, 108, 0, 1), rgba(239, 108, 0, 1))
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: rgba(239, 108, 0, 1);
    color: #fff
}

.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: rgba(239, 108, 0, 1)
}

.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: rgba(239, 108, 0, 1);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: rgba(239, 108, 0, 1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.25 4.35 4.18 6.75 9.25 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E")
}

.custom-control.custom-radio .custom-control-input ~ .custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fc5a5c'/%3E%3C/svg%3E")
}
  .clear-field {
        display:inline-block;
        position: relative
    }
    .clear-field:after {
        font-family: 'Font Awesome 5 Free';
        content: '\f057';
    
        position: absolute;
        right: 6px;
        top:3px
    }
/*#resetUnprocessedFileFilter {
    cursor: pointer;
    color: #999;
    position: absolute;
    right: 6px;
    z-index:999!important;
}*/
/*.custom-control .custom-control-input:checked ~ .custom-control-label::after {
    background: rgba(252, 90, 92, 0.15)
}*/
.input-group-append {
    margin-left: -20px;
    margin-top: -2px;
    z-index: 999;
}

.custom-file-input:focus ~ .custom-file-label {
    border-bottom-color: rgba(239, 108, 0, 1);
    box-shadow: 0 -1px 0 0 rgba(239, 108, 0, 1) inset
}

.form-control:focus,
.custom-select:focus {
    border-bottom-color: rgba(239, 108, 0, 1);
    box-shadow: 0 -1px 0 0 rgba(239, 108, 0, 1) inset
}

.switcher-input:checked ~ .switcher-indicator {
    background: rgba(252, 90, 92, 0.5)
}

.switcher-input:checked ~ .switcher-indicator::after {
    background: rgba(239, 108, 0, 1)
}

.switcher-input:checked ~ .switcher-indicator::before {
    background: rgba(252, 90, 92, 0.15)
}

.navbar.bg-primary {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fee1e1
}

.navbar.bg-primary .navbar-brand {
    color: #fff
}

.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link {
    color: #fee1e1
}

.navbar.bg-primary .navbar-nav .nav-link:hover,
.navbar.bg-primary .navbar-nav .nav-link:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link.disabled {
    color: #fdabac !important
}

.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
    color: #fff
}

.navbar.bg-primary .navbar-toggler {
    color: #fee1e1;
    border-color: rgba(255, 255, 255, 0.15)
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar.bg-primary .navbar-text {
    color: #fee1e1
}

.navbar.bg-primary .navbar-text a {
    color: #fff
}

.navbar.bg-primary .navbar-text a:hover,
.navbar.bg-primary .navbar-text a:focus {
    color: #fff
}

.navbar.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-link:hover,
.sidenav.bg-primary .sidenav-link:focus,
.sidenav.bg-primary .sidenav-horizontal-prev:hover,
.sidenav.bg-primary .sidenav-horizontal-prev:focus,
.sidenav.bg-primary .sidenav-horizontal-next:hover,
.sidenav.bg-primary .sidenav-horizontal-next:focus {
    color: #fff
}

.sidenav.bg-primary .sidenav-link.active,
.sidenav.bg-primary .sidenav-horizontal-prev.active,
.sidenav.bg-primary .sidenav-horizontal-next.active {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.disabled .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev.disabled,
.sidenav.bg-primary .sidenav-horizontal-next.disabled {
    color: #fdabac !important
}

.sidenav.bg-primary .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.sidenav.bg-primary .sidenav-item.active > .sidenav-link {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #ef5657
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #e35253
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu,
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
    background: #ef5657
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #fee1e1
}

.sidenav.bg-primary .sidenav-text {
    color: #fff
}

.sidenav.bg-primary .sidenav-header {
    color: #febfc0
}

.sidenav.bg-primary hr,
.sidenav.bg-primary .sidenav-divider,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
    border-color: rgba(255, 255, 255, 0.15) !important
}

.sidenav.bg-primary .sidenav-inner > .sidenav-header::before,
.sidenav.bg-primary .sidenav-block::before {
    background-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
    background-color: #f16f70
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    background-color: #fff
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    box-shadow: 0 0 0 2px #ef5657
}

.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
    background: rgba(255, 255, 255, 0.617515) !important
}

.footer.bg-primary {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fee1e1
}

.footer.bg-primary .footer-link {
    color: #fee1e1
}

.footer.bg-primary .footer-link:hover,
.footer.bg-primary .footer-link:focus {
    color: #fff
}

.footer.bg-primary .footer-link.disabled {
    color: #fdabac !important
}

.footer.bg-primary .footer-text {
    color: #fff
}

.footer.bg-primary .show > .footer-link,
.footer.bg-primary .active > .footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
    color: #fff
}

.footer.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.bg-primary.bs4-toast {
    color: #fff;
    background-color: rgba(252, 90, 92, 0.9) !important
}

.bg-primary.bs4-toast .toast-header {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.fill-primary {
    fill: rgba(239, 108, 0, 1)
}

.slider-primary .slider-handle {
    box-shadow: none !important
}

.slider-primary .slider-handle,
.slider-primary .slider-selection,
.slider-primary .slider-reversed .slider-track-high,
.slider-primary.slider-reversed .slider-track-high {
    background: rgba(239, 108, 0, 1)
}

.noUi-primary .noUi-base .noUi-handle {
    box-shadow: none !important;
    background: rgba(239, 108, 0, 1) !important
}

.noUi-primary .noUi-base .noUi-connect {
    background: rgba(239, 108, 0, 1) !important
}

.material-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.material-style .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection,
.material-style .select2-container--default.select2-container--open:not(.select2-container--disabled) .select2-selection {
    border-color: rgba(239, 108, 0, 1) !important;
    box-shadow: 0 -1px 0 0 rgba(239, 108, 0, 1) inset !important
}

.material-style .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(239, 108, 0, 1);
    color: #fff
}

.bootstrap-tagsinput.focus {
    border-color: rgba(239, 108, 0, 1) !important;
    box-shadow: 0 -1px 0 0 rgba(239, 108, 0, 1) inset !important
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active.today,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.datepicker table tr td.range,
.datepicker table tr td.range.highlighted,
.datepicker table tr td.range.today {
    background: #ffe6e7 !important;
    color: #665c5c !important
}

.datepicker table tr td.range.focused,
.datepicker table tr td.range.highlighted.focused,
.datepicker table tr td.range.today.focused {
    background: #ffc7ca !important
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.today.disabled {
    background: rgba(255, 230, 231, 0.5) !important;
    color: rgba(102, 92, 92, 0.5) !important
}

.flatpickr-calendar .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff
}

.flatpickr-calendar .numInputWrapper span.arrowDown:after {
    border-top-color: #fff
}

.flatpickr-month,
span.flatpickr-weekday {
    background: rgba(239, 108, 0, 1);
    color: #fff;
    fill: #fff
}

.flatpickr-weekdays {
    background: rgba(239, 108, 0, 1)
}

.flatpickr-day.today {
    border-color: rgba(239, 108, 0, 1)
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
    border-color: #ffe6e7 !important;
    background: #ffe6e7 !important;
    color: #665c5c !important
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.week.selected {
    border-color: rgba(239, 108, 0, 1) !important;
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.daterangepicker td.active {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    background-color: #ffe6e7 !important;
    color: #665c5c !important
}

.daterangepicker .input-mini.active {
    border-color: rgba(239, 108, 0, 1) !important
}

.ranges li.active {
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.dtp-date,
.dtp-time {
    background: rgba(239, 108, 0, 1);
    color: #fff
}

.dtp-close > a {
    color: #fff
}

header.dtp-header {
    background: #d64d4e;
    color: #fff
}

table.dtp-picker-days tr > td > a.selected {
    background: rgba(239, 108, 0, 1);
    color: #fff !important
}

.dtp-actual-meridien a.selected {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.dtp .year-picker-item:hover {
    color: rgba(239, 108, 0, 1)
}

.dtp .year-picker-item.active {
    color: rgba(239, 108, 0, 1)
}

.dtp .svg-clock [stroke="#8BC34A"] {
    stroke: rgba(239, 108, 0, 1) !important
}

.dtp .svg-clock [fill="#8BC34A"] {
    fill: rgba(239, 108, 0, 1) !important
}

.dtp .svg-clock [fill="#fff"] {
    fill: #fff !important
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.growl-default {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.md-editor.active {
    border-color: rgba(239, 108, 0, 1) !important
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: rgba(239, 108, 0, 1) !important
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: rgba(239, 108, 0, 1) !important
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: rgba(239, 108, 0, 1) !important
}

.tt-suggestion:active,
.tt-cursor {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.dropzone.dz-drag-hover {
    border-color: rgba(239, 108, 0, 1) !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(239, 108, 0, 1) !important
}

.sk-primary.sk-rotating-plane,
.sk-primary.sk-double-bounce .sk-child,
.sk-primary.sk-wave .sk-rect,
.sk-primary.sk-wandering-cubes .sk-cube,
.sk-primary.sk-spinner-pulse,
.sk-primary.sk-chasing-dots .sk-child,
.sk-primary.sk-three-bounce .sk-child,
.sk-primary.sk-circle .sk-child:before,
.sk-primary.sk-cube-grid .sk-cube,
.sk-primary.sk-fading-circle .sk-circle:before,
.sk-primary.sk-folding-cube .sk-cube:before {
    background-color: rgba(239, 108, 0, 1)
}

/*
.sk-cube.chart-load-indicator {
    color: rgba(239, 108, 0, 1)
    background-color: rgba(0, 0, 0, 1)
}
*/

.sw-theme-default .step-anchor > li.active > a .sw-icon,
.sw-theme-default .step-anchor > li.active > a .sw-number {
    color: rgba(239, 108, 0, 1);
    border-color: rgba(239, 108, 0, 1)
}

.plyr input[type='range']::-ms-fill-lower {
    background: rgba(239, 108, 0, 1) !important
}

.plyr input[type='range']:active::-webkit-slider-thumb {
    background: rgba(239, 108, 0, 1) !important
}

.plyr input[type='range']:active::-moz-range-thumb {
    background: rgba(239, 108, 0, 1) !important
}

.plyr input[type='range']:active::-ms-thumb {
    background: rgba(239, 108, 0, 1) !important
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.plyr__play-large {
    background: rgba(239, 108, 0, 1) !important;
    color: #fff !important
}

.plyr__progress--played,
.plyr__volume--display {
    color: rgba(239, 108, 0, 1) !important
}

.fc-event {
    background: rgba(252, 90, 92, 0.15) !important
}

.fc-event-dot {
    background: rgba(252, 90, 92, 0.4) !important
}

.fc-highlight,
.fc-bgevent:not(.fc-nonbusiness) {
    background: rgba(239, 108, 0, 1) !important
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
    background: rgba(239, 108, 0, 1);
    color: #fff
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #fed6d6
}

.ui-product-color.active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(239, 108, 0, 1) !important
}

.bg-navbar-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-navbar-theme .navbar-brand {
    color: #4E5155
}

.bg-navbar-theme .navbar-brand:hover,
.bg-navbar-theme .navbar-brand:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-nav .nav-link:hover,
.bg-navbar-theme .navbar-nav .nav-link:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link.disabled {
    color: #c5c6c7 !important
}

.bg-navbar-theme .navbar-nav .show > .nav-link,
.bg-navbar-theme .navbar-nav .active > .nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
    color: #4E5155
}

.bg-navbar-theme .navbar-toggler {
    color: #a3a4a6;
    border-color: rgba(78, 81, 85, 0.0763725)
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(24,28,33,0.4)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.bg-navbar-theme .navbar-text {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-text a {
    color: #4E5155
}

.bg-navbar-theme .navbar-text a:hover,
.bg-navbar-theme .navbar-text a:focus {
    color: #4E5155
}

.bg-navbar-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-navbar {
    box-shadow: 0 1px 0 rgba(24, 28, 33, 0.06)
}

.bg-sidenav-theme {
    background-color: #222 !important;
    color: #999
}

.bg-sidenav-theme .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev,
.bg-sidenav-theme .sidenav-horizontal-next {
    color: #999
}

.bg-sidenav-theme .sidenav-link:hover,
.bg-sidenav-theme .sidenav-link:focus,
.bg-sidenav-theme .sidenav-horizontal-prev:hover,
.bg-sidenav-theme .sidenav-horizontal-prev:focus,
.bg-sidenav-theme .sidenav-horizontal-next:hover,
.bg-sidenav-theme .sidenav-horizontal-next:focus {
    color: #fff
}

.bg-sidenav-theme .sidenav-link.active,
.bg-sidenav-theme .sidenav-horizontal-prev.active,
.bg-sidenav-theme .sidenav-horizontal-next.active {
    color: #fff
}

.bg-sidenav-theme .sidenav-item.disabled .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev.disabled,
.bg-sidenav-theme .sidenav-horizontal-next.disabled {
    color: dimgray !important
}

.bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.bg-sidenav-theme .sidenav-item.active > .sidenav-link {
    color: #fff
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #2d2d2d
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #383838
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu,
.bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
    background: #2d2d2d
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #999
}

.bg-sidenav-theme .sidenav-text {
    color: #fff
}

.bg-sidenav-theme .sidenav-header {
    color: #7b7b7b
}

.bg-sidenav-theme hr,
.bg-sidenav-theme .sidenav-divider,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
    border-color: rgba(255, 255, 255, 0.06) !important
}

.bg-sidenav-theme .sidenav-inner > .sidenav-header::before,
.bg-sidenav-theme .sidenav-block::before {
    background-color: rgba(255, 255, 255, 0.06)
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
    background-color: #3a3a3a
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    background-color: #fff
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    box-shadow: 0 0 0 2px #2d2d2d
}

.bg-sidenav-theme .ps__thumb-y,
.bg-sidenav-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
    background: rgba(255, 255, 255, 0.453333) !important
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
    color: rgba(239, 108, 0, 1) !important
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background: none !important
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
    position: relative
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 0;
    border-bottom: 2px solid rgba(239, 108, 0, 1)
}

.bg-footer-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-footer-theme .footer-link {
    color: #a3a4a6
}

.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus {
    color: #4E5155
}

.bg-footer-theme .footer-link.disabled {
    color: #c5c6c7 !important
}

.bg-footer-theme .footer-text {
    color: #4E5155
}

.bg-footer-theme .show > .footer-link,
.bg-footer-theme .active > .footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
    color: #4E5155
}

.bg-footer-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-footer {
    box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.06)
}

hr {
    border-color: rgba(24, 28, 33, 0.06)
}

.widget-container {
    margin-left: 15px;
    margin-right: 15px;
}

.card-body {
    background-color: rgba(255, 255, 255, 0.7) !important;

}

.layout-container {

    background-color: rgba(255, 255, 255, 0.7) !important;
    background: url('/assets/vendor/images/background.png') !important;
    background-repeat: repeat !important;
    background-position: center center;
}

.navbar-brand img {
    vertical-align: middle;
    border-style: none;
    height: 42px;
}

.footer a {
    color: #982061;
}

.default-style .sidenav .influity-brand.demo {
    height: 66px;
}

.material-style .sidenav .influity-brand.demo {
    height: 70px;
}

.influity-brand-logo.demo {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.influity-brand-logo.demo svg {
    width: 20px;
    height: 11px;
}

.influity-brand-text.demo {
    font-size: 1.1rem;
}

.layout-1 .layout-sidenav .influity-brand.demo,
.layout-1 .layout-sidenav .influity-brand.demo + .sidenav-divider,
.layout-reversed .layout-2 .layout-sidenav .influity-brand.demo {
    display: none;
}

.layout-1 .layout-navbar .influity-brand.demo,
.layout-reversed .layout-2 .layout-navbar .influity-brand.demo {
    display: -ms-flexbox !important;
    display: flex !important;
}

.layout-1 .layout-navbar .layout-sidenav-toggle,
.layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
.layout-offcanvas .layout-navbar .layout-sidenav-toggle,
.layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
    display: block !important;
}

@media (min-width: 992px) {

    .layout-offcanvas .layout-sidenav .layout-sidenav-toggle,
    .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
        display: none;
    }
}

/* *****************************************************************************
 * Navbar
 */

.demo-navbar-messages .dropdown-toggle,
.demo-navbar-notifications .dropdown-toggle,
.demo-navbar-user .dropdown-toggle,
.demo-navbar-messages.b-nav-dropdown .nav-link,
.demo-navbar-notifications.b-nav-dropdown .nav-link,
.demo-navbar-user.b-nav-dropdown .nav-link {
    white-space: nowrap;
}

.demo-navbar-messages .dropdown-menu,
.demo-navbar-notifications .dropdown-menu {
    overflow: hidden;
    padding: 0;
}

@media (min-width: 992px) {

    .demo-navbar-messages .dropdown-menu,
    .demo-navbar-notifications .dropdown-menu {
        margin-top: .5rem;
        width: 22rem;
    }

    .demo-navbar-user .dropdown-menu {
        margin-top: .25rem;
    }
}


/* *****************************************************************************
 * Content
 */

.demo-vertical-spacing > * + * {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-sm > * + * {
    margin-top: .9375rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg > * + * {
    margin-top: 5rem !important;
    margin-bottom: 0 !important;
}

.demo-inline-spacing > *,
.demo-paragraph-spacing > p > * {
    margin: 0 .375rem .9375rem 0 !important;
}

.demo-paragraph-spacing > p {
    margin: 0;
}

.demo-blocks > * {
    display: block !important;
}

html:not(.material-style) .material-style-only {
    display: none !important;
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
}

[dir=rtl] .rtl-only {
    display: block !important;
}

/* *****************************************************************************
 * Layouts
 */

.layout-example-block {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 2px;
    background: rgba(0, 0, 0, .04);
    color: #c7254e;
}

.layout-example-block code {
    background: none;
    color: #666;
}

.layout-example-block-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 500px;
}

.layout-example-block-sidenav {
    width: 24%;
    background: #607d8b;
}

.layout-example-block-sidenav code {
    color: #fff;
}

.layout-example-block-navbar {
    background: #3ca99e;
}

.layout-example-block-navbar code {
    color: #fff;
}

.layout-example-block-content {
    background: #9e9e9e;
}

.layout-example-block-content code {
    color: #fff;
}

.layout-example-block-1 .layout-example-block-content {
    width: 74%;
}

.layout-example-block-2 .layout-example-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 74%;
}

.layout-example-block-2 > .layout-example-block {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.layout-example-block-2 .layout-example-block-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.layout-example-block-1-no-sidenav .layout-example-block-content {
    width: 100%;
}

.layout-example-code {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 30px;
    min-width: 0;
    width: 100%;
    background: #fff;
}

.layout-example-run {
    display: inline-block;
    margin: 3px;
    padding: 4px 6px;
    border: 1px solid #eee;
    background: transparent;
    white-space: nowrap;
    line-height: 1;
}

.layout-example-block-3 .layout-example-block-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layout-example-block-3 .layout-example-block-inner > .layout-example-block {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.layout-example-block-3 .layout-example-block-inner .layout-example-block-container-fluid {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.layout-example-block-3 .layout-example-block-sidenav-horizontal {
    background: #607d8b;
}

.layout-example-block-3 .layout-example-block-container-fluid {
    background: #fff;
}

.layout-example-block-3 .layout-example-block-container-fluid code {
    color: #666;
}

.layout-example-block-3 .layout-example-block-footer {
    background: #e6514a;
}

span.influity-brand-logo.demo.bg-primary {
    background: #ffffff !important;
}

.layout-navbar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
}

.layout-container {
    padding-top: 60px !important;
}

.card.full-width {
    width: 100% !important;

}

.card {
    opacity: .75 !important;
}

h6.card-header {
    color: rgba(239, 108, 0, 1);
}

.sidenav.bg-white .sidenav-header {
    color: #181c21e6 !important;
    font-size: 1em;
}

.sidenav.bg-white .sidenav-link:hover,
.sidenav.bg-white .sidenav-link:focus,
.sidenav.bg-white .sidenav-horizontal-prev:hover,
.sidenav.bg-white .sidenav-horizontal-prev:focus,
.sidenav.bg-white .sidenav-horizontal-next:hover,
.sidenav.bg-white .sidenav-horizontal-next:focus {
    color: rgba(239, 108, 0, 1) !important;
}

a .d-flex.align-items-center.display-4.lnr.text-success.text-large {
    color: green;
}

.form-control {

    color: #4E5155;
    background-color: #ebebeb !important;

    border: 1px solid rgba(24, 28, 33, 0.1) !important;
    border-radius: 4px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;

}

.form-control:focus,
.custom-select:focus {
    border: 1px solid rgba(239, 108, 0, 1) !important;
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0) !important;


}

.ps {
    position: fixed;
}

ul#menu-section-3.sidenav-menu.ps {
    position: relative !important;
}

#dataprocessing.ps {
    position: relative !important;
}

#ps-test.ps {
    position: relative !important;
}

div#ps-test {
    position: relative !important;
    max-height: 550px !important;

}

html.default-style.layout-collapsed .ps {
    position: relative !important;
}

.authentication-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

.authentication-wrapper .authentication-inner {
    width: 100%
}

.authentication-wrapper.authentication-1,
.authentication-wrapper.authentication-2,
.authentication-wrapper.authentication-4 {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.authentication-wrapper.authentication-1 .authentication-inner {
    max-width: 300px
}

.authentication-wrapper.authentication-2 .authentication-inner {
    max-width: 380px
}

.authentication-wrapper.authentication-3 {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-3 .authentication-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-4 .authentication-inner {
    max-width: 800px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .authentication-wrapper:after {
        content: '';
        display: block;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        min-height: inherit;
        width: 0;
        font-size: 0
    }
}

.col-8.main-buttons {
    line-height: 42px;
    text-align: right;
}

.sidenav-inner {

    border-right: #e7e7e7 solid 1px;
}

.fly-over {
    width: 100% !important;
    text-align: right !important;
    margin: 0 auto !important;
    right: 0px !important;
    bottom: 0px !important;
}

.fly-over {
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 30px;
    padding: 10px 20px;
    background-color: #ffffff;
    border: #e7e7e7 solid 1px;
}

.required:after {
    color: #ff0000;
    content: "*";
    font-size: 11px;
    margin-left: 3px;
}

label,
.extra-label {
    line-height: unset !important;
}

#layout-sidenav {
    border-right: #e7e7e7 solid 1px;
}

.ps {
    position: fixed !important;
}

.layout-collapsed {
    position: relative !important;
}

h5.inner-title {
    height: 19px !important;
    color: #8b9aa2 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
}

.default-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(239, 108, 0, 1) !important;
    color: #f0f0f0 !important;
}

span.select2-selection.select2-selection--multiple {
    color: #4E5155 !important;
    background-color: #ebebeb !important;
    border: 1px solid rgba(24, 28, 33, 0.010) !important;

}

.default-style div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    min-width: calc(1.5rem + 2px) !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    padding: 0.375rem 0.25rem !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    outline: 0px !important;
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    /*border-color: rgba(239, 108, 0, 1) !important;
    background-color: rgba(239, 108, 0, 1) !important;
    color: #fff !important;*/
    color: #868e96 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #868e96 !important;
    border: 1px solid;
}

.page-item + .page-item .page-link,
.pagination li + li > a:not(.page-link) {
    margin-left: 0.0625rem !important;
}

td {
    outline: none !important;
}

.default-style .select2-container--default .select2-selection--single {
    background-color: #ebebeb !important;
}

.default-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #4E5155 transparent transparent transparent !important;
}
.wide-select2-parent .default-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #4E5155 transparent!important;
}

label.custom-control.custom-checkbox.hastachograf {
    margin-top: 5px;
}

label.custom-control.custom-checkbox.forpassengers {
    margin-top: 5px;
}

label.custom-control.custom-checkbox.leased {
    margin-top: 5px;
}

a .muted-text-small {
    color: #8897AA !important
}

.muted-text-small-gray span {
    color: #999 !important;
}

.muted-text-small-gray.disabled span {
    color: #d7d7d7 !important;
}

.demo-navbar-user.nav-item.dropdown {
    margin-right: 428px;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    text-overflow: ellipsis;
    font-size: 13px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -ms-text-overflow: ellipsis !important;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.widget-container .card-body {
    min-height: 142px;
	/* margin: 20px 10px; */
}

.rememberme.custom-checkbox .custom-control-label::before {
    margin-top: 8px !important;
}

span#select2-companyname-d9-container {
    background: white;
    border: 1px solid white !important;
}

.dropdown-menu.dropdown-menu-right.show {
    width: 100%;
}

li.select2-results__option:hover {
    color: rgba(239, 108, 0, 1) !important;
}

.p-2.disabled,
.disabled {
    color: #a3a4a6 !important;
}

.middleofthenavbar {
    text-align: left;
    width: 250px;
    float: left;
    /*margin-left: 30px;*/
	display: flex;

}

#middleofthenavbar .select2-selection.select2-selection--single {
    background: #ffffff !important;
    border: none !important;
}

.red-note {
    color: red;
}

.mb-7 {
    margin-bottom: 7rem;
}

.header-orange {
    color: rgba(239, 108, 0, 1);
}

i.icon-parameter {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjBR0WEARjk8o0AAABK0lEQVQoz23MsS+ccQAG4Of7+fIdkdxyEk4qTTpVcmEwSEqEUbdKbE1Xg5nyD7T/QEPE1jQdDTYMDHfOYKYjccrQ0iPShvt8Fr0zeMf3ffLCkpp53Xhr04ZJ9PjoxBeCTmMW9Cvijao9I+jx2qJxnbGcvCl5MRK/0IVYnyl5uWDWvrLUgILIvXuRLgNSZftmY9NmHPvtlV7/U/TSd1uqVgLaXEgEWRNkgsSFNmKr5pzp881pE/x04L0hRavBukGRDkf+NMGlIx0ig9aDuro1NbcSOaNG5SRu1aypq8daKcn8RabUKp+CCeeW8c64nedApKEdd6LnH6o+eIF2X1tlkIkEUHalpORa5XGLZLGGoCCV4p8KAlKpgqAR3Njx2aEz7Bo2rIJzP3yy7eYB67pVySOiRhoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMjlUMjA6MTY6MDQrMDI6MDCQZ4keAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTI5VDIwOjE2OjA0KzAyOjAw4ToxogAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px;
    margin-right: 17px;

}

i.icon-parameter-orange {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAADwbADvbADwawDxagDvbADvbADxbgDvbADuawDvbADwawDvbADuawDvbQDubADvbADwaQDvbADwbQDvbADvcADwbADvbADvawDvbADvbQDvbQDwbADuZgDvbADwbADvbADvbADwbQDvbAAAAACqpeDSAAAAI3RSTlMAhvSFJNz5Jfh5kneAaY1o4SLgZ7sQ16OkYaJg1g/zhNvaIy/ks4YAAAABYktHRACIBR1IAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUdFhUuxV/3pwAAAHBJREFUGNN9z8cOgCAQRdFnwd4VxF74/38UHRYaElmQk5vJJAM4rgf4jPkgIggjIE6S2BAqVUCmn2HOClZSIFY16oYC0QqlnmspEK2lULhD12WGz89FLwV/hWEExukvcCHlvLzCZ6l1nLdu+vz9OIkXg6sLp3Xr/2MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMjlUMjA6MjE6NDYrMDI6MDD4jOu1AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTI5VDIwOjIxOjQ2KzAyOjAwidFTCQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px;
    margin-right: 17px;
}

#section-heading-2 i.icon-parameter:hover {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAADwbADvbADwawDxagDvbADvbADxbgDvbADuawDvbADwawDvbADuawDvbQDubADvbADwaQDvbADwbQDvbADvcADwbADvbADvawDvbADvbQDvbQDwbADuZgDvbADwbADvbADvbADwbQDvbAAAAACqpeDSAAAAI3RSTlMAhvSFJNz5Jfh5kneAaY1o4SLgZ7sQ16OkYaJg1g/zhNvaIy/ks4YAAAABYktHRACIBR1IAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUdFhUuxV/3pwAAAHBJREFUGNN9z8cOgCAQRdFnwd4VxF74/38UHRYaElmQk5vJJAM4rgf4jPkgIggjIE6S2BAqVUCmn2HOClZSIFY16oYC0QqlnmspEK2lULhD12WGz89FLwV/hWEExukvcCHlvLzCZ6l1nLdu+vz9OIkXg6sLp3Xr/2MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMjlUMjA6MjE6NDYrMDI6MDD4jOu1AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTI5VDIwOjIxOjQ2KzAyOjAwidFTCQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px;
    margin-right: 17px;
}

.card-body.disabled {
    background: #f6f6f6 !important;
}

.text-large.disabled,
.lnr.display-4.text-success.disabled,
.muted-text-small.disabled {
    color: #d7d7d7 !important;
}

i.icon-hu {
    display: inline-block;
    background: url("/assets/vendor/images/flags/hu.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-en {
    display: inline-block;
    background: url("/assets/vendor/images/flags/en.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-pl {
    display: inline-block;
    background: url("/assets/vendor/images/flags/pl.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-fr {
    display: inline-block;
    background: url("/assets/vendor/images/flags/fr.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-ro {
    display: inline-block;
    background: url("/assets/vendor/images/flags/ro.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-de {
    display: inline-block;
    background: url("/assets/vendor/images/flags/de.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

i.icon-sk {
    display: inline-block;
    background: url("/assets/vendor/images/flags/sk.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.navbar .dropdown .btn-link {
    color: #4E5155 !important;
}

a.dropdown-item {
    padding-left: 1em !important;
}

.card-header h2 {
    color: rgba(239, 108, 0, 1);
}

.lhlh2 {
    vertical-align: baseline;
    margin-top: 14px !important;
}

.card-body.smaller-padding {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem 1.5rem;

}


.card-header.smaller-padding {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left:
        1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    padding-right: 1.5rem;


}

.card-body.smaller-padding {
    min-height: 400px;
}

.p-l-22 {
    padding-left: 2.2rem;
}

.row.l-h-41 {
    vertical-align: unset;
    margin-top: 10px;
}

.row.card-header.smaller-padding {
    margin-left: 0px;
    margin-right: 0px !important;
}

span.text-muted.small {
    line-height: 36px;
}
.text-muted{
    color:#565656!important;
}
button.align-center.btn.btn-primary {
    margin: 0 auto;
}

.card-body.smaller-padding.mh-500 {
    min-height: 500px;
}

input[placeholder] {
    width: 100% !important;
}

.select2( {
    width: '100%';
}

);

.btn-primary {
    color: #868e96 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #868e96 !important;
}

.sidenav .ps__thumb-y,
.sidenav .ps__rail-y {
    width: .185rem !important;
}

#main-table_filter input.form-control.form-control-sm {
    width: 200px !important;
}



a .muted-text-small {
    color: #8897AA !important;
}

/*.text-success,
.text-danger,
.text-secondary {
    color: #8897AA !important;
}
.text-info {
    color: #8897AA !important;
}
*/
@-moz-document url-prefix() {
    .line-clamp {
        display: -webkit-box;
        text-overflow: ellipsis;
        font-size: 13px;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -ms-text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        width: 248px;
        display: -webkit-box;
        overflow: hidden;
    }

    .widget-container .card-body {
        min-height: 156px;
    }

    .select2-container {
        width: unset !important;
    }
}

.daily-timeline-chart img {

    max-width: 1152px !important;
    height: auto;
    /*width: 100%;
    margin-left: 43px;
    margin-top: -80px;*/

}

.daily-timeline-date {

    width: 60px;
    font-size: 12px;

}

.daily-timeline-info {

    width: 1152px;
    height: 38px;
    margin-left: 10px;
    margin-top: -30px;
    position: relative;

}

.daily-timeline-chart {}

.daily-timeline {

    width: 1152px;
    height: 90px;
}

i.ion,
.nav-link {
    color: #4E5155;
}

.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 300px;
}

.navbar-collapse.collapse.w-100.ml-100 {
    margin-left: 100px;
}

a.nav-link.username {
    display: inline-flex;
}

div#layout-navbar-collapse {
    background: unset !important;
}

.navbar-collapse.collapse.w-100.ml-300 a:hover {
    color: #4E5155 !important;
}

.dz-preview.dz-file-preview {
    width: 98% !important;
    border: 1px solid #a3a4a6 !important;
}

.dz-filename {
    width: 99% !important;
    left: 2px !important;
}

.b-b-32 {
    background-color: blue;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 24px;

}

.b-g-16 {
    background-color: green;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 16px;

}

.b-y-8 {
    background-color: yellow;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 8px;

}

.b-p-4 {
    background-color: hotpink;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 4px;

}

.b-r-2 {
    background-color: red;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 2px;
}

.b-o-2 {
    background-color: orange;
    width: 30px;
    margin: 0 auto;
    display: inline-block;
    height: 2px;
}

.lh-32 {
    line-height: 32px;
    vertical-align: baseline;
    text-align: center;
}

.lh-12 {
    line-height: 12px;
    vertical-align: baseline;
    margin: 0 auto;
    text-align: center;
}

.lh-50 {
    line-height: 50px;
}

.fs-12 {
    font-size: 12px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-black-2 {
    border-bottom: 2px solid black;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-gray-2 {
    border-bottom: 2px solid gray;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-light-green-2 {
    border-bottom: 2px solid lawngreen;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-light-blue-2 {
    border-bottom: 2px solid lightblue;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-red-dot-2 {
    border-bottom: 2px dotted red;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bb-green-dashed-2 {
    border-bottom: 2px dashed green;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* DIAGRAM BLOCK: shift T */
.bb-blue-dotted.onlegend {
    border-bottom: 2px dotted blue !important;
    width: 30px !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    top: unset !important;
}

.bb-blue-dotted.ondiagram {
    height: 5px;
    border-bottom: 0px;
    border-top: 2px dotted blue;
    top: 32px;
}

.bb-blue-dotted.ondiagram.zoom {
    top: 52px;
}

.bb-blue-dotted.ondiagram.outOfEmployment {
    border-top: 2px dotted rgb(0, 0, 255, 0.5);
}

/* DIAGRAM BLOCK: co-driver data T */
.bb-black-dashed-2 {
    border-bottom: 2px dashed black;
    width: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
}

.bb-black-dashed-2.onlegend {
    position: relative;
}

.bb-black-dashed-2.ondiagram {
    top: 9px;
}

.bb-black-dashed-2.ondiagram.outOfEmployment {
    border-bottom: 2px dashed #666;
}


.bb-blue-dotted {
    border-bottom: 2px dotted blue;
    width: 30px;
    top: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    background: transparent;
}

@-moz-document url-prefix() { 
	.bb-blue-dotted-short {
	    border-bottom: 2px solid blue !important;
		top: 28px!important;
	}
}

.bb-green-dashed {
    border-bottom: 2px dashed green;
    width: 30px;
    top: 25px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
}

.oxs {
    overflow: scroll;
    height: 360px;
}

.col-lg-6.bl-g {
    border-left: 1px solid;
    border-color: rgba(24, 28, 33, 0.075) !important;
}

.fileswaitingforprocessing {
    max-height: 168px;
    border: 1px solid;
    padding: 10px;
    /*margin-bottom: 10px;*/
    border-color: rgba(24, 28, 33, 0.075) !important;
    overflow-x: auto;
}

.fileswaitingforprocessing label {
    line-height: unset !important;
}

span.drp-selected {
    display: none !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #8897aa !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03) !important;
    color: #fff !important;
}

label.custom-control.custom-checkbox {
    line-height: unset !important;
}

.vam {
    vertical-align: middle !important;
}

.lh-2 {
    line-height: 2px;
    font-size: 3px;
    padding: unset;
}

table td.lh-2 {
    padding-top: 2px;
    padding-bottom: 2px;
    max-height: 2px !important;
}

/*Calendar*/
/* DivTable.com */
.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    border: 1px solid #c7c7c7;
    display: table-cell;
    padding: 3px 10px;
}

.divTableCell .p-2 {
    padding-top: 0rem !important;
}

.mt--2 {
    margin-top: -.2rem;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.mainCell {
    font-size: 11px;
    padding: 0px !important;
    min-width: 120px !important;
}

/*.forbreak {
    font-size: 2px;
    height: 4px;
    max-height: 4px;
    line-height: 2px;
}*/

.row.forbreak {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    height: 10px;
}

.divTableCell.week {
    vertical-align: middle;
}

.sum,
.tableheaderbg {
    background-color: #f1f1f1;
}

.yellowbg {
    background-color: #fffee9;
}

.bluebg {
    background-color: rgb(241, 246, 252, 1);
}

.greybg {
    background-color: #d9e3e4;
}

.cellselected {
    background: #ef6c0021;
}

.tc-green {
    color: green;
}

.tc-blue {
    color: blue;
}

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

.forbreak {
    background-image: url("/assets/vendor/images/calendar-break-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.input-w-200 {
    width: 200px;
}

.input-w-300 {
    width: 300px;
}

.deletedalso,
.alldrivers {
    margin-top: 27px;
}

.searcharea {
    margin-bottom: -10px !important;
}

.searcharea label,
.datearea label {
    line-height: 10px !important;

}

.datearea label {
    line-height: 24px !important;

}

.input-w-120 {
    width: 120px !important;
}

.input-w-160 {
    width: 160px;
}
.input-w-140 {
    width: 140px;
}


.row.datearea .form-inline {
    margin-bottom: 10px;
}

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

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

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

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

span.dash {
    margin-top: 21px;
}

.searcharea .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.deletedalso .custom-control-label,
.alldrivers .custom-control-label {
    position: static;
}

.legend {
    /*  max-width: 500px!important;
    border: 1px solid rgba(24, 28, 33, 0.075);*/
    margin-left: 0px;
    border-radius: 4px !important;
}

.input-w-200 .select2-container {
    min-width: 230px !important;
}

.input-w-140 .select2-container {
    min-width: 140px !important;
}

.input-w-120 .select2-container {
    min-width: 120px !important;
}  

.searcharea .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
    font-size: 12px !important;
}

.searcharea .select2-container .select2-selection--single {
    height: 25px !important;
}

.input-w-60 {
    width: 60px;
}

input.form-control.inputwithcalendar {
    height: 36px;
    padding-left: 30px !important;
    padding-right: 8px !important;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABLklEQVQ4T6WSQU7CYBCFv1ej6x6BG9gbCCcQIyTucFlYQYhr49rUuhK27EwkEU8g3ABv0COw1tgxf1tqMSRC+Fcvk/fmfzNvROW1e3FwlLJ6Hg+Sav0qjGvfHv7L02C5rqtKaHUjAxbT0bD+pz4HzqajYclXuxddm6mTE80JVqCyc1EPAB/kGiDZRK1ulHWr/rADXjhhH2juQK5SZhsz7iPWZfjwKHG6j8iMj4Nm/F2OpQ3kuQ3Ghl1kG0SvwABLl8h7L5xlyymFLqdWeF93hHVmWbaWNqbjm3mRs9NuCsGWhnxBzeG8uwKDRJjL17nZIhR3mNVAHRzOboJbsAlSkuMtwgOsupNK3WkFVas59lbFSRZWw2iGON8nR4w3Nfuxf/yZNi1byP9PkHydeLMfUruL+JTKW/MAAAAASUVORK5CYII=);
    content: "";
    background-position: 8px 50%;
    background-repeat: no-repeat;
    color: #4E5155;
    background-color: #ebebeb !important;
    border: 1px solid rgba(24, 28, 33, 0.1) !important;
    border-radius: 4px !important;
    width: 220px;
    outline: none;



}

#customCheck2.custom-control-label::after {
    display: none !important;
}

label.custom-control-label {
    line-height: unset !important;
}

.lh-36 {
    line-height: 36px;
}

.lh-36 > label.custom-control-label:before {
    margin-top: 7px;
}

.lh-36 .custom-control .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: 7px;
}

#customCheck2.custom-control .custom-control-input:checked ~ input#customCheck2.custom-control-label::after {
    background: rgba(252, 90, 92, 0.15);
    margin-top: 7px;
}

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

.custom-checkbox.right {
    padding: 0 25px 0 0;
    display: inline-block;
}

.custom-control-label::after {
    background: none !important;
}

.custom-checkbox.right label:before,
.custom-checkbox.right input[type="checkbox"] {
    right: 0;
    left: auto;
}

.custom-control.custom-checkbox.right:before .custom-checkbox.right. input[type="checkbox"]:checked + label:after {
    right: -1px;
    left: auto;
}

.legend .p-2 {
    text-align: center;
}

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

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

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

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

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

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

.select2-container .select2-selection--single .select2-selection__rendered {
    outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none !important;
}

.input-w-180 {
    width: 180px !important;
}

.input-w-332 {
    width: 332px !important;
}

.input-w-372 {
    width: 372px !important;
}

.w-60 {
    width: 60px !important;
    font-size: 12px;
    margin-left: -10px;
    text-align: left !important;
}

.diagram-block {
    position: absolute !important;
    vertical-align: baseline;
    display: -webkit-box;
    margin-top: 80px;
    margin-left: -9px;


}

.timeline-box.with-background {
    max-width: 1152px;
    /* background: url("http://compass.techsupp.hu/assets/vendor/images/daily-timeline.png");*/
    background: url("/assets/vendor/images/timeline.png");
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    max-height: 38px;
    z-index: 900 !important;
}

.timeline-block {
    z-index: 998;
}

.timeline-block.longWrong {
    z-index: 997;
}

div#driver-activity-diagram-content {
    width: 1152px;
}

a.nav-link.username {
    display: block;
    white-space: nowrap;
    max-width: 170px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

form.needs-validation label.col-1.extra-label {
    line-height: 36px !important;
}

.col-3.main-buttons {
    text-align: right;
}

.col-4.main-buttons {
    text-align: right;
}

.col-5.main-buttons {
    text-align: right;
}

.col-6.main-buttons {
    text-align: right;
}

.col-7.main-buttons {
    text-align: right;
}

.mh-8 {
    max-height: 8px;
    position: relative;
    top: 30px;

}

.mh-18 {
    max-height: 18px;
    position: relative;
    top: 18px;
}

.mh-24 {
    max-height: 24px;
    position: relative;
}

/* DIAGRAM BLOCK: manual data (entered by driver) T */
.manual-data {
    border-bottom: 2px dashed green;
    position: absolute;
}

.manual-data.ondiagram {
    top: 27px;
    height: 5px;
    border-top: 2px dashed green;
    border-bottom: 0px;
}

.manual-data.ondiagram.outOfEmployment {
    border-top: 2px dashed rgb(0, 128, 0, 0.5);
    border-bottom: 0px;
}

.manual-data.ondiagram.zoom {
    border-top: 2px dashed green;
    border-bottom: 0px;
}

/*.co-driver {
    border-bottom: 2px dashed green;
    position: absolute;
}
.co-driver.outOfEmployment {
    border-bottom: 2px dashed rgb(0,128,0,0.5);
}
*/

/* DIAGRAM BLOCK: no data (missing data) T */
.no-data {
    border-bottom: 2px dotted red;
    position: absolute;
}

.no-data.ondiagram {
    top: 27px;
    height: 5px;
    border-top: 2px dotted red;
    border-bottom: 0px;
}

.no-data.ondiagram.outOfEmployment {
    border-top: 0px;
    border-bottom: 2px dotted rgb(255, 0, 0, 0.3);
    top: 24px;
}

/* DIAGRAM BLOCK: data added by admin user T */
.user-added-data {
    border-top: 2px dashed violet;
    position: absolute;
}

.user-added-data.ondiagram {
    top: 27px;
    height: 5px;
}

.user-added-data.ondiagram.outOfEmployment {
    border-top: 2px dashed rgb(238, 130, 238, 0.5);
}

.user-added-data.onlegend {
    width: 30px !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    top: unset !important;
}

/* DIAGRAM BLOCK: driving time T */
.driving-time {
    border-bottom: 24px solid blue;
    position: absolute;
}

.driving-time.outOfEmployment {
    border-bottom: 24px solid rgb(0, 0, 255, 0.2);
}

/* DIAGRAM BLOCK: driving time (out of scope) */

.driving-time-out-of-scope {
    border-bottom: 24px solid green;
    position: absolute;
}

.driving-time-out-of-scope.outOfEmployment {
    border-bottom: 24px solid rgb(0, 128, 0, 0.2);
    position: absolute;
}

/* DIAGRAM BLOCK: working time T */
.working-time {
    border-bottom: 16px solid green;
    position: absolute;
}

.working-time.outOfEmployment {
    border-bottom: 16px solid rgb(0, 128, 0, 0.2);
    position: absolute;
}

.working-time.longWrong {
    border-bottom: 16px solid rgb(0, 128, 0, 0.35);
}

/* DIAGRAM BLOCK: availability time T */
.standby-time {
    border-bottom: 8px solid yellow;
    position: absolute;
}

.standby-time.outOfEmployment {
    border-bottom: 8px solid rgb(255, 255, 0, 0.2);
}

.standby-time.longWrong {
    border-bottom: 8px solid rgb(255, 255, 0, 0.4);
}

/* DIAGRAM BLOCK: break time T */
.break-time {
    border-bottom: 4px solid hotpink;
    position: absolute;
}

.break-time.outOfEmployment {
    border-bottom: 4px solid rgb(255, 105, 180, 0.2);
}

/* DIAGRAM BLOCK: break time >= 30min T */
.break-longer-than-30 {
    border-bottom: 2px solid red;
    position: absolute;
}

.break-longer-than-30.outOfEmployment {
    border-bottom: 2px solid rgb(255, 0, 0, 0.2);
    position: absolute;
}

/* DIAGRAM BLOCK: break time < 30min T */
.break-less-than-30 {
    border-bottom: 2px solid orange;
    position: absolute;
}

.break-less-than-30.outOfEmployment {
    border-bottom: 2px solid rgb(255, 165, 0, 0.2);
    position: absolute;
}

/* DIAGRAM BLOCK: rest time < 9h T */
.rest-less-than-9 {
    border-bottom: 2px solid black;
    position: absolute;
}

.rest-less-than-9.outOfEmployment {
    border-bottom: 2px solid rgb(0, 0, 0, 0.2);
}

/* DIAGRAM BLOCK: rest time >= 9h */
.rest-more-than-9 {
    border-bottom: 2px solid gray;
    position: absolute;
}

.rest-more-than-9.outOfEmployment {
    border-bottom: 2px solid rgb(128, 128, 128, 0.2);
}

/* DIAGRAM BLOCK: rest time T */
.rest-time {
    border-bottom: 2px solid lightblue;
    position: absolute;
}

.rest-time.outOfEmployment {
    border-bottom: 2px solid rgb(173, 216, 230, 0.2);
}

/* DIAGRAM BLOCK: weekly rest T */
.weekly-rest {
    border-bottom: 2px solid lawngreen;
    position: absolute;
}

.weekly-rest.outOfEmployment {
    border-bottom: 2px solid rgb(124, 252, 0, 0.2);
}

/* DIAGRAM BLOCK: vehicle use T */
.vehicle-use {
    border-top: 2px dashed #ccc;
    position: absolute;
}

.vehicle-use.ondiagram {
    top: 26px;
    height: 5px;
}

.vehicle-use.ondiagram.outOfEmployment {
    border-top: 2px dashed rgb(192, 192, 192, 0.7);
}

.vehicle-use.onlegend {
    width: 30px !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    top: unset !important;
}


.timeline-content {
    left: 0px !important;
    position: relative;
    top: 50px;

}

.timeline-container {
    display: flex;
    min-width: 1152px !important;
    height: 68px;
}

#driver-activity-diagram-content .container-fluid {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.input-w-160 {
    width: 160px !important;
}


.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

i.between {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAVCAYAAAC+NTVfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANFJREFUeNpi/P//PwM9ABsHp8CvH98/IIsxoSmgpUveowswMQwgGLV81HJsWUQBhEnMVgagrEW25VBLFwCZ94FYgURPBQDxA6D+BnyOYCJgaTwFocoPxPUwR2BTwIhcwkELmY9QjbQAgsilHLZgBwVxI9QRMOAI1MRILIbqh4GHQJwIYuAtXmEKgLgBhyNIAWBLgWYpAPECrCpAwQ7DrOwc/5H5UDEBEEYXx4eB6hWwiGGYzULI+ehBRQwA6nkwWsKNWj7oLVeklUXQwgcFAAQYALYMrja6ociwAAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 21px;
}

i.arrowto {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpi+v//PwO1MSs7hwAyn4mBNuA9ModWljCMWjKMLWHj4DQAYgFa+yQAiB8ALWrAZxk1gosfiOvxWcaC5v3/VLAsAEOGwuKjAYj/Q/EDIE6Aiv9HVsdCheB6CMQNv358X4BLAaWWLAAa3kDT1AW04MFojh+1hL6WAFMdIzIfIMAAKNydGIdV9TAAAAAASUVORK5CYII=");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
}

i.arrowfrom {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpi+v//PwMIs7JzcIAwjE9NzMSAABVQTHXAxEAHMGrJMLOEjYPTAIgFaO2TACB+ALSoAZ9l1AgufiCux2cZIyhHQr3eAFVMKbgIxA6/fnz/gMsnjUBJRmIxSD2S3odAnAgUN0C2AARYqOBykOENQIMX4FJAqSULgIY30DR1AS14MJrjRy3BCeA5npYAIMAAYaCMku8NTsgAAAAASUVORK5CYII=");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
}

button.btn.btn-sm.btn-link.selected {
    border: 1px gray dashed;
}

.orange i {
    color: orange !important;
}

.form-check.fs-12.text-left {
    line-height: 21px;
}

.diagram-header label {
    margin-bottom: .1rem;
}

.diagram-header > .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px;
    font-size: 12px;
}

.driver-selection,
.activity-selection,
.eu-minim-wages {
    font-size: 12px;
}

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

.diagram-header .select2-container .select2-selection--single {
    height: 25px !important;
}


.diagram-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}

.diagram-header .select2-results__options {
    font-size: 12px !important;
}
#main-table_filter .select2-container .select2-selection--single {
    height: 25px !important;
}
#main-table_filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
    font-size: 12px;
}

#main-table_filter .select2-results__options {
    font-size: 12px !important;
}
#main-table_filter .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}
#main-table_filter .select2-container--default .select2-selection__placeholder{
    font-size:12px!important;
    vertical-align: bottom;
}

.activity-selection label.fs-12.text-left.mr-2 {
    line-height: 25px !important;
    margin-left: 15px;
}

.driver-selection .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.activity-selection .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.eu-minim-wages .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.searcharea .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.input-w-60 .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.input-w-165 {
    width: 165px;
}

.diagram-header hr {
    margin-top: .25rem;
}

.ml7rem {
    margin-left: .7rem !important;
}

/* DIAGRAM BLOCK: end (card removed) T */
.arrowup {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABgCAYAAACaC7vcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NzIyNDU0MUEyM0MxMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NzIyNDU0MkEyM0MxMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3MjI0NTNGQTIzQzExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk3MjI0NTQwQTIzQzExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ko1ITgAAAX1JREFUeNrs2P1NwlAUh+HTxgGMDkBJdA/dhE1O3MRNcAMH0MQygK5QDwmQAre993zc8s/vJDdA+Xr7QEkoDcNA++WZ39XTvfY5x/dNrZacI0GdXHxS4LQBr8GyOonbREU1x4+uaRqr0s/hZv+4+15rPr5aUjy6HqZllrpQIq1WLSlObAvRMklNKKm0akjxzH1uLbVURqlYK1qKCx7j0lJJFSoVaUVKseKxZq1iKaVSVitKig07bdIqkjIqzWpFSLHjZ0etlZVyKk1qeaWY/KPSmpUKUkpqeaSY4qZYa1IqWOlKyyrFFD9FWkmpSkpnWhYppnqT1bqSqqx00nrov9YaKab60/11z5s9ROqn6ExqIaXskdjeQCn73TpJCeeSSrNH4t24XNab8kVXssZ7+y5rZ/hT20eeS3iRi+1o06vs+cetzyVUGUQhClGIQhSiEIUoRCEKUYhCFKIQhShEIQpRiEIUohCFKEQhClGIQhSiEIUoRCEKUYhaYP4FGACc2OQ1h/SsLQAAAABJRU5ErkJggg==");
    background-size: contain;
    background-repeat: no-repeat;
    width: 6px;
    height: 16px;
}

.arrowup.ondiagram.outOfEmployment {
    opacity: 0.5;
}

.arrowup.ondiagram.zoom {
    opacity: 1;
}

.arrowup.ondiagram {
    height: 36px;
    position: absolute;
    top: -68px;
    width: 16px;
}

/* DIAGRAM BLOCK: start (card inserted) T */
.arrowdown {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABgCAYAAACaC7vcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NzIyNDUzREEyM0MxMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NzIyNDUzRUEyM0MxMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFMTM4MEY2QTE4MTExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk3MjI0NTNDQTIzQzExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FGsfQQAAAY1JREFUeNrs2tFtwjAQxnG74rVVN+gKjEAFg7AFj9U9wkubCcoiqIzQEWCDVgyQ2hKRrCqOfT77qKrPkhWBIvLjrwAJsu373vhhrTXccb9dPrrNPHjq87I5fMX2H46VGjMjGx70ETx+dvMofE1zZ/7gAAoooIACCiiggAIKKKCAAgoooIACCiiggAIKKKCAAgoooIACCiiggAIKKKD+G2qmebCxhWNjC73s8OTDbrVwmwXzOE9uroPHezfPzNd4v2wO5xAYljq5+SKMsWbu75fKvUbPKac9Xd+p5ujccb9TJzopgnylt+SnT7lWF1vpOPaVQFqV/IkdzihKqVY3tR409uVJtziXJlGNa01WSv3M0C0qTaIa1UpWyvlBJu1KSVTlWlmVci9dSLNSFqpSrexKnIs80qqUjRLWYlXiXg6TRiUWqrAWu1LJjQO1rsRGMWsVVSq9xaKWlYpQmbWKK0luRqlVpWJUopaokvS2nVpUEqEitcSVavzBQbUriVG/alWpVKPUUKtaJT9+BBgADSmvQiAFvUYAAAAASUVORK5CYII=");
    background-size: contain;
    background-repeat: no-repeat;
    width: 6px;
    height: 16px;
}

.arrowdown.ondiagram.outOfEmployment {
    opacity: 0.6;
}

.arrowdown.ondiagram.zoom {
    opacity: 1;
}

.arrowdown.ondiagram {
    height: 36px;
    position: absolute;
    top: -63px;
    width: 16px;
}

/* DIAGRAM BLOCK: out of scope start T */
.hatkezd {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABLCAYAAAB0pHcSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAINJREFUeNrs18ENgCAMheFiGISLc+gobCJs4ii6iRO4AvZibPRo9fS/pCFw+A4lJDS01uRt9tRnXbI5mqP4JGkNZr908lGAgYGBgYGBgYGBga9E/eYXB2d8wFoTPT5bUZ16bKcmCU5zXrndVeWBAAMDAwMDAwMDA/80Knhk01rt/hBgAJyDEvFFch/pAAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 16px;
}

.hatkezd-ondiagram {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABLCAYAAAB0pHcSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAINJREFUeNrs18ENgCAMheFiGISLc+gobCJs4ii6iRO4AvZibPRo9fS/pCFw+A4lJDS01uRt9tRnXbI5mqP4JGkNZr908lGAgYGBgYGBgYGBga9E/eYXB2d8wFoTPT5bUZ16bKcmCU5zXrndVeWBAAMDAwMDAwMDA/80Knhk01rt/hBgAJyDEvFFch/pAAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 24px;
    top: 10px;
    position: absolute;
	margin-left: -3.5px;
}

.hatkezd-ondiagram.outOfEmployment {
    opacity: 0.6;
}

/* DIAGRAM BLOCK: out of scope end T */
.hatvege {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABLCAYAAAB0pHcSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTEzODBGNEExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTEzODBGNUExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFMTM4MEYyQTE4MTExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFMTM4MEYzQTE4MTExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VgoVTgAAAJNJREFUeNpi5O10nsDAwGDAgAAFn8r2XGCgELBADbVHEhNgoAJgYqARGDV41OBRg0cNHjV41OBRg0cNHjV41OBRg1Fb9Oggga/LxYEEMwyw9AIuYDM4fjSMYWAhED8gwYwHWNR/wGbwAmA/78BoBhk1eNTgUYNHDR41eNTgUYNHDR41eNTgIdJVQJ+l+UANgwECDABidRJ+q1v8LgAAAABJRU5ErkJggg==");
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 16px;
}

.hatveg-ondiagram {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABLCAYAAAB0pHcSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTEzODBGNEExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTEzODBGNUExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFMTM4MEYyQTE4MTExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFMTM4MEYzQTE4MTExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VgoVTgAAAJNJREFUeNpi5O10nsDAwGDAgAAFn8r2XGCgELBADbVHEhNgoAJgYqARGDV41OBRg0cNHjV41OBRg0cNHjV41OBRg1Fb9Oggga/LxYEEMwyw9AIuYDM4fjSMYWAhED8gwYwHWNR/wGbwAmA/78BoBhk1eNTgUYNHDR41eNTgUYNHDR41eNTgIdJVQJ+l+UANgwECDABidRJ+q1v8LgAAAABJRU5ErkJggg==");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 24px;
    top: 10px;
    position: absolute;
}

.hatveg-ondiagram.outOfEmployment {
    opacity: 0.6;
}

i.triangle {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTEzODBFQ0ExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTEzODBFREExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NjdBREUxQTE3ODExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NjdBREUyQTE3ODExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xkkcGQAAAM5JREFUeNqU0z0LQVEcx/HjyiDKYjTKahOrWXkRUgYZyOIteA3EbjUqZTFYPA0yWAyUWDylPHxv/c/A4J7zq0+d5X/r/zvn+pVSXYQxU5ZZ4Y0h4qZDDo5IYYA1OgiYDC+QlnMMI9xQtRnUyWKLPfI2gzoFnDFB4nfHf2lJ42MpsQ2fyaBOGUE88ELFsbi2Ow5yjnjtqNPAE32ETMrJYYcNMiatJjHFBSWT63Ab7EkBTa8nd5UvF3GSHaKoe7W1lEc+NyjpK25TNdtf6iPAAPh4Lp/oARr5AAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
}

.b6plus {
    display: contents;
}

/* DIAGRAM BLOCK: international carriage T */
.triangleb6plus {
    display: flex;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTEzODBFQ0ExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTEzODBFREExODExMUU5QTM4Rjg0RDNFRUY1QzhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NjdBREUxQTE3ODExRTlBMzhGODREM0VFRjVDOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NjdBREUyQTE3ODExRTlBMzhGODREM0VFRjVDOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xkkcGQAAAM5JREFUeNqU0z0LQVEcx/HjyiDKYjTKahOrWXkRUgYZyOIteA3EbjUqZTFYPA0yWAyUWDylPHxv/c/A4J7zq0+d5X/r/zvn+pVSXYQxU5ZZ4Y0h4qZDDo5IYYA1OgiYDC+QlnMMI9xQtRnUyWKLPfI2gzoFnDFB4nfHf2lJ42MpsQ2fyaBOGUE88ELFsbi2Ow5yjnjtqNPAE32ETMrJYYcNMiatJjHFBSWT63Ab7EkBTa8nd5UvF3GSHaKoe7W1lEc+NyjpK25TNdtf6iPAAPh4Lp/oARr5AAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
    position: absolute;
    font-size: 12px;
    top: -17px;
}

.triangleb6plus::after {
    content: " B6+";
    margin-left: 18px;
}

.triangleb6plus.outOfEmployment {
    opacity: 0.6;
}

.triangleb6plus.zoom {
    opacity: 1;
}


.ml-6 {
    margin-left: 6px;
}

.b6pluscontainer {
    width: 100px;
}

span.fs-12.b6label {
    width: 100px;
}

.tlbc {
    position: absolute;
}

.inline-flex {
    display: inline-flex;
}

.p-2.bd-highlight.hatvegeblock {
    margin-left: -51px;
}

span.fs-12.hatkezdblock {
    margin-left: -50px;
}

.hatkezdblock .hatkezd {
    margin-left: -50px;
}

/* DIAGRAM BLOCK: min wage T */
.timeline-block.yellowbg {
    background: rgba(255, 249, 173, .3);
    height: 50px !important;
    position: absolute;
    z-index: 400 !important;
    border: 1px solid #77777724;
    top: -53px;
}

.timeline-block.yellowbg.onlegend {
    background: rgba(255, 249, 173, .3);
    height: auto !important;
    position: relative !important;
    top: -43px;
    z-index: 400 !important;
    border: 1px solid #77777724;
}

.timeline-block.yellowbg.ondiagram.outOfEmployment {
    background: rgba(255, 249, 173, .1);
}

.timeline-block.yellowbg.ondiagram.zoom {
    background: rgba(255, 249, 173, .3);
    height: 113px !important;
}

/* DIAGRAM BLOCK: day-title  */
.timeline-block.bluebg {
    background: rgba(211, 212, 235, .3);
    height: 50px !important;
    position: absolute;
    z-index: 400 !important;
    border: 1px solid #77777724;
    top: -53px;
}

.timeline-block.bluebg.onlegend {
    background: rgba(241, 246, 252, 1);
    height: auto !important;
    position: relative !important;
    top: -43px;
    z-index: 400 !important;
    border: 1px solid #77777724;
}

.timeline-block.bluebg.ondiagram.outOfEmployment {
    background: rgba(241, 246, 252, .5);
}

.timeline-block.bluebg.ondiagram.zoom {
    background: rgba(241, 246, 252, 1);
    height: 113px !important;
}

.sidenav.bg-white .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.sidenav.bg-white .sidenav-link.active {
    color: rgba(239, 108, 0, 1) !important
}

.legend .p-2 a {
    color: #4E5155;
}

.arrowzoom {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAKlBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAAAAAA7GCjLAAAADHRSTlMAdXZ+fOMkIN9cGa6WZgISAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+MHFBUwDhNMpTsAAAA7SURBVAjXY2AgDjAKQBk6hyE0y9EYB4hAWAVYiOloAnuPAViAgQEkxHk0gYGBLWYCA9c2kHz2AmLsAQDwCAu1wCixKQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wNy0yMFQxOTo0ODoxNCswMjowMGFoMm0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDctMjBUMTk6NDg6MTQrMDI6MDAQNYrRAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: right 5px left -5px top !important;
    position: absolute;
    top: 8px !important;
}

.onlegend.arrowzoom {
    position: relative;
}

/* DIAGRAM BLOCK: ferry/train (start) T */
.ferry {
    color: red;
    line-height: 20px !important;
}

.ferry::before {
    content: "K";
    font-size: 12px;
}

.ferry.ondiagram {
    position: absolute;
    top: -17px;
	z-index: 1100;
}

.ferry.ondiagram.outOfEmployment {
    color: rgb(255, 0, 0, 0.6);
}

.ferry.ondiagram.zoom {
    top: -69px;
}

.ferry.ondiagram.zoom::before {
    font-size: 16px;
}

/* DIAGRAM BLOCK: ferry/train end T */
.ferry-end {
    color: red;
    line-height: 20px !important;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.ferry-end::before {
    content: "K";
    font-size: 12px;
}

.ferry-end.ondiagram {
    position: absolute;
    top: -19px;
}

.ferry-end.ondiagram.outOfEmployment {
    color: rgb(255, 0, 0, 0.6);
}

.ferry-end.ondiagram.zoom {
    top: -69px;
}

.ferry-end.ondiagram.zoom::before {
    font-size: 16px;
}

.ferry-end.onlegend {
    display: block;
    margin-top: 1px;
}

/* DIAGRAM BLOCK: country start/end, etc. T */
.ondiagram.text.green,
.ondiagram.text.red,
.ondiagram.text.blue,
.ondiagram.text.grey {
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    z-index: 1000;
    top: -35px !important;
}

.ondiagram.text.darkgray {
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    z-index: 1000;
}

.ondiagram.text.green.outOfEmployment {
    color: rgb(0, 128, 0, 0.6);
}

.ondiagram.text.red.outOfEmployment {
    color: rgb(128, 0, 0, 0.6);
}

.ondiagram.text.blue.outOfEmployment {
    color: rgb(2, 117, 216, 0.6);
}

.ondiagram.text.darkgray.outOfEmployment {
    color: rgb(0, 0, 0, 0.3);
}

.ondiagram.text.green.zoom,
.ondiagram.text.red.zoom,
.ondiagram.text.blue.zoom {
    top: -140px !important;
	white-space: nowrap !important;
}

/*.ondiagram.arrowdown,
.ondiagram.arrowup {
    height: 36px;
    position: absolute;
    top: -66px;
    width: 16px;
}*/



ondiagram.text {
    font-size: 12px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.blue {
    color: #0275d8;
}

.tooltip {
    pointer-events: none;
}

.gray {
    color: grey;
}

.darkgray {
    color: #444;
}

.hustart::before {
    content: ">";
    margin-right: 3px;
}

.huend::before {
    content: "<";
    margin-right: 3px;
}

.p-0.breakit {
    /* white-space: pre; */
    /* display: table-cell; */
    width: 400px;
}

.container-fluid.mb-4.zoom-area-container {
    padding: 0 !important;
}

.modal-body .timeline-content {
    top: 170px !important;
}

.modal-body .timeline-block.yellowbg {
    height: 188px !important;
    top: -166px !important;
}

.modal-body .timeline-block.bluebg {
    height: 188px !important;
    top: -166px !important;
}

.modal-body .working-time {
    border-bottom: 38px solid green;
    position: absolute;
    top: -14px !important;
}

.modal-body .driving-time {
    border-bottom: 72px solid blue;
    position: absolute;
    top: -48px !important;
}

.modal-body .standby-time {
    border-bottom: 24px solid yellow;
    position: absolute;
}

.modal-body .ondiagram.text {
    top: -70px !important;
    font-size: 16px;
    display: flex !important;
}

.modal-body .timeline-block.triangleb6plus {
    top: -67px;
}

.modal-body .ondiagram.text.red,
.modal-body .ondiagram.text.green,
.modal-body .ondiagram.text.blue,
.modal-body .ondiagram.text.darkgray, {
    top: -105px !important;
}

.modal-body .hatkezd-ondiagram,
.modal-body .hatveg-ondiagram {
    height: 54px;
}

.modal-body .ondiagram.arrowdown,
.modal-body .ondiagram.arrowup {
    height: 96px;
    position: absolute;
    top: -174px;
    width: 36px;
}

.modal-body .manual-data {
    border-bottom: 2px dashed green;
    position: absolute;
}

/* DIAGRAM BLOCK: min wage label T */
.modal-body .ondiagram.text.red.min-wage-label {
    top: -165px !important;
    font-size: 22px !important;
}

.ondiagram.text.red.min-wage-label {
    top: -53px !important;
}

.ondiagram.text.red.min-wage-label.outOfEmployment {
    color: rgb(255, 0, 0, 0.65);
}

.min-wage-label {
    background: transparent !important;
}

/* DIAGRAM BLOCK: day-title label T */
.modal-body .ondiagram.text.red.day-title-label {
    top: -165px !important;
    font-size: 22px !important;
}

.ondiagram.text.red.day-title-label {
    top: -53px !important;
}

.ondiagram.text.red.day-title-label.outOfEmployment {
    color: rgb(255, 0, 0, 0.65);
}

.day-title-label {
    background: transparent !important;
    color: #1e70cd;
    text-transform: none !important;
}

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

.noborder {
    border: unset !important;
}

.modal-body .break-longer-than-30 {
    border-bottom: 6px solid red;
    position: absolute;
}

.modal-body .break-time {
    border-bottom: 12px solid hotpink;
    position: absolute;
}

.modal-body .rest-more-than-9 {
    border-bottom: 6px solid gray;
    position: absolute;
}

.modal-body .rest-less-than-9 {
    border-bottom: 6px solid black;
    position: absolute;
}

element.style {
    left: 560px;
    width: 112px;
    height: 2px;
    top: 12px;
}

.modal-body .weekly-rest {
    border-bottom: 6px solid lawngreen;
    position: absolute;
}

div#scrollable-timeline-container {
    margin: 0 auto;
}

#zoom-modal .modal-footer {
    padding: 0 1.8rem 2rem 1.65rem;
}

#zoom-modal .modal-header {
    padding: 1.25rem 1.65rem 0 1.8rem;
    color: #4E5155;
}

#zoom-modal .modal-title::before {
    content: "\f002";
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #4E5155;
}

h5#exampleModalLabel {
    color: #4E5155;
}

.p-2.bd-highlight.hatkezdblock {
    min-width: 95px !important;
}

#selected-date,
#activity-duration {
    min-width: 100px;
    display: -webkit-inline-box;
}

.row.mt-10.fs-12.text-left {
    margin-left: -10px;
}

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


    #driver-activity-calendar .table {
        overflow: scroll;
    }

    .divTableCell.mainCell.sum {

        min-width: 140px !important;

    }

    .selectwithbalance span.select2.select2-container.select2-container--default {
        width: 250px !important;
        min-width: 100px;
        margin-bottom: 14px;
    }
}

button.btn.btn-primary.btn-sm.legend {
    height: 28px !important;
}

ul.popover-link-list {
    list-style-type: none;
    margin-left: -30px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 6px;
}

.close i.far.fa-times-circle {
    font-size: 15px;
    line-height: 12px;
    top: -5px;
    position: relative;
}

.bl-1-g {
    /* border-left: 1px solid grey;*/
    border-left: 1px solid grey;
    height: 90px;
    padding-bottom: 40px !important;
    margin-bottom: 40px;

}

.ml-85 {
    margin-left: 85px;
}

.br-1-g {
    border-right: 1px solid grey;
}

.container-fluid.min-padding {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.h-90 {
    height: auto;
    max-height: 90px !important;
}

.mt--20 {
    margin-top: -35px;
}

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

.diagram-header .select2-container {
    min-width: 55px !important;
}

.input-w-215 {
    width: 215px;
}

.input-w-260 {
    width: 260px;
}

.d-flex.fs-12.text-left {
    line-height: 26px;
    vertical-align: middle;
}

.d-flex.justify-content-between.legend {
    background: white;
    opacity: 1 !important;
    z-index: 1111;
}

#legenddiv .card.card-body {
    padding: .25rem !important;
    overflow: auto;
}

#legenddiv .card {
    opacity: 1 !important;
}

#legenddiv .card-body {
    min-height: 10px !important;
}

.import-table {
    overflow: scroll;
    margin-right: -37px;
    max-height: 400px !important;

}


.d-flex.iconbuttons {
    margin-left: 10px;
}

.input-w-240 {
    width: 240px !important;
}

.input-w-230 {
    width: 232px !important;
}
.no-padding {
    padding: 0 !important;
}

@media screen and (min-width: 1411px) and (max-width: 1599px) {

    .d-flex.form-group.row.form-group-sm.activity-selection.ml7rem {
        max-width: 300px;
        /* margin-top: -28px;*/
    }

    .multirow {
        display: -webkit-box;
        text-align: left;
        width: 440px;
        margin-top: -27px;
        height: 46px;
    }

}




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



    .multirow {
        display: -webkit-box;
        text-align: left;
        width: 380px !important;
        margin-top: -20px !important;
    }


}

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



    .multirow {
        display: -webkit-box;
        text-align: left;
        width: 480px;
        margin-top: -21px;
        margin-left: -15px;

    }


}

.d-flex.form-group.row.form-group-sm.activity-selection.ml7rem {
    max-width: 300px;
}

.multirow {
    display: -webkit-box;
}

div#activity-proof-sheet-modal.modal-content {
    width: 800px;
}

table#import-activities-table {
    width: 100% !important;
}

/*table#import-events-table,
table#import-faults-table,
table#import-activities-table,
table#import-vehicles-table,
table#import-countries-table,
table#import-special-table {*/
table.import-datatable {
    width: 99% !important;
}

/*
div#driver-file-import-tab-events .import-table,
div#driver-file-import-tab-faults .import-table,
div#driver-file-import-tab-activities .import-table,
div#driver-file-import-tab-vehicles .import-table,
div#driver-file-import-tab-countries .import-table,
div#driver-file-import-tab-checklist .import-table,
div#driver-file-import-tab-special .import-table
{
    overflow-x: scroll;
    overflow-y: hidden;
}*/
.sm-font {
    font-size: 12px;
}

.selectwithbalance {
    width: 250px !important;
}

.selectwithbalance span.select2.select2-container.select2-container--default {
    width: 100% !important;
    /*min-width: 272px;*/
    margin-bottom: 14px;
}

.card-body.balance {
    height: 80px;
    min-height: 90px;
    max-height: 80px;
    /* margin-top: 20px; */
    padding-top: 10px;
}



.selectwithbalance .select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
}

#add-driver-modal {
    z-index: 1090 !important;
    margin-top: 50px;
    opacity: 1 !important;
}

#add-driver-modal.fade {
    opacity: unset;
    z-index: 1076 !important;
}

#add-driver-modal .modal-backdrop.show {
    opacity: .2;
}

.input-w-240 .select2.select2-container.select2-container--default {
    width: 240px !important;
}
.input-w-230 .select2.select2-container.select2-container--default {
    width: 232px !important;
}



.input-w-160 .select2.select2-container.select2-container--default {
    width: 160px !important;
}

/*.input-w-100 .select2.select2-container.select2-container--default {
    width: 100px !important;
}*/

#driver-activity-calendar .form-group.startdate.input-w-160.mr-12 {
    margin-left: -100px;
}

span.fs-12.lh-12.mt-5.workshift-label {
    /* top: 45px!important; */
    /* height: 32px; */
    margin-top: 20px !important;
}



.report-header .select2-container .select2-selection--single {
    height: 25px !important;
}

.report-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}

.route-header.row.first.active {
    font-weight: 700;
    border-bottom: 1px solid orange !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px;
}

.routes {

    overflow-x: hidden;
}

#ReportsTabContent .d-flex.form-group.input-group-sm {
    margin-left: -12px;
}

.input-w-70 {
    width: 70px;
}

.row.lh-21 {
    line-height: 21px;
    vertical-align: middle;
}

label.custom-control-label {
    line-height: 20px !important;
    vertical-align: middle;
    /* margin-bottom: 4px; */
}

#fastinquiry .select2-container {
    min-width: 140px;
    width: 140px !important;
    max-width: 140px !important;
}

.select2fastinquiry.select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

.input-w-140 span.select2-selection__arrow {
    /*line-height: 1em!important;
    position: absolute;
    top: -5px!important;*/
    position: absolute;
    height: 1.4rem !important;
}

.ml--25 {
    margin-left: -25px;
}

.ml--33 {
    margin-left: -33px;
}

.ml--15 {
    margin-left: -15px;
}

.scroll-box {
    border: 1px solid lightgray;
    overflow-y: scroll;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}

.box-height-100 {
    height: 100px;
}

.box-height-110 {
    height: 110px;
}

.box-height-120 {
    height: 120px;
}

.box-height-130 {
    height: 130px;
}

.box-height-140 {
    height: 140px;
}

.box-height-150 {
    height: 150px;
}

.box-height-160 {
    height: 160px;
}

.box-height-170 {
    height: 170px;
}

.box-height-180 {
    height: 180px;
}

.box-height-190 {
    height: 190px;
}

.box-height-200 {
    height: 200px;
}

.help-cursor {
    cursor: help !important;
}

/* HELP STYLES */

h3.help {
	font-size: 1.2em;
	font-weight: bold;
}

h4.help {
	font-size: 1.15em;
	color: rgb(239, 108, 0);
	font-style: italic;
}

h5.help {
	font-size: 1.1em;
	font-weight: bold;
}

blockquote.help {
	font-size: 1.1em;
}

p.help {
	font-size: 1em;
}

p.help.indented {
	font-size: 1em;
	margin-left: 20px;
}

p.help.indented2 {
	font-size: 1em;
	margin-left: 42px;
}

.system-help-content ul li {
	list-style-position: outside!important;
}

.system-help-content ul {
	margin-inline-start: 0;
	padding-inline-start: 20px;
}


/*table#reports-history-table {
    width: 100%!important;
}
table#reports-history-table .tr {
    width: 100%!important;
}
*/
table.report-datatable {
    width: 99% !important;
}

div#reports-history-table_wrapper {
    font-size: 12px;
}

#ReportsTabContent h4,
#ReportsTabContent.h4 {
    font-size: 110%;
    font-weight: 600;
}

.reports-history-table-container {
    height: 200px !important;
    max-height: 200px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

ul.drop-scroll.dropdown-menu.show {

    height: auto;
    max-height: 212px;
    overflow-x: hidden;
}

#reports-history-table thead {
    display: none;
}

#reports-history-table td.sm-font:first-child {
    width: 70%;
}

#reports-history-table td.sm-font:nth-child(2) {
    width: 20%;
}

#reports-history-table td.sm-font:nth-child(3) {
    width: 10%;
}

ul.select2-results__options.select2-results__options--nested > li.select2-results__option:hover {
    color: rgba(239, 108, 0, 1) !important;
}

ul.select2-results__options.select2-results__options--nested > li.select2-results__option {
    /*color: rgba(239, 108, 0, 1) !important;*/
    color: #4E5155 !important;
}

strong.select2-results__group:hover {
    color: #4E5155 !important;
}

strong.select2-results__group {
    color: #4E5155 !important;
}

ul.select2-results__options.select2-results__options--nested li.select2-results__option:hover {
    color: rgba(239, 108, 0, 1) !important;
}

button.btn.btn-fake-select.btn-sm.dropdown-toggle {
    height: 25px !important;
    background-color: #ebebeb !important;
    border: 1px solid rgba(24, 28, 33, 0.1);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: .25rem;
    width: 20px;
}

.btn-fake-select.dropdown-toggle::after {
    display: inline-block;
    border-color: #4E5155 transparent transparent transparent !important;
    position: relative !important;
    margin-top: 5px !important;
    margin-left: -.25rem;
    width: 0;
    height: 0;
    border-width: .3125rem .25rem 0 .25rem;
    border-style: solid;
    cursor: pointer;
    -webkit-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important;
}

.dropdown-menu.drop-scroll.show li b {
    margin-left: 8px;
}

.ml-24 {
    margin-left: 24px;
}

.input-w-360 {
    width: 360px;
}

.input-w-360 input[placeholder] {
    width: unset !important;
}

.input-w-240 input[placeholder] {
    width: unset !important;
}

.btn-fake-select.show label.custom-control-label:before {
    display: none !important;
    border: none !important
}


.report-options-special .btn-fake-select.dropdown-toggle::after {
    margin-top: 7px !important;
    margin-left: 8px !important;

}
div#driver-selection-modal .modal-dialog.modal-xlg {
    min-width: 60rem!important;
    max-width: 60rem!important;
}
.mt-20 {
    margin-top: 20px !important;
}

.widget-container.mt-3.mb-3 {

    min-height: 70% !important;
}


.widget-small .card-body {
	min-height: 60px;
	max-height: 60px;
	padding: 0.4rem;
	font-size: 1.0rem;
	/*padding-top: 0.7rem !important;*/
}

.top-margin-row .widget-small {
	margin-bottom: 1.4rem !important;
}

.widget-small .text-large {
	font-size: 100% !important;
}

#robot {
	cursor: pointer;
}

#robot-container.disabled #robot {
	cursor: default;
}

.robot-widget {
	margin-bottom: -7px;
}

.robot-widget .card-body{
	padding-top: 0.7rem;
	/*padding-bottom: 0.7rem;*/
	height: 60px !important;
}

.robot-info-container {
	margin-left: 0px;
	margin-right: 0px;
	/*padding-left: 0px;
	padding-right: 0px;*/
	padding-right: 3px;
}

.robot-info-title {
	font-weight: 600;
	margin-bottom: 1px;
	margin-bottom: 2px;
}

.robot-info-description {
	font-weight: normal;
	font-size: 13px;
	line-height: 17px;
}

.robot-widget .card-body {
	padding-top: 7px;
}

.widget-container .robot-widget .card-body {
	min-height: 90px !important;
	max-height: 90px !important;
}

.robot-summary-widget {
	padding-top: 0px;
}

.robot-summary-widget {
	height: 36px !important;
}

.robot-summary-widget .card-body {
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	padding-top: 7px;
}

.robot-summary-widget .text-left {
	font-weight: normal;
	font-size: 13px;
}


.ai-paid-free-note {
	color: #a3a4a6 !important;
	cursor: default;
}

.navbar-ai-info {
	color: #a3a4a6 !important;
}

.performance-page-link,
.performance-page-link:hover {
	cursor: pointer;
	color: rgb(86, 86, 86);

}

.instant-schedule-aid-link,
.instant-schedule-aid-link:hover {
	cursor: pointer;
	color: rgb(86, 86, 86);
}
.instant-schedule-aid-link.disabled,
.instant-schedule-aid-link.disabled:hover {
	cursor: default;
	color: #a3a4a6 !important;
}

.tooltip-custom-wide, 
.tooltip-custom-wide .tooltip-inner {
	min-width: 500px;
	text-align: left;
	padding: 10px 20px 10px 10px;
	
}

.tooltip-custom-wide ol, 
.tooltip-custom-wide .tooltip-inner ol {
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.tooltip-custom-wide ul, 
.tooltip-custom-wide .tooltip-inner ul {
	padding-left: 30px;
	padding-top: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.tooltip-custom-wide li, 
.tooltip-custom-wide .tooltip-inner li {
	padding-bottom: 14px;
}


.instant-schedule-aid-note {
	color: #a3a4a6 !important;
}



@media screen and ( max-height: 799px ) {.widget-container.mt-3.mb-3 {

    min-height: 68% !important;
} }

@media screen and ( max-height: 850px ) {.widget-container.mt-3.mb-3 {
    min-height: 430px!important;
} }


.mr-10 {
    margin-right: 10px;
}

.input-w-240 .select2-container {
    min-width: 200px !important;
}

.input-w-230 .select2-container {
    min-width: 200px !important;
}
.input-w-100 {
    width: 100px;
}

.input-w-80 {
    width: 80px !important;
}

.input-w-70 {
    width: 70px;
}

.lh-20 {
    line-height: 20px !important;
}

.table-header-orange thead tr {
    background: rgba(239, 108, 0, 1) !important;
    color: #ffffff !important;
}

.small-select2-parent-div span.select2-selection.select2-selection--single {
    height: 25px;
    font-size: 12px;
}

.small-select2-parent-div span#select2-type-container {
    line-height: 25px;
}

.small-select2-parent-div span.select2-selection__arrow {
    height: 25px !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    background: #8897aa !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03) !important;
    color: #fff !important;
}

.btn-infor.disabled,
.btn-info:disabled {
    background: #8897aa !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03) !important;
    color: #fff !important;
}

.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAABVklEQVRIS61UbVHDQBTcdQAOQAGtAogCBgetAkABjQJAAeCgDqgD6gAcAAqW2U5yXK6Xy5Xh/cnH7b6990lUmqQZgFcAa5LLShpYA5R0BOANwEmHX5J8ruHWCqwA3EUOvwCckvSzaJMCknzr94yXR5I3/yGwAXA+4qgh6fNRK0YgaQHgqcDfkpz/SaArrFPjAtuOnfPu/2fk9Jbkw5jIaASSTLruiSQDVpKSgs9JfuREsgKSLrqeD5yCgDGejatDBLYAzmLChICh2YLvRSDJrXef3qZCwClyqgazMRDoet4T2xe2NkU9riXpofzlxR+S1gAus7kcL3IK94SHgsedsVfYhOmucviOrjTBG5JN6D6/ZJZZaXZqzsIy3EUgKV1mOSe7/FZiwzJkYZkNRCq6KL3UC8mFBUrLLCatSLaVEfS8xgLx2Nfk9xBMa4HBzjmEPYH9BjD7AXsuk+xcKvI7AAAAAElFTkSuQmCC) !important;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96% !important;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    max-width: 550px;
    height: 50px !important;
    line-height: 50px;
}

.toast-message {
    line-height: 20px;
}

.toast-message button.btn.btn-default.clear {
    margin-top: -8px;
}

.driver-selection label.fs-12.text-left.mr-2 {
    line-height: 24px !important;
}

.driver-selection.col-8 label.fs-12.text-left.mr-2.input-w-70 {
    line-height: 20px !important;
}

.default-style #toast-container > .toast-error {
    background-color: #d9534f;
    color: #fff;
    height: auto !important;
}

.default-style #toast-container > .toast-success {
    height: auto !important;
}

span.table-text-error {
    color: #d9534f;
}

.table-text-warning {
    color: #0275d8 !important;
}

tr.even.selected {
    color: #ffffff !important;
}



tr.odd.selected td span.table-text-error {
    color: #f77 !important;
}

tr.even.selected td span.table-text-error {
    color: #f77 !important;
}

tr.odd.selected td span.table-text-warning {
    color: #fff !important;
}

tr.even.selected td span.table-text-warning {
    color: #fff !important;
}

tr.odd.selected td span.table-text-normal {
    color: #000000 !important;
}

tr.even.selected td span.table-text-normal {
    color: #000000 !important;
}



.gray-selection-row tr.even.selected {
    background: #d6d6d6 !important;
}

.gray-selection-row tr.odd.selected {
    background: #d6d6d6 !important;
}

.gray-selection-row tr.odd.selected td span.table-text-warning {
    color: #0275d8 !important;
}

.gray-selection-row tr.even.selected td span.table-text-warning {
    color: #0275d8 !important;
}


/*#toast-container {
    height: 100%;
    background: rgba(180, 180, 180, 0.4);
}*/

/*
div#toast-container:has(>.toast.toast-error) {
    height: 100% !important;
    background: rgba(180, 180, 180, 0.4) !important;
}
*/

.new-drivers-table .d-flex,
.new-vehicles-table .d-flex {
    vertical-align: middle;
}

.new-drivers-table .d-flex.flex-wrap.justify-content-between.odd,
.new-vehicles-table .d-flex.flex-wrap.justify-content-between.odd {
    background: rgba(24, 28, 33, 0.025);
}

.new-drivers-table .d-flex.flex-wrap.justify-content-between.even,
.new-vehicles-table .d-flex.flex-wrap.justify-content-between.even {
    background: : #fff;
}


.input-w-220 .select2-container {
    min-width: 220px;
}

.small-select2-parent-div.input-w-220 {
    line-height: 25px;
}

/* DIAGRAM BLOCK: border crossing out (start) */
.border-crossing-out {
    display: inline-block;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDAwNDMsMCwwLDAuOTk3MDk5LDkuOTk1NjYsMC4yODk1NjYpIj4KICAgICAgICA8cGF0aCBkPSJNMjkuOTAzLC0wLjIyNkwyOS45OTUsOTkuNjg5IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpyZ2IoMjU1LDAsMCk7c3Ryb2tlLXdpZHRoOjUuMDFweDsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDAwNDMsMCwwLDAuOTk3MDk5LC0xMC4wMTI5LDAuMjg5NTY2KSI+CiAgICAgICAgPHBhdGggZD0iTTcwLjE1MywtMC4xOTJMNzAuMzQ1LDk5LjgxOSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDI1NSwwLDApO3N0cm9rZS13aWR0aDo1LjAxcHg7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjAwMDQzLDAsMCwwLjk5NzA5OSwtMS4wMDg2MiwzLjI4OTU3KSI+CiAgICAgICAgPHBhdGggZD0iTTIwLjEyOSw5OS40OTNMOTAuMDI5LC0wLjA2NEw3MC4yMzUsOS42NyIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDI1NSwwLDApO3N0cm9rZS13aWR0aDo1LjAxcHg7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjAwMDQzLDAsMCwwLjk5NzA5OSwtMS4wMDg2MiwzLjI4OTU3KSI+CiAgICAgICAgPHBhdGggZD0iTTkwLjEyNiwxOS43OTdMOTAuMTM5LDAuMjc0IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpyZ2IoMjU1LDAsMCk7c3Ryb2tlLXdpZHRoOjUuMDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg==') !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px;
    position: absolute;
    top: 13px;
	margin-left: -9px;
}

.border-crossing-out.onlegend {
    margin-left: -40px;
    position: unset;
    height: 16px;
}

.border-crossing-out.outOfEmployment {
    opacity: 0.6;
}

.border-crossing-out.zoom {
    margin-left: -10px;
    height: 30px;
    width: 30px !important;
}

/* DIAGRAM BLOCK: border crossing in (end) */
.border-crossing-in {
    display: inline-block;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDAwNDMsMCwwLDAuOTk3MDk5LDkuOTk1NjYsMC4yODk1NjYpIj4KICAgICAgICA8cGF0aCBkPSJNMjkuOTAzLC0wLjIyNkwyOS45OTUsOTkuNjg5IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpyZ2IoMCwxMjgsMCk7c3Ryb2tlLXdpZHRoOjYuOTVweDsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDAwNDMsMCwwLDAuOTk3MDk5LC0xMC4wMTI5LDAuMjg5NTY2KSI+CiAgICAgICAgPHBhdGggZD0iTTcwLjE1MywtMC4xOTJMNzAuMzQ1LDk5LjgxOSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDAsMTI4LDApO3N0cm9rZS13aWR0aDo2Ljk1cHg7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjAwMDQzLC0wLjAwMDIzMzk4NSwtMC4wMDAyMzMyMDYsLTAuOTk3MDk5LC0xLjk5Njk0LDk2LjQ0MzEpIj4KICAgICAgICA8cGF0aCBkPSJNMjAuMTI5LDk5LjQ5M0w5MC4wMjksLTAuMDY0TDcwLjIzNSw5LjY3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpyZ2IoMCwxMjgsMCk7c3Ryb2tlLXdpZHRoOjYuOTVweDsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDAwNDMsLTAuMDAwMjMzOTg1LC0wLjAwMDIzMzIwNiwtMC45OTcwOTksLTEuOTk2OTQsOTYuNDQzMSkiPgogICAgICAgIDxwYXRoIGQ9Ik05MC4xMjYsMTkuNzk3TDkwLjEzOSwwLjI3NCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDAsMTI4LDApO3N0cm9rZS13aWR0aDo2Ljk1cHg7Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=') !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px;
    position: absolute;
    top: 13px;
	margin-left: -9px;
}

.border-crossing-in.onlegend {
    position: unset;
    height: 16px;
}

.border-crossing-in.outOfEmployment {
    opacity: 0.6;
}

.border-crossing-in.zoom {
    margin-left: -10px;
    height: 30px;
    width: 30px !important;
}

/*for modal scroll*/
#add-driver-modal .modal-dialog .modal-content .modal-body {
    overflow-y: scroll !important;
    max-height: calc(100vh - 200px) !important;
}

/*#registration-modal .modal-dialog .modal-content .modal-body {
    max-height: calc(100vh - 200px) !important;
}*/

.reg-wizard-content {
    max-height: calc(100vh - 225px) !important;
    overflow-y: scroll !important;
}

.system-help-content {
    /*max-height: calc(100vh - 225px) !important;*/
    overflow-y: scroll !important;
}

.toast-message-highlight-field {
    font-weight: bold;
    white-space: noWrap;
}

tr.table-row-selected-orange td span.table-text-error,
tr.table-row-selected-orange td span.table-text-warning {
    color: white !important;
}

div#faults-table_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: 0px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-header.ui-draggable-handle:active {
    cursor: grabbing !important;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.modal-header.ui-draggable-handle {
    cursor: grab !important;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.arrowzoom {
    cursor: zoom-in !important;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.highlight-msg-box {
    border: 1px solid rgba(239, 108, 0, 1);
    padding: 14px;
}


/*
.cui-example.cui-example-vertical-spacing .card {
    box-shadow: unset!important;
    border: 1px solid rgb(208 208 208 / 50%)!important;
}
*/
.widget-company-type {
    line-height: 30px!important;
}
.widget-company-type-dropdown li:hover {
	color: #1e70cd;
}

.reg-wizard.reg-wizard-vertical-spacing .card {
    box-shadow: unset !important;
    border: 1px solid rgb(208 208 208 / 50%) !important;
}

.form-group.row.registration-wizard-checkbox-row {
    position: absolute;
    left: 11px;
    bottom: -60px !important;
}

.form-group.row.registration-wizard-checkbox-row label.custom-control-label {
    margin-left: 25px !important;
}


.custom-control-input:checked ~ .custom-control-label::before {
    background-color: rgba(239, 108, 0, 1) !important;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.25 4.35 4.18 6.75 9.25 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E) !important;
    border-color: rgba(239, 108, 0, 1) !important;
}

#report-details-modal .select2.select2-container.select2-container--default {
    /* min-width:248px!important;*/
    font-size: 12px !important;
    min-width: 234px !important;
}

#report-details-modal input#protocolDate {
    min-width: 234px !important;
}

#report-details-modal .default-style .select2-container--default .select2-results__option {
    font-size: 12px !important;

}

#report-details-modal .select2-container .select2-selection--single {
    height: 25px !important;
}

#report-details-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}

#report-details-modal .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}

ul#div_addTxtOptionList li {
    list-style-type: none !important;
    font-size: 12px;
    line-height: 1.7em
}

input#protocolDate {
    min-width: 248px !important;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 12px !important;

}

input.small-font-input {
    /*min-width:248px!important;*/
    height: 25px !important;
    line-height: 25px !important;
    font-size: 12px !important;
}

.fullwidth {
    width: 100% !important;
    text-align: left;
}

.dropdown-toggle::after {
    border-color: #4E5155 transparent transparent transparent !important;
    position: absolute;
    height: 1.4rem !important;
    position: absolute;
    top: 50%;
    left: 95%;
    margin-top: -.125rem;
    margin-left: -.25rem;
    width: 0;
    height: 0;
    border-width: .3125rem .25rem 0 .25rem;
    border-style: solid;
    -webkit-transform: none !important;
    transform: none !important;
}
.form-group.row.driver-card-panel-loading-row {
    min-height: 165px!important;
}
.flip-card-front h1#driver-card-panel-name {
    width: 410px;
    margin:0 auto!important;
    margin-left: 0px!important;
}
.btn-sm.btn-outline-secondary.dropdown-toggle.fullwidth:hover {
    background: #ffffff;
    color: #4E5155;
}

.dropdown-menu.drop-scroll.show a.dropdown-item {
    font-size: 12px;
    line-height: .8em !important;
}

ul#div_addTxtOptionList li:after {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef;
    content: "" !important;
    display: block;
}

ul#div_addTxtOptionList li:last-child:after {
    background: #ffffff !important;
}

ul#div_addTxtOptionList {
    padding-left: 20px;
     !important;
    padding-right: 20px;
     !important;
}

.margin-unset {
    margin: unset !important;
}

.form-group.row.divAdditionalTextOptions {
    display: block;
    max-height: 100px !important;
    overflow-x: auto;
    border: 1px solid red;
    padding-top: 15px !important;
    margin-bottom: 15px;
    border: rgba(24, 28, 33, 0.1) solid 1px !important;
    margin-left: 0px;

}

button.btn.btn-sm.btn-outline-secondary.dropdown-toggle.fullwidth {
    border: rgba(24, 28, 33, 0.1) solid 1px !important;
}

.select-mini span.select2-selection.select2-selection--single {
    height: 25px;
    font-size: 12;
    font-size: 12px !important;
}

.select-mini span.select2-selection__rendered {
    line-height: 16px;
    height: 25px;
    vertical-align: middle;
}

.select-mini span.select2-selection__rendered {
    line-height: 2em !important;
}

.select-mini li.select2-results__option.select2-results__option--highlighted {
    font-size: 12px;
}

.select-mini .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 35%;
}

.radio-sm label.custom-control.custom-radio {
    font-size: 12px;

}

label.custom-control.custom-radio span.custom-control-label:before {
    cursor: pointer;

}

.radio-sm label.custom-control.custom-radio span.custom-control-label:checked :before {
    border-color: rgba(239, 108, 0, 1) !important;
    width: 1rem !important;
    height: 1rem !important;
    border-width: 0.5px;

}

.radio-sm label.custom-control.custom-radio span.custom-control-label:after {
    border: none !important;
    width: 0.5rem !important;
    height: 0.5rem !important;
}

.radio-sm .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-size: 70% !important;
}

button.btn.btn-sm.btn-outline-secondary.dropdown-toggle.fullwidth {
    border: none !important;
}

.btn-sm.btn-outline-secondary.dropdown-toggle.fullwidth:hover {
    background: #ffffff;
    color: #4E5155;
}

button.btn.btn-sm.btn-outline-secondary.dropdown-toggle.fullwidth {
    box-shadow: none !important;
    color: #4E5155 !important;
    padding-left: 4px;

}
.report-options-special label {
    margin-left: 8px!important;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
    background: none !important;
}

/*button.btn.btn-fake-select.btn-sm.dropdown-toggle*/
.nav-itemmr-lg-3 .badge {
    font-size: 8px !important;
    z-index: 300 !important;
    position: absolute;
    top: 17px;
    margin-left: 26px;
    text-transform: uppercase;
}

.col-6 span.select2.select2-container.select2-container--default {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.error-note.registration-wizard-error {
    position: absolute;
    bottom: -60px;
}

.btn-secondary.sw-btn-next {
    background: rgba(239, 108, 0, 1) !important;
}

.registration-country {
    max-width: 247px !important;
    width: 100% !important;
}

.registration-country span.select2-selection.select2-selection--single {
    width: 100% !important;
    max-width: 100% !important;
    height: 35px !important;
}

.registration-country .select2-container--default.select2-container--open.select2-container--below .select2-selection {
    max-width: 100% !important;

}

.registration-country span.select2.select2-container.select2-container--default {
    max-width: 100% !important;
    min-width: 247px !important;
}

tr.odd.dataTable_rowOutOfScopeError td {
    color: red !important;
}

tr.even.dataTable_rowOutOfScopeError td {
    color: red !important;
}

div#outOfScope-faults-message-div {
    color: red;
}


.page-widget .card-body {
	position: relative;
}

.page-widget .card-body .widget-card-inner{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.page-widget .card-body .widget-card-inner div div.text-danger {
  color: #565656!important;
  font-size: 14px!important;
  /*word-break: break-all;*/
  hyphens: auto;
}

.card-body.balance a div div.text-success {
  color: #565656!important;
}



@media only screen and (max-height: 768px) {
    div#report-details-modal .modal-content {
        margin-top: -26px;
    }

    

}

div#report-details-modal .input-w-200 .select2-container {
    min-width: 200px !important;
    max-width: 200px !important;
}
.error-note.registration-wizard-error {
    max-width: 300px;
    margin-left: 25px;
    position: absolute;
    bottom: -80px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;}

@media only screen and (max-width: 1366px) and (min-width: 1360px) {

   .card-body.diagram-top-card-body {
   		margin: 0px!important;
		padding: 10px!important;
   }

   .card-body.calendar-top-card-body {
		margin: 0px!important;
		padding: 7px!important;
   }

}

input#phone {
    padding-left: 20px!important;
}


#no-activity-drivers-table {
    min-height: 50px!important;
    max-height: 500px!important;
    overflow-y: scroll!important;
}

.tacho-file-duplicate-num {
	color: red;
	font-weight: bold;
}

.exception-row-user-updated {
	color: #bbb;
}

.exception-jump-icon {
	cursor: pointer;	
    color: rgba(239, 108, 0, 1)!important;
}
a.exception-jump-icon i {
    -webkit-transform: rotate(260deg);
    -moz-transform: rotate(260deg);
    -o-transform: rotate(260deg);
    -ms-transform: rotate(260deg);
    transform: rotate(260deg);
}
#exception-table_wrapper .dataTables_scrollHeadInner {
    width: 100%!important;
}
/*#exception-table_wrapper th.sm-font.import-tooltip-field.sorting:first-child {
    width: 98px;
}
#exception-table_wrapper th.sm-font.import-tooltip-field.sorting:last-child {
    width: 98px;
}*/

div#report-labour-minimum-wage button.btn.btn-fake-select.btn-sm.dropdown-toggle{
   height:18px!important;
   min-width:4px!important;
   padding-left:2px;
   width:18px;
}

div#report-labour-minimum-wage button.btn.btn-fake-select.btn-sm.dropdown-toggle.btn-fake-select.dropdown-toggle::after{margin-left:-1px!important;
margin-top:-2px!important;
} 
.d-flex.dateselection button.btn.btn-fake-select.btn-sm.dropdown-toggle{
   height:24px!important;
   min-width:4px!important;
   width:18px;
}

.d-flex.dateselection button.btn.btn-fake-select.btn-sm.dropdown-toggle:after{
margin-top:0px!important}

.d-flex.dateselection .small input{margin-right:8px;}
.mt--17{margin-top:-17px;}
.mw-400{max-width:400px!important;}
/*.select2-container--default .select2-results__option[aria-disabled=true] {
    background: red!important;
}*/


 li.select2-results__option[aria-disabled=true]:hover{
        color:#999!important;
}
ul#select2-current-event-results .heading {
    font-weight: 700;
    color: #4E5155 !important;
        margin-left: -8px;

}
#select2-current-event-results {
    overflow-y: auto;
    max-height: 22.5rem;
}


.saved-report-delete {
	cursor: pointer;
}	
.row.vehicles-cleanup-row {
    width: 100%;
}
   .vehicles-cleanup-buttons {
    text-align: right;
    margin-left: -25px;
}
.vehicle-cleanup-table {
	width:92%;
	margin: 0px auto;
    max-height: 350px;
    border: 1px solid;
    padding: 10px;
    /* margin-bottom: 10px; */
    border-color: rgba(24, 28, 33, 0.075) !important;
    overflow-x: auto;
	font-size: 
}	
#protocolCreator .col-7 span.select2.select2-container.select2-container--default {
    width: 234px!important;
    max-width:234px!important;
}
#report-details-modal .select2.select2-container.select2-container--default{max-width:234px!important;}
.col-7 span.select2.select2-container.select2-container--default {
    width: 490px!important;
}


@media screen and (min-width: 1900px) {
  div#collapsecalendarlegend {
    min-width: 900px;
}
}
@media screen and (min-width: 3000px) {
  div#collapsecalendarlegend {
    min-width: 2500px;
}
}
@media screen and (min-width: 2100px) {
  div#collapsecalendarlegend {
    min-width: 1800px;
}
}
#quickFilterButton.btn-fake-select.dropdown-toggle::after {
    margin-top: 0px!important;
}
label.custompos {
    margin-top: 3px;
}
.p-2.mw-400 button#activity-save-button, .p-2.mw-400 button#activity-undo-button {
    margin-top: 6px;
}
.sidenav.bg-white .sidenav-link, .sidenav.bg-white .sidenav-horizontal-prev, .sidenav.bg-white .sidenav-horizontal-next {
    color: #565656!important;
}
.p-0.first-col {
    min-width: 140px;
    max-width: 140px;
}
.d-t-row{
    display: table-row}
.d-t-cell{
    display: table-cell;
    TEXT-ALIGN: left;
    margin: 0!important;
    min-width: 140px;
}
.new-drivers-table .select2-container .select2-selection--single,
.new-vehicles-table .select2-container .select2-selection--single {
    height: 25px !important;
    min-width: 300px;
    max-width: 300px;
}


.new-drivers-table .select2-container--default .select2-selection--single .select2-selection__rendered,
.new-vehicles-table .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}

.new-drivers-table .select2-results__options,
.new-vehicles-table .select2-results__options {
    font-size: 12px !important;
}
.new-drivers-table .select2-selection__arrow,
.new-vehicles-table .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}



.input-w-230 .select2-container .select2-selection--single {
    height: 35px !important;
   
}


.input-w-230 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}
.switcher-input:focus ~ .switcher-indicator::before{
    background: none!important;
}

.input-w-230 .select2-results__options {
    font-size: 12px !important;
}
.driver-import-popup-before-employment-start {
	text-decoration: line-through;
	color: #aaa;
}
.vehicle-import-popup-before-outside-of-range {
	text-decoration: line-through;
	color: #aaa;
}
.vehicle-plate-prohibit-icon, .vehicle-plate-prohibit-icon:hover {
    font-size: 13px;
	color: #aaa!important;
    /*font-weight: bold;*/
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.vehicle-plate-edit-control {
    display: flex!important;
}
.vehicle-plate-edit-control i {
    line-height: 25px;
}
.new-vehicles-table .p-0.d-t-cell.first-col {
    min-width: 180px!important;
    max-width: 180px!important;
    width: 180px!important;
}
.new-vehicles-table .p-0.d-t-cell.second-col {
    min-width: 210px;
    width: 210px;
}

.new-vehicles-table .p-0.d-t-cell.third-col {
    min-width: 170px;
}
.new-vehicles-table .p-0.d-t-cell.d-t-cell.fourth-col.text-right {
    width: 40px!important;
    min-width: 40px!important;
}

.new-vehicles-table .dropdown-menu.vehicle-magic-sel.show {
    margin-top: 27%!important;
    position: relative;
    margin-left: -13%;
}

.default-style #toast-container > .toast-warning {
    background-color: rgba(239, 108, 0, 1)!important;
    color: #fff!important;
    height: 60px!important;

}
#toast-container > .toast-warning {
    background-image: none!important;
    background-size: unset;
}
.sk-fold-cube:before{background: #fff!important;}

.sk-fold-cube.chart-load-indicator:before{background: rgba(239, 108, 0, 1)!important;}

.sk-fold {
    width: 28px!important;
    height: 28px!important;
    height: 1;
    transform: rotateZ(45deg);
}

.toast-message .col-8 {
    /*font-size: 1rem;*/
    font-weight: 500;
    text-align: center;
	line-height: 28px;
}

.new-vehicles-table .custom-control-input:disabled ~ .custom-control-label {
    color: unset;
}
input[type="checkbox" i]:disabled .custom-control-input:checked ~ .custom-control-label::before{
    background-color: rgba(24, 28, 33, 0.1)!important;
    border-color:rgba(24, 28, 33, 0.1)!important;}
input[type="checkbox" i]:disabled.custom-control-input:checked ~ .custom-control-label::before{
    background-color: rgba(24, 28, 33, 0.1)!important;
    border-color:rgba(24, 28, 33, 0.1)!important;}
    
    input[type="checkbox" i]:disabled.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color: rgba(24, 28, 33, 0.1)!important;
    border-color:rgba(24, 28, 33, 0.1)!important;}


.vehicle-row-duplicate.grp0, .dup-vehicle-from-file.grp0,
.driver-row-duplicate.grp0, .dup-driver-from-file.grp0 {
	color: red!important;
}
.vehicle-row-duplicate.grp1, .dup-vehicle-from-file.grp1,
.driver-row-duplicate.grp1, .dup-driver-from-file.grp1 {
	color: #02BC77!important;
}
.vehicle-row-duplicate.grp2, .dup-vehicle-from-file.grp2,
.driver-row-duplicate.grp2, .dup-driver-from-file.grp2 {
	color: rgba(239, 108, 0, 1)!important;
}
.vehicle-row-duplicate.grp3, .dup-vehicle-from-file.grp3,
.driver-row-duplicate.grp3, .dup-driver-from-file.grp3 {
	color: purple!important;
}
.vehicle-row-duplicate.grp4, .dup-vehicle-from-file.grp4,
.driver-row-duplicate.grp4, .dup-driver-from-file.grp4 {
	color: blue!important;
}
.vehicle-row-duplicate.grp5, .dup-vehicle-from-file.grp5,
.driver-row-duplicate.grp5, .dup-driver-from-file.grp5 {
	color: brown!important;
}
.vehicle-row-duplicate.grp6, .dup-vehicle-from-file.grp6,
.driver-row-duplicate.grp6, .dup-driver-from-file.grp6 {
	color: #767600!important;
}

.file-processing-control-icon {
	cursor:pointer;
	color: #ccc;
}
.file-processing-control-icon:hover {
	color: #000;
}
.new-drivers-table.new-drivers-field .d-t-cell {
    vertical-align: top;
}
#add-vehicle-modal .new-drivers-table.new-drivers-field .d-t-cell,
#driver-selection-modal .new-drivers-table.new-drivers-field .d-t-cell {
    min-width: 240px!important;
}
#add-vehicle-modal .p-0.d-t-cell.d-t-cell.fourth-col2.text-right, 
#driver-selection-modal .p-0.d-t-cell.d-t-cell.fourth-col2.text-right {
    min-width: 70px!important;
    max-width: 70px!important;
}
.new-drivers-table.new-drivers-field .d-t-cell {
    min-width: unset!important;
}
.magic-list-button-container i {
    line-height: 9px!important;
    vertical-align: top;
}
.new-drivers-table.new-drivers-field .p-0.new-driver-list-label.d-t-cell.second-col {
    text-align: left!important;
    min-width: 200px;
    width: 200px;
}
.new-drivers-table.new-drivers-field .magic-list-button-container {
    text-align: end;
    width: 70px;
}
.new-drivers-table.new-drivers-field  .p-0.d-t-cell.first-col {
    min-width: 160px;
    max-width: 160px;
    width: 160px;
}
.new-drivers-table.new-drivers-field  .p-0.new-driver-list-label.d-t-cell.third-col {
    min-width: 260px!important;
    max-width: 260px!important;
}

.new-drivers-table.new-drivers-field .driver-card-edit-control {
    display: inline-flex;
    line-height: 25px!important;
}

.new-drivers-table.new-drivers-field i.fas.fa-times.driver-card-edit-cancel-button.file-processing-control-icon{
    line-height: 28px!important;
}
.new-drivers-table.new-drivers-field i.fas.fa-check.driver-card-edit-save-button.file-processing-control-icon.ml-2.mr-1{    
    line-height: 28px!important;
}


.p-0.new-driver-list-label.d-t-cell.third-col .p-0.d-t-cell:first-child{
    width:220px;
}
.p-0.new-driver-list-label.d-t-cell.third-col .p-0.d-t-cell:last-child{
}

a.dup-driver-from-file.small div,
a.dup-driver-from-md.small div {
    display: contents;
}
li.dup-driver-from-file-row .text-right:before,
li.dup-driver-from-md-row .text-right:before {
    content: "-";
}
li.dup-driver-from-md-row.disabled,
li.dup-driver-from-md-row.disabled a,
li.dup-driver-from-md-row.disabled a div {
	cursor: default!important;
}

label[for=vehicle-card-panel-owner]
{
    min-width: 240px!important;
    max-width: 250px!important;
}
div#vehicle-card-panel-owner {
    max-width: 200px;
}
#driver-vehicle-card-popup {
    width: auto;
    height: auto;
    padding: 0.5em;
    position: fixed!important;
    z-index: 999999 !important;
    top: 30%;
    right: 20%;
}

#system-tooltip-popup {
    width: 600px;
	height: auto;
    padding: 0.5em;
    position: fixed!important;
    z-index: 999999 !important;
    top: 1%;
    /*left: 20%;*/
    right: 40%;
	opacity: 100%;
}
#system-tooltip-popup.content {
	padding: 0xp;
	position: relative;
	animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 3.125) forwards;
}
#system-tooltip-popup .card {
	border: 2px solid rgba(239, 108, 0, 0.25) !important;
	/*border: 1px solid #ccc !important;*/
}
#system-tooltip-popup .card,
#system-tooltip-popup .card-body {
	opacity: 100% !important;
	background-color: rgba(255, 255, 255, 1.0) !important;
	/*background-color: rgba(239, 108, 0, 0.1) !important;*/
}

/*
#system-ai-summary-modal {
    width: 600px;
	height: auto;
    padding: 0.5em;
    position: fixed!important;
    z-index: 999999 !important;
    top: 1%;
    /*left: 20%;*/
    right: 32%;
	opacity: 100%;
}
#system-ai-summary-modal.content {
	padding: 0xp;
	position: relative;
	animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 3.125) forwards;
}
#system-ai-summary-modal .card {
	border: 2px solid rgba(239, 108, 0, 0.25) !important;
	/*border: 1px solid #ccc !important;*/
}
#system-ai-summary-modal .card,
#system-ai-summary-modal .card-body {
	opacity: 100% !important;
	background-color: rgba(255, 255, 255, 1.0) !important;
	/*background-color: rgba(239, 108, 0, 0.1) !important;*/
}
*/

.robot-summary-widget .card-body .widget-card-inner {
	margin-left: -1.2rem;
	margin-right: -2rem;
}

.ai-tip-popup-title {
	font-weight: 600;	
}

#ai-summary-info-icon {
	color: #F3605E;
	/*color: #D80127;*/
	font-size: 16px;
	cursor: pointer;
}

#ai-summary-info-icon.disabled {
	cursor: default;
}

.ai-summary-info.substat {
	color: rgb(155, 155, 155);
}

.ai-summary-popup-title {
	font-weight: 600;	
}

.ai-summary-title {
	font-weight: 600;	
	margin-bottom: 7px;
	font-size: 12pt;
	color: rgba(239, 108, 0, 1);
}

.ai-summary-value {
	font-weight: bold;	
}

.ai-summary-info.mainstat span.ai-summary-value {
	color: rgba(239, 108, 0, 1);
}

.system-tip-snooze-link,
.system-tip-snooze-all-link {
	color: #aaa;
	cursor: pointer;	
}

#system-tip-modal .modal-dialog .modal-content .modal-header {
	padding-right: 0px !important;
}

#system-tip-modal .modal-dialog .modal-content .modal-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 1200px) {
	#system-tip-modal .modal-dialog .modal-content .modal-body {
		font-size: 10pt!important;
	}
}

.speech-bubble {
	position: relative;
	/*background: #FFE9D665; LAST */ /*#00aabb;*/ /* good */
	/* background: #FFF6EE; #00aabb; */
	border-radius: .7em;
	margin-bottom: 20px!important;
    margin-top: 30px!important;
	/* border: 1px solid #F5E6D2;  F7DDBC */
	/*border: 1px solid #F7DDBC; LAST */ /* F7DDBC */
	background: #ffe9d63b; /* #ffe9d633; */
	border: 1px solid #f7ddbcc9; /* #f7ddbccf; */
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 9%;
	width: 0;
	height: 0;
	border: 17px solid transparent;
	border-bottom-color: #F7DDBC; /*#00aabb;*/
	/* border-bottom-color: #FFF6EE; #00aabb; */
	border-top: 0;
	border-left: 0;
	margin-left: -8.5px;
	margin-top: -17px;
}

.btn-success.system-tip-ok-all-button {
	background: rgba(239, 108, 0, 1);
}

.steering-wheel {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' viewBox='0 0 1278 1270' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3bclip-rule:evenodd%3bstroke-linejoin:round%3bstroke-miterlimit:2%3b'%3e%3cg transform='matrix(1%2c0%2c0%2c1%2c-1.68743%2c-4.80092)'%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c629.63%2c-84.2603)'%3e%3cpath d='M0%2c67.5L17.5%2c67.5L46.25%2c68.75L66.25%2c70.625L90.625%2c73.75L113.125%2c78.125L135.625%2c83.125L160%2c90.625L176.875%2c96.25L201.25%2c106.25L216.25%2c113.125L228.75%2c119.375L242.5%2c126.875L253.75%2c133.125L270.625%2c144.375L280.625%2c150.625L292.5%2c159.375L301.25%2c166.25L312.5%2c175L320.625%2c181.875L333.125%2c193.125L341.25%2c201.25L346.25%2c205.625L352.5%2c211.875L356.875%2c216.875L361.25%2c221.25L365.625%2c226.25L372.5%2c233.125L376.875%2c238.125L385%2c248.125L393.125%2c258.75L403.125%2c271.875L413.125%2c286.875L420%2c297.5L428.125%2c310.625L439.375%2c331.875L447.5%2c348.125L459.375%2c376.875L463.75%2c389.375L471.875%2c415L476.25%2c432.5L481.25%2c456.25L485%2c481.25L486.875%2c497.5L488.75%2c527.5L488.75%2c572.5L486.875%2c601.875L483.75%2c626.875L480%2c648.75L474.375%2c673.75L468.75%2c693.125L461.25%2c715.625L452.5%2c737.5L445.625%2c753.125L438.125%2c768.125L431.875%2c780L425.625%2c791.25L413.75%2c809.375L402.5%2c826.25L396.25%2c834.375L388.125%2c845L381.25%2c853.75L374.375%2c861.875L359.375%2c878.125L355%2c882.5L350.625%2c887.5L340%2c897.5L330.625%2c906.25L325.625%2c911.25L318.75%2c916.875L311.875%2c923.125L301.875%2c930.625L293.75%2c936.875L283.75%2c944.375L266.875%2c955.625L246.875%2c968.125L215.625%2c984.375L203.75%2c990L179.375%2c1000L163.75%2c1005.62L139.375%2c1013.12L115.625%2c1018.75L93.125%2c1023.12L64.375%2c1026.88L51.875%2c1028.12L27.5%2c1029.38L-9.375%2c1029.38L-33.125%2c1028.12L-62.5%2c1025L-86.25%2c1021.25L-109.375%2c1016.25L-124.375%2c1012.5L-150.625%2c1004.38L-168.75%2c997.5L-191.25%2c988.125L-206.875%2c980.625L-223.75%2c971.875L-240.625%2c961.875L-253.125%2c953.75L-268.125%2c943.75L-278.75%2c935.625L-286.875%2c929.375L-295.625%2c922.5L-302.5%2c916.875L-306.875%2c912.5L-311.875%2c908.125L-316.25%2c903.75L-321.25%2c899.375L-331.25%2c890L-340.625%2c880.625L-345%2c875.625L-350%2c870.625L-354.375%2c865.625L-361.25%2c858.125L-368.125%2c849.375L-374.375%2c841.25L-383.125%2c830L-393.125%2c815.625L-403.125%2c800L-410.625%2c788.125L-418.125%2c774.375L-430.625%2c749.375L-438.125%2c731.875L-445%2c714.375L-452.5%2c691.875L-458.125%2c671.875L-463.75%2c646.25L-467.5%2c623.75L-470.625%2c597.5L-471.875%2c580.625L-472.5%2c566.25L-472.5%2c531.25L-470.625%2c498.75L-468.125%2c478.125L-465%2c458.125L-459.375%2c431.25L-454.375%2c412.5L-445.625%2c384.375L-440.625%2c371.25L-433.125%2c352.5L-427.5%2c340L-418.75%2c323.125L-410.625%2c308.75L-403.125%2c296.25L-389.375%2c275L-383.75%2c267.5L-376.875%2c258.75L-369.375%2c249.375L-362.5%2c240.625L-353.75%2c231.25L-344.375%2c221.25L-337.5%2c213.75L-333.125%2c208.75L-328.125%2c204.375L-321.25%2c197.5L-316.25%2c193.125L-308.125%2c185.625L-301.25%2c180L-293.125%2c173.125L-284.375%2c166.25L-278.125%2c161.25L-265.625%2c151.875L-253.125%2c143.75L-241.25%2c136.25L-230%2c129.375L-218.75%2c123.125L-203.75%2c115L-193.75%2c110L-179.375%2c103.75L-158.75%2c95.625L-130%2c86.25L-108.75%2c80.625L-78.75%2c74.375L-55%2c71.25L-38.75%2c69.375L0%2c67.5Z' style='fill:rgb(235%2c157%2c109)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c613.849%2c80.6679)'%3e%3cpath d='M0%2c67.5L40%2c67.5L56.875%2c68.75L80%2c71.875L102.5%2c76.25L125.625%2c82.5L145%2c89.375L160%2c95.625L178.125%2c104.375L192.5%2c111.875L206.875%2c120.625L221.875%2c130.625L232.5%2c138.75L242.5%2c146.875L250.625%2c153.75L256.875%2c159.375L264.375%2c166.25L270.625%2c171.875L280%2c180.625L284.375%2c185.625L294.375%2c196.25L300%2c203.125L305%2c209.375L312.5%2c219.375L321.25%2c231.875L329.375%2c245L338.125%2c260.625L344.375%2c273.75L351.875%2c291.875L358.75%2c311.25L363.75%2c327.5L371.25%2c360L371.25%2c361.25L188.75%2c361.25L183.75%2c354.375L175.625%2c342.5L166.875%2c333.125L159.375%2c325.625L148.125%2c317.5L137.5%2c311.875L125%2c306.875L108.125%2c302.5L100.625%2c301.25L90.625%2c300.625L-50.625%2c300.625L-63.75%2c301.875L-77.5%2c305L-92.5%2c310L-104.375%2c315.625L-111.875%2c320.625L-120.625%2c327.5L-130%2c336.875L-135.625%2c343.75L-143.125%2c353.75L-147.5%2c360.625L-148.125%2c361.25L-330%2c361.25L-329.375%2c355L-323.125%2c326.875L-316.25%2c305L-311.875%2c292.5L-305%2c276.25L-298.125%2c261.25L-290%2c246.875L-280%2c230L-272.5%2c219.375L-264.375%2c208.125L-257.5%2c199.375L-251.25%2c192.5L-246.875%2c187.5L-238.125%2c178.125L-232.5%2c172.5L-227.5%2c168.125L-217.5%2c158.75L-212.5%2c153.75L-198.75%2c142.5L-182.5%2c130L-173.125%2c123.75L-160%2c115.625L-146.875%2c108.125L-136.25%2c102.5L-115.625%2c93.125L-97.5%2c86.25L-80%2c80.625L-56.875%2c75L-39.375%2c71.875L-16.25%2c68.75L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c848.081%2c632.353)'%3e%3cpath d='M0%2c67.5L173.75%2c67.5L194.375%2c68.125L193.75%2c73.75L187.5%2c100.625L182.5%2c117.5L176.875%2c134.375L168.75%2c153.125L159.375%2c172.5L150.625%2c187.5L144.375%2c198.125L135.625%2c210.625L128.125%2c220.625L121.875%2c228.75L114.375%2c237.5L109.375%2c242.5L105%2c247.5L97.5%2c255.625L86.25%2c266.875L81.25%2c271.25L73.75%2c278.125L65%2c285L53.75%2c293.75L45%2c300L35.625%2c306.25L17.5%2c316.875L6.25%2c323.125L-9.375%2c330.625L-26.875%2c338.125L-49.375%2c345.625L-72.5%2c351.875L-93.125%2c356.25L-93.75%2c355.625L-94.375%2c330.625L-94.375%2c223.125L-93.75%2c191.875L-86.25%2c181.25L-77.5%2c170L-69.375%2c158.75L-63.125%2c150.625L-55.625%2c140.625L-45.625%2c127.5L-36.875%2c115.625L-26.875%2c102.5L-9.375%2c78.75L-1.875%2c68.75L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c226.783%2c632.353)'%3e%3cpath d='M0%2c67.5L142.5%2c67.5L155.625%2c68.125L158.75%2c71.25L163.125%2c76.25L171.25%2c87.5L178.75%2c97.5L188.75%2c110.625L197.5%2c122.5L207.5%2c135.625L215%2c145.625L223.75%2c157.5L236.25%2c173.75L245%2c185.625L248.75%2c191.25L249.375%2c198.125L249.375%2c356.25L244.375%2c355.625L215%2c348.75L194.375%2c342.5L178.75%2c336.875L160.625%2c328.75L146.25%2c321.875L131.25%2c313.125L117.5%2c305L106.875%2c297.5L95%2c288.75L86.25%2c281.875L77.5%2c274.375L66.875%2c264.375L58.75%2c256.875L50%2c247.5L45.625%2c242.5L41.25%2c238.125L35.625%2c231.25L29.375%2c223.75L13.125%2c201.25L3.75%2c185.625L-5.625%2c169.375L-13.75%2c152.5L-20%2c138.125L-25.625%2c122.5L-32.5%2c100.625L-38.75%2c72.5L-39.375%2c68.125L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: cover;
}

.steering-wheel.disabled {
	background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8' standalone='no'%3f%3e %3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e %3csvg width='100%25' height='100%25' viewBox='0 0 1278 1270' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3bclip-rule:evenodd%3bstroke-linejoin:round%3bstroke-miterlimit:2%3b'%3e%3cg transform='matrix(1%2c0%2c0%2c1%2c0.00048%2c-0.000305)'%3e%3cg transform='matrix(1%2c0%2c0%2c1%2c-1.68743%2c-4.80092)'%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c629.63%2c-84.2603)'%3e%3cpath d='M0%2c67.5L17.5%2c67.5L46.25%2c68.75L66.25%2c70.625L90.625%2c73.75L113.125%2c78.125L135.625%2c83.125L160%2c90.625L176.875%2c96.25L201.25%2c106.25L216.25%2c113.125L228.75%2c119.375L242.5%2c126.875L253.75%2c133.125L270.625%2c144.375L280.625%2c150.625L292.5%2c159.375L301.25%2c166.25L312.5%2c175L320.625%2c181.875L333.125%2c193.125L341.25%2c201.25L346.25%2c205.625L352.5%2c211.875L356.875%2c216.875L361.25%2c221.25L365.625%2c226.25L372.5%2c233.125L376.875%2c238.125L385%2c248.125L393.125%2c258.75L403.125%2c271.875L413.125%2c286.875L420%2c297.5L428.125%2c310.625L439.375%2c331.875L447.5%2c348.125L459.375%2c376.875L463.75%2c389.375L471.875%2c415L476.25%2c432.5L481.25%2c456.25L485%2c481.25L486.875%2c497.5L488.75%2c527.5L488.75%2c572.5L486.875%2c601.875L483.75%2c626.875L480%2c648.75L474.375%2c673.75L468.75%2c693.125L461.25%2c715.625L452.5%2c737.5L445.625%2c753.125L438.125%2c768.125L431.875%2c780L425.625%2c791.25L413.75%2c809.375L402.5%2c826.25L396.25%2c834.375L388.125%2c845L381.25%2c853.75L374.375%2c861.875L359.375%2c878.125L355%2c882.5L350.625%2c887.5L340%2c897.5L330.625%2c906.25L325.625%2c911.25L318.75%2c916.875L311.875%2c923.125L301.875%2c930.625L293.75%2c936.875L283.75%2c944.375L266.875%2c955.625L246.875%2c968.125L215.625%2c984.375L203.75%2c990L179.375%2c1000L163.75%2c1005.62L139.375%2c1013.12L115.625%2c1018.75L93.125%2c1023.12L64.375%2c1026.88L51.875%2c1028.12L27.5%2c1029.38L-9.375%2c1029.38L-33.125%2c1028.12L-62.5%2c1025L-86.25%2c1021.25L-109.375%2c1016.25L-124.375%2c1012.5L-150.625%2c1004.38L-168.75%2c997.5L-191.25%2c988.125L-206.875%2c980.625L-223.75%2c971.875L-240.625%2c961.875L-253.125%2c953.75L-268.125%2c943.75L-278.75%2c935.625L-286.875%2c929.375L-295.625%2c922.5L-302.5%2c916.875L-306.875%2c912.5L-311.875%2c908.125L-316.25%2c903.75L-321.25%2c899.375L-331.25%2c890L-340.625%2c880.625L-345%2c875.625L-350%2c870.625L-354.375%2c865.625L-361.25%2c858.125L-368.125%2c849.375L-374.375%2c841.25L-383.125%2c830L-393.125%2c815.625L-403.125%2c800L-410.625%2c788.125L-418.125%2c774.375L-430.625%2c749.375L-438.125%2c731.875L-445%2c714.375L-452.5%2c691.875L-458.125%2c671.875L-463.75%2c646.25L-467.5%2c623.75L-470.625%2c597.5L-471.875%2c580.625L-472.5%2c566.25L-472.5%2c531.25L-470.625%2c498.75L-468.125%2c478.125L-465%2c458.125L-459.375%2c431.25L-454.375%2c412.5L-445.625%2c384.375L-440.625%2c371.25L-433.125%2c352.5L-427.5%2c340L-418.75%2c323.125L-410.625%2c308.75L-403.125%2c296.25L-389.375%2c275L-383.75%2c267.5L-376.875%2c258.75L-369.375%2c249.375L-362.5%2c240.625L-353.75%2c231.25L-344.375%2c221.25L-337.5%2c213.75L-333.125%2c208.75L-328.125%2c204.375L-321.25%2c197.5L-316.25%2c193.125L-308.125%2c185.625L-301.25%2c180L-293.125%2c173.125L-284.375%2c166.25L-278.125%2c161.25L-265.625%2c151.875L-253.125%2c143.75L-241.25%2c136.25L-230%2c129.375L-218.75%2c123.125L-203.75%2c115L-193.75%2c110L-179.375%2c103.75L-158.75%2c95.625L-130%2c86.25L-108.75%2c80.625L-78.75%2c74.375L-55%2c71.25L-38.75%2c69.375L0%2c67.5Z' style='fill:rgb(200%2c200%2c200)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c613.849%2c80.6679)'%3e%3cpath d='M0%2c67.5L40%2c67.5L56.875%2c68.75L80%2c71.875L102.5%2c76.25L125.625%2c82.5L145%2c89.375L160%2c95.625L178.125%2c104.375L192.5%2c111.875L206.875%2c120.625L221.875%2c130.625L232.5%2c138.75L242.5%2c146.875L250.625%2c153.75L256.875%2c159.375L264.375%2c166.25L270.625%2c171.875L280%2c180.625L284.375%2c185.625L294.375%2c196.25L300%2c203.125L305%2c209.375L312.5%2c219.375L321.25%2c231.875L329.375%2c245L338.125%2c260.625L344.375%2c273.75L351.875%2c291.875L358.75%2c311.25L363.75%2c327.5L371.25%2c360L371.25%2c361.25L188.75%2c361.25L183.75%2c354.375L175.625%2c342.5L166.875%2c333.125L159.375%2c325.625L148.125%2c317.5L137.5%2c311.875L125%2c306.875L108.125%2c302.5L100.625%2c301.25L90.625%2c300.625L-50.625%2c300.625L-63.75%2c301.875L-77.5%2c305L-92.5%2c310L-104.375%2c315.625L-111.875%2c320.625L-120.625%2c327.5L-130%2c336.875L-135.625%2c343.75L-143.125%2c353.75L-147.5%2c360.625L-148.125%2c361.25L-330%2c361.25L-329.375%2c355L-323.125%2c326.875L-316.25%2c305L-311.875%2c292.5L-305%2c276.25L-298.125%2c261.25L-290%2c246.875L-280%2c230L-272.5%2c219.375L-264.375%2c208.125L-257.5%2c199.375L-251.25%2c192.5L-246.875%2c187.5L-238.125%2c178.125L-232.5%2c172.5L-227.5%2c168.125L-217.5%2c158.75L-212.5%2c153.75L-198.75%2c142.5L-182.5%2c130L-173.125%2c123.75L-160%2c115.625L-146.875%2c108.125L-136.25%2c102.5L-115.625%2c93.125L-97.5%2c86.25L-80%2c80.625L-56.875%2c75L-39.375%2c71.875L-16.25%2c68.75L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c848.081%2c632.353)'%3e%3cpath d='M0%2c67.5L173.75%2c67.5L194.375%2c68.125L193.75%2c73.75L187.5%2c100.625L182.5%2c117.5L176.875%2c134.375L168.75%2c153.125L159.375%2c172.5L150.625%2c187.5L144.375%2c198.125L135.625%2c210.625L128.125%2c220.625L121.875%2c228.75L114.375%2c237.5L109.375%2c242.5L105%2c247.5L97.5%2c255.625L86.25%2c266.875L81.25%2c271.25L73.75%2c278.125L65%2c285L53.75%2c293.75L45%2c300L35.625%2c306.25L17.5%2c316.875L6.25%2c323.125L-9.375%2c330.625L-26.875%2c338.125L-49.375%2c345.625L-72.5%2c351.875L-93.125%2c356.25L-93.75%2c355.625L-94.375%2c330.625L-94.375%2c223.125L-93.75%2c191.875L-86.25%2c181.25L-77.5%2c170L-69.375%2c158.75L-63.125%2c150.625L-55.625%2c140.625L-45.625%2c127.5L-36.875%2c115.625L-26.875%2c102.5L-9.375%2c78.75L-1.875%2c68.75L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3cg transform='matrix(1.32898%2c0%2c0%2c1.31943%2c226.783%2c632.353)'%3e%3cpath d='M0%2c67.5L142.5%2c67.5L155.625%2c68.125L158.75%2c71.25L163.125%2c76.25L171.25%2c87.5L178.75%2c97.5L188.75%2c110.625L197.5%2c122.5L207.5%2c135.625L215%2c145.625L223.75%2c157.5L236.25%2c173.75L245%2c185.625L248.75%2c191.25L249.375%2c198.125L249.375%2c356.25L244.375%2c355.625L215%2c348.75L194.375%2c342.5L178.75%2c336.875L160.625%2c328.75L146.25%2c321.875L131.25%2c313.125L117.5%2c305L106.875%2c297.5L95%2c288.75L86.25%2c281.875L77.5%2c274.375L66.875%2c264.375L58.75%2c256.875L50%2c247.5L45.625%2c242.5L41.25%2c238.125L35.625%2c231.25L29.375%2c223.75L13.125%2c201.25L3.75%2c185.625L-5.625%2c169.375L-13.75%2c152.5L-20%2c138.125L-25.625%2c122.5L-32.5%2c100.625L-38.75%2c72.5L-39.375%2c68.125L0%2c67.5Z' style='fill:rgb(254%2c254%2c254)%3bfill-rule:nonzero%3b'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.nav-item .steering-wheel {
    width: 20px;
    height: 20px;
}


#help-video-player-popup-title {
	font-weight: 600;	
	font-size: 12pt;
	text-transform: uppercase;
}

video#help-video-player {
	border: #ddd 1px solid;
	/*border-top: #*/
}

:root {
	/*--plyr-captions-text-color: rgba(255, 0, 0, 0.7);
	--plyr-captions-background: rgba(255, 255, 255, 0.8);*/
	--plyr-captions-text-color: rgba(255, 255, 255, 0.9);
	--plyr-captions-background: rgba(0, 0, 0, 0.6);
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 500px;
  height: 260px;
  /*border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
    position:absolute;
    
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;

}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
 /* background-color: #bbb;
  color: black;*/
}
.flip-card .card{
    opacity:1!important;
}
  .flip-card label {
            text-align: right;
            padding-top: calc(.175rem + 1px);
            padding-bottom: calc(0.175rem + 1px);
        }
.flip-card .form-group {
    margin-bottom: 0.1rem;
    width: 500px;
}

/* Style the back side */
.flip-card-back {
  /*background-color: dodgerblue;
  color: white;*/
  transform: rotateY(180deg);
}

  .close-icon {
            cursor: pointer;
            background: white;
            padding: 0px 7px;
            border-radius: 300px;
            text-align: center;
            border: 1px solid lightgrey;
            position: relative;
            top: 85px;
            z-index: 99999999999999999;
            width: 26px;
        }

        .close-icon.iconleft {
            cursor: pointer;
            background: white;
            padding: 0px 7px;
            border-radius: 300px;
            text-align: center;
            border: 1px solid lightgrey;
            position: relative;
            top: 85px;
            z-index: 99999999999999999;
            width: 26px;
        }
 #driver-vehicle-card-popup, .firstinfo {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}


.fileAttachmentIcon {
	cursor: pointer;
	color: rgb(78, 81, 85);
	font-size: 16px;
}

.fileAttachmentIcon.noAttachments {
	color: #999;
}

.fileAttachmentIcon:hover {
	color: #000;
}

.fileAttachmentIcon.noAttachments:hover {
	color: #555; /*rgb(78, 81, 85);*/
	/*font-weight: bold;*/
}


#modal_attachments .modal-content {
	min-height: 700px;
}

#modal_attachments .modal-body{
	min-height: 600px;
}

#no-documents-container {
	height: 500px;
	padding-top: 200px;
}

#empty-selection-container {
	height: 500px;
	/*vertical-align: center;
	align: middle;*/
	padding-top: 200px;
}

#document-preview-container {
	height: 500px;
	padding-top: 20px;
}

#image-preview-container {
	height: 500px;
	padding-top: 20px;
}

#image-preview-container img {
	max-height: 500px;
	max-width: 800px;
}

.attachment-list-container {
	border-left: 1px solid #eee;
	padding-left: 20px;
}

.popup-footer-left {
	border-top: 1px solid #eee;
	padding-top: 20px;
	height: 57px;
}

.attachment-list {
	height: 500px;
	max-height: 500px;
	/*overflow-y: scroll;*/
}

.attachment-list-heading {
	font-size: 11pt;
	font-weight: bold;
}

.attachment-link.selected {
	font-weight: bold!important;
}

#add_attachment_button_container {
	height: 38px;
}

.attachment-list.accordion .card {
	border: 0px!important;
	margin: 7px 0px 0px 0px!important;
	padding: 0px!important;
	box-shadow: none; 
}
.attachment-list.accordion .card-header {
	/*background: #f8f9fa;*/
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*padding: 15px;
	font-size: 1.2rem;*/
	margin: 0px 17px 0px 0px!important;
	padding: 0 .2rem .4rem 0;
	/*border: 0px!important;*/
	border-bottom: 1px solid #ddd; /*!important;*/
	line-height:1em;
	text-transform: uppercase;
}
.attachment-list.accordion .card-header:hover {
	/*background: #e9ecef;*/
	font-weight: bold;
	/*border: 0px!important;*/
}
.attachment-list.accordion .card-body {
	padding: 0.5rem 0 1.0rem 0;
}
.attachment-list.accordion .collapse {
	transition: max-height 0.4s ease, padding 0.4s ease;
}
.accordion-icon {
	transition: transform 0.3s ease;
}
.accordion-icon.rotate {
	transform: rotate(90deg);
}

.attachment-icon {
	font-size: 12pt;
}

.attachment-icon.fa-portrait {
	color: #666;
}

.attachment-icon.fa-address-card {
	color: #666;
}

.attachment-list-item:hover {
	text-decoration: underline;
	cursor: pointer!important;
}

#attachment-title-save {
	font-size: 14pt;
	color: #ccc;
}

#attachment-title-save.active {
	color:green;
	cursor: pointer!important;
}


 html {
	 height: 100%;
}
 
 *, *:before, *:after {
	 box-sizing: border-box;
}
 .content {
	 position: relative;
	 animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;
}
 .flip-card .card {
	 width: 500px;
	 min-height: 100px;
	 border-radius: 3px;
	 background-color: white;
	 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	 position: relative;
	 overflow: hidden;
}
 .flip-card .card:after {
	 content: '';
	 display: block;
	 width: 220px;
	 height: 530px;
	 background: #ef6c00;
	 position: absolute;
	 animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
     margin-left: -20px;
}

.flip-card .card-body{padding:un
    set!important;}
 
 .firstinfo {
	 flex-direction: row;
	 z-index: 2;
	 position: relative;
    min-height: 213px;
}
 .firstinfo img {
	/* border-radius: 50%;
	 width: 120px;
	 height: 120px;*/
     border-radius: 0;
    width: 120px;
    height: 125px;
    border: 4px solid #fff;
     	 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
     position: relative;
     left:80px;

}
 .firstinfo .profileinfo {
	 padding: 0px 20px;
}
 .firstinfo .profileinfo h1 {
	 font-size: 1.8em;
}
 .firstinfo .profileinfo h3 {
	 font-size: 1.2em;
	 color: #009688;
	 font-style: italic;
}
 .firstinfo .profileinfo p.bio {
	 padding: 10px 0px;
	 color: #5a5a5a;
	 line-height: 1.2;
	 font-style: initial;
}

#system-tooltip-popup .content {
	padding: 0xp;
	position: relative;
	animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;
}	

 @keyframes animatop {
	 0% {
		 opacity: 0;
		 top: -500px;
	}
	 100% {
		 opacity: 1;
		 top: 95px;
	}
}
 @keyframes animainfos {
	 0% {
		 bottom: 10px;
	}
	 100% {
		 bottom: -42px;
	}
}
 @keyframes rotatemagic {
	 0% {
		 opacity: 0;
		 transform: rotate(0deg);
		 top: -24px;
		 left: -253px;
	}
	 100% {
		 transform: rotate(-30deg);
		 top: -24px;
		 left: -78px;
	}
}
  i.truck-icon {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTAuMzA1MDA0LC02Ni4yOTYpIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLjk3Njk1LDMuMzQ4NDEsLTM0Ni44MDYpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTMxMC42OCwzODMuMzM0QzMxMC42OCwzNjguNDE4IDMzMy4wMDgsMzU2LjMwOSAzNjAuNTEsMzU2LjMwOUMzNzYuNjI0LDM1Ni4zMDkgMzkwLjk2MywzNjAuNDY3IDQwMC4wNzQsMzY2LjkxQzQwNi41MTIsMzcxLjQ2MyA0MTAuMzQsMzc3LjE1OCA0MTAuMzQsMzgzLjMzNEM0MTAuMzQsMzgzLjY4NCAzMTAuNjgsMzgzLjgzMiAzMTAuNjgsMzgzLjMzNCIgc3R5bGU9ImZpbGw6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDo3LjY2cHg7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsNzksLTYpIj4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTE0LjE2NyIgY3k9IjQxNi4yMzgiIHI9IjMwLjAzMSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjQ5LC02KSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjExNC4xNjciIGN5PSI0MTYuMjM4IiByPSIzMC4wMzEiIHN0eWxlPSJmaWxsOndoaXRlO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHJlY3QgeD0iNDI5LjUzNSIgeT0iMzU3Ljg3MiIgd2lkdGg9IjMyLjY1NiIgaGVpZ2h0PSIyNy4wMTUiIHN0eWxlPSJmaWxsOndoaXRlO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8cGF0aCBkPSJNNTAuNzQzLDQxMi43NzJDNTAuNzQzLDQxMi43NzIgNTAuMzUyLDQwMS41MjYgNTQuNzIsMzkxLjEyOEM1OC4wMTQsMzgzLjI4NyA2My4xLDM3NS42NDIgNjYuMTU0LDM3Mi42NTVDNzEuOTkxLDM2Ni45NDcgNzkuMjc3LDM2My41OTggODcuMzU5LDM2MC4wNEM5My42MzUsMzU3LjI3NyAxMTkuNDAyLDM1Ni43MTQgMTE5LjQwMiwzNTYuNzE0TDMzNC40NjksMzU1LjQ2MSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICAgICAgPHBhdGggZD0iTTQ2Mi4zNjEsMzU0LjU5OUwzMjQuNzE3LDM1NS4yMDdMMzI0LjQyMiwyMTMuMjFMNDMyLjc2MSwyMTMuMDQ1TDQ2MS45NDgsMjk1LjQ4Mkw0NjIuMzYxLDM1NC41OTlaIiBzdHlsZT0iZmlsbDpyZ2IoMjM5LDEwOCwwKTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICAgICAgPHBhdGggZD0iTTQzOS43NDYsMjMyLjQyMkwzNjAuODcxLDIzNC4yNjFMMzU5LjYxOSwyODIuMTU2TDQwMC41MDYsMzAyLjA4TDQ1OS4zMDcsMzAxLjkxOUw0NjEuMDYyLDI5My42NjdMNDM5Ljc0NiwyMzIuNDIyWiIgc3R5bGU9ImZpbGw6d2hpdGU7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDoxMnB4OyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMjQuNjYyLDQxMi40MzNDMjU5LjQ2MSw0MTIuNDMzIDI5NC4zOCw0MTIuODkgMzI5LjEyNSw0MTIuODkiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDoxMnB4OyIvPgogICAgICAgIDxwYXRoIGQ9Ik00NjEuOTE2LDM4My43ODZMNDYyLjE0Myw0MTEuNDM4TDQxMC4zNTUsNDExLjI1NyIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw0LC02KSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjExNC4xNjciIGN5PSI0MTYuMjM4IiByPSIzMC4wMzEiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDoxMnB4OyIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAuMDEwNzQ3NiwtNC4yNjI3OCkiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIzNjMuMTU2IiBjeT0iNDE0LjUwMSIgcj0iNC4wOTEiIHN0eWxlPSJmaWxsOnJnYigyMzksMTA4LDApO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMTY5Ljk4OSwtNC4yNjI3OCkiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIzNjMuMTU2IiBjeT0iNDE0LjUwMSIgcj0iNC4wOTEiIHN0eWxlPSJmaWxsOnJnYigyMzksMTA4LDApO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMjQ0Ljk4OSwtNC4yNjI3OCkiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIzNjMuMTU2IiBjeT0iNDE0LjUwMSIgcj0iNC4wOTEiIHN0eWxlPSJmaWxsOnJnYigyMzksMTA4LDApO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZD0iTTUyLjYyMSw0MTIuNDI3TDg3LjkyNSw0MTIuMTgzIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMTEpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTUwMi41NTksMTk4LjgyMkM1MDIuNTU5LDE3OS4yMTkgNDg2LjY0NCwxNjMuMzA0IDQ2Ny4wNDEsMTYzLjMwNEw0NS41NjksMTYzLjMwNEMyNS45NjYsMTYzLjMwNCAxMC4wNTEsMTc5LjIxOSAxMC4wNTEsMTk4LjgyMkwxMC4wNTEsNDIzLjc3QzEwLjA1MSw0NDMuMzczIDI1Ljk2Niw0NTkuMjg4IDQ1LjU2OSw0NTkuMjg4TDQ2Ny4wNDEsNDU5LjI4OEM0ODYuNjQ0LDQ1OS4yODggNTAyLjU1OSw0NDMuMzczIDUwMi41NTksNDIzLjc3TDUwMi41NTksMTk4LjgyMloiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDoxMnB4OyIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==") !important;
            height: 45px;
            width: 40px;
            content: "";
            display: block;
            background: center center;
      line-height: 46px!important;
    margin-top: -10px;
    margin-right: 10px!important;
        }

i.driver-card-icon {
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTAuMzA1MDA0LC01NS4yOTYpIj4KICAgICAgICA8cGF0aCBkPSJNNTAyLjU1OSwxOTguODIyQzUwMi41NTksMTc5LjIxOSA0ODYuNjQ0LDE2My4zMDQgNDY3LjA0MSwxNjMuMzA0TDQ1LjU2OSwxNjMuMzA0QzI1Ljk2NiwxNjMuMzA0IDEwLjA1MSwxNzkuMjE5IDEwLjA1MSwxOTguODIyTDEwLjA1MSw0MjMuNzdDMTAuMDUxLDQ0My4zNzMgMjUuOTY2LDQ1OS4yODggNDUuNTY5LDQ1OS4yODhMNDY3LjA0MSw0NTkuMjg4QzQ4Ni42NDQsNDU5LjI4OCA1MDIuNTU5LDQ0My4zNzMgNTAyLjU1OSw0MjMuNzdMNTAyLjU1OSwxOTguODIyWiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICA8L2c+CiAgICA8cGF0aCBkPSJNMjY4LjE5MiwxOTQuMzM3TDM2OS45MjYsMTk1LjkxMyIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsNjApIj4KICAgICAgICA8cGF0aCBkPSJNMjY4LjE5MiwxOTQuMzM3TDQ0Ni45MzQsMTk1LjQxNiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6cmdiKDIzOSwxMDgsMCk7c3Ryb2tlLXdpZHRoOjEycHg7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMTIyKSI+CiAgICAgICAgPHBhdGggZD0iTTI2OC4xOTIsMTk0LjMzN0w0NDYuOTM0LDE5NS40MTYiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOnJnYigyMzksMTA4LDApO3N0cm9rZS13aWR0aDoxMnB4OyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMywtOSkiPgogICAgICAgIDxjaXJjbGUgY3g9IjEzOS41MjMiIGN5PSIyMTkuMDUyIiByPSI0Mi4wMzYiIHN0eWxlPSJmaWxsOnJnYigyMzksMTA4LDApO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik03Mi40NjQsMzM4LjIyM0M3Mi40NjQsMzM4LjIyMyA3Mi4xNjgsMzA0Ljk5MSA3Mi40LDI5Mi43OThDNzMuMTc4LDI1MS45MjcgMTI0LjQ1OCwyNTEuMzY2IDEzNS42OTQsMjUxLjM5M0MxNDcuMjUxLDI1MS40MjIgMTk4LjQ1NywyNTIuNzk0IDIwMC4yNDksMzAwLjUyMkMyMDAuOTA5LDMxOC4xMzIgMjAwLjQwMiwzMzkuMTcyIDIwMC40MDIsMzM5LjE3Mkw3Mi40NjQsMzM4LjIyM1oiIHN0eWxlPSJmaWxsOnJnYigyMzksMTA4LDApO3N0cm9rZTpyZ2IoMjM5LDEwOCwwKTtzdHJva2Utd2lkdGg6MTJweDsiLz4KPC9zdmc+Cg==") !important;
            height: 45px;
            width: 40px;
            content: "";
            display: block;
            background: center center;
      line-height: 46px!important;
    margin-top: -10px;
    margin-right: 10px!important;
        }
  i.truck-icon.\32 x {
            transform: scale(2);
        }
   .flip-card .cardvalue {
            padding-bottom: 0.175rem;
            padding-top: 0.175rem;
            text-align: left;
            font-weight: 900;
        }
@media only screen and (min-width: 1600px)  {
    
      .close-icon {
            cursor: pointer;
            background: white;
            padding: 0px 7px;
            border-radius: 300px;
            text-align: center;
            border: 1px solid lightgrey;
            position: relative;
            top: -11px;
            z-index: 99999999999999999;
            width: 26px;
        }

        .close-icon.iconleft {
            cursor: pointer;
            background: white;
            padding: 0px 7px;
            border-radius: 300px;
            text-align: center;
            border: 1px solid lightgrey;
            position: relative;
            top: -11px;
            z-index: 99999999999999999;
            width: 26px;
        }
     @keyframes animatop {
	 0% {
		 opacity: 0;
		 top: -500px;
	}
	 100% {
		 opacity: 1;
		 top: 0px;
	}
}
    #driver-vehicle-card-popup {

    top: 25%;
    right: 20%;
}

    #system-tooltip-popup {

    top: 5%;
    left: 20%;
}
    
}

@media screen and (min-width:1619px) {
  .navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 680px!important;
}
}

@media only screen and (max-width: 1618px) and (min-width: 1480px)  
{
.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 500px!important;
}
}

@media only screen and (max-width: 1920px) and (min-width: 1800px)  
{
.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 850px!important;
}
}
@media only screen and (max-width: 1799px) and (min-width: 1618px)  
{
.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 700px!important;
}
}
@media only screen and (max-width: 2100px) and (min-width: 1921px)  
{
.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 900px!important;
}
}
@media only screen and (max-width: 2300px) and (min-width: 2101px)  
{
.navbar-collapse.collapse.w-100.ml-300 {
    margin-left: 1100px!important;
}
}

@media only screen and (min-width: 1360px) and (max-width: 1599px)  {

   #driver-vehicle-card-popup {

    top: 25%;
    right: 25%;
}






  /* 

       

       

      

       

     

    .flip-card h4 {
        color: #ef6c00;
    }

 	.flip-card h4 {
        color: #ef6c00;
    }


   .firstinfo {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    *,
    *:before,
    *:after {
        box-sizing: border-box;
    }

    .content {
        position: relative;
        animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;
    }

  /*  .flip-card .card .flip-card-front {
        width: 520px;
        min-height: 100px;
        padding: 20px;
        border-radius: 3px;
        background-color: white;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .flip-card .card .flip-card-front:after {
        content: '';
        display: block;
        width: 190px;
        height: 300px;
        background: #ef6c00;
        position: absolute;
        animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
    }

    .flip-card .card .flip-card-back {
        width: 520px;
        min-height: 100px;
        padding: 20px;
        border-radius: 3px;
        background-color: white;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .flip-card .card .flip-card-back:after {
        content: '';
        display: block;
        width: 190px;
        height: 300px;
        background: #ef6c00;
        position: absolute;
        animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
    }

    .firstinfo {
        flex-direction: row;
        z-index: 2;
        position: relative;
            margin-left: 20px;

    }

    .firstinfo img {
        border-radius: 50%;
        width: 120px;
        height: 120px;
    }

    .firstinfo .profileinfo {
        padding: 0px 20px;
    }

    .firstinfo .profileinfo h1 {
        font-size: 1.8em;
    }

    .firstinfo .profileinfo h3 {
        font-size: 1.2em;
        color: #009688;
        font-style: italic;
    }

    .firstinfo .profileinfo {
        padding: 10px 0px;
        color: #5a5a5a;
        line-height: 1.2;
        font-style: initial;
    }
    .flip-card-back .firstinfo {
	    flex-direction: row;
	    z-index: 2;
	    position: relative;
	    margin-left: -110px;
	}

    @keyframes animatop {
        0% {
            opacity: 0;
            bottom: -500px;
        }

        100% {
            opacity: 1;
            bottom: 0px;
        }
    }

    @keyframes animainfos {
        0% {
            bottom: 10px;
        }

        100% {
            bottom: -42px;
        }
    }

    @keyframes rotatemagic {
        0% {
            opacity: 0;
            transform: rotate(0deg);
            top: -24px;
            left: -253px;
        }

        100% {
            transform: rotate(-30deg);
            top: -24px;
            left: -78px;
        }
    }
*/
	
	/*.new-vehicles-table.new-vehicles-field .p-0.d-t-cell.second-col {
	    vertical-align: bottom;
	}

	span.vehicle-add-label {
	    vertical-align: super;
	}*/
    
    .container-fluid.p-10.mt-3.mb-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

@media (min-width: 992px) {

	.container-fluid.p-10.mt-3.mb-3 {
	    padding-left: 1rem!important;
	    padding-right: 1rem!important;
	}
}

.new-vehicles-table.new-vehicles-field .d-flex {
    vertical-align: middle!important;
}
.vehicle-row-duplicate.grp0 span.vehicle-add-label {
    vertical-align: middle;
}


.p-0.d-t-cell.first-col2 {
    vertical-align: middle!important;
}
.p-0.d-t-cell.second-col {
    vertical-align: top!important;
}
.new-vehicles-table .p-0.d-t-cell.third-col {
    vertical-align: top!important;
}
.p-0.d-t-cell.first-col {
    vertical-align: top!important;
}
.p-0.d-t-cell.d-t-cell.fourth-col.text-right {
    vertical-align: top!important;
}

.new-drivers-table.new-drivers-field  .p-0.d-t-cell.first-col2 {
    min-width: 180px;
    max-width: 230px;
    width: 200px;
}
.new-drivers-table.new-drivers-field .p-0.d-t-cell.d-t-cell.fourth-col2.text-right{
    min-width: 165px;
    max-width: 165px;
    width: 64px;}

.new-drivers-table.new-drivers-field .p-0.new-driver-list-label.d-t-cell.second-col2 {
    text-align: left!important;
    min-width: 200px;
    width: 250px;
}
.new-drivers-table.new-drivers-field  .p-0.new-driver-list-label.d-t-cell.third-col2 {
    min-width: 190px!important;
    max-width: 160px!important;
}

.col-6.wide-select2-parent span.select2.select2-container.select2-container--default {
    width: 500px!important;
    min-width: 500px;
}








@media only screen and (min-device-width: 1680px) {
   .new-vehicles-table .dropdown-menu.vehicle-magic-sel.show {
    margin-top: -5%!important;
    position: relative;
    margin-left: -270px!important;
}
}
@media only screen and (max-device-width: 1367px) {
#add-driver-modal .modal-dialog .modal-content .modal-body {
    overflow-y: scroll !important;
    max-height: calc(100vh - 80px) !important;
}
    .new-vehicles-table .dropdown-menu.vehicle-magic-sel.show {
    margin-top: 7%!important;
    position: relative;
    margin-left: -250px!important;
}
}

/*#new-drivers-table .select2-selection__arrow {
    position: absolute;
    height: 1.4rem !important;
}*/
@-moz-document url-prefix() { 
  .card-body.balance {
    height: 100%;
      min-height: 90px!important;
     max-height: unset!important;}
    
    .widget-container .card-body {
    min-height: 159px!important;
}
    #widget-balance .card-body {
    max-height: 105px !important;
        min-height: 108px !important;
}
}
#report-details-modal span.select2.select2-container.select2-container--default {
    max-width: 200px;
}

@media not all and (min-resolution:.001dpcm) { @media {

   .d-flex.dateselection button.btn.btn-fake-select.btn-sm.dropdown-toggle:after {
margin-top: 5px!important;
}
}
    @media (hover: none) and (pointer: coarse) {
       .report-document-view-area object {
    
           overflow-y:scroll!important; 
    -webkit-overflow-scrolling: touch!important; 
    height: 500px;
    -webkit-transform: translate3d(0, 0, 0);
width:100%!important;
           background: red!important;
}}}

@media (min-width: 992px){.modal-dialog.modal-xlg {
    max-width: 60rem!important;
}}
@media (max-width: 2600px){
    #add-vehicle-modal .modal-dialog,
    #driver-selection-modal .modal-dialog {
	    max-width: 60rem!important;
    }}
    @media only screen and (max-width: 2600px) and (min-width: 1599px){
         #report-details-modal .select2.select2-container.select2-container--default{max-width: 234px!important;}
    }
    
   

.navbar.bg-white .navbar-toggler-icon{display:none!important;}
	


/*
.toast.toast-warning {
	height: 76px!important;
	background-image:none;
}
.toast.toast-warning .toast-message {
	margin-left:-50px;
}
#toast-container > .toast-warning {
    background-image: none!important;
}

#toast-container .sk-wave-rect {
    box-sizing: border-box;
    border-radius: 2px;
	/ *#665720* /
}

*/