.md-user-letters {
    background: var(--mainSub1);
}
/* page_preloader */
body, #page_preloader, .model_full_screen {
    background: var(--mainBackground);
    background-position: center;
    background-repeat: inherit;
    background-size: cover;
    background-position: right bottom;
}
/*#page_preloader {
    background-color: #f5f5f5;
    background-repeat: repeat;
}*/
#page_preloader > div.md-preloader {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
}
#page_preloader {
    opacity: 1;
}
/* Header */
	.main_title_top{
		float: left;
	    line-height: 48px;
	    min-width: 180px;
	    display: block;
		padding-left: 10px;
		max-width: calc(100% - 600px);
		white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
    #header_main .user_actions .user_action_icon>.uk-badge-notification {
        position: absolute;
        left: auto;
        /*right: 0px;*/
        top: 2px;
        border: none;
        min-width: 53px;
        display: flex;
        justify-content: space-between;
    }
        #header_main .user_actions .user_action_icon > .uk-badge-notification > .uk-badge {
            font-size: 12px !important;
            padding: 2px 3px;
            width: 25px;
            border-radius: 5px
        }
	@media (min-width: 0px) {
		.uk-dropdown-width-3:not(.uk-dropdown-stack) {
		    width: 280px !important;
		    min-width: 280px !important;
		}
	}
	@media (min-width: 480px) {
		.uk-dropdown-width-3:not(.uk-dropdown-stack) {
		    width: 360px !important;
		    min-width: 360px !important;
		}
	}
	@media (min-width: 768px) {
		.uk-dropdown-width-3:not(.uk-dropdown-stack) {
		    width: 480px !important;
		    min-width: 480px !important;
		}
	}
.uk-overflow-container {
    padding: 1px;
}
.header-max-text-alert-time {
    width: 115px;
    word-break: break-all;
    max-width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* Timepicker */
.uk-autocomplete.uk-open .uk-dropdown {
    max-height: 150px !important;
}
/* Information */
@media (max-width: 767px) {    
	.uk-padding-small-remove {
	    padding: 0px !important;
	}
	.uk-padding-small-top-remove {
	    padding-top: 0px !important;
	}
	.uk-padding-small-bottom-remove {
	    padding-bottom: 0px !important;
	}
	.uk-padding-small-left-remove {
	    padding-left: 0px !important;
	}
	.uk-padding-small-right-remove {
	    padding-right: 0px !important;
	}

    #page_content_inner {
        padding: 0px !important;
    }

    .main_title_top {
        margin-left: -30px !important
    }
    .main_title_top label {
        font-size: 20px !important
    }

    .overflow-hidden {
        overflow: hidden;
    }
}
.md-card .md-card-toolbar-heading-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none !important;
}
    
.position-fixed {
    position: fixed;
}
.overflow-hidden {
    overflow: hidden;
}
.wizard > .content {
	padding: 16px 12px;
}
.wizard > .content > .body {
	padding: 0px !important;
}
/* Menu List */
.md-card-list-wrapper-menu{
	-webkit-transition: background 0ms,padding 0ms;
  	transition: background 0ms,padding 0ms;
}
.md-card-list-menu ul li {
  	margin-top: 8px !important;
  	padding: 8px 16px !important;
}
.md-list-small li{
    min-height: 0px !important;
    padding: 8px 0px !important;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.md-card-list-inWizard > ul > li > div{
    min-height: 34px;
    padding: 8px 16px;
    font-size: 13px;
    -webkit-transition: background 150ms,padding 200ms;
    transition: background 150ms,padding 200ms;
    background: #fff;
    box-shadow: 0 1px 3px var(--mainBorderColor), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.md-card-list-menu ul li:hover{
    /*background: #bdbdbd !important;*/
    outline: 0;
    text-decoration: none;
    color: #212121;
    /*box-shadow: inset 0 3px 6px #ffa000,0 3px 6px #ffa000 !important;*/
    box-shadow: 0 1px 2px rgba(0,0,0,.26),0 1px 2px rgba(0,0,0,.33) !important;
    cursor: pointer;
}
.wizard>.steps>ul>li a {
    border-top: none;
    border-right: 1px solid rgba(0,0,0,.15);
}
.wizard-last {
	cursor: default;
}
.wizard-vehicle-list {
	/*background-color: #f5f5f5;*/
	/* min-height: 34px; */
	background-color: #ffffff;
	border-bottom: 1px solid #ddd;
    padding: 4px 16px 2px;
    -webkit-transition: background 150ms,padding 200ms;
    transition: background 150ms,padding 200ms;
    /*box-shadow: 0 1px 3px var(--mainBorderColor), 0 1px 2px rgba(0, 0, 0, 0.24);*/
    box-shadow: 0 0px 0px var(--mainBorderColor), 0 0px 0px rgba(0, 0, 0, 0.24);
}
.wizard-vehicle-list:hover {
	outline: 0;
    text-decoration: none;
    color: #212121;
    /* box-shadow: inset 0 3px 6px #ffa000,0 3px 6px #ffa000 !important; */
    /*box-shadow: 0 1px 2px rgba(0,0,0,.26),0 1px 2px rgba(0,0,0,.33) !important;*/
    cursor: pointer;
    background: rgba(0,0,0,.085);
    /*background: #bdbdbd !important; */
}
   
.wizard-vehicle-list-avatar-wrapper, .wizard-vehicle-list-subject{
	padding: 0 8px;
}
.wizard-vehicle-list-avatar {
	line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background: #ffffff;
    color: #fff;
    width: 40px;
    border-radius: 50%;
    display: block;
    float: left;
    min-width: 40px;
}
    .wizard-vehicle-list-avatar.isSmall {
        width: 24px;
        height: 24px;
        background: transparent;
        min-width: 30px;
    }
.wizard-vehicle-list-subject {
	overflow: hidden;
    /*font-weight: 500;*/
}
.wizard-vehicle-list-subject > span {
    line-height: 20px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.wizard-inComplete a, .editing a {
    cursor: default;
}

hr.uk-grid-divider-small {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.chart-banner {
  background-color:rgba(0, 140, 186, 0.3);
  padding-top:25px;
  margin-bottom:15px;
  border-top:1px solid #666666;
  border-bottom:1px solid #cccccc;
}

.tc-chart-js-legend {
  list-style-type: none;
  padding-left: 0px;
}
.tc-chart-js-legend li {
  display: block;
  float: left;
  clear:both;
  padding:10px;
}
.tc-chart-js-legend li span {
  width:25px;
  height:25px;
  display:block;
  float:left;
  margin-right:10px;
}
.uk-grid-divider-small:empty {
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
 }
/*datatable */
.uk-pagination>li {
    display: inline-block !important;
    font-size: 1rem;
    vertical-align: top;
}
.uk-pagination>li.uk-disabled{
    pointer-events: none;
    cursor: default;
}
.xaxisgraph{
      top: 90px;
      left: -100px;
      width: 200px;
      text-align:right;
      position:absolute;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      font-size: 13px;
  }

@media only screen and (max-width: 479px) {
  .uk-padding-small {
    padding: 2px !important
  } 
}
/*playback*/
.playbackControl > div{
  display: inline-block;
  margin: 0px 8px;
}
label.selectize-header {
  display: block;
  font-size: 12px;
  color: #727272;
  padding: 4px 0px 0 4px;
  font-style: normal;
}
.mackup_dialog {
    z-index: 1304;
    background: rgba(0,0,0,.5);
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    overflow: auto!important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
label.md-input {
  border-radius: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mainBorderColor);
  box-shadow: inset 0 -1px 0 transparent;
  box-sizing: border-box;
  padding: 12px 4px;
  background: 0 0;
  width: 100%;
  display: block;
  color: #000;
}
.selectize-option-column {
    display: inline-block;
    text-align: center;
    padding: 0px !important;
}
.uk-modal-blank{
  overflow: hidden!important;
}
.uk-modal-dialog-blank{
  top: 0px !important;
}
.uk-height-viewport-modal-blank {
    height: 100vh; height: 100svh;
    min-height: 100vh; min-height: 100svh;
}
.uk-modal-fullScreen-header {
  padding: 15px 0px !important;
  margin: 0px !important;
  z-index: 40;
  position: inherit;
  top: 0px;
}
.uk-modal-location-header {
  padding: 15px 0px !important;
  margin: 0px !important;
  z-index: 40;
  position: inherit;
  top: 0px;
  width: 100%;
}
.uk-modal-location-active {
  display: block !important;
}
.uk-modal-location-hide {
  display: none !important;
}
/*.validate-danger {
  border-color: #e53935 !important;
}
.validate-success {
  border-color: #7cb342 !important;
}*/
.validate-readonly {
  border-color: var(--mainBorderColor) !important;
}
.filter-table {
    margin-bottom: 10px;
    /*position: absolute;*/
}
/*datatable*/
.md-colVis .uk-button-dropdown .uk-dropdown {
  max-height: 200px !important;
  overflow: auto;
}
.dt-buttons div .uk-button-dropdown .uk-dropdown {
  max-height: 200px !important;
  overflow: auto;
}

div.dt-buttons > .playback-table-icon { 
  float: right;
  white-space: nowrap;
  min-width: 100px;
  z-index: 2;
  position: relative;
}

.dt-buttons a.playback-table-icon span {
  position: relative;
  top: 7px;
}
.dt-buttons a.playback-table-icon, .dt-buttons div.playback-table-icon{
    display: inline-block;
    margin: 0px 0px 0px 5px;
}
.playback-table-icon {
  min-width: 0 !important;
  padding: 0 !important;
  background: inherit !important;
}
.playback-table-icon-success {
  background-color: #7cb342!important;
}
.playback-table-icon-success span i {
  color: #fff!important;
}

/* Feeds */
.fleetTable thead tr th, .fleetTable tbody tr td  {
    max-width: 200px;
    min-width: 10px;
    word-break: break-word !important;
    /*white-space: nowrap!important;*/
}
.fleetTable thead tr th.address,
.fleetTable thead tr th.poi,
.fleetTable thead tr th.remark {
    min-width: 300px;
}
.fleetTable thead tr th.driver,
.fleetTable thead tr th.latlon {
    min-width: 60px;
}
.fleetTable tbody tr td.deviceStatus {
    white-space: nowrap !important;
}

.rotate-header {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(-90.0deg);  /* IE9+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(-90.0deg);  /* Standard */
}

.td_action {
    display: flex;
}
.td_action a {
   margin-right: 5px;
}
.status-on {
    color: #04B404;
}
.status-off {
    color: #DF0101;
}

/*Reports*/
#selectize-list-reports .selectize-control .selectize-input {
    max-height: 500px;
    overflow: auto;
}
#selectize-list-reports .selectize-control .selectize-input div {
    /*display: table;*/
}
#selectize-list-reports .selectize-control .selectize-dropdown {
    display: none !important;
}
#selectize-list-reports .selectize-control.multi .selectize-input, #selectize-list-reports .selectize-control.multi .selectize-input>div {
    cursor: default !important;
}
#tableReport_wrapper .uk-overflow-container td.dt_rDate,
#tableReport_wrapper .uk-overflow-container td.dt_month,
#tableReport_wrapper .uk-overflow-container td.dt_arriveTime,
#tableReport_wrapper .uk-overflow-container td.dt_departTime,
#tableReport_wrapper .uk-overflow-container td.dt_arriveDestinationTime,
#tableReport_wrapper .uk-overflow-container td.dt_departDestinationTime,
#tableReport_wrapper .uk-overflow-container td.dt_beginTime,
#tableReport_wrapper .uk-overflow-container td.dt_startParking,
#tableReport_wrapper .uk-overflow-container td.dt_endParking,
#tableReport_wrapper .uk-overflow-container td.dt_startMaxSpeedTime,
#tableReport_wrapper .uk-overflow-container td.dt_endMaxSpeedTime,
#tableReport_wrapper .uk-overflow-container td.dt_openTime,
#tableReport_wrapper .uk-overflow-container td.dt_closeTime,
#tableReport_wrapper .uk-overflow-container td.dt_no {
  white-space: nowrap !important;
}
#tableReport_wrapper .uk-overflow-container td.dt_startTime,
#tableReport_wrapper .uk-overflow-container td.dt_endTime,
#tableReport_wrapper .uk-overflow-container td.dt_startMaxEngine,
#tableReport_wrapper .uk-overflow-container td.dt_endMaxEngine {
  min-width: 70px;
}
th.sort-disable-control::after {
  visibility: hidden;
}
th.sort-disable {
  pointer-events: none;
}
th.sort-disable::after {
  z-index: -1;
}
tr.row-disable {
  display: none !important;
}
th.dt_actionClick, td.dt_actionClick {
  width: 30px !important;
  padding: 8px 0px;
}
.wizard-detail-selection {
  display: flex;
}
.wizard-detail-selection span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wizard-detail-selection a {
  margin-left: 5px;
  margin-top: -5px;
  display: flex;
}
    .wizard-detail-selection a i {
        float: right;
        font-size: 12px;
        margin-top: 10px;
    }
.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.ui-widget-header{
  background: #81BEF7;
}

#printContent {
  display: none;
}

.vehicleIconStstus {
    width: 16px;
    height: 16px;
}
/*alert*/
#listAlertTable tbody tr td.alert_detail {
    white-space: pre !important;
}
#modal_map .alert_detail  {
    white-space: pre-line !important
}
.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}
.sidebar_main .menu_section>ul>li>a {
    font-size: 14px;
    white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
}
.sidebar_main .menu_section>ul>li>a>.menu_icon {
    width: 30px;
}
.sidebar_main .menu_section > ul > li ul a {
    font-size: 13px;
    /*white-space: nowrap;*/
    /*overflow: hidden;
    text-overflow: ellipsis;*/
}

.information_listVehicle h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 19.5px;
    margin-bottom: 5px !important;
}

.information_listVehicle p, .information_listVehicle p span, .information_listVehicle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.information_listVehicle div.information_listVehicle_detail {
    display: inline-block;
    width: 100%;
}

ul.list_setting_notification li {
    border-bottom: 0px;
}
#dtListNotification_wrapper .uk-overflow-container td.dt_no {
  white-space: nowrap !important;
}

.dtListNotification thead tr th.action{
    width: 180px;
    /*white-space: nowrap!important;*/
}
.dtListNotification tbody tr td.action span a{
    white-space: nowrap!important;
}

.evaluation-profile {
    display: none;
}

.full_width_in_card_small {
    background: rgba(153,153,153,.2);
    border-radius: 0;
    border: none;
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 24px 8px 16px;
}

.vehicle_listNotification form div, .vehicle_listConfig form div {
    margin-top: 5px;
}
.vehicle_listConfig div.head_setting_device {
    margin-top: 15px;
}
.selectize-dropdown {
    border: 1px solid rgba(0,0,0,.16);
    overflow-x: hidden;
    width: 100%;
    background : #FAFAFA;
    overflow-y: hidden;
}
/*#alarmParkings_selectize .selectize-control.single .selectize-input {
    padding: 0px !important;
    margin: 0px !important;
    background-color: transparent;
}
#alarmParkings_selectize .selectize-control.single .selectize-input.input-active, .selectize-input {
    background-color: transparent;
}
#alarmParkings_selectize .selectize-control.single .selectize-input .item {
    font-size: 15px;
    padding-top: 5px !important;
}
#alarmParkings_selectize .selectize-control.single {
    top: -19px;
    background: inherit;
    margin: 0px;
}*/
li.companyName {
    padding: 10px 15px;
    overflow: hidden;
    height: 35px;
    text-overflow: ellipsis;
}

.uk-datepicker {
    z-index: 1306;
    width: auto;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .main_title_top {
        max-width: calc(100% - 180px);
    }
    .uk-container-center {
        width: 100%;
    }
}


.selectize_item .cp_altair {
    padding: 0px;
    display: inline;
    padding-right: 5px;
}

.selectize-control .selectize-input.disabled {
    opacity: 1;
}
.selectize-control .selectize-input.disabled::after {
    display: none;
}
.selectize_item .cp_altair span {
    margin: 0 8px 0px 0;
    width: 18px;
    height: 18px;
}

/*-------vehicle pm-----*/
.detail-title-pm{
    padding: 10px;
    background: #8bc34a;
    font-size:16px;
    /*color: white;*/
}
.detail-title-pm-web{
    padding:0px 0px 0px 10px;
    background: #8bc34a;
    font-size:16px;
    margin-bottom: 0px;
    color: white;
}
.panel-list-pm-web{ 
    border:none;
    padding:0px; 
    margin-top: 15px;

}
.set-height-pm{
    height : 480px
}
.set-height-pm2{
    height : 540px
}

/*.panel-list-pm-mobile{
    height: 710px;
    border:none;
    padding:0px;
    margin-top: 15px;
    border-bottom-color:white;
}*/
.fab-main-pm{
    background:#8CC24A;
}
.fab-main-pm>i{
    color:white;
}
.title-pm{
   padding-left:15px;
   margin-top: 5px;
   padding: 5px;
   border-bottom: 1px solid #ccc!important;
}
.fab-fuel-pm{
    /*background:#FF9801;*/
     /*background: #795549;*/
     background: #8bc34a;
}
.fab-fuel-pm>i{
    color:white;
}
#color-page-pm>.uk-pagination>li.uk-active>a, .uk-pagination>li.uk-active>span{
    /*background:#795549 ;*/

}
.color-tab-pm>li.uk-active>a{
       background: 0 0!important;
      border-bottom-color: white;
}
.color-tab-pm>li>a:hover {
    background: 0 0;
    color: #212121;
    border-bottom-color: rgba(200, 247, 146, 0.87);
}

.pm-set-center-timeline {
    margin-left:calc(52% - 240px);
}


/*notification*/
.selectize-control.single .selectize-input {
    padding: 0px 8px 4px;
    min-height: 30px;
    margin-top: 8px;
    white-space: nowrap
}

.header-notification i.icon_detail, .notification-icon i.icon_detail, span.icon_detail i {
    font-size: 18px;
}
    span.icon_detail i.icomoon-noti {
        font-size: 24px;
    }

    .header-notification div.md-list-addon-element {
        width: 48px;
        left: -48px;
        padding: 8px 0;
        top: 10px !important;
        text-align: left;
    }
.header-notification div.md-list-content {
    line-height: 25px;
    padding-right: 5px;
}

.header-notification a.icon_text, .notification-icon a.icon_text {
    box-shadow: 0 0px 0px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    width: 24px;
    height: 24px;
    border: 2px solid #444;
    color: #444 !important;
    cursor: default;
}
.header-notification a.icon_text.danger, .header-notification i.danger, .notification-icon .danger  {
    border: 2px solid #e53935;
    color: #e53935!important;
}
i.icon_text_on_icon {
    font-size: 32px;
}
span.icon_text_on_icon {
    color: #2E2E2E;
    font-size: 11px;
    position: relative;
    left: -27px;
    top: -11px;
}
.table-action {
    width: 80px !important;
}
.table-loading {
    position: relative;
    clear: both;
    overflow: hidden;
}
.table-loading .preloader {
    z-index: 2;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    /*margin-top: -25px;*/
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.badge-acknowledge {
    padding: 2px;
    line-height: 0px;
    min-width: 0px;
    float: none !important;
}
.badge-acknowledge i{
    font-size: 10px;
    color: #fff;
}
.uk-text-underline {
    text-decoration: underline !important;
}

#dropdown_notification {
    min-width: 320px !important;
    min-height: 385px;
}
    #dropdown_notification #header_alerts {
        max-height: 240px;
    }

@media (max-height: 485px) {
    #dropdown_notification {
        min-height: calc(100vh - 100px); min-height: calc(100svh - 100px);
    }
        #dropdown_notification #header_alerts {
            max-height: calc(100vh - 210px); max-height: calc(100svh - 210px);
        }
}

#dropdown_notification.fix-active {
    display: block!important;
}

.header-notification-icon.uk-text-warning a.icon_text, .vehicle_icon.uk-text-warning a.icon_text {
    color: #ef6c00!important;
    border: 2px solid #ef6c00;
}
.vehicle_icon {
     position: relative;
     top: -3px;
}
.vehicle_icon a.icon_text {
    box-shadow: 0 0px 0px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    font-size: 8px;
    font-weight: bold;
    width: 18px;
    height: 18px;
    border: 2px solid #444;
    color: #444!important;
    cursor: default;
}
/*selectize*/
.md-input {
    padding: 16px 8px 8px !important;
}
.uk-table td {
    font-size: 13px;
}
.uk-border-bottom {
    border-bottom: 1px solid var(--mainBorderColor);
}
.uk-border-top {
    border-top: 1px solid var(--mainBorderColor);
}
.md-input-wrapper > label {
    /*z-index: 2;*/
}
.uk-dropdown.uk-dropdown-small {
    width: auto;
}
/*List edit web*/
.size-list-edit-web {
    width:80%;
    left:10%;
}
.size-list-edit-mobile {
      width:93%;
}
.size-modal-header-list-edit{
    margin: -30px -25px 15px -25px;
    padding: 5px 5px 5px 50px;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 4px 4px 0 0;
    background: #fafafa;
}
.size-modal-header-list-edit>h3{
  color:white;
   width:90%;
    word-wrap:break-word;
    margin-left: -20px;
}
.size-modal-header-list-edit>p{
 margin: 20px 10px;
}
.set-detail-list-edit-web{
    text-indent: 2em; width: 80%;
}
.set-detail-list-edit-mobile{
    text-indent: 2em;
}

.md-btn-wave-light i,
.md-btn-wave-light i.material-icons {
    color: #fff;
}
.toolMap-view input {
    border-color: var(--mainBorderColor) !important;
}

.datepicker_kendo label {
    position: absolute;
    top: -6px;
    font-size: 12px;
    z-index: 2;
}

.md-preloader {
    font-size: 0;
    display: contents;
    -webkit-animation: outer 6s linear infinite;
    animation: outer 6s linear infinite;
}

#search-notification > div {
    margin-top: 5px;
}

/*mobile*/
@media only screen and (max-width: 500px) {
    .notification-width-small {
        width: 100%;
    }
}

/*DVR*/
#iframe_dvr, #cmsv6flash {
    width: 100%;
    height: 100%;
    min-height: 400px;
}
#tracking_cmsv6flash {
    width: 480px;
    height: 320px;
    text-align: center;
    display: inline-block;
}
#tab-tracking-dvr.hidden, .tab-tracking-dvr.hidden {
    opacity: 1;
    height: 0;
}
/*tooltip*/
.uk-tooltip {
    /*background: #848484;*/
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    line-height: 18px;
    text-shadow: none;
    min-width: 20px;
    text-align: center;
    z-index: 1303;
    opacity: 0.7;
    pointer-events: none;
}
    .uk-tooltip:not(.uk-active) {
        display: none !important;
    }
html.uk-modal-page .uk-tooltip {
    z-index: 1305;
}
.md-btn {
    text-transform: none !important;
}
.white-space-normal {
    white-space: normal !important;
}
	
.uk-slidenav-position:hover .uk-slidenav {
    display: block !important;
}
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch {
    display: block!important;
}
.uk-slidenav-contrast {
    color: rgba(255,255,255,1);
    background-color: rgba(50,50,50,.2);
    border-radius: 50%;
}

.uk-tooltip .uk-tooltip-inner {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    overflow: auto;
    width: 100%;
    min-height: 13px;
}

div.md-card-dropdown.md-list-action-dropdown {
    display: block;
}

/*popup*/
.uk-slidenav {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 55px;
}
@media only screen and (max-width: 479px) {
    .uk-slidenav-position .uk-slidenav-previous {
        left: 5px;
    }
    .uk-slidenav-position .uk-slidenav-next {
        right: 5px;
    }
    .uk-slidenav-position .uk-slidenav {
        margin-top: -10px;
    }
    .uk-slidenav {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 25px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .uk-slidenav-position .uk-slidenav-previous {
        left: 10px;
    }
    .uk-slidenav-position .uk-slidenav-next {
        right: 10px;
    }
    .uk-slidenav-position .uk-slidenav {
        margin-top: -20px;
    }
    .uk-slidenav {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .uk-slidenav {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 45px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .uk-tab-left {
        float: left !important;
    }
    .uk-tab-left li a {
        border-right: 0px !important;
        -webkit-transition: all 0ms cubic-bezier(.4,0,.2,1) !important;
        transition: all 0ms cubic-bezier(.4,0,.2,1) !important;
    }
    .uk-tab-left li a:hover {
        border-right: 0px !important;
        border-bottom: 2px solid #b2dbfb !important;
        transition: all 0ms cubic-bezier(.4,0,.2,1);
    }
    .uk-tab-left li.uk-active > a {
        border-right: 0px !important;
        border-bottom: 2px solid #2196f3 !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 959px) {
    .uk-tab-left {
        float: left !important;
        border-right: 0px;
    }

        .uk-tab-left li {
            float: left !important;
        }

            .uk-tab-left li a {
                border-right: 0px !important;
                -webkit-transition: all 0ms cubic-bezier(.4,0,.2,1) !important;
                transition: all 0ms cubic-bezier(.4,0,.2,1) !important;
            }

            .uk-tab-left li a:hover {
                border-right: 0px !important;
                border-bottom: 2px solid #b2dbfb !important;
                transition: all 0ms cubic-bezier(.4,0,.2,1);
            }

        .uk-tab-left li.uk-active > a {
            border-right: 0px !important;
            border-bottom: 2px solid #2196f3 !important;
        }
}

.header-link {
    font-size: 11px !important;
    text-align: left;
}
.header-link i {
    font-size: 18px !important;
    text-align: left;
}

.uk-tab {
    z-index: 2;
    position: relative;
    display: inline-block;
    width: -moz-available;
    width: -webkit-fill-available;
}

/*fix table*/
div.dataTables_wrapper div.uk-overflow-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}
div.dataTables_scroll div.fix_header {
    position:absolute;
    top:0px;
    left:0px;
    z-index: 2;
    background-color: #fff;
}
div.dataTables_scroll table.fixedHeader-floating {
    position: absolute;
    top: 0px !important;
}

table thead tr th .td_action a {
    visibility: hidden !important;
}

div.md-input-wrapper.md-input-filled div.selectize-control {
    margin-top: 5px !important;
}
 th.table_notification_icon {
     width: 35px !important;
 }

 div.selectize-dropdown-content {
    margin-top: 0px !important;
}

 /*table*/
 .dataTables_wrapper .uk-overflow-container tfoot {
    border-bottom: 2px solid var(--mainBorderColor);
}
.dataTables_wrapper .uk-overflow-container tfoot tr th {
    padding: 2px 2px;
    border: 0px;
}

.dataTables_wrapper .uk-overflow-container tfoot tr th i {
    font-size: 12px
}
.dataTables_wrapper .uk-overflow-container {
    min-height: 300px;
}
.selectize-text-overflow.selectize-dropdown.single .selectize-dropdown-content>.option {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selectize-dropdown [data-selectable] {
    padding-top: 7px;
    padding-bottom: 7px;
}

.chart_fuel_status {
    width: 140px;
}
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.md-fab-success {
    background: #7cb342 !important;
    color: #fff !important;
}

.modal-noti-list-detail span {
    word-break: break-word;
    white-space: pre-line;
}

.md-card-single {
    position: inherit !important;
    z-index: 0 !important;
}
.md-card-single div.md-card-toolbar{
    position: relative;
    z-index: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.uk-modal {
    margin: 0px !important;
    padding: 0px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.xaxisGraph {
    top: 90px;
    left: -160px;
    width: 220px;
    text-align: right;
    position: absolute;
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    font-size: 12px;
}

.flot-x-axis .flot-tick-label {
    white-space: nowrap;
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    text-indent: -100%;
    transform-origin: top right;
    text-align: right !important;
}

.flot_tooltip {
    position: absolute;
    display: none;
    border: 1px solid black;
    padding: 5px;
    background-color: #000000;
    opacity: 0.80;
    border-radius: 5%;
    color: #FFFFFF; 
    font-size: 12px;
    width: 120px;
    z-index: 1400;
}

table.uk-table tfoot {
    height: 43.5px;
}
div.dataTables_scrollBody table.uk-table tfoot {
    height: 0px !important;
}
.form-modal-pm { 
    margin-left: 0px !important;
}
.form-modal-pm > div {
    margin-bottom: 5px !important;
    padding: 4px;
}

input:read-only, select:read-only, textarea:read-only {
    cursor: default;
}

.md-btn-delete, .md-btn-delete i, md-btn-delete:active, .md-btn-delete:focus, .md-btn-delete:hover  {
    color: #FFFFFF;
    background-color: #424242!important;
}

.md-btn-cancel, .md-btn-cancel i, md-btn-cancel:active, .md-btn-cancel:focus, .md-btn-cancel:hover  {
    color: #000000;
}

.datapicker-month label {
    top: -6px;
    position: relative;
}
.datapicker-month div.md-input-wrapper {
    padding: 0px;
} 
.datapicker-month div.md-input-wrapper input {
    padding: 5px !important;
} 

.pm_tool {
    width: 60px;
    position: relative;
    top: -10px;
    text-align: right;
}
.pm_tool i {
    min-width: 27px;
    cursor: pointer;
}
.pm-selectize {
    white-space: nowrap;
}

.pm-selectize div.selectize-control.single .selectize-input .item {
    font-size: 12px !important;
}

div[role=alert],  div[role=alert] span {
    margin: 0px;
}

span.pm-input-right {
    float: right;
    font-size: 11px; 
    margin-top: 4px;
}

.md-input-required:read-only, input:not(:required), input:not(:required):active, input:not(:required):focus, input:not(:required):hover {
    /*border-color: var(--mainBorderColor) !important;*/
}

.pm-useful { 
    border: 2px solid #96979730;
    border-radius: 2%;
    min-height: 307px;
}

.selectize-required {
    top: -8px;
    position: relative;
}

.md-input-wrapper.md-input-wrapper-disabled>label {
    color: #727272;
}
input.md-input-forSelectize {
    font-size: 13px !important;
    padding: 0px 8px 4px !important;
    min-height: 30px !important;
    margin-top: 4px !important;
}
table.pm-dashboard a.viewDetailPM span {
    text-decoration: underline;
}


.uk-cursor-default {
    cursor: default !important;
}
.uk-cursor-pointer {
    cursor: pointer !important;
}

.md-input-wrapper>label {
    -webkit-transition: none;
     transition: none;
}

.uk-table thead th {
    border-bottom: 1px solid var(--mainBorderColor);
}

.selectize-dropdown-content .optgroup {
    width: 100% !important;
    height: auto !important;
}

.pm-status-normal {
    background: #2196f3 !important;
}
.pm-status-normal-border {
    border-left-color: #2196f3 !important;
}
.pm-status-warning1 {
    background: #ffd600 !important;
}
.pm-status-warning1-border {
    border-left-color: #ffd600 !important;
}
.pm-status-warning2 {
    background: #ff6d00 !important;
}
.pm-status-warning2-border {
    border-left-color: #ff6d00 !important;
}
.pm-status-critical {
    background: #e53935 !important;
}
.pm-status-critical-border {
    border-left-color: #e53935 !important;
}
.pm-status-complete {
    background: #7cb342 !important;
}
.pm-status-complete-border {
    border-left-color: #7cb342 !important;
}

.button-lbs {
    font-size: 12px !important;
    height: 25px !important;
    line-height: 5px !important;
    min-height: 25px;
}

.uk-accordion-title.hideArrow {
    pointer-events: none;
}
.uk-accordion-title.hideArrow:after {
    display: none !important;
}
.selectize-input i, .selectize-dropdown i {
    font-size: 18px;
}
    .selectize-input i, .selectize-dropdown i.icomoon-noti {
        font-size: 24px;
    }

div.md-list-addon-element.header-notification-icon i.icomoon-noti {
    font-size: 34px;
}

.selectize-input a.icon_text, .selectize-dropdown a.icon_text, a.icon_text {
    line-height: 16px !important;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
}
.optgroup-header {
    font-size: 12px !important;
}
  
.uk-tab>li>a {
    text-transform: inherit !important;
}

.md-list-addon-element>i{
    margin-top: 6px;
}

.badge-modelBox {
    padding: 2px 6px 1px;
    border: none;
    border-radius: 2px;
    text-shadow: none;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}

.uk-badge-yellow /*, .md-list > li > .md-list-content .uk-badge.uk-badge-yellow*/ {
    background: #ffd600 !important;
    color: #FFFFFF !important;
}

.sidebar_main, .sidebar_main *, .sidebar_main :after, .sidebar_main :before, .sidebar_main:after, .sidebar_main:before {
    box-sizing: null !important;
}

span.menu_title .uk-badge {
    padding: 1px 4px;
}

.wizard>.content>.body ul>li.list_ruleInfo {
    margin-left: 50px !important;
}

.dvr_grid_image_menu {
    position: relative;
    float: right;
    margin-top: -5px;
}

.form-vehicle-admin .uk-form-row div.heading_list, .form-vehicle-admin .uk-form-row div.selectize-control {
    top: -5px;
    position: relative;
}

.mejs__container {
    width: auto !important;
    text-align: center !important;
}
.mejs__overlay mejs__layer {
    height: 100% !important;
}

.uk-notify {
    z-index: 20000 !important;
}

.boxSpare-selectize-div div.selectize-control div.selectize-input {
    line-height: 15px;
    height: 42px;
}
.boxSpare-selectize-div div.selectize-control div.selectize-input input {
    /*height: 42px;*/
}
.boxSapre-form-selectize {
    width: calc(100% - 6px);
}
.boxSapre-form-selectize div.uk-grid {
    font-size: 12px !important;
}
div.selectize-dropdown-content div.boxSapre-form-selectize {
    width: calc(100% - 20px);
    padding: 5px 8px;
}
div.selectize-control {
    text-align: left;
}

.uk-padding-remove-bottom {
    padding-bottom: 0px !important;
}

.md-fab-dvr {
    padding: 12%;
    margin: 20px;
    background-color: #bdbdbd;
    color: #ffffff;
    font-size: 20px;
}
.md-fab-dvr:hover {
    color: #ffffff;
}


@supports (-webkit-overflow-scrolling: touch) {
    .md-fab-wrapper {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }
}

i.material-icons.icon-large, i.icon-large {
    font-size: 24px !important;
}

i.material-icons.icon-medium, i.icon-medium {
    font-size: 20px;
}

i.material-icons.icon-small, i.icon-small {
    font-size: 18px !important;
}
i.material-icons.icon-smalller, i.icon-smalller {
    font-size: 16px !important;
}
.uk-tab > li {
    margin-bottom: 0;
    margin-top: 0;
    z-index: 1;
    border: 1px solid #f2eeee;
    border-radius: var(--mainBorderRadius);
}
.uk-tab-left {
    width: fit-content;
    float: right;
}
.uk-tab-left li {
    margin-top: 2px !important;
}

ul#tabTracking.uk-tab > li, ul#menu-tab-pm.uk-tab > li {
    border: 0px solid #f2eeee !important;
}
    ul#tabTracking.uk-tab > li, ul#menu-tab-pm.uk-tab > li a {
        font-size: 14px;
    }

.sidebar_main .menu_section > ul > li > a .menu_title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    vertical-align: top;
}

.wizard-selection {
    background: #51adf6 !important;
}

.wizard-selection-before {
    background: #BDBDBD !important;
}

.wizard-selection-after {
    background: #059 !important;
}
/*sign sup button*/
.social-btn .btn {
    margin: 10px 0;
    font-size: 15px;
    text-align: left;
    line-height: 24px;
}
.social-btn .btn i {
    float: left;
    margin: 4px 15px 0 5px;
    min-width: 15px;
    color: #fff;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 80%;
    max-width: 300px;
}
.btn i {
    color: #fff;
    top: 0px;
    float: left;
}
.btn-facebook, .btn-facebook:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-google, .btn-google:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-line, .btn-line:hover {
    color: #fff;
    background-color: #00b900;
    border-color: #00b900;
}
div.wheel-detail div {
    font-size: 12px;
}

div.card-border {
    border: 2px solid #00000082;
    border-radius: var(--mainBorderRadius);
    padding: 5px 10px;
}

.irs-bar, .irs-line, .irs-bar-edge {
    height: 8px;
}

.irs-slider {
    top: 30px;
    width: 14px;
    height: 14px;
}

.irs-min, irs-max {
    visibility: hidden !important;
}

.irs-disabled {
    opacity: .8;
}

div.md-card-toolbar-light, div.md-card-toolbar-light i, div.md-card-toolbar-light h3 {
    color: #ffffff !important;
}


.md-btn-small {
    font-size: var(--fontSmallB) !important;
}

.uk-accordion-header {
    margin: 0 0 4px;
    font-weight: 400;
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 5px 15px;
    background: #f5f5f5;
    line-height: 24px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}
    .uk-accordion-header .iconTool {
        margin-top: -4px;
        height:32px;
    }
    .uk-accordion-header .iconTool span.uk-badge {
        vertical-align: super;
        margin-top: 8px;
    }
   
    .uk-accordion-header .md-icon.active, .uk-accordion-header .md-icon:active, .uk-accordion-header .md-icon:focus, .uk-accordion-header .md-icon:hover {
        color: #212121;
        background: rgba(0,0,0,.08);
    }

.header_double_height #header_main {
    box-shadow: none;
     position: fixed !important; 
}
.uk-modal-page .main_header {
    position: inherit !important;
}
.main_header {
    position: absolute;
    z-index: 1210;
}

@media only screen and (max-width: 1219px) {
    .main_header {
        position: absolute;
        z-index: 1151;
    }
    .uk-modal-page .main_header {
        z-index: -1;
    }

}
    @media (max-width: 959px) {
        
        div.mediaForPlayback {
            width: 100%;
        }

            div.mediaForPlayback ul {
                width: 100% !important
            }

        div.mediaForPlayback-button {
            width: 100%;
            padding: 0px;
        }

            div.mediaForPlayback-button div.md-fab-wrapper-small {
                display: inline-block;
            }

                div.mediaForPlayback-button div.md-fab-wrapper-small a.md-fab {
                    display: inherit;
                    line-height: 48px;
                    margin: 0px 20px;
                    padding: 0px;
                    margin-top: 5px;
                }
    }

    .icomoon-tpms.icon-small {
        font-size: 15px !important;
        position: relative;
        top: -2px;
    }

    div.setting-groupVehicleOnMap-distancePoint_radius {
        height: 32px;
    }

        div.setting-groupVehicleOnMap-distancePoint_radius input {
            width: 80px !important;
            position: relative;
            top: -15px;
            text-align: center !important;
            margin: 0px 5px;
        }

    div.setting-groupVehicleOnMap-distancePoint_radius-message {
        width: 100%;
        position: relative;
        top: -13px;
    }

    body > .content-preloader {
        position: fixed;
        z-index: 2000;
        top: -48px;
    }

    .md-icon.fa, .md-icon.fab, .md-icon.fal, .md-icon.far, .md-icon.fas {
        top: 0px !important;
    }

    .md-card .md-card-toolbar .md-card-toolbar-actions {
        height: 0px !important;
        padding-left: 10px;
    }

    #header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
        max-height: 320px;
    }

    .icheck-inline {
        height: 0px !important;
    }

    .md-btn-error {
        color: #FFFFFF !important;
        background-color: #bdbdbd !important;
    }

        .md-btn-error::after {
            color: #FFFFFF !important;
        }

    div.overviewPieChartMonthly ul li {
        width: 50%;
        display: inline-block;
    }

    .md-btn-white, .md-btn-white i {
        color: #bdbdbd !important;
        background-color: #FFFFFF !important;
    }

    .trip-filter-small {
        width: calc(100% - 170px);
        display: inline-block;
    }

.trip-create-small {
    width: 140px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px;
}
    /*trip*/
    .tripListRoute.timeline_content_addon {
        border-left-color: #2196f3;
        border-left-width: 4px;
        border-left-style: solid;
        max-width: 100%;
    }

    .trip-node-status-success {
        background: #249733 !important;
    }

    .trip-node-status-yellow {
        background: #ffd600 !important;
    }

    .trip-node-status-arrive {
        background: #ffa000 !important;
    }

    .trip-node-status-primary {
        background: #183f88 !important;
    }

    .trip-node-status-error {
        background: #747474 !important;
    }

    .trip-node-border-status-success {
        border-left-color: #7cb342 !important;
    }

    .trip-node-border-status-yellow {
        border-left-color: #ffd600 !important;
    }

    .trip-node-border-status-warning {
        border-left-color: #ffa000 !important;
    }

    .trip-node-border-status-primary {
        border-left-color: #2196f3 !important;
    }

    .trip-node-border-status-error {
        border-left-color: #9e9e9e !important;
    }

    .nodesdisplay-pagination ul.uk-pagination {
        margin: 0px !important;
    }

    div.timeline_icon span.timeline_icon_text {
        line-height: 36px;
        font-size: 14px;
        color: #ffffff;
        font-weight: 500;
    }

.sidebar_main .menu_section > ul > li ul a {
    padding: 8px 10px 8px 60px !important;
    margin: 5px 10px;
    min-height: 35px;
    border: 1px solid;
    border-color: #FFFFFF;
}

input.shareLink {
    font-size: 12px !important;
    background: #dedede !important;
    padding: 8px 2px !important;
}


    input.shareLink {
        font-size: 12px !important;
        background: #dedede !important;
        padding: 8px 2px !important;
    }

    #model_loading {
        z-index: 2001 !important;
    }

    .animation3s {
        animation: animation3s 0.5s linear;
    }

    @keyframes animation3s {
        50% {
            opacity: 0;
        }
    }
    /*.animation3s {
    transition: all 2s ease-out;
    background-color: #aaaaaa;
}*/


.main_background_gray {
    background: #ececec !important;
}

.table-loading.not-background .preloader {
    background: initial !important;
}
.div-disable {
    pointer-events: none;
    opacity: 0.7;
}

.uk-offcanvas .uk-offcanvas-bar {
    top: 0px !important;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    background: #FFF;
    border-radius: 5px;
}

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }
.search-input {
    padding-left: 30px !important;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.95rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-icon-input {
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 3;
}
    .search-icon-input i {
        font-size: 16px;
        top: 0px;
    }
    .input-group-text {
        display: flex;
        align-items: center;
        padding: 0.375rem 0.95rem;
        margin-bottom: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: 5px;
    }

.btn-rounded {
    border-radius: 60px;
    padding: 5px 18px;
}

.selectize_header_address .md-input-wrapper {
    padding-top: 0px;
    top: -15px;
}


.selectize_header_address .selectize-control {
    top: -10px;
}

.officePhone_sub span {
    display: inline-block;
    position: absolute;
    padding-top: 17px;
    width: 60px;
    text-align: center;
}

.officePhone_sub .md-input-wrapper {
    margin-left: 70px !important;
    width: calc(100% - 70px);
}

/*div[ng-messages] {
    position: absolute;
}*/

div.selectize_chooseBilling {
    display: block;
}

    div.selectize_chooseBilling .cusId {
        width: 65px;
        display: inline-block;
    }

a.menu-for-card-single {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 50px;
    padding: 5px 16px !important;
}

.menu-for-card-single .tilte-tab {
    display: block;
    overflow: hidden;
}

.offcanvas-body .md-card {
    box-shadow: none !important;
}

.offcanvas-icon-pmSetting {
    position: relative;
    top: 4px;
}


/*PM*/
.PMVIBlock {

}

.vehicleInspection_dashbroad {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.badge_vehicleInspection {
    padding: 5px;
    border-radius: 13px;
    min-width: 40px;
    font-size: 13px !important;
    line-height: 18px !important;
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 16px;
    align-items: flex-start;
    margin-right: 10px;
}

    .badge_vehicleInspection i {
        font-size: 14px;
        padding-right: 4px;
    }

    .badge_vehicleInspection.complete, .badge_vehicleInspection.complete i {
        background-color: #def0e0;
        color: #249733;
    }
    .badge_vehicleInspection.incomplete, .badge_vehicleInspection.incomplete i {
        background-color: #ffeded;
        color: #ff5050;
    }
.pm-ref-mileage {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 2px !important;
}

.pm-itemInspections-main {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
}
    .pm-itemInspections-main.border {
        border-bottom: 1px solid #e3e3e3 !important;
    }
    .pm-itemInspections-main.header {
        background: #eee !important;
        border: 0px;
    }
.pm-itemInspections-row {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .pm-itemInspections-row .itemInspections-topic {
        display: -webkit-box;
        flex-direction: row;
        width: calc(100% - 160px);
        font-size: 20px;
        line-height: 20px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
    }
    .pm-itemInspections-row .itemInspections-value {
        display: flex;
        flex-direction: row;
        width: 160px;
        place-content: center flex-end;
        align-items: center;
    }
    .pm-itemInspections-row .itemInspections-value .block {
        display: flex;
        place-content: center center;
        align-items: center;
        flex-direction: row;
        height: 30px;
        width: 100%;
        justify-content: space-around;
        align-content: center;
    }
        .pm-itemInspections-row .itemInspections-value .block .block-value {
            width: 70px;
            padding: 0px 5px;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

.itemInspections-paging .uk-pagination {
    margin: 10px 0px 0px !important;
}

.timeline_icon_PM i {
    font-size: 20px;
    height: 32px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.timeline_icon_PM  .timeline_date {
    padding-top: 0px !important;
}

.text-white-space {
    white-space: nowrap !important;
}

/*JC400 */
#myTimeline-jc400 {
    margin: 0px !important;
    position: relative;
    top: -20px;
}

    #myTimeline-jc400 .timeline-header {
        display: none !important;
    }

    #myTimeline-jc400 table.timeline-scale thead tr th.scale-days {
        /*display: none !important;*/
        visibility: hidden;
    }

.timeline-wrapper::after, .timeline-wrapper::before {
    border: 0px !important;
}

.timeline-wrapper table.timeline-scale {
    border-top: 0px !important;
}

.timeline-node::after {
    display: none;
}

.timeline-node {
    width: 3px !important;
    padding: 4px 0px !important;
    padding-left: 1px !important;
    height: 50px !important;
    background-color: #F5B7B1 !important;
    top: -6px !important;
}

    .timeline-node.timeline-text-truncate.active {
        margin: 6px 0 0px !important;
        background-color: #1976d2 !important;
    }

.timeline-scale-5 .timeline-node {
    width: 11px !important;
}

.videoDiv_playback_main {
    width: 100%;
    max-width: 600px;
    position: relative;
}
.block-playback-mdvr {
    width: 100%;
    aspect-ratio: 16 / 10;
}
.block-playback-mdvr-video {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000000;
}

.videoDiv_playback_main.videoDiv_playback_main_multi {
    max-width: 800px;
}

    .videoDiv_playback_main .mejs__layers {
        display: none !important;
    }

    .videoDiv_playback_main .loading {
        position: absolute;
        width: 100%;
        height: calc(100% - 36px);
        z-index: 100;
        pointer-events: auto;
    }

        .videoDiv_playback_main .loading .md-preloader svg circle {
            stroke: #c9c9c9;
        }
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

ul.tab_style2 {
    padding: 5px 10px 5px;
}
li.tab_style2 {
    width: fit-content;
    border: 1px solid #ddd;
    margin-left: 5px;
    min-width: 110px;
    border-radius: 30px;
    height: 35px;
    line-height: 15px;
}
    li.tab_style2 > a {
        border-bottom: 0px !important;
        background: 0 0 !important;
    }
    li.tab_style2.uk-active {
        /*background: linear-gradient(to right, #183f88 1%, #0047ba 99%) !important;*/
        background: linear-gradient(to right, #1767f2 1%, #1e88e5 90%) !important;
    }
        li.tab_style2.uk-active > a {
            border-bottom: 0px !important;
            background: 0 0 !important;
            color: #FFFFFF !important;
        }
.uk-tab > li.tab_style2 > a:focus, .uk-tab > li.tab_style2 > a:hover {
    border-bottom: 0px !important;
    background: 0 0 !important;
    color: #212121 !important;
}
.uk-tab > li.tab_style2.uk-active > a:focus, .uk-tab > li.tab_style2.uk-active > a:hover {
    color: #FFFFFF !important;
}

.md-btn-asset, .md-btn-asset:active, .md-btn-asset:focus, .md-btn-asset:hover {
    background: #f26d23;
    color: #FFFFFF;
}

div.selectize_header.heading_list {
    margin: 0px;
}

.md-fab-dvr {
    padding: 12%;
    margin: 20px;
    background-color: #FFFFFF;
    color: #626262;
    font-size: 20px;
}

    .md-fab-dvr:hover {
        background: var(--mainSub1);
        border-color: #dddddd;
        color: #FFFFFF;
    }

        .md-fab-dvr:hover i {
            color: #FFFFFF;
        }

.channalForPlayback_button {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow-y: auto;  position: relative;
}

    .channalForPlayback_button .md-fab-wrapper-small {
        position: relative;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: fit-content;
        height: 50px;
        min-width: 100%;
        padding-bottom: 10px;
    }

    .channalForPlayback_button .md-fab {
        margin: 0px 5px;
        min-width: 36px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
        padding: 0px;
    }

    .channalForPlayback_button .md-fab-mode {
        border-radius: 10px;
        min-width: 40px;
    }

    .channalForPlayback_button .md-fab > i {
        line-height: 36px;
        color: #626262;
    }

    .channalForPlayback_button .md-fab:hover > i {
        color: #FFFFFF;
    }

    .channalForPlayback_button .md-fab-success {
        background: var(--main) !important;
    }

        .channalForPlayback_button .md-fab-success i {
            color: #FFFFFF;
        }

.playbackMDVRTable .uk-text-success {
    color: var(--main) !important;
}

.uk-pagination-mdvr > li > a {
    min-width: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 1px solid #cccccc;
    color: #626262;
    border-radius: 10px;
}

    .uk-pagination-mdvr > li > a:hover {
        background: #a0c3e6;
        border-color: #dddddd;
        color: #FFFFFF;
    }

.uk-pagination-mdvr > li.uk-active > a {
    background: var(--main) !important;
    color: #FFFFFF !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}




/*tracking new*/
.page_content_full {
    background: #FFFFFF;
}
.uk-grid-full {
    margin-left: 0px !important;
}
.uk-grid-full > div {
    padding: 0px;
}
.divToggleButton {
    position: absolute !important;
    width: 15px !important;
    height: 80px !important;
    z-index: 2;
    top: calc(50% - 40px);
    right: -15px;
}
    .divToggleButton > button {
        width: 15px;
        height: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        color: var(--mainFontSub);
        background-color: var(--mainSub1) !important;
        color: var(--main) !important;
        opacity: 0.65;
        border-color: var(--main) !important;
    }
        .divToggleButton > button:hover {
            background: var(--mainSub2) !important;
        }
        .divToggleButton > button > i {
            width: 15px;
            display: flex;
            justify-content: center;
        }
.vehicle-list-block {
    display: flex;
    align-items: stretch;
    align-content: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
}
    .vehicle-list-block .vehicle-list-header {
       
    }
    .vehicle-list-block .vehicle-list-header > div {
         padding: 0px 10px;
    }
    .vehicle-list-block .vehicle-list-item {
        height: 100%;
        overflow-y: auto;  position: relative;
        overflow-x: hidden;
    }
    .vehicle-list-block .vehicle-list-summary {
        border-top: 1px solid var(--mainBorderColor);
        padding: 0px 10px;
        height: 30px;
        line-height: 30px;
    }

    .vehicle-list-block .vehicle-list-item .uk-accordion-title.uk-active {
        position: sticky;
        top: -1px;
        z-index: 2;
    }

.vehicle-detail-block {
    width: 100%;
    max-width: 350px;
    position: absolute;
    z-index: 10;
    width: 50%;
    top: 10px;
    left: 18px;
    max-height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
}
.vehicle-detail-block {
    max-height: calc(100vh - 110px)
}
    .vehicle-detail-block.smallScreen {
        left: 10px;
    }
    .vehicle-detail-block.isSmall {
        top: unset !important;
        bottom: 10px !important;
    }
    .vehicle-detail-block .detail-body {
        max-height: calc(100vh - 110px - 90px);
        overflow-y: auto;  position: relative;
    }
        .vehicle-detail-block .detail-body .mainScroll {
            overflow-y: auto;  
            position: relative;
            overflow-x: hidden;
        }

            .vehicle-detail-block .detail-body .mainScroll .route-header {
                position: sticky;
                top: -1px;
                z-index: 2;
            }

    .vehicle-detail-block .countingPeople {
        height: 35px;
        background: #FFFFFF;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
    }
    .vehicle-detail-block .countingPeople .header {

    }
        .vehicle-detail-block .countingPeople .value .count {
            font-size: 26px;
            color: var(--main);
        }
.loading-overlay-box {
    background: #ffffff85;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}
/*tracking_block.isSmall*/
.tracking_block.isSmall > .tracking_block_list {
    width: 100%;
    position: absolute;
    z-index: -1;
}
.tracking_block.isSmall.mode_list > .tracking_block_list {
    z-index: 20;
}
    
.tracking_block_map {

}
.tracking_block_other{

}
.tracking_block.isSmall > .tracking_block_map .vehicle-detail-block.fullOpen {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px;
}
    .tracking_block.isSmall > .tracking_block_map .vehicle-detail-block.fullOpen.smallScreen,
    .tracking_block.isSmall > .vehicleRelease-block-detail-main.smallScreen {
        position: fixed !important;
        z-index: 1303;
        border-radius: 0px;
        border: 0px;
    }
        .tracking_block.isSmall > .tracking_block_map .vehicle-detail-block.fullOpen.smallScreen .detail-body {
            max-height: calc(100vh - 90px - 0px);
        }
        .tracking_block.isSmall > .vehicleRelease-block-detail-main .vehicleRelease-block-detail.smallScreen .detail-body {
            max-height: calc(100vh - 50px);
        }
        .tracking_block.isSmall .vehicleRelease-block-detail.overlay .detail-body .detailVehicle div.vehicle-detail-block .detail-body {
            max-height: calc(100vh - 50px - 52px - 38px);
        }

        .tracking_block.isSmall .tracking_block_overview .vehicle-detail-block.fullOpen.smallScreen {
            position: fixed !important;
            z-index: 1303;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            min-width: 100vw;
            min-height: 100vh;
            border-radius: 0px;
            border: 0px;
        }
        .tracking_block.isSmall .tracking_block_overview .vehicle-detail-block.fullOpen.smallScreen .detail-body {
            max-height: calc(100vh - 90px)
        }


        .tracking_block.isSmall > .tracking_block_map .backTolist {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 10;
        }
        .tracking_block > .tracking_block_map .vehicle-detail-block.fullOpen.tabDetailSelect {
            height: 100%;
        }
        .tracking_block > .tracking_block_map .vehicle-detail-block.fullOpen #bus_detail.bus_detail_tab_content {
            height: calc(100% - 90px);
        }

        .tracking_block > .tracking_block_map .vehicleRelease-block-detail .vehicle-detail-block.fullOpen #bus_detail.bus_detail_tab_content {
            height: calc(100% - 0px);
        }


.uk-pagination-mdvr {

}
.uk-pagination-mdvr > li {
    margin: 5px 5px 5px 5px;
}

    .uk-pagination-mdvr > li > a {
        background-color: var(--mainColorBackground);
        border-color: var(--mainColorBackground);
    }
.Monitoring_MDVR_card {
    width: 100%;
    aspect-ratio: 16 / 9;
    padding-bottom: 35px;
    position: relative;
    /*background: #000000;*/
    border-radius: 10px;
    margin-bottom: 10px;
}
    .Monitoring_MDVR_card.dahuaRealtime {
        aspect-ratio: 352 / 288;
        overflow: hidden;
        border: 1px solid #CCCCCC;
    }
    .Monitoring_MDVR_card > div {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000000;
    }

    .Monitoring_MDVR_card .gallery_image_title {
        font-size: var(--fontMediem);
        width: calc(100% - 30px);
    }
    .Monitoring_MDVR_card .gallery_grid_image_caption {
        padding: 8px 8px;
        display: block;
        position: absolute;
        z-index: 10;
        background-color: #fff;
        width: calc(100% - 16px);
        bottom: 0px;
    }
    .Monitoring_MDVR_card .dvr_grid_image_menu {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .Monitoring_MDVR_card .mdvr_firstInit,
    .block-playback-mdvr-video .mdvr_firstInit {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 34px;
    }

    .Monitoring_MDVR_card .div_265webMain.art-fullscreen-web-main > .div_265webjs {
        max-width: calc(100% - 65px);
        max-height: calc(100% - 90px);
        padding-top: 90px;
        padding-left: 65px;
    }
    .Monitoring_MDVR_card .art-fullscreen-web > video,
    .Monitoring_MDVR_card .art-fullscreen-web > div {
        max-width: calc(100% - 65px);
        max-height: calc(100% - 90px);
        top: 90px;
        left: 65px;
    }
    .Monitoring_MDVR_card .div_265webMain.art-fullscreen-web-main > .art-fullscreen-web > div {
        /*padding-left: 65px;*/
    }
    .div_265webMain.art-fullscreen-web-main > .div_265webjs {
    }

    .div_265webMain.art-fullscreen-web-main > .div_265webjs > canvas,
    .div_265webMain.art-fullscreen-web-main > .div_265webjs > video {
        object-fit: contain;
    }

@media only screen and (max-width: 1219px) {
    .Monitoring_MDVR_card .div_265webMain.art-fullscreen-web-main > .div_265webjs {
        max-width: 100%;
        padding-left: 0px;
    }

    .Monitoring_MDVR_card .art-fullscreen-web > video,
    .Monitoring_MDVR_card .art-fullscreen-web > div {
        max-width: 100%;
        left: 0px;
    }

    .Monitoring_MDVR_card .div_265webMain.art-fullscreen-web-main > .art-fullscreen-web > div {
        padding-left: 0px;
    }
}
.loading-center-box {
    overflow: hidden;
}

/*div_block_count*/
.div_block_count {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    min-height: 150px;
}

    .div_block_count .container {
        position: relative;
        top: 15px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.div_block_count .controlls {
    position: absolute;
    text-align: center;
}
    .div_block_count .display-remain-time {
        font-family: 'Roboto';
        font-weight: 100;
        font-size: 50px;
        color: var(--mainSub1);
    }

    .div_block_count .e-c-base {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 20px
    }

    .div_block_count .e-c-progress {
        fill: none;
        stroke: var(--mainSub1);
        stroke-width: 20px;
        transition: stroke-dashoffset 0.7s;
    }

.div_block_count .e-c-pointer {
    fill: #FFF;
    stroke: #F7958E;
    stroke-width: 16px;
}

#e-pointer {
    transition: transform 0.7s;
}

ul.mainHeaderList li a {
    padding: 7px 15px;
}

.table_notification .dt-uikit-footer {
    display: none;
}

[class^="icomoon-noti-"].noti-level-normal, [class*=" icomoon-noti-"].noti-level-normal,
.noti-level-normal > i {
    color: #EAC144 !important;
}
[class^="icomoon-noti-"].noti-level-high, [class*=" icomoon-noti-"].noti-level-high,
.noti-level-high > i {
    color: #FF0000 !important;
}

.uk-badge-notification.noti-level-normal {
    background-color: #EAC144 !important;
    left: 0 !important;
    right: unset !important;
    color: #FFFFFF;
}

.uk-badge-notification.noti-level-high {
    background-color: #FF0000 !important;
    left: unset !important;
    right: 0 !important;
    color: #FFFFFF;
}
.uk-navbar-flip .uk-navbar-nav:first-child > li#header_notification_dropdown > a {
    min-width: 55px;
    box-sizing: border-box;
    padding: 0px;
    padding-top: 5px;
}
    .uk-navbar-flip .uk-navbar-nav > li > a > i,
    .uk-navbar-flip .uk-navbar-nav > li > a > span.header-icon {
        padding-top: 5px;
    }
.header-name-user-block {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 160px;
    max-width: 220px;
    line-height: normal;
    height: 36px;
    padding: 2px 5px 2px 10px;
    position: relative;
    top: -2px;
    border: 1px solid #FFFFFF;
    background: var(--mainSub2);
    border-radius: 5px;
}
    .header-name-user-block .header-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        border: 1px solid transparent;
        border-radius: 50%;
        background-color: rgb(from var(--main) r g b / 20%);
        color: var(--main);
    }

    .header-name-user-block i {
        color: var(--main) !important;
    }
.header-name-user {
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
    line-height: normal;
    padding-right: 20px;
}
    .header-name-user .heading {
        font-size: 13px;
        color: var(--mainFont);
        line-height: 20px;
    }
    .header-name-user .type {
        color: var(--mainFontSub);
        font-size: 11px;
    }
.header-name-arrow {
    position: absolute;
    right: 0px;
    display: flex;
    align-items: center;
    align-content: center;
    z-index: 2;
    background: inherit;
}}

/* custom for accident notification  */
.uk-notify.uk-notify-top-right {
    z-index: 1205 !important;
}

.uk-notify-message.uk-notify-message-danger {
    margin-left: 10px;
    margin-right: 10px;
    background: var(--bgAccident);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(229, 57, 53, 0.5);
}

    .uk-notify-message.uk-notify-message-danger .uk-close {
        visibility: visible;
        display: block;
    }
.header_expireDateTime {
    font-size: var(--fontSmall);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    border: 1px solid var(--main);
    margin: 0px 10px;
    padding: 5px 5px;
    border-radius: 10px;
    background: var(--mainSub2);
}
    .header_expireDateTime i {
        font-size: var(--fontSmallI);
        padding-right: 2px;
    }
.header_warning {
    background: var(--mainYellowSub) !important;
    border-color: var(--mainWarning) !important;
}

    .header_warning i {
        color: var(--mainWarning) !important;
    }

.header-name-user-block.header_warning .header-icon {
    background-color: rgb(from var(--mainWarning) r g b / 20%);
}

.header_danger {
    background: var(--mainRedSub) !important;
    border-color: var(--mainDanger) !important;
}

    .header_danger i {
        color: var(--mainDanger) !important;
    }

.header-name-user-block.header_danger .header-icon {
    background-color: rgb(from var(--mainDanger) r g b / 20%);
}

#page_content.change-password {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mainBackground);
    z-index: 1093;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #page_content.change-password #page_content_inner > div {
        margin: 0 !important;
    }

.row-line-text-header {
    position: relative;
    border-bottom: 1px solid var(--mainBorderColor);
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
}
    .row-line-text-header > div {
        position: absolute;
        z-index: 2;
        background: #ffffff;
        padding: 0px 10px;
        font-size: var(--fontSmallB);
        font-weight: bold;
    }

#main_poiToolMap .toolMapControl  {
    display: none !important;
}

.MEA_Form.MEA_Form_small.MEA_Form_filter .MEA_selectize.noti_muiltSelect .selectize-control {
    height: 80px !important;
    max-height: 80px !important;
}
    .MEA_Form.MEA_Form_small.MEA_Form_filter .MEA_selectize.noti_muiltSelect .selectize-control.multi .selectize-input {
        height: 100% !important;
        min-height: 100% !important;
        overflow-y: auto;
    }
.MEA_Form.MEA_Form_small.MEA_Form_filter .MEA_selectize.noti_muiltSelect i.material-icons.reset {
    display: none !important;
}

.MEA_Form.MEA_Form_small.MEA_Form_filter .MEA_selectize.noti_muiltSelect .selectize-control.multi .selectize-input input {
}
