html, body {
    overflow: hidden;
}
.has-error>input  {
    border: 1px solid #ff0000;
}
main {
    position: absolute;
    width: 100%;
    height: 100%;
}
header {
    width: 100%;
    border-bottom: 1px solid #5C717E8c;
    z-index: 998;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #5C717E8c;
    z-index: 998;
}
.ztop {
    z-index: 999999 !important;
}
textarea {
    resize: none;
    outline: none;
}
.pull-right {
    text-align: right;
}
.pull-left {
    text-align: left;
}
.hide {
    display: none !important;
}
.show {
    display: block;
}
.show-inline {
    display: inline-block;
}
.pointer {
    cursor: pointer;
}
.h6 {
    font-size: 1rem !important;
}
.f-70pc {
    font-size: 70% !important;
}
.f-60pc {
    font-size: 60% !important;
}
.f-50pc {
    font-size: 50% !important;
}
.helper {
    font-weight: 200 !important;
    color: #495057 !important;
    margin-left: 8px !important;
}
.form-control-xs {
    height: calc(1.1em + .6875rem + 2px) !important;
    line-height: 1.1 !important;
}
.btn {
    border-radius: 2px !important;
}
.btn-xsm {
    padding: 0.20rem 0.25rem;
    font-size: .55rem;
    line-height: 1.4;
}
.btn-follow {
    background-color: #1ace32 !important;
    border-color: #1ace32 !important;
    color: #fff !important;
}
.p-1px-t {
    padding-top: 1px !important;
}
.p-1px-b {
    padding-bottom: 1px !important;
}
.p-3px-t {
    padding-top: 3px !important;
}
.p-3px-b {
    padding-bottom: 3px !important;
}
.p-4px-t {
    padding-top: 4px !important;
}
.p-6px-t {
    padding-top: 6px !important;
}
.p-8px-t {
    padding-top: 8px !important;
}
.p-10px-t {
    padding-top: 10px !important;
}
.p-4px-b {
    padding-bottom: 4px !important;
}
.p-4px-lr {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.p-4px-l {
    padding-left: 4px !important;
}
.p-4px-r {
    padding-right: 4px !important;
}
.p-8px-lr {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.p-8px-l {
    padding-left: 8px !important;
}
.p-8px-r {
    padding-right: 8px !important;
}
.p-12px-lr {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.p-12px-l {
    padding-left: 12px !important;
}
.p-12px-r {
    padding-right: 12px !important;
}
.p-16px-lr {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.m-0px-t {
    margin-top: 0px !important;
}
.m-0px-b {
    margin-bottom: 0px !important;
}
.m-4px-t {
    margin-top: 4px !important;
}
.m-4px-b {
    margin-bottom: 4px !important;
}
.m-4px-l {
    margin-left: 4px !important;
}
.m-4px-r {
    margin-right: 4px !important;
}
.m-4px-lr {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.m-8px-t {
    margin-top: 8px !important;
}
.m-8px-b {
    margin-bottom: 8px !important;
}
.m-8px-l {
    margin-left: 8px !important;
}
.m-8px-r {
    margin-right: 8px !important;
}
.m-8px-lr {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.m-25px-t {
    margin-top: 25px !important;
}
.border-all-0 {
    border: 0px !important;
}
.border-bottom-0 {
    border-bottom: 0px !important;
}
.border-top-0 {
    border-top: 0px !important;
}
.border-left-0 {
    border-left: 0px !important;
}
.border-right-0 {
    border-right: 0px !important;
}
.leaflet-container.crosshair-cursor-enabled {
    cursor:crosshair;
}
img.img-flag {
    margin: 0!important;
    display: inherit!important;
    height: 20px;
    width: 20px;
}
#menubar {
    position: absolute;
    right: -63px;
    top: 0;
    width: 64px;
    height: 100%;
    background-color: #0c66ff;
    border-right: 1px solid #cecece;
    z-index: 999;
}
#menubar>.singleiconspace {
    height: 48px;
    padding-top: 12px;
}
#menubar>#logospace {
    display: block;
    width: 48px;
    margin: 2px auto;
}
#menubar>.navbar-brand>img {
    margin-left: auto;
    margin-right: auto;
}
#menutoolspace {
    min-height: 74% !important;
    height: 74% !important;
    list-style: none;
    margin-top: 30px;
    padding: 0px !important;
}
#menutoolspace>li {
    width: 100%;
    display: inline-block;
    margin: 4px auto;
    padding: 6px 0px;
    text-align: center;
    z-index: 9999;
}
#menutoolspace>li>a {
    background-color: #0000001c;
    padding: 14px 10px 2px 10px;
    border-radius: 2px;
}
#menutoolspace>li.active>a,
#menutoolspace>li:hover>a {
    background-color: #0000005c;
}
#menubar .singleiconspace:hover {
    background-color: #ffffff2c;
    /* border-left: 3px solid #ffffff8c; */
}
#menubar #menutoolspace .menu-label {
    position: absolute;
    width: 160px;
    background-color: #0c66ffdc;
    color: #fff;
    font-weight: 700;
    margin-top: -4px;
    margin-left: 1px;
    padding: 1px 12px;
    opacity: 1;
    border: 1px solid #ffffff5c;
    border-left: none;
    z-index: 6;
}
#menubar #menutoolspace .menu-label:after,
#menubar #menutoolspace .menu-label:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#menubar #menutoolspace .menu-label:after {
    border-color: transparent;
    border-right-color: #ffffff5c;
    border-width: 9px;
    margin-top: -9px;
}
#menubar #menutoolspace .menu-label:before {
    border-color: transparent;
    border-right-color: #ffffff5c;
    border-width: 11px;
    margin-top: -11px;
}
a.menutool {
    color: #fff;
}
/* .fixed-header-bar {
    left: 64px !important;
} */
.menubarhide {
    visibility: hidden;
    z-index: 2;
}
.menubarvisible {
    visibility: visible;
    z-index: 2;
}
.main-navbar .navbar-nav > li > a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
/** LOGHI CLIENTI */
.logointcdo {
    margin: 8px auto !important;
    display: block !important;
}
/** PANEL SLIDER **/
.panel-slider {
    position: absolute;
    z-index: 991;
    background-color: #fff;
    height: 100%;
    width: 380px;
    top: 32px;
    left: -380px;
    border-right: 1px solid #5C717E8c;
    border-collapse: collapse;
}
.panel-slider-targets,
.panel-slider-routes,
.panel-slider-temperature,
.panel-slider-admin,
.panel-slider-service,
.panel-slider-changelog,
.panel-slider-geofencing {
    position: absolute;
    z-index: 991;
    background-color: #fff;
    height: 100%;
    width: 404px;
    top: 32px;
    left: -404px;
    border-right: 4px solid #C7C7C78c;
    border-collapse: collapse;
}
#panel-content-targets>.card,
#panel-content-routes>.card,
#panel-content-temperatures>.card,
#panel-content-admins>.card,
#panel-content-detail>.card {
    border: 0px !important;
}
#panel-content-targets>.card>.card-header,
#panel-content-routes>.card>.card-header,
#panel-content-temperatures>.card>.card-header,
#panel-content-admins>.card>.card-header,
#panel-content-detail>.card>.card-header {
    border-radius: 0px !important;
}
#panel-content-detail .tab-content {
    padding: 10px !important;
}
#panel-content-detail .scroll-y-panel {
    overflow-y: scroll !important;
}
#container-panel-taskdetails .card {
    border-radius: 0px;
    margin-bottom: 4px;
}
#container-panel-taskdetails .card > .card-body {
    padding: 4px !important;
}
.card-body>.detail-tabs {
    border-bottom: 0;
}
#container-panel-taskdetails .card {
    border: 1px solid #ccc;
}
.targets-header,
.routes-header {
    background-color: #C7C7C78c !important;
}
#geofenceform .slider.slider-horizontal,
#geofenceeventform .slider.slider-horizontal,
#routeeventform .slider.slider-horizontal,
#temperatureeventform .slider.slider-horizontal,
#admingeneralform .slider.slider-horizontal,
#geofencingform .slider.slider-horizontal {
    width: 90% !important;
    left: 4% !important;
}
#geofenceform .slider.slider-horizontal .slider-track,
#geofenceeventform .slider.slider-horizontal .slider-track,
#routeeventform .slider.slider-horizontal .slider-track,
#temperatureeventform .slider.slider-horizontal .slider-track,
#admingeneralform .slider.slider-horizontal .slider-track,
#geofencingform .slider.slider-horizontal .slider-track {
    height: 1px !important;
    margin-top: 0px !important;
    top: 40% !important;
}
#geofenceform .slider-handle,
#geofenceeventform .slider-handle,
#routeeventform .slider-handle,
#temperatureeventform .slider-handle,
#admingeneralform .slider-handle,
#geofencingform .slider-handle {
    width: 16px !important;
    height: 16px !important;
}
#geofenceform .slider-handle.round,
#geofenceeventform .slider-handle.round,
#routeeventform .slider-handle.round,
#temperatureeventform .slider-handle.round,
#admingeneralform .slider-handle.round,
#geofencingform .slider-handle.round {
    border-radius: 16px !important;
}
#geofenceform .slider-selection,
#geofenceeventform .slider-selection,
#routeeventform .slider-selection,
#temperatureeventform .slider-selection,
#admingeneralform .slider-selection,
#geofencingform .slider-selection {
    background: #3466D9;
}
/* SLIDER GEOFENCING */
#littleradsl .slider-selection,
#littleradsl .slider-handle {
    background-color: #3466D9;
    background-image: linear-gradient(to bottom, #3466D9, #224597) !important;
}
#midradsl .slider-selection,
#midradsl .slider-handle {
    background-color: #218001;
    background-image: linear-gradient(to bottom, #218001, #165301) !important;
}
#bigradsl .slider-selection,
#bigradsl .slider-handle {
    background-color: #F9BF19;
    background-image: linear-gradient(to bottom, #F9BF19, #b88804) !important;
}
.routes-point-tools {
    width: 100%;
    padding: 6px;
    border: 1px solid #C7C7C78c;
    margin-top: 4px;
}
.targets-tools {
    width: 100%;
    border: 1px solid #C7C7C78c;
    margin-top: 4px;
    text-align: center;
}
.targets-tools a {
    display: inline-flex;
    padding: 3px;
    border-radius: 100%;
}
.targets-tools a.active,
.targets-tools a:hover {
    background-color: #ffc107b5;
}
.command-tool {
    border: 1px solid #C7C7C78c;
    margin: 4px;
    border-radius: 2px;
}
.command-tool.red {
    border-color: #C21000 !important;
}
.command-tool.red:hover {
    background-color: #C210008c;
}
.command-tool.green {
    border-color: #218001 !important;
}
.command-tool.green:hover {
    background-color: #2180018c;
}
.command-tool.grey {
    border-color: #5C717E !important;
}
.command-tool.grey:hover {
    background-color: #5C717E8c;
}
.char-tool {
    padding: 0.25rem 1.05rem !important;
    font-size: 0.85rem !important;
}
.char-tool:hover, .char-tool.active {
    background-color: #5C717E8c !important;
}
#adminmodulsform {
    margin-bottom: 60px !important;
}
.panel-slider-right-map {
    position: absolute;
    z-index: 998;
    background-color: transparent;
    height: 50%;
    width: 450px;
    top: 32px;
    right: 0;
}
/* .panel-slider-detail-bottom {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    height: 250px;
    width: 100%;
    bottom: -250px;
    right: 2px;
    border: 1px solid #5C717E8c;
    border-bottom: none;
    border-collapse: collapse;
    overflow: hidden;
} */
.panel-slider-report-bottom,
.panel-slider-commercial-bottom,
.panel-slider-detail-bottom {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    /* height: 250px; */
    width: 100%;
    /* bottom: -250px; */
    right: 2px;
    border: 1px solid #5C717E8c;
    border-bottom: none;
    border-collapse: collapse;
    overflow: hidden;
}
.panel-slider-floating-top {
    position: absolute;
    z-index: 991;
    background-color: #fff;
    height: 140px;
    width: 25%;
    top: 40px;
    left: 45%;
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.25);
}
.panel-slider-floating-top>.card>.card-header {
    cursor: move;
}
.panel-slider-floating-top .stats-tools {
    text-align-last: center;
    padding-top: 8px;
    border: 1px solid #C7C7C78c;
}
.panel-slider-floating-top .stats-tools-center {
    text-align-last: center;
    padding-top: 8px;
    border: 1px solid #C7C7C78c;
    border-left: none !important;
    border-right: none !important;
}
.sidebar-header {
    padding: 10px;
    border-bottom: 1px solid #5C717E8c;
}
.sidebar-header-map {
    padding: 4px 10px;
    border: 1px solid #5C717E8c;
    background-color: #fff;
}
.bordered-similar-select {
    border: 1px solid #5C717E6c;
    padding: 4px;
    border-radius: 2px;
    font-size: 12px;
}
.leaflet-bar {
    border: 0px !important;
    box-shadow: none !important;
}
.leaflet-bar button {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px !important;
    padding: 0px;
}
/* PANEL DETAIL */
ul.detail-tabs {
    height: 24px;
}
.detail-tab-item a {
    padding-bottom: 10px;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 600;
    border: none !important;
    transition: all 0.5s ease 0s;
    position: relative;
}
.detail-tab-item a:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0, 0.2);
    position: absolute;
    bottom: 5px;
    left: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
}
.detail-tab-item a:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4cc985;
    margin: 0 auto;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
}
.detail-tab-item a,
.detail-tab-item a:focus,
.detail-tab-item a:hover {
    border: none;
    color: #71D375;
}
.detail-tab-item a:hover:before,
.detail-tab-item a.active:before,
.detail-tab-item a:hover:after,
.detail-tab-item a.active:after {
    transform: scale(1);
}
.detail-tab-item a.active span {
    color: #3EC845;
}
.detail-tab-item span {
    color: #5C717E;
}
.detail-body {
    min-height: 100% !important;
    height: 100% !important;    
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.detail-body #container-panel-unitgps,
.detail-body #container-panel-lastpoint {
    font-size: 12px !important;
}
.detail-body #container-panel-unitgps .header,
.detail-body #container-panel-lastpoint .header,
.detail-body #container-panel-IO .header,
.detail-body #container-panel-filemanager .header {
    border-bottom: 1px solid #5C717E6c;
    padding-top: 7px;
    padding-bottom: 5px;
    font-size: 13px !important;
    background-color: #5C717E11;
}
/*START DATATABLE STYLE*/
#lastpointTable_wrapper .dataTables_scroll table.dataTable,
#totaliTable_wrapper .dataTables_scroll table.dataTable,
#parzialiActivityTable_wrapper .dataTables_scroll table.dataTable,
#parzialiInactivityTable_wrapper .dataTables_scroll table.dataTable,
#dailyTable_wrapper .dataTables_scroll table.dataTable,
#whishroutesTable_wrapper .dataTables_scroll table.dataTable,
#s3filemanagerTable_wrapper .dataTables_scroll table.dataTable,
#usersTable_wrapper .dataTables_scroll table.dataTable,
.tableHistory .dataTables_scroll table.dataTable,
#taskmanagementTable .dataTables_scroll table.dataTable {
    margin-top: 0px !important;
} 
#lastpointTable_wrapper .dataTables_scrollHead,
#totaliTable_wrapper .dataTables_scrollHead,
#parzialiActivityTable_wrapper .dataTables_scrollHead,
#parzialiInactivityTable_wrapper .dataTables_scrollHead,
#dailyTable_wrapper .dataTables_scrollHead,
#whishroutesTable_wrapper .dataTables_scrollHead,
#s3filemanagerTable_wrapper .dataTables_scrollHead,
#usersTable_wrapper .dataTables_scrollHead,
.tableHistory .dataTables_scrollHead,
#taskmanagementTable .dataTables_scrollHead {
    background-color: #5C717E11;
}
#totaliTable_wrapper thead>tr>th,
#parzialiActivityTable_wrapper thead>tr>th,
#parzialiActivityTable_wrapper tfoot>tr>th,
#parzialiInactivityTable_wrapper thead>tr>th,
#parzialiInactivityTable_wrapper tfoot>tr>th,
#dailyTable_wrapper thead>tr>th, 
#dailyTable_wrapper tfoot>tr>th,
#whishroutesTable_wrapper thead>tr>th, 
#whishroutesTable_wrapper tfoot>tr>th,
#s3filemanagerTable_wrapper thead>tr>th, 
#s3filemanagerTable_wrapper tfoot>tr>th,
#usersTable_wrapper thead>tr>th, 
#usersTable_wrapper tfoot>tr>th,
.tableHistory thead>tr>th, 
.tableHistory tfoot>tr>th,
.tableHistory tbody>tr>td,
#taskmanagementTable thead>tr>th,
#taskmanagementTable tfoot>tr>th,
#taskmanagementTable tbody>tr>td {
    font-size: 12px;
}
#totaliTable thead>tr>th,
#totaliTable .dt-nowrap,
#parzialiActivityTable thead>tr>th,
#parzialiActivityTable .dt-nowrap,
#parzialiInactivityTable thead>tr>th,
#parzialiInactivityTable .dt-nowrap,
#dailyTable thead>tr>th,
#dailyTable .dt-nowrap,
#whishroutesTable thead>tr>th,
#whishroutesTable .dt-nowrap,
#s3filemanagerTable thead>tr>th,
#s3filemanagerTable .dt-nowrap,
#usersTable thead>tr>th,
#usersTable .dt-nowrap,
.tableHistory thead>tr>th,
.tableHistory .dt-nowrap,
#taskmanagementTable thead>tr>th,
#taskmanagementTable .dt-nowrap {
    white-space: nowrap;
}
#totaliTable .dt-w-100px,
#parzialiActivityTable .dt-w-100px,
#parzialiInactivityTable .dt-w-100px,
#dailyTable .dt-w-100px,
#whishroutesTable .dt-w-100px,
#s3filemanagerTable .dt-w-100px,
#usersTable .dt-w-100px,
.tableHistory .dt-w-100px,
#taskmanagementTable .dt-w-100px {
    width: 100px !important;
}
#totaliTable .dt-w-140px,
#parzialiActivityTable .dt-w-140px,
#parzialiInactivityTable .dt-w-140px,
#dailyTable .dt-w-140px,
#whishroutesTable .dt-w-140px,
#s3filemanagerTable .dt-w-140px,
#usersTable .dt-w-140px,
.tableHistory .dt-w-140px,
#taskmanagementTable .dt-w-140px {
    width: 100px !important;
}
#totaliTable .dt-center,
#parzialiActivityTable .dt-center,
#parzialiInactivityTable .dt-center,
#dailyTable .dt-center,
#whishroutesTable .dt-center,
#s3filemanagerTable .dt-center,
#usersTable .dt-center,
.tableHistory .dt-center,
#taskmanagementTable .dt-center {
    text-align: center;
}
#totaliTable .dataTables_filter,
#parzialiActivityTable .dataTables_filter,
#parzialiInactivityTable .dataTables_filter,
#dailyTable .dataTables_filter,
#whishroutesTable .dataTables_filter,
#s3filemanagerTable .dataTables_filter,
#usersTable .dataTables_filter,
.tableHistory .dataTables_filter,
#taskmanagementTable .dataTables_filter {
    text-align: left !important;
}
.tableHistory thead{
    display: none;
}
#taskmanagementTable .dataTables_scrollBody {
    height: 300px !important;
}
/*END DATATABLE STYLE*/
.detail-body .border-right {
    border-right: 1px solid #5C717E6c;
}
.detail-body .io-list,
.leaflet-popup-content .io-list {
    list-style: none;
    padding-left: 0px !important;
}
.detail-body .io-list-legend,
.leaflet-popup-content .io-list-legend {
    font-size: 12px;
}
.io-list {
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
.io-list li {
    display: inline;
}
/* REPORT STYLE */
.panel-slider-report-bottom label,
.panel-slider-commercial-bottom label {
    margin-bottom: 0px;
    margin-top: 2px;
    font-size: 12px;
}
.panel-slider-report-bottom .right-label,
.panel-slider-commercial-bottom .right-label {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}
.panel-slider-report-bottom select, .panel-slider-report-bottom input, 
.panel-slider-commercial-bottom input, .panel-slider-commercial-bottom select,
.select2-container--bootstrap .select2-selection--single,
.sidebar-body select, .sidebar-body input, 
.sidebar-header-map input, textarea {
    border-color: #5C717E6c !important;
    border-radius: 1px !important;
}
#panel-content-detail {
    padding-left: 440px;
}
/* PAGINATION */
.pagination {
    margin-top: 10px !important;
}
.paginate_button.page-item>a.page-link {
    /* 5C717E6c */
    border-radius: 2px !important;
    padding: 0.15rem 0.35rem;
}
.paginate_button.page-item.previous>a.page-link {
    /* 5C717E6c */
}
.paginate_button.page-item.next>a.page-link {
    /* 5C717E6c */
}
.paginate_button.page-item.active>a.page-link,
.paginate_button.page-item>a.page-link:hover {
    background-color: #5C717E6c;
    border-color: #5C717E6c;
    color: #333;
}
/* TIMELINE */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #218001; /*22c0e8;*/
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
/* MULTI CARD COMMERCIAL */
.multi-card-container {
    margin-bottom: 20px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.multi-card-container-spy {
    margin-bottom: 40px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.multi-card-scroll {
    height: 100%;
    position: relative;
}
.flagActive {
    background-color: #218001;
    padding: 3px;
}
.flagInactive {
    background-color: #C21000;
    padding: 3px;
}
/* SIDEBAR FLEET LIST */
.sidebar-body {
    /* padding-top: 6px; */
    height: 94%;
}
.sidebar-body label {
    margin-bottom: 0px;
    margin-top: 2px;
    font-size: 12px;
}
.sidebar-body .right-label {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}
.sidebar-body .bb-1-g {
    border-bottom: 1px solid #5C717E8c;
}
.sidebar-body .container-scroll {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #fff;
    margin-bottom: 15px;
    overflow-y: auto !important;
}
.sidebar-body .tasklist,
.sidebar-body .customerlist {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
    padding-bottom: 35px;
}
.sidebar-body #tasktoolbar {
    background-color: #5C717E8c;
}
.conttool {
    display: inline-block;
    vertical-align: middle;
}
/* ADDRESS SEARCH */
.sidebar-header-map #controlGeoCoder .leaflet-control-geocoder {
    background-color: transparent !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
.sidebar-header-map #controlGeoCoder .leaflet-control-geocoder-form input[type=text]{
    width:300px;
    float: left;
    margin-right: 4px;
}
.sidebar-header-map #controlGeoCoder .leaflet-control-geocoder-form input[type=submit] {
    margin-top: 2px;
}
/* MAP CONTROL */
.sidebar-body #controlMap {
    border-right: 1px solid #5C717E6c;
    text-align: left;
    height: 360px;
}
.sidebar-body #controlMap .leaflet-control-layers {
    background-color: transparent !important;
    box-shadow: 0 0 0 #ffffff11 !important;
}
.sidebar-body #controlMap .leaflet-control-layers-expanded {
    background-color: #fff !important;
    width: 100%;
}
.sidebar-body #controlMap .leaflet-control-layers,
.sidebar-body #controlMap .leaflet-control-zoom {
    border: none !important;
}
.sidebar-body #controlMap .leaflet-control-layers-base span, 
.sidebar-body #controlMap .leaflet-control-layers-overlays span {
    margin-left: 4px !important;
    margin-top: 5px !important;
}
.sidebar-body #controlMap .leaflet-control-layers-group label span i {
    margin-right: 2px !important;
}
.sidebar-body #controlMap .leaflet-control-layers-group-label, .label-panel-map{
    text-transform: uppercase;
    background-color: #5C717E6c;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
/* LABEL MARKER */
.sidebar-body #controlLabelMarker {
    margin-top: 8px;
}
.sidebar-body #controlLabelMarker .label-panel-map {
    padding-left: 5px;
    margin-bottom: 10px;
    display: block;
}
.sidebar-body #controlLabelMarker .form-group {
    margin-bottom: 2px;
    font-size: 11px !important;
}
/* TOOL FOR MAP */
.sidebar-body #controlTools {
    margin-top: 10px;
}
.sidebar-body #controlTools .label-panel-map {
    padding-left: 5px;
    margin-bottom: 10px;
    display: block;
}
.led {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: rotate(90deg);
    margin: 2px 1px 2px 4px;
    border: 1px solid #ffffff2c;
}
.led-number {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: 600;
    font-size: 28px;
    margin: 4px 4px 2px 2px;
    min-width: 90px;
}
/* #ledTotal {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: 400;
    font-size: 0.9em;
    margin: 2px 0px 2px 1px;
    font-family: 'IcoFont';
} */
/* #ledTotal::before {
    content: '\ea71';
}
#ledTotal::after {
    content: '\ea72';
} */
.led--1, .led-0{
    fill: #dedede;/*#F88;*/
    stroke: #999;/*#800;*/
    background: #dedede;/*#F88;*/
    border-color: #999;/*#800;*/
    color: #dedede;/*#F88;*/
}

.led-1{
    fill:#2196f3;/* #BFB;*/
    stroke: #337ab7;
    background: #2196f3;/*#BFB;*/
    border-color: #337ab7;
    color: #2196f3;/*#BFB;*/
}
.led-2{
    fill:#fff;/* #BFB;*/
    stroke: #fff;
    background: #fff;/*#BFB;*/
    border-color: #fff;
    color: #fff;/*#BFB;*/
}
.led-3{
    fill: #FF5C60;/*#F88;*/
    stroke: #B21E1A;/*#800;*/
    background: #FF5C60;/*#F88;*/
    border-color: #B21E1A;/*#800;*/
    color: #FF5C60;/*#F88;*/
}
.led-4{
    fill: #FFBF3F;
    stroke: #FA0;
    background: #FFBF3F;
    border-color: #FA0;
    color: #FFBF3F;
}
.led-5{
    fill:#71D375;/* #BFB;*/
    stroke: #070;
    background: #71D375;/*#BFB;*/
    border-color: #070;
    color: #71D375;/*#BFB;*/
}
.circle {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 22px;
    height: 22px;
    background: #000;
    border-radius: 50%;
    transform: rotate(90deg);
    margin: 2px 2px 2px 8px;
    border: 1px solid #333;
}
.circle::after {
    position: absolute;
    content: '';    
    top: 50%;
    left: 50%;
    border: 6px solid transparent;
    border-bottom: 6px solid #333;
    transform: translateX(-50%) translateY(-85%);
}
#tasklist, #lastpointTable, #totaliTable, #parzialiActivityTable, #parzialiInactivityTable, #dailyTable, #whishroutesTable, #customerlist, #s3filemanager {
    font-size: 10px;
    margin-top: 0px !important;
}
#tasklist tbody,
#customerlist tbody {
    width: 284px !important;
    max-width: 284px !important;
}
#tasklist_wrapper>.dataTables_scroll>.dataTables_scrollHead,
#customerlist_wrapper>.dataTables_scroll>.dataTables_scrollHead {
    display: none;
}
#tasklist tr.shown>td.details-control,
#customerlist tr.shown>td.details-control {
    border-left: 4px solid #3ec845;
    background: #f1f1f1;
}
#tasklist tr.shown>td,
#customerlist tr.shown>td {
    background: #f1f1f1 !important;
}
#tasklist.table.dataTable.nowrap th, #tasklist.table.dataTable.nowrap td,
#customerlist.table.dataTable.nowrap th, #customerlist.table.dataTable.nowrap td {
    white-space: normal !important;
    padding:8px 5px;
    word-wrap: break-word;
}
#tasklist .dataTables_scrollHead,
#customerlist .dataTables_scrollHead {
    display: none !important;
}
#tasklist>thead,
#customerlist>thead {
    display: none;
    height: 0px !important;
}
#tasklist>thead>tr>th,
#customerlist>thead>tr>th {
    padding: 0px !important;
}
#fleetslist .row.content-unit {
    padding: 6px 0px;
    border-bottom: 1px solid rgba(116, 113, 113, 0.747);
}
#fleetslist .unit-name {
    text-align: left;
    font-weight: 800;
    font-size: 12px;
}
#fleetslist .unit-address {
    font-size: 11px;
    text-align: left;
    white-space: normal;
    padding: 0px 5px;
}
.novisibleUnit{
    font-style: italic !important;
    opacity: 0.3 !important;
}
td.child-selected {
    border-left: 4px solid #3EC845;
    border-top: 0px solid transparent !important;
    background-color: #f1f1f1;
}
td.child-selected>.container-fluid {
    background-color: transparent !important;
}
td.child-selected .detailrow {
    width: 336px;
    margin-left: -4px;
    margin-right: -15px;
}
.child-open {
    border-top: 0px solid transparent !important;
}
.child-open>.container-fluid {
    background-color: transparent !important;
}
.iconList{
    width:40px;
    padding: 8px 2px  !important;
}
.nameList{
    width:174px;
    word-wrap: break-word;
}
.details-control {
    text-align: center;
    width: 85% !important;
}
.toolbar-escort,
.toolbar-shipment,
.toolbar-sensors {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: rgba(255, 255, 255, 0.9);
}
.toolbar-units-table {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
    margin-top: 4px;
}
.toolbar-units-table>ul.list-inline>li.list-inline-item {
    display: inline-grid;
    text-align: center;
}
.dropdown-divider {
    border-bottom: 1px solid #e1e1e1;
}
.showHideList{
    width:15% !important;
    padding: 8px 0px !important;
    text-align: center;
    vertical-align: top !important;
}
.selectUnitButton{
    padding:0px 2px !important;
}
.separatoreGroup{
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    background-color:  #999;
    width: 100%;
    padding: 2px 5px;
    margin: 0px;
}
.calendarDay{
    border: 1px solid #dedede;
    padding: 2px;
    font-weight: 700;
    font-size: 11px;
    background-size: 6px 6px;
    background-image:
        linear-gradient(to right, #ddd 1px, transparent 1px),
        linear-gradient(to bottom, #ddd 1px, transparent 1px);
}
.calendarDayRed{
    border-top: 3px solid #d81b09;
}
.calendarDayGreen{
    border-top: 3px solid #3ec845;
}
.calendarDayGrey{
    border-top: 3px solid #ecec;
}

footer>.footer-bottom {
    border-top-color: #5C717E8c;
}
.socket-icon {
    display: inline-block;
}
.px-dropdown-menu>li.active {
    background-color: #dee2e6;
}
.dropup-menu {
    bottom: 100% !important;
    right: 0 !important;
    left: -170px !important;
    top: auto !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-bottom: 5px solid #0c66ff;
    z-index: 999;
}
.language-selector {
    border: none !important;
    list-style: none;
}
.language-selector>a {
    color: transparent !important;
}
/* #section-map {
    margin-left: 64px;
} */
#mappaspace {
    display: block !important;
    position: relative !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;    
    /* margin-left: 64px !important; */
    z-index: 1;
}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    /* bottom: 0; */
    /* right: 0; */
    z-index: 1051;
    background-color: rgba(0, 0, 0, 0.85);
    visibility: hidden;
    opacity: 0;
    transition: all .15s linear;
}
#overlay.show {
    visibility: visible;
    opacity: 1;
}
.leaflet-sidebar-content .card-body {
    padding: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* LEAFLET SIDEBAR */
.leaflet-sidebar.leaflet-control.leaflet-sidebar-left.leaflet-touch.collapsed {
    width: 46px !important;
}
.leaflet-control.leaflet-sidebar-left {
    border-width: 1px !important;
}
.leaflet-sidebar-tabs {
    width: 44px;
    /* border-right: 1px solid #cecece; */
}
.leaflet-sidebar-tabs>ul {
    left: 2px;
}
.leaflet-sidebar-tabs>ul>li {
    border-radius: 3px;
}
.leaflet-sidebar-header {
    border-radius: 2px 0px 0px 16px;
}
.leaflet-sidebar-left .leaflet-sidebar-content {
    left: 44px !important;
}
.gprs-on,
.status-on,
.io-on {
    color: #3ec845  !important;
}
.gprs-off,
.status-off,
.manuten-on,
.io-off {
    color: #d81b09 !important;
}
#mapStreetView{
    width: 765px;
    height: 400px;
}
.mapStreetView {
    height: 200px;
    width: 100%;
    background-color: darkolivegreen;
}

/* LOADER */
@keyframes ldio-4b82ez65nhm {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
  }
  .ldio-4b82ez65nhm > div > div {
    transform-origin: 100px 100px;
    animation: ldio-4b82ez65nhm 3.0303030303030303s linear infinite;
    opacity: 0.8
  }
  .ldio-4b82ez65nhm > div > div > div {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 70px 0 0 0;
    transform-origin: 100px 100px
  }.ldio-4b82ez65nhm > div div:nth-child(1) {
    animation-duration: 0.7575757575757576s
  }
  .ldio-4b82ez65nhm > div div:nth-child(1) > div {
    background: #e15b64;
    transform: rotate(0deg);
  }.ldio-4b82ez65nhm > div div:nth-child(2) {
    animation-duration: 1.0101010101010102s
  }
  .ldio-4b82ez65nhm > div div:nth-child(2) > div {
    background: #f47e60;
    transform: rotate(0deg);
  }.ldio-4b82ez65nhm > div div:nth-child(3) {
    animation-duration: 1.5151515151515151s
  }
  .ldio-4b82ez65nhm > div div:nth-child(3) > div {
    background: #f8b26a;
    transform: rotate(0deg);
  }.ldio-4b82ez65nhm > div div:nth-child(4) {
    animation-duration: 3.0303030303030303s
  }
  .ldio-4b82ez65nhm > div div:nth-child(4) > div {
    background: #abbd81;
    transform: rotate(0deg);
  }
  .loadingio-spinner-wedges-9zwo9etvp05 {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
  }
  .ldio-4b82ez65nhm {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
  }
  .ldio-4b82ez65nhm div { box-sizing: content-box; }
  /* LOADER 2 */
  .sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 10px auto;
  }
  
  .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
  }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  
  @-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1); 
    }
  }
  
  @keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    } 
  }
/* LOADER SPINNER */
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
  }
  
  .spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  
  .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }
  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
  }
  @keyframes sk-stretchdelay {
    0%, 40%, 100% { 
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
    }  20% { 
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
}
/* Loading orizzontale */
.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}
#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}
#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(0,0,0);
	}
	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(0,0,0);
	}
	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(0,0,0);
	}
	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(0,0,0);
	}
	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(0,0,0);
	}
	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
/* ROTATION */
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
/* CLUSTER ICON */
/** MARKER CLUSTER **/
.marker-cluster-pie g.arc{
    fill-opacity: 0.7;
}
.marker-cluster-pie-label {
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
    fill:whitesmoke;
}
.cluster-pie {
    background: rgba(0,0,0, 0.45);
    border-radius: 100%;
}
/* Markers & Label */
.marker {
    width: 28px;
    height: 28px;
    border-width: 1px;
    border-radius:24px;
    margin-top: -14px;
    margin-left: -14px;
    border-style: solid;
    fill: rgb(0,0,0,0.3);
    stroke: #000;
    border-color: #000;
    border:transparent;

  }
.shadow {
    border: 0px solid #dedede;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: -11px;
    left: -25px;
    background-color: #5C717E6c;
}
.traspa {
    background-color: transparent !important;
    pointer-events: none !important;
    box-shadow: none !important;
}
.pulse.disable {
    display: none;
}
.pulse {
    display: block;
    background-color: rgba(0,0,0,0.45);
    width: 30%;
    height: 30%;
    left: 33%;
    top: 33%;
    border-radius: 50%;
    position: absolute;
    animation: Pulse 2s infinite ease-in-out;
}
.pulse-blue {
    display: block;
    background-color: rgba(52, 102, 217, 0.5);
    width: 49%;
    height: 49%;
    left: 25%;
    top: 25%;
    border-radius: 50%;
    position: absolute;
    animation: Pulse 2s infinite ease-in-out;
}
@-webkit-keyframes Pulse {
	0% { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2); }
	50% { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.99); }
	100% { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2); }
	120% { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.99); }
	150% { -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2); }
}
@keyframes Pulse {
	0% { box-shadow: 0 0 14px rgba(0,0,0,0.2); }
	50% { box-shadow: 0 0 14px rgba(0,0,0,0.99); }
	100% { box-shadow: 0 0 14px rgba(0,0,0,0.2); }
	120% { box-shadow: 0 0 14px rgba(0,0,0,0.99); }
	150% { box-shadow: 0 0 14px rgba(0,0,0,0.2); }
}
.circle-map {
    position: absolute;
    /* width: 16%;
    height: 16%;
    top: 42%;
    left: 42%; */
    width: 30%;
    height: 30%;
    top: 33%;
    left: 33%;
    background: #000;
    border-radius: 50%;
    transform: rotate(90deg);
    /* margin: 2px; */
    border: 1px solid #ffffff2c;
    pointer-events: all !important;
}
/* .circle-map::after {
    position: absolute;
    content: '';    
    top: 50%;
    left: 50%;
    border: 6px solid transparent;
    border-bottom: 6px solid #333;
    transform: translateX(-50%) translateY(-85%);
} */
.labelMarker{
     background-color: #2F3E47;
     border-radius: 2px;
     font-size: 11px !important;
     position: absolute;
     width: auto;
     min-width: 202px;
     padding: 5px 10px 5px 19px;
     text-align: left !important;
     font-weight: 400 !important;
     white-space: nowrap;
     color: #ececec;
     bottom: 58px;
 }
 .arrow-down {
     width: 0;
     height: 0;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-top: 7px solid #2F3E47;
     margin-left: 16px;
     margin-top: -9px;
 }
/* Marker Status Color */
.status--1, .status-0{
    fill: #dedede;
    stroke: #999;
    background: #dedede;
    border-color: #999;
    color: #dedede;
    border: 1px solid;
}
.status-1{
    fill:#2196f3;
    stroke: #337ab7;
    background: #2196f3;
    border-color: #337ab7;
    color: #2196f3;
    border: 1px solid;
}
.status-2{
    fill:#fff;
    stroke: #fff;
    background: #fff;
    border-color: #fff;
    color: #fff;
    border: 1px solid;
}
.status-3{
    fill: #FF5C60;
    stroke: #B21E1A;
    background: #FF5C60;
    border-color: #B21E1A;
    color: #FF5C60;
    border: 1px solid;
}
.status-4{
    fill: #FFBF3F;
    stroke: #FA0;
    background: #FFBF3F;
    border-color: #FA0;
    color: #FFBF3F;
    border: 1px solid;
}
.status-5{
    fill:#71D375;
    stroke: #070;
    background: #71D375;
    border-color: #070;
    color: #71D375;
    border: 1px solid;
}
/* ROUTE ICON */
button.route-on-active, button.route-off-active,
button.ai-on-active, button.ai-off-active {
    background-color: #333333ac;
    border: 1px solid #3333336c;
    padding: 6px 6px 4px 4px;
    border-radius: 2px;
}
/* CONTENITORE ICONA ATTIVA IN PANNELLO DETTAGLIO */
.dish {
    padding: 10px;
    border-radius: 2px;
    background-color: #2F3E47;
    width: 48px;
    height: 48px;
    margin: 18px auto;
}
.dish-fleet-table {
    padding: 4px 2px 2px 2px;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    margin: 2px 4px 2px 8px;
}
/* colori bacground stato */
.bgcolor-218001 {
    background-color: #218001;
    border-radius: 50%;
}
.bgcolor-F9BF10 {
    background-color: #F9BF10;
    border-radius: 50%;
}
.bgcolor-C21000 {
    background-color: #C21000;
    border-radius: 50%;
}
.bgcolor-333 {
    background-color: #333;
    border-radius: 50%;
}
.bgcolor-5C717E {
    background-color: #5C717E;
    border-radius: 50%;
}
.color-red {
    color: #C21000 !important;
}
.color-green {
    color: #218001 !important;
}
.color-grey {
    color: #5C717E8c !important;
}
.color-yellow {
    color: #F9BF19 !important;
}
.color-blue {
    color: #3466D9 !important;
}
/* ICONE SVG */
.setting-icon {
    background-image: url('//cdn.x-find.live/icons/cog-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.logout-icon {
    background-image: url('//cdn.x-find.live/icons/logout.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.sidebar-layers-icon {
    background-image: url('//cdn.x-find.live/icons/layers-triple.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 14px;
    cursor: pointer;
}
.sidebar-close-icon-white {
    background-image: url('//cdn.x-find.live/icons/arrow-left-bold-circle-outline-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin: 22px auto 2px auto;
    cursor: pointer;
}
.sidebar-open-icon-white {
    background-image: url('//cdn.x-find.live/icons/arrow-right-bold-circle-outline-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin: 22px auto 2px auto;
    cursor: pointer
}
.sidebar-close-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-left-bold-circle-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    float: right;
    cursor: pointer;
}
.sidebar-open-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-right-bold-circle-outline.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.sidebar-expand-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-expand-vertical.svg');
}
.sidebar-collapse-icon {
    background-image: url('//cdn.x-find.live/icons/arrow-collapse-vertical.svg');
}
.filter-by-map-icon {
    background-image: url('//cdn.x-find.live/icons/map-marker-radius.svg');
}
.filter-by-map-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-marker-radius-red.svg');
}
.eye-check-icon {
    background-image: url('//cdn.x-find.live/icons/eye-check.svg');
}
.eye-check-icon-red {
    background-image: url('//cdn.x-find.live/icons/eye-check-red.svg');
}
.eye-icon {
    background-image: url('//cdn.x-find.live/icons/eye.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    cursor: pointer;
}
.eye-icon-off {
    background-image: url('//cdn.x-find.live/icons/eye-off.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    cursor: pointer;
}
.print-icon {
    background-image: url('//cdn.x-find.live/icons/printer.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.fullscreen-icon {
    background-image: url('//cdn.x-find.live/icons/fullscreen.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.fullscreen-exit-icon {
    background-image: url('//cdn.x-find.live/icons/fullscreen-exit.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.socket-connection-wait-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-connection-error-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect-red.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-connection-ok-icon {
    background-image: url('//cdn.x-find.live/icons/lan-connect-green.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-realtime-wait-icon {
    background-image: url('//cdn.x-find.live/icons/car-connected.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.socket-realtime-data-icon {
    background-image: url('//cdn.x-find.live/icons/car-connected-green.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 8px 2px 4px;
}
.icon-colored-borded {
    background-image: url('//cdn.x-find.live/icons/tracking-colored-borded.svg');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin: 4px auto;
    width: 34px;
    height: 34px;
}
.icon-colored-no-borded {
    background-image: url('//cdn.x-find.live/icons/tracking-colored.svg');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    margin: 4px auto;
    width: 34px;
    height: 34px;
}
.area-search-icon {
    background-image: url('//cdn.x-find.live/icons/select-search.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.globe-icon {
    background-image: url('//cdn.x-find.live/icons/earth.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.group-icon {
    background-image: url('//cdn.x-find.live/icons/group.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.ungroup-icon {
    background-image: url('//cdn.x-find.live/icons/ungroup.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.leaflet-ruler {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.leaflet-ruler:hover {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass-red.svg');
}
.leaflet-ruler-clicked {
    background-image: url('//cdn.x-find.live/icons/ruler-square-compass-red.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
    cursor: pointer;
    display: block;
}
.notify-icon-off {
    background-image: url('//cdn.x-find.live/icons/bell-circle-outline.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: 6px 8px 2px 4px;
    cursor: pointer;
    display: block;
}
.order-icon {
    background-image: url('//cdn.x-find.live/icons/sort.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-az-icon {
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-za-icon {
    background-image: url('//cdn.x-find.live/icons/sort-alphabetical-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-09-icon {
    background-image: url('//cdn.x-find.live/icons/sort-numeric-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-90-icon {
    background-image: url('//cdn.x-find.live/icons/sort-numeric-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-status-run-icon {
    background-image: url('//cdn.x-find.live/icons/sort-bool-ascending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.sort-status-stop-icon {
    background-image: url('//cdn.x-find.live/icons/sort-bool-descending.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 18px !important;
    display: inline-block;
}
.mirino-icon {
    background-image: url('//cdn.x-find.live/icons/bx-target-lock.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
    cursor: pointer;
}
.direction-icon {
    background-image: url('//cdn.x-find.live/icons/wind-direction-n-white.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
}
.window-minimize-icon {
    background-image: url('//cdn.x-find.live/icons/window-minimize.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-restore-icon {
    background-image: url('//cdn.x-find.live/icons/window-restore.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-maximize-icon {
    background-image: url('//cdn.x-find.live/icons/window-maximize.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.window-close-icon {
    background-image: url('//cdn.x-find.live/icons/window-close.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
    display: block;
}
.battery-0-icon {
    background-image: url('//cdn.x-find.live/icons/battery-0.svg');
}
.battery-1-icon {
    background-image: url('//cdn.x-find.live/icons/battery-1.svg');
}
.battery-2-icon {
    background-image: url('//cdn.x-find.live/icons/battery-2.svg');
}
.battery-3-icon {
    background-image: url('//cdn.x-find.live/icons/battery-3.svg');
}
.battery-4-icon {
    background-image: url('//cdn.x-find.live/icons/battery-4.svg');
}
.gprs-on-icon {
    background-image: url('//cdn.x-find.live/icons/gprs-on.svg');
}
.gprs-off-icon {
    background-image: url('//cdn.x-find.live/icons/gprs-off.svg');
}
.gprs-on-icon-little {
    background-image: url('//cdn.x-find.live/icons/gprs-on.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    display: inline-block;
}
.gprs-off-icon-little {
    background-image: url('//cdn.x-find.live/icons/gprs-off.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    display: inline-block;
}
.manutenzione-on-icon {
    background-image: url('//cdn.x-find.live/icons/manutenzione-on.svg');
}
.manutenzione-off-icon {
    background-image: url('//cdn.x-find.live/icons/manutenzione-off.svg');
}
.request-position-icon-white {
    background-image: url('//cdn.x-find.live/icons/map-marker-question-white.svg');
}
.request-lbs-icon-white {
    background-image: url('//cdn.x-find.live/icons/lbs-white.svg');
}
.follow-unit-icon-white {
    background-image: url('//cdn.x-find.live/icons/follow-white.svg');
}
.request-lbs-icon-red {
    background-image: url('//cdn.x-find.live/icons/lbs-red.svg');
}
.request-lbs-icon-green {
    background-image: url('//cdn.x-find.live/icons/lbs-green.svg');
}
.request-lbs-icon-grey {
    background-image: url('//cdn.x-find.live/icons/lbs-grey.svg');
}
.set-map-icon-red {
    background-image: url('//cdn.x-find.live/icons/map-red.svg');
}
.set-map-icon-green {
    background-image: url('//cdn.x-find.live/icons/map-green.svg');
}
.set-map-icon-grey {
    background-image: url('//cdn.x-find.live/icons/map-grey.svg');
}
.set-vehicle-icon-red {
    background-image: url('//cdn.x-find.live/icons/car-red.svg');
}
.set-vehicle-icon-green {
    background-image: url('//cdn.x-find.live/icons/car-green.svg');
}
.set-vehicle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/car-grey.svg');
}
.request-position-icon-red {
    background-image: url('//cdn.x-find.live/icons/position-red.svg');
}
.request-position-icon-green {
    background-image: url('//cdn.x-find.live/icons/position-green.svg');
}
.request-position-icon-grey {
    background-image: url('//cdn.x-find.live/icons/position-grey.svg');
}
.street-view-icon-red {
    background-image: url('//cdn.x-find.live/icons/streetview-red.svg');
}
.street-view-icon-green {
    background-image: url('//cdn.x-find.live/icons/streetview-green.svg');
}
.street-view-icon-grey {
    background-image: url('//cdn.x-find.live/icons/streetview-grey.svg');
}
.set-km-icon-red {
    background-image: url('//cdn.x-find.live/icons/odo-red.svg');
}
.set-km-icon-green {
    background-image: url('//cdn.x-find.live/icons/odo-green.svg');
}
.set-km-icon-grey {
    background-image: url('//cdn.x-find.live/icons/odo-grey.svg');
}
.modul-report-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-grey.svg');
}
.modul-report-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-red.svg');
}
.modul-report-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-green.svg');
}
.modul-yard-icon-grey {
    background-image: url('//cdn.x-find.live/icons/excavator-grey.svg');
}
.modul-yard-icon-red {
    background-image: url('//cdn.x-find.live/icons/excavator-red.svg');
}
.modul-yard-icon-green {
    background-image: url('//cdn.x-find.live/icons/excavator-green.svg');
}
.modul-report-total-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-grey.svg');
}
.modul-report-total-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-red.svg');
}
.modul-report-total-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-total-green.svg');
}
.modul-report-partial-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-grey.svg');
}
.modul-report-partial-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-red.svg');
}
.modul-report-partial-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-partial-green.svg');
}
.modul-report-sum-fleet-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-grey.svg');
}
.modul-report-sum-fleet-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-red.svg');
}
.modul-report-sum-fleet-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-sum-fleet-green.svg');
}
.modul-report-target-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-grey.svg');
}
.modul-report-target-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-red.svg');
}
.modul-report-target-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-target-green.svg');
}
.modul-report-daily-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-grey.svg');
}
.modul-report-daily-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-red.svg');
}
.modul-report-daily-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-green.svg');
}
.modul-report-stop-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-grey.svg');
}
.modul-report-stop-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-red.svg');
}
.modul-report-stop-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-stop-green.svg');
}
.modul-report-driver-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-grey.svg');
}
.modul-report-driver-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-red.svg');
}
.modul-report-driver-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-driver-green.svg');
}
.modul-report-daily-fleet-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-grey.svg');
}
.modul-report-daily-fleet-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-red.svg');
}
.modul-report-daily-fleet-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-daily-fleet-green.svg');
}
.modul-report-24-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-grey.svg');
}
.modul-report-24-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-red.svg');
}
.modul-report-24-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-report-24-green.svg');
}
.modul-set-io-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-grey.svg');
}
.modul-set-io-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-red.svg');
}
.modul-set-io-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-set-io-green.svg');
}
.modul-view-io-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-grey.svg');
}
.modul-view-io-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-red.svg');
}
.modul-view-io-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-view-io-green.svg');
}
.modul-icon-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-icon-grey.svg');
}
.modul-icon-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-icon-red.svg');
}
.modul-icon-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-icon-green.svg');
}
.modul-realtime-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-grey.svg');
}
.modul-realtime-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-red.svg');
}
.modul-realtime-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-realtime-green.svg');
}
.modul-events-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-events-grey.svg');
}
.modul-events-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-events-red.svg');
}
.modul-events-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-events-green.svg');
}
.modul-route-icon-grey {
    background-image: url('//cdn.x-find.live/icons/route-grey.svg');
}
.modul-route-icon-red {
    background-image: url('//cdn.x-find.live/icons/route-red.svg');
}
.modul-route-icon-green {
    background-image: url('//cdn.x-find.live/icons/route-green.svg');
}
.modul-temperature-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-grey.svg');
}
.modul-temperature-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-red.svg');
}
.modul-temperature-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-temperature-green.svg');
}
.modul-chart-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-chart-grey.svg');
}
.modul-chart-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-chart-red.svg');
}
.modul-chart-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-chart-green.svg');
}
.modul-ship-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-ship-grey.svg');
}
.modul-ship-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-ship-red.svg');
}
.modul-ship-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-ship-green.svg');
}
.modul-lastpoint-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-grey.svg');
}
.modul-lastpoint-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-red.svg');
}
.modul-lastpoint-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-lastpoint-green.svg');
}
.modul-manutenzione-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-grey.svg');
}
.modul-manutenzione-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-red.svg');
}
.modul-manutenzione-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-manutenzione-green.svg');
}
.modul-meteo-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-grey.svg');
}
.modul-meteo-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-red.svg');
}
.modul-meteo-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-meteo-green.svg');
}
.modul-actia-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-actia-grey.svg');
}
.modul-actia-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-actia-red.svg');
}
.modul-actia-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-actia-green.svg');
}
.modul-analog1-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-grey.svg');
}
.modul-analog1-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-red.svg');
}
.modul-analog1-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-analog1-green.svg');
}
.modul-analog2-icon-grey {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-grey.svg');
}
.modul-analog2-icon-red {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-red.svg');
}
.modul-analog2-icon-green {
    background-image: url('//cdn.x-find.live/icons/modul-analog2-green.svg');
}
.plus-circle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/plus-circle-grey.svg');
}
.plus-circle-icon-white {
    background-image: url('//cdn.x-find.live/icons/plus-circle-white.svg');
}
.lock-icon-grey {
    background-image: url('//cdn.x-find.live/icons/lock-grey.svg');
}
.lock-icon-gren {
    background-image: url('//cdn.x-find.live/icons/lock-green.svg');
}
.lock-icon-red {
    background-image: url('//cdn.x-find.live/icons/lock-red.svg');
}
.lock-icon-white {
    background-image: url('//cdn.x-find.live/icons/lock-white.svg');
}
.unlock-icon-grey {
    background-image: url('//cdn.x-find.live/icons/unlock-grey.svg');
}
.unlock-icon-gren {
    background-image: url('//cdn.x-find.live/icons/unlock-green.svg');
}
.unlock-icon-red {
    background-image: url('//cdn.x-find.live/icons/unlock-red.svg');
}
.unlock-icon-white {
    background-image: url('//cdn.x-find.live/icons/unlock-white.svg');
}
.picture-icon-white {
    background-image: url('//cdn.x-find.live/icons/picture-white.svg');
}
.picture-icon-red {
    background-image: url('//cdn.x-find.live/icons/picture-red.svg');
}
.picture-icon-green {
    background-image: url('//cdn.x-find.live/icons/picture-green.svg');
}
.picture-icon-grey {
    background-image: url('//cdn.x-find.live/icons/picture-grey.svg');
}
.upload-icon-white {
    background-image: url('//cdn.x-find.live/icons/cloud-upload-white.svg');
}
.refresh-icon-white {
    background-image: url('//cdn.x-find.live/icons/refresh-white.svg');
}
.folder-open-icon-grey {
    background-image: url('//cdn.x-find.live/icons/folder-open-grey.svg');
}
.import-db-icon-white {
    background-image: url('//cdn.x-find.live/icons/database-import-white.svg');
}
.modul-icon-white {
    background-image: url('//cdn.x-find.live/icons/view-module-white.svg');
}
.modul-icon-red {
    background-image: url('//cdn.x-find.live/icons/view-module-red.svg');
}
.modul-icon-green {
    background-image: url('//cdn.x-find.live/icons/view-module-green.svg');
}
.modul-icon-grey {
    background-image: url('//cdn.x-find.live/icons/view-module-grey.svg');
}
.command-icon-white {
    background-image: url('//cdn.x-find.live/icons/view-command-white.svg');
}
.command-icon-red {
    background-image: url('//cdn.x-find.live/icons/view-command-red.svg');
}
.command-icon-green {
    background-image: url('//cdn.x-find.live/icons/view-command-green.svg');
}
.command-icon-grey {
    background-image: url('//cdn.x-find.live/icons/view-command-grey.svg');
}
.web-icon-red {
    background-image: url('//cdn.x-find.live/icons/web-red.svg');
}
.web-icon-green {
    background-image: url('//cdn.x-find.live/icons/web-green.svg');
}
.web-icon-grey {
    background-image: url('//cdn.x-find.live/icons/web-grey.svg');
}
.web-icon-white {
    background-image: url('//cdn.x-find.live/icons/web-white.svg');
}
.password-icon-red {
    background-image: url('//cdn.x-find.live/icons/password-red.svg');
}
.password-icon-green {
    background-image: url('//cdn.x-find.live/icons/password-green.svg');
}
.password-icon-grey {
    background-image: url('//cdn.x-find.live/icons/password-grey.svg');
}
.password-icon-white {
    background-image: url('//cdn.x-find.live/icons/password-white.svg');
}
.link-icon-black {
    background-image: url('//cdn.x-find.live/icons/vector-link-black.svg');
}
.help-circle-icon-grey {
    background-image: url('//cdn.x-find.live/icons/help-circle-outline-grey.svg');
}
.help-rhombus-icon-grey {
    background-image: url('//cdn.x-find.live/icons/help-rhombus-outline-grey.svg');
}
.keepalive-icon-grey {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-grey.svg');
}
.keepalive-icon-green {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-green.svg');
}
.keepalive-icon-red {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-red.svg');
}
.keepalive-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/cloud-data-connection-yellow.svg');
}
.eye-icon-white {
    background-image: url('//cdn.x-find.live/icons/eye-outline-white.svg');
}
.eye-off-icon-white {
    background-image: url('//cdn.x-find.live/icons/eye-off-outline-white.svg');
}
.address-icon {
    background-image: url('//cdn.x-find.live/icons/address.svg');
}
.compass-icon {
    background-image: url('//cdn.x-find.live/icons/compass-outline.svg');
}
.compass-icon-white {
    background-image: url('//cdn.x-find.live/icons/compass-outline-white.svg');
}
.clock-icon {
    background-image: url('//cdn.x-find.live/icons/clock-outline.svg');
}
.driver-icon {
    background-image: url('//cdn.x-find.live/icons/bx-user-circle.svg');
}
.io-0-icon {
    background-image: url('//cdn.x-find.live/icons/io-off.svg');
}
.io-2-icon {
    background-image: url('//cdn.x-find.live/icons/io-green.svg');
}
.io-1-icon {
    background-image: url('//cdn.x-find.live/icons/io-red.svg');
}
.io-icon-mini {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12px !important;
    height: 12px !important;
    margin: auto;
    display: block;
    float: left;
}
.io-icon-big {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
    display: inline-block;
}
.distance-icon {
    background-image: url('//cdn.x-find.live/icons/map-marker-distance.svg');
}
.detail-icon {
    background-image: url('//cdn.x-find.live/icons/card-search-outline.svg');
}
.odometer-icon {
    background-image: url('//cdn.x-find.live/icons/odometer.svg');
}
.speed-icon {
    background-image: url('//cdn.x-find.live/icons/speedometer-outline.svg');
}
.satellite-icon {
    background-image: url('//cdn.x-find.live/icons/satellite-variant.svg');
}
.elevation-icon {
    background-image: url('//cdn.x-find.live/icons/elevation-rise.svg');
}
.analog-1-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-1-box.svg');
}
.analog-2-icon {
    background-image: url('//cdn.x-find.live/icons/numeric-2-box.svg');
}
.unit-heading-icon {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 22px 22px;
    background-repeat: no-repeat;
    width: 22px !important;
    height: 22px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
}
.unit-heading-icon-little {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
}
.unit-heading-icon-big {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    margin: auto;
    display: inline-block;
    border-radius: 100%;
    background-position: center;
    vertical-align: middle;
    position: relative;
    margin: 2px 2px 2px 8px;
}
.unit-heading-icon-map {
    background-image: url('//cdn.x-find.live/icons/bx-up-arrow-circle-white.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 44% !important;
    height: 44% !important;
    border-radius: 100%;
    position: absolute;
    top: 27%;
    left: 27%;
    pointer-events: all !important;
}
.user-position-icon {
    background-image: url('//cdn.x-find.live/icons/account-circle-blue.svg');
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 44% !important;
    height: 44% !important;
    border-radius: 100%;
    position: absolute;
    top: 27%;
    left: 27%;
    pointer-events: all !important;
}
.menu-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px !important;
    height: 22px !important;
    margin: auto;
    cursor: pointer;
    display: inline-block;
}
.menu-map-icon {
    background-image: url('//cdn.x-find.live/icons/world-map.svg');
}
.menu-detail-icon {
    background-image: url('//cdn.x-find.live/icons/id-card.svg');
}
.menu-dashboard-icon {
    background-image: url('//cdn.x-find.live/icons/menu-dashboard-white.svg');
}
.menu-report-icon {
    background-image: url('//cdn.x-find.live/icons/file-document-outline.svg');
}
.menu-event-icon {
    background-image: url('//cdn.x-find.live/icons/calendar-month-outline.svg');
}
.menu-shipment-icon {
    background-image: url('//cdn.x-find.live/icons/shipping.svg');
}
.menu-escort-icon {
    background-image: url('//cdn.x-find.live/icons/package-variant.svg');
}
.menu-routing-icon {
    background-image: url('//cdn.x-find.live/icons/route.svg');
}
.menu-yard-icon {
    background-image: url('//cdn.x-find.live/icons/excavator.svg');
}
.menu-target-icon {
    background-image: url('//cdn.x-find.live/icons/bullseye.svg');
}
.menu-driver-icon {
    background-image: url('//cdn.x-find.live/icons/account-outline.svg');
}
.menu-actia-icon {
    background-image: url('//cdn.x-find.live/icons/counter.svg');
}
.menu-temperature-icon {
    background-image: url('//cdn.x-find.live/icons/temperature-high-solid-white.svg');
}
.menu-filemanager-icon {
    background-image: url('//cdn.x-find.live/icons/filemanager-white.svg');
}
.menu-users-icon {
    background-image: url('//cdn.x-find.live/icons/users-white.svg');
}
.menu-settings-icon {
    background-image: url('//cdn.x-find.live/icons/cogs-white.svg');
}
.file-excel-icon {
    background-image: url('//cdn.x-find.live/icons/file-excel-outline-white.svg');
}
.file-pdf-icon {
    background-image: url('//cdn.x-find.live/icons/file-pdf-outline-white.svg');
}
.file-csv-icon {
    background-image: url('//cdn.x-find.live/icons/file-table-outline-white.svg');
}
.pin-popup-icon {
    background-image: url('//cdn.x-find.live/icons/bx-map-pin.svg');
}
.route-icon-green {
    background-image: url('//cdn.x-find.live/icons/route-green.svg');
}
.route-icon-red {
    background-image: url('//cdn.x-find.live/icons/route-red.svg');
}
.route-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/route-yellow.svg');
}
.route-icon-white {
    background-image: url('//cdn.x-find.live/icons/route-white.svg');
}
.route-icon-grey {
    background-image: url('//cdn.x-find.live/icons/route-grey.svg');
}
.ai-icon-green {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-green.svg');
}
.ai-icon-red {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-red.svg');
}
.ai-icon-orange {
    background-image: url('//cdn.x-find.live/icons/go-kart-track-orange.svg');
}
.gasoline-icon {
    background-image: url('//cdn.x-find.live/icons/gas-station.svg');
}
.money-icon {
    background-image: url('//cdn.x-find.live/icons/cash.svg');
}
.notes-icon {
    background-image: url('//cdn.x-find.live/icons/text-box.svg');
}
.save-icon {
    background-image: url('//cdn.x-find.live/icons/content-save-outline.svg');
}
.geofence-circle-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-circle.svg');
}
.geofence-square-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-square.svg');
}
.geofence-penta-icon {
    background-image: url('//cdn.x-find.live/icons/geofence-penta.svg');
}
.geofence-inside-icon {
    background-image: url('//cdn.x-find.live/icons/target-inside.svg');
}
.geofence-outside-icon {
    background-image: url('//cdn.x-find.live/icons/target-outside.svg');
}
.geofence-stay-icon {
    background-image: url('//cdn.x-find.live/icons/target-stay.svg');
}
.rubber-icon-white {
    background-image: url('//cdn.x-find.live/icons/rubber-white.svg');
}
.trash-icon-white {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-white.svg');
}
.trash-icon-red {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-red.svg');
}
.trash-icon-green {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-green.svg');
}
.trash-icon-grey {
    background-image: url('//cdn.x-find.live/icons/trash-can-outline-grey.svg');
}
.edit-icon-white {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-white.svg');
}
.edit-icon-red {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-red.svg');
}
.edit-icon-green {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-green.svg');
}
.edit-icon-grey {
    background-image: url('//cdn.x-find.live/icons/account-edit-outline-grey.svg');
}
.save-icon-white {
    background-image: url('//cdn.x-find.live/icons/content-save-outline-white.svg');
}
.alert-email-icon {
    background-image: url('//cdn.x-find.live/icons/alert-email.svg');
}
.alert-sms-icon {
    background-image: url('//cdn.x-find.live/icons/alert-sms.svg');
}
.alert-notify-icon {
    background-image: url('//cdn.x-find.live/icons/alert-notify.svg');
}
.eye-circle-white-icon {
    background-image: url('//cdn.x-find.live/icons/eye-circle-outline-white.svg');
}
.calc-white-icon {
    background-image: url('//cdn.x-find.live/icons/calculator-white.svg');
}
.route-flag-start-point-icon {
    background-image: url('//cdn.x-find.live/icons/flag-start-green.svg');
}
.route-flag-stop-point-icon {
    background-image: url('//cdn.x-find.live/icons/flag-checkered.svg');
}
.heart-outline-icon {
    background-image: url('//cdn.x-find.live/icons/heart-outline.svg');
}
.heart-outline-plus-icon {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline.svg');
}
.heart-outline-remove-icon {
    background-image: url('//cdn.x-find.live/icons/heart-remove-outline.svg');
}
.heart-outline-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-outline-white.svg');
}
.heart-outline-plus-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-white.svg');
}
.heart-outline-remove-icon-white {
    background-image: url('//cdn.x-find.live/icons/heart-remove-outline-white.svg');
}
.heart-outline-plus-icon-green {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-red.svg');
}
.heart-outline-plus-icon-red {
    background-image: url('//cdn.x-find.live/icons/heart-plus-outline-red.svg');
}
.heart-full-plus-icon-green {
    background-image: url('//cdn.x-find.live/icons/heart-plus-green.svg');
}
.heart-full-plus-icon-red {
    background-image: url('//cdn.x-find.live/icons/heart-plus-red.svg');
}
.total-icon-white {
    background-image: url('//cdn.x-find.live/icons/alpha-t-circle-outline.svg');
}
.calendar-icon {
    padding: 6px 2px 2px 2px;
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 8px;
}
.calendar-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-red.svg');
}
.calendar-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-green.svg');
}
.calendar-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-orange.svg');
}
.calendar-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-grey.svg');
}
.calendar-outline-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-red.svg');
}
.calendar-outline-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-green.svg');
}
.calendar-outline-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-orange.svg');
}
.calendar-outline-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-outline-grey.svg');
}
.calendar-fill-icon-red {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-red.svg');
}
.calendar-fill-icon-green {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-green.svg');
}
.calendar-fill-icon-orange {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-orange.svg');
}
.calendar-fill-icon-grey {
    background-image: url('//cdn.x-find.live/icons/calendar-fill-grey.svg');
}
.shipment-outline-icon-grey {
    background-image: url('//cdn.x-find.live/icons/truck-outline-grey.svg');
}
.shipment-outline-icon-green {
    background-image: url('//cdn.x-find.live/icons/truck-outline-green.svg');
}
.shipment-outline-icon-white {
    background-image: url('//cdn.x-find.live/icons/truck-outline-white.svg');
}
.shipment-outline-icon-red {
    background-image: url('//cdn.x-find.live/icons/truck-outline-red.svg');
}
.shipment-outline-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/truck-outline-yellow.svg');
}
.shipment-icon-grey {
    background-image: url('//cdn.x-find.live/icons/truck-grey.svg');
}
.shipment-icon-green {
    background-image: url('//cdn.x-find.live/icons/truck-green.svg');
}
.shipment-icon-white {
    background-image: url('//cdn.x-find.live/icons/truck-white.svg');
}
.shipment-icon-red {
    background-image: url('//cdn.x-find.live/icons/truck-red.svg');
}
.shipment-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/truck-yellow.svg');
}
.sync-db-icon-white {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-white.svg');
}
.sync-db-icon-green {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-green.svg');
}
.sync-db-icon-grey {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-grey.svg');
}
.sync-db-icon-red {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-red.svg');
}
.sync-db-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/database-sync-outline-yellow.svg');
}
.normal-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin: auto;
    /* display: inline-block; */
}
.little-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: auto;
    /* display: inline-block; */
}
.mini-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    margin: auto;
}
.mini-less-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 14px !important;
    height: 14px !important;
    margin: auto;
}
.big-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    margin: auto;
}
.verybig-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px !important;
    margin: auto;
}
.in-line-icon {
    display: inline-block;
}
.flex-line-icon {
    display: inline-flex;
}
.block-icon {
    display: block;
}
.route-icon-for-map {
    margin-left: -24px;
    margin-top: -48px;
}
.special-navbar-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 6px 8px 2px 4px;

}
.special-total-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18px !important;
    height: 18px !important;
    margin: 2px 1px 2px 4px;
}
.help-icon {
    float: right;
    margin-top: 6px;
    margin-right: 16px;
}
.fleet-table-icon {
    vertical-align: middle;
    position: relative;
    margin: 2px 2px 2px 8px;
}
.color-red {
    color: #C21000 !important;
}
.color-green {
    color: #218001 !important;
}
.color-grey {
    color: #5C717E8c !important;
}
.color-yellow {
    color: #F9BF19 !important;
}
.color-blue {
    color: #3466D9 !important;
}
/* grey: 5C717E8c */
/* red: C21000 */
/* green: 218001 */
/* yellow: F9BF19 */
/* blue: 3466D9 */

.footerClass{
    text-align: center;
}
#container-body{
    padding:20px !important;
    height: 665px;
    overflow-y: scroll;
}
footer{
	/* display: none; */
}
#container .btn{
    font-size: 12px !important;
    padding: 3px 0px !important;
    margin: 0;
    width: 100%;
}
#container-body table .btn{
    font-size: 8px !important;
    padding: 1px 5px !important;
    margin: 2px 2px;
}
.colorOnOff-0, .colorOnOff-3{
    color:red;
}
.colorOnOff-1{
    color:green;
}
.btn.btn-danger{
    color:#fff;
}
.block-task{
    border:0px !important;
    text-align: left !important;
	    margin-bottom: 20px;
}

.color-status-0{
    color:black;
}
.color-status-1{
    color:green;
}
.color-status-2, .colorOnOff-2{
    color:orange;
}
.color-status-3{
    color:red;
}
#container-block-dash{
    padding: 20px 40px;
}

#container-block-dash .row{
    padding: 5px 0 0 0;
}

.number-count{
    float: right;
    padding: 2px 5px;
    font-size: 11px;
}
.font-xsmall{
    font-size: 8px;
}
.font-small{
    font-size: 10px;
}



.big-color-status-0{
    background-color:black;
	color:#fff;
	border-radius: 50%;
    height: 30x;
    padding: 10px 13px;
}
.big-color-status-1{
    background-color:green;
	color:#fff;
	border-radius: 50%;
    height: 30x;
    padding: 10px 13px;
}
.big-color-status-2, .colorOnOff-2{
    background-color:orange;
	color:#fff;
	border-radius: 50%;
    height: 30x;
    padding: 10px 13px;
}
.big-color-status-3{
    background-color:red;
	color:#fff;
	border-radius: 50%;
    height: 30x;
    padding: 10px 13px;
}

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

.header-title-d{
	border: 1px solid grey;
	border-radius: 10px 10px 0px 0px !important;
	border-bottom: 1px solid grey !important;
	margin:0px !important;
	background-color: #F8F9FA !important;
	height: 65px;
}
.header-title-d button{
	color:grey !important;
	text-align:left !important;
	text-decoration:none !important;
}
.body-d{
	border: 1px solid grey;
	border-radius: 0px 0px 10px 10px;
	
}
.status-icon-white {
    background-image: url('//cdn.x-find.live/icons/circle-white.svg');
}
.status-icon-grey {
    background-image: url('//cdn.x-find.live/icons/circle-grey.svg');
}
.status-icon-green {
    background-image: url('//cdn.x-find.live/icons/circle-green.svg');
}
.status-icon-red {
    background-image: url('//cdn.x-find.live/icons/circle-red.svg');
}
.status-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/circle-yellow.svg');
}
.status-icon-blue {
    background-image: url('//cdn.x-find.live/icons/circle-blue.svg');
}
.database-icon-white {
    background-image: url('//cdn.x-find.live/icons/database-white.svg');
}
.database-icon-grey {
    background-image: url('//cdn.x-find.live/icons/database-grey.svg');
}
.database-icon-green {
    background-image: url('//cdn.x-find.live/icons/database-green.svg');
}
.database-icon-red {
    background-image: url('//cdn.x-find.live/icons/database-red.svg');
}
.database-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/database-yellow.svg');
}
.database-icon-blue {
    background-image: url('//cdn.x-find.live/icons/database-blue.svg');
}
.toggle-switch-icon-white {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-white.svg');
}
.toggle-switch-icon-grey {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-grey.svg');
}
.toggle-switch-icon-green {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-green.svg');
}
.toggle-switch-icon-red {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-red.svg');
}
.toggle-switch-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-yellow.svg');
}
.toggle-switch-icon-blue {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-blue.svg');
}
.toggle-switch-off-icon-white {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-white.svg');
}
.toggle-switch-off-icon-grey {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-grey.svg');
}
.toggle-switch-off-icon-green {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-green.svg');
}
.toggle-switch-off-icon-red {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-red.svg');
}
.toggle-switch-off-icon-yellow {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-yellow.svg');
}
.toggle-switch-off-icon-blue {
    background-image: url('//cdn.x-find.live/icons/toggle-switch-off-blue.svg');
}
#navbar-collapse-toggle{
    width: 100%;

}
#navbar-collapse-toggle div{
    float: right;
}