@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: 'Montserrat', sans-serif; font-size: 12px; color: #273240; background: #ffffff; }

.touchtrack-dashboard-screen {
  font-family: 'Montserrat', sans-serif !important; font-size: 12px; color: #273240; background: #ffffff !important;
}

/*btn*/
.touchtrack-dashboard-wrapper .btn-primary{background: #3C8AD2; border-color: #3C8AD2;}
.touchtrack-dashboard-wrapper .btn-primary:hover{background: #196bb7; border-color: #196bb7;}
.touchtrack-dashboard-wrapper .btn-secondary{background: #515253; border-color: #515253; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-secondary:hover{background: #3d3f41; border-color: #3d3f41; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-warning{background: #C8923F; border-color: #C8923F; color: #000000;}
.touchtrack-dashboard-wrapper .btn-warning:hover{background: #d38c1f; border-color: #d38c1f; color: #000000;}
.touchtrack-dashboard-wrapper .btn-success{background: #53B469; border-color: #53B469; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-success:hover{background: #0eb090; border-color: #0eb090; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-danger{background: #F34848; border-color: #F34848; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-danger:hover{background: #ca5555; border-color: #ca5555; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-info{background: #54ADFF; border-color: #54ADFF; color: #ffffff;}
.touchtrack-dashboard-wrapper .btn-grey{background: #c8cfd6; color: #323232;}
.touchtrack-dashboard-wrapper .btn-grey:hover{background: #c2c2e8; color: #323232;}
/*btn*/
/*bg*/
.touchtrack-dashboard-wrapper .bg-primary{background: #3C8AD2!important; border-color: #3C8AD2;}
.touchtrack-dashboard-wrapper .bg-secondary{background: #515253!important; border-color: #515253;}
.touchtrack-dashboard-wrapper .bg-warning{background: #C8923F!important; border-color: #C8923F;}
.touchtrack-dashboard-wrapper .bg-success{background: #53B469!important; border-color: #53B469;}
.touchtrack-dashboard-wrapper .bg-danger{background: #F34848!important; border-color: #F34848;}
.touchtrack-dashboard-wrapper .bg-info{background: #54ADFF!important; border-color: #54ADFF;}
.touchtrack-dashboard-wrapper .bg-grey{background: #DDE4ED; }
/*bg*/
/*text*/
.touchtrack-dashboard-wrapper .text-primary{color: #3C8AD2!important; }
.touchtrack-dashboard-wrapper .text-secondary{color: #515253!important; }
.touchtrack-dashboard-wrapper .text-warning{color: #C8923F!important; }
.touchtrack-dashboard-wrapper .text-success{color: #53B469!important; }
.touchtrack-dashboard-wrapper .text-danger{color: #F34848!important; }
.touchtrack-dashboard-wrapper .text-info{color: #54ADFF!important; }
.touchtrack-dashboard-wrapper .text-grey{ color: #9d9b9b;}
/*text*/

.touchtrack-dashboard-wrapper h1, .touchtrack-dashboard-wrapper .h1{font-size: 2rem; font-weight: 500;}
.touchtrack-dashboard-wrapper h2, .touchtrack-dashboard-wrapper .h2{font-size: 1.75rem; font-weight: 500;}
.touchtrack-dashboard-wrapper h3, .touchtrack-dashboard-wrapper .h3{font-size: 1.50rem; font-weight: 500;}
.touchtrack-dashboard-wrapper h4, .touchtrack-dashboard-wrapper .h4{font-size: 1.25rem; font-weight: 500;}
.touchtrack-dashboard-wrapper h5, .touchtrack-dashboard-wrapper .h5{font-size: 1rem; font-weight: 500;}
.touchtrack-dashboard-wrapper h6, .touchtrack-dashboard-wrapper .h6{font-size: 13px; font-weight: 600;}
.touchtrack-dashboard-wrapper p{font-size: 12px;}

.touchtrack-dashboard-wrapper .btn{border-radius: 8px;}
.touchtrack-dashboard-wrapper .btn-sm{border-radius: 1rem; font-size: 0.touchtrack-dashboard-wrapper .8rem;}
.touchtrack-dashboard-wrapper .btn-primary.dropdown-toggle{background: #568FDB; border-color: #568FDB;}

.touchtrack-dashboard-wrapper .badge{padding: 0.35em 0.5em}
.touchtrack-dashboard-wrapper .colwrapper{display: block;  overflow-x: auto; padding-bottom: 1rem;}
.touchtrack-dashboard-wrapper .card{border-radius: 15px; background: #F7F8FF; border-color: #d3d9e8;}
.touchtrack-dashboard-wrapper .card .card-title{font-weight: 600; font-size: 13px; text-transform: uppercase;}
.touchtrack-dashboard-wrapper .card .card-title span{background: #28384C; border-radius: 4px; color: #ffffff; padding: 0.2rem 0.3rem; display:inline-block; margin-right: 0.5rem; width: 22px; height: 22px; text-align: center;}
.touchtrack-dashboard-wrapper .card .card-title span i {
  display: block;
  margin: 2px 0 0 0;
}
.touchtrack-dashboard-wrapper .card .card-title small {
  display: block;
  font-weight: 600;
  font-size: 11px;
  color: #000000;
  margin: 0 0 0 27px;
}
/*nav*/
.touchtrack-dashboard-wrapper .navbar-brand{margin-right: 2rem;}
.touchtrack-dashboard-wrapper .navbar{background: #ffffff; }
.touchtrack-dashboard-wrapper .navbar .navbar-nav .nav-link{color: rgba(0, 0, 0, 0.6); text-decoration: none; font-weight: 300; text-transform: uppercase; transition: all 0.5s ease; font-size: 13px; padding-left: 1rem; padding-left: 1rem;}
.touchtrack-dashboard-wrapper .navbar .navbar-nav .nav-link:hover, .touchtrack-dashboard-wrapper .navbar .navbar-nav .nav-link.active{color: #2C4EC6; font-weight: 600;}
.touchtrack-dashboard-wrapper .navbar-expand-md .navbar-nav .dropdown-menu{right: 0; left: unset!important;}
.touchtrack-dashboard-wrapper .navbar .navbar-nav .noticon .nav-link{margin: 0 auto;  padding: 0; position: relative; color: #ffffff;}
.touchtrack-dashboard-wrapper .noticon{height: 34px; width: 34px; border-radius: 8px; display: flex; align-items: center; background: #12549A; padding: 3px 3px 2px; text-align: center; margin-right: 20px;}
.touchtrack-dashboard-wrapper .navbar .navbar-nav .nav-link .bi{font-size: 18px;}
/*nav*/
/*table*/
.touchtrack-dashboard-wrapper .table tr th{vertical-align: middle; border: none; padding: 5px 20px;  background: transparent; color: #8893BB; font-weight: 500; font-size: 12px; text-transform: uppercase;}
.touchtrack-dashboard-wrapper .table tr td{vertical-align: middle; border: none; }
/*.table{border-collapse: separate!important; border-spacing: 0 5px!important;}*/
/*.table tbody tr{box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29); position: relative; border-radius: 0.5rem; border: 1px solid transparent;}
.table tr td{vertical-align: middle; border: none; padding: 5px 20px; background: #fff; font-size: 11px; color: #3175B4;}.table tr td:first-child{border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}
.table tr td:last-child{border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}*/
.touchtrack-dashboard-wrapper .tablearea .actions{font-size: 16px; padding: 0 0.3rem;}
/*table*/
/*form*/
.touchtrack-dashboard-wrapper .formarea{padding: 0.5rem 1.5rem 0;}
.touchtrack-dashboard-wrapper .form-control{border-radius: 1.5rem; padding: 0.275rem 0.5rem; font-size: 13px;}
.touchtrack-dashboard-wrapper .submitbtn{padding: .375rem 1.5rem; font-size: 13px; border-radius: 0.9rem!important;}
/*form*/
/*dashboard*/
.touchtrack-dashboard-wrapper .vehiclestatus{background: #0e56a0 url(../../images/dashboardImg/vehiclestatusbg.png) no-repeat; color: #ffffff; width: 100% !important;}
.touchtrack-dashboard-wrapper .vehiclestatus .card-title span{background: #fff; border-radius: 4px; color: #1D2D54; padding: 0.2rem 0.3rem; display:inline-block; margin-right: 0.5rem; width: 22px; height: 22px; text-align: center;}
.touchtrack-dashboard-wrapper .vehiclestatus .card-title span i {
  margin: 3px 0 0 0;
  display: block;
}
.touchtrack-dashboard-wrapper .vehiclestatus .statusdata{padding: 0 40px;}
.touchtrack-dashboard-wrapper .vehiclestatus .statusdata img{width: 36px; height: 36px;}
.touchtrack-dashboard-wrapper .vehiclestatus .statusdata p{line-height: 18px;}
.touchtrack-dashboard-wrapper .vehiclestatus .statusdata p small{font-size: 11px}
.touchtrack-dashboard-wrapper .vehiclestatus .chart{position: relative;}
.touchtrack-dashboard-wrapper .vehiclestatus .chart span{position: absolute; text-align: center; width: 100%; left: 0; top:75px}

.touchtrack-dashboard-wrapper  .infobox .infocard{background: #ffffff;}
.touchtrack-dashboard-wrapper .infobox .expencedtls{font-size: 11px;}
.touchtrack-dashboard-wrapper .infobox .expencedtls .badge{font-size: 11px;}
.touchtrack-dashboard-wrapper .infobox .maintenancedtls span{padding: 0.25rem 0.5rem;}
.touchtrack-dashboard-wrapper .infobox .sensordtls{margin-bottom: 1.2rem; padding: 10px 0; margin-bottom: 5px; border-bottom: 1px solid #dee2e6;}
.touchtrack-dashboard-wrapper .infobox .sensordtls.sensor{animation: sensorblink 1s infinite;}
@keyframes sensorblink {
  0% {background: #F7F8FF; border-color: #d3d9e8;}
  50% {background: #FFDDDD; border-color: #FFDDDD;}
  100% {background: #F7F8FF; border-color: #d3d9e8;}
}
.touchtrack-dashboard-wrapper .infobox .sensordtls:last-child{margin-bottom: 0; border-bottom: 0}
.touchtrack-dashboard-wrapper .infobox .sensordtls img{width: 30px; height: 31px;}

.touchtrack-dashboard-wrapper .violations.card {margin-top: 1rem; font-size: 13px;}
.touchtrack-dashboard-wrapper .violations.card .vi_icon{background: #28384C; border-radius: 0.7rem; display: inline-block; padding: 0.3rem 0.4rem 0.4rem; margin-right: 0.5rem; text-align: center;}
.touchtrack-dashboard-wrapper .violations.card .vi_icon img{width: 25px; height: 25px; margin: 3px 0 0 0;}
.touchtrack-dashboard-wrapper .violations.card .vi_icon.iconblink{animation: blink 1s infinite;}
@keyframes blink {
  0% {background: #28384C; border-color: #28384C;}
  50% {background: #F34848; border-color: #F34848;}
  100% {background: #28384C; border-color: #28384C;}
}
.touchtrack-dashboard-wrapper .vialerts.card {background:#F7F8FF; border-color: #d3d9e8; margin-top: 0; font-size: 13px; }
.touchtrack-dashboard-wrapper .vialerts.overspeed{animation: blink1 1s infinite;}
@keyframes blink1 {
  0% {background: #F7F8FF; border-color: #d3d9e8;}
  50% {background: #FFDDDD; border-color: #CF0000;}
  100% {background: #F7F8FF; border-color: #d3d9e8;}
}
.touchtrack-dashboard-wrapper .vialerts.idle{animation: blink2 1s infinite;}
@keyframes blink2 {
  0% {background: #F7F8FF; border-color: #d3d9e8;}
  50% {background: #faf0bf; border-color: #c8ad1e;}
  100% {background: #F7F8FF; border-color: #d3d9e8;}
}
.touchtrack-dashboard-wrapper .vialerts.hours{animation: blink3 1s infinite;}
@keyframes blink3 {
  0% {background: #F7F8FF; border-color: #d3d9e8;}
  50% {background: #FFF1DC; border-color: #C77A10;}
  100% {background: #F7F8FF; border-color: #d3d9e8;}
}
.touchtrack-dashboard-wrapper .vialerts.card .card-body{padding: 15px 10px;}
.touchtrack-dashboard-wrapper .vialerts .vialertbox {width: 55px; margin: 0 auto;}
.touchtrack-dashboard-wrapper .vialerts .vialertbox img{width: 28px; height: 28px;}


.touchtrack-dashboard-wrapper .card.notifications .card{background: #ffffff; border-color: #ffffff; margin-bottom: 0.7rem;}
.touchtrack-dashboard-wrapper .card.notifications .card:last-child{margin-bottom: 0rem;}
.touchtrack-dashboard-wrapper .card.notifications .card .notificationicon{width: 28px; height: 28px; border-radius: 50%; background: #EFF3FA; text-align: center; display: inline-block; padding: 4px 8px; margin:0.5rem 1rem 0 0}
.touchtrack-dashboard-wrapper .card.notifications .card .notificationicon.red{background: #FFE7E5; color: #FB6969;}
.touchtrack-dashboard-wrapper .card.notifications .notwrapper{/*height: 375px; overflow-y scroll;*/ overflow: auto; padding-right: 10px;     max-height: 335px;}
.touchtrack-dashboard-wrapper .usagegraph .form-select, .performance .form-select, .graph .form-select, .aggressivescores .form-select, .map-container .form-select{padding: 0.05rem 0.4rem; font-size: 11px; border-color: #8c8a8a; height: 26px; border-radius: 5px; }
.touchtrack-dashboard-wrapper .drivers.card .driverpic{width: 32px; height: 32px; border-radius: 50%; display: inline-block;}
.touchtrack-dashboard-wrapper .drivers.card .progress {  height: 5px;  margin: 5px 0;  background: #dddddd;}
.touchtrack-dashboard-wrapper .drivers.card .progress .progress-bar.progressbg{background: #50C686;}
.touchtrack-dashboard-wrapper .card.usageclassification .card{border: none; background: #EBEEF4!important;}
.touchtrack-dashboard-wrapper .card.usageclassification .card-title img{width: 24px; height: 24px;}
.touchtrack-dashboard-wrapper .uc_total span{background: #5586B3; color: #ffffff; border-radius: 4px; display: inline-block; padding:7px 6px;}
.touchtrack-dashboard-wrapper .map.card{overflow: hidden; position: relative;}
.touchtrack-dashboard-wrapper .map .filterarea{position: absolute; width: 50%; right: 20px; top: 20px;}
.touchtrack-dashboard-wrapper .map .form-select{padding: 0.05rem 0.4rem; font-size: 12px; border-color: #8c8a8a; height: 28px;}
.touchtrack-dashboard-wrapper .map .btn{padding: 0.05rem 0.7rem; font-size: 12px; border-color: #8c8a8a; height: 28px;}
.touchtrack-dashboard-wrapper .card.taskanddelivery .stats {margin-top: 1.5rem; font-size: 14px; font-weight: 600}
.touchtrack-dashboard-wrapper .card.taskanddelivery .stats div.col{text-align: center;}
.touchtrack-dashboard-wrapper .card.taskanddelivery .stats span{border-radius: 0.3rem; color: #ffffff; padding: 0.2rem 0.3rem; display:inline-block; margin-right: 0.5rem;}
.touchtrack-dashboard-wrapper .taskanddelivery .progress {  height: 10px;  margin: 20px 0 5px;  background: #dddddd;}
.touchtrack-dashboard-wrapper .taskanddelivery .progress .progress-bar.progressbg{background: #50C686;}

.touchtrack-dashboard-wrapper .vehiclestatgraph .nav-pills .nav-link.active, .touchtrack-dashboard-wrapper .vehiclestatgraph .nav-pills .show > .nav-link {background: none; border-bottom: 2px solid #3A4F9B; color: #3A4F9B; border-radius: 0;}
.touchtrack-dashboard-wrapper .vehiclestatgraph .nav-pills .nav-link{color: #768098; font-size: 12px; font-weight: 300;}
.touchtrack-dashboard-wrapper .geofence{background: #FAFBFF url(../../images/dashboardImg/map.png) no-repeat; background-size: cover;}
.touchtrack-dashboard-wrapper .geofence .outside{border-color: #CF0000; background: rgba(229, 87, 87, 0.2);}
.touchtrack-dashboard-wrapper .geofence .inside{border-color: #5a5a5a;}
.touchtrack-dashboard-wrapper .whours .whicon{ border-radius: 4px; padding: 4px 5px; display:inline-block; margin-right: 0.5rem;}
.touchtrack-dashboard-wrapper .whours .whno{width: 60px;}
.touchtrack-dashboard-wrapper .aggressivescores .driver{background: #ddd; border-radius: 50%; padding: 0; display:inline-block; margin-right: 0.5rem; width: 30px; height: 30px; overflow: hidden;}
.touchtrack-dashboard-wrapper .aggressivescores .driver img{width: 100%;}
.touchtrack-dashboard-wrapper .performance .red{color: #BF3838;}
.touchtrack-dashboard-wrapper .performance .orange{color: #F16767;}
.touchtrack-dashboard-wrapper .performance .yellow{color: #EBA946;}
.touchtrack-dashboard-wrapper .performance .green{color: #C8C343;}

/*Delivery dashboard*/
.touchtrack-dashboard-wrapper .tablearea{display: block;  overflow-x: auto;}
.touchtrack-dashboard-wrapper .pagetitle{background: #F3F8FF; border: 1px solid #9CAFDE; border-radius: 0.5rem; padding: 0.5rem 1rem;  display: inline-block; text-transform: uppercase; font-size: 16px; color: #28384C; font-weight: 500;}
.touchtrack-dashboard-wrapper .pagetitle img{margin-right: 1rem;}
.touchtrack-dashboard-wrapper .deliveryinfo .card{padding: 1.6rem 13px; color: #ffffff; margin-bottom: 0rem;}
.touchtrack-dashboard-wrapper .deliveryinfo .card h6{font-size: 17px;}
.touchtrack-dashboard-wrapper .deliveryinfo .totaljob{background: #458AD7; border-color: #458AD7; }
.touchtrack-dashboard-wrapper .deliveryinfo .pickup{background: #30BBD9; border-color: #30BBD9; }
.touchtrack-dashboard-wrapper .deliveryinfo .delivery{background: #329FCE; border-color: #329FCE; }
.touchtrack-dashboard-wrapper .deliveryinfo .completed{background: #46CB63; border-color: #46CB63; }
.touchtrack-dashboard-wrapper .deliveryinfo .pending{background: #DCB62E; border-color: #DCB62E; }
.touchtrack-dashboard-wrapper .deliveryinfo .vehicles{background: #5F699B; border-color: #5F699B; }
.touchtrack-dashboard-wrapper .deliveryinfo .cancelled{background: #CB6646; border-color: #CB6646; }
.touchtrack-dashboard-wrapper .jobdetails{height: 200px; overflow-y: scroll;}
.touchtrack-dashboard-wrapper .map .maptitle{position: absolute; width: 95%; left: 20px; top: 20px;}
/*Delivery dashboard*/
/*live tracking*/
.touchtrack-dashboard-wrapper .trackingmap{display: inline-block; height: 90vh; border-radius: 1rem; overflow:hidden; position:relative;}
.touchtrack-dashboard-wrapper .trackingmap iframe{border-radius: 1rem;}
 .touchtrack-dashboard-wrapper  .map-container {
  width: 100%;
  margin: 0 auto;
  height: 90vh;
  display: flex;
  transition: 1s ease;
  position: absolute;
}

.touchtrack-dashboard-wrapper .trackbar {
  width: 10%;
  height: 97%;
  background-color: #fff;
  transition: 1s ease;
  position: relative; margin: 1rem; border-radius: 1rem; overflow: hidden;
}


.touchtrack-dashboard-wrapper .sidebar_small {
  width: 30%;
}


.touchtrack-dashboard-wrapper .trackcontent{width: 450px; display: block}


.touchtrack-dashboard-wrapper .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.touchtrack-dashboard-wrapper .uploadvideo {
  color: #707070;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  width: 450px;
  height: 80px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.touchtrack-dashboard-wrapper .toggle {
  height: 40px;
  border-right: 1px solid #eee;
  position: absolute;
  top: 0;
  right: 0px; background: #fff;
}

.touchtrack-dashboard-wrapper .sidenav {
  height: 100%;
  width: 450px;
  top: 0;
  left: 5px;
  position: absolute;
  z-index: 1;
  overflow-x: hidden;
  transition: 0.3s;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #eee;
  overflow: hidden; border-radius: 10px; padding: 1rem;
}

.touchtrack-dashboard-wrapper .toggle-button {
  line-height: 70px;
  color: #eee;
  font-size: 35px;
  cursor: pointer
}
.touchtrack-dashboard-wrapper .mapformicon{width: 20px; padding-top: 5px;}
/*live tracking*/
.touchtrack-dashboard-wrapper .topmenu{display: none;}

.touchtrack-dashboard-wrapper .navbar-brand {
  padding: 0 !important;
  margin: 0 !important;
}

.touchtrack-dashboard-wrapper .pro-sidebar-logo small{
  font-size: 12px;
  font-weight: 600;
  color: #7d84ab;
}
.touchtrack-dashboard-wrapper .pro-sidebar-logo h6 {
  line-height: 20px;
  color: #7d84ab;
}
.touchtrack-dashboard-wrapper .infoboxPanel {
  margin: 0 25px 0 25px !important;
}

.touchtrack-dashboard-wrapper .vehicleStatusPanel .x-panel-body {
  width: auto !important;
}

.dashboard-main-panel {
  margin:85px 0 0 0 !important;
  top:0 !important;
  padding: 0 20px;
  /*width: 100vw !important;*/
  height: 85vh !important;
}
.dashboardRightPanel {
  padding: 0 30px;
}
.touchtrack-dashboard-wrapper .card.notifications span {
  font-size: 12px;
  color: #273240;
}
.touchtrack-dashboard-wrapper .card.notifications span:nth-child(2) {
  font-size: 12px;
  color: #273240;
  line-height: 1.5;
}
.touchtrack-dashboard-wrapper .RightInfoPanel {
  margin: 0 0 0 30px !important;
}
.touchtrack-dashboard-wrapper .infobox .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .infobox .infocard p {
  margin: 0;
}
.touchtrack-dashboard-wrapper .infobox .infocard {
  font-size: 12px;
}
.touchtrack-dashboard-wrapper .infobox .infocard .sensordtls p {
  margin: 0;
}
.touchtrack-dashboard-wrapper .infobox .infocard .sensordtls h5 {
  font-size: 16px;
}
.touchtrack-dashboard-wrapper .infobox .col-md-4 {
  padding: 0 5px !important;
}
.touchtrack-dashboard-wrapper .infobox .col-sm-6 {
  padding: 0 5px !important;
}
.touchtrack-dashboard-wrapper .infobox .infocard .row .col-6 {
  padding: 0;
}
.touchtrack-dashboard-wrapper .card.notifications .card .notificationicon i {
  display: block;
  margin: 3px 0 0 0;
}
.touchtrack-dashboard-wrapper .card.notifications .card-title span i {
  color: #ffffff;
}
.touchtrack-dashboard-wrapper .alertPanel .row, .touchtrack-dashboard-wrapper .usagegraph .row, .touchtrack-dashboard-wrapper .drivers .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .usageclassification .row .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .usageclassification .col {
  font-size: 12px;
}
.touchtrack-dashboard-wrapper .usageclassification .border-bottom {
  margin: 0 15px;
}
.touchtrack-dashboard-wrapper .usageclassification .row .row.uc_total {
  margin-bottom:45px !important;
  margin-top: 20px !important;
}
.touchtrack-dashboard-wrapper .usageclassification .card-body {
  padding: 15px;
}
.touchtrack-dashboard-wrapper .card-body {
  padding: 15px !important;
}
/*.touchtrack-dashboard-wrapper .taskanddelivery, .touchtrack-dashboard-wrapper .taskanddelivery {
  height: 310px !important;
}*/
.touchtrack-dashboard-wrapper .geofence .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .card.taskanddelivery .stats h6 {
  display: flex;
}
.touchtrack-dashboard-wrapper .card.taskanddelivery .stats span {
  border-radius: 4px;
  padding: 7px 6px;
}
.touchtrack-dashboard-wrapper .geofence .row {
  align-items: center;
}
.touchtrack-dashboard-wrapper .geofence .row span i {
  font-size: 18px !important;
  margin: 0 8px 0 0;
}
.touchtrack-dashboard-wrapper .geofence h4 {
  font-size: 20px;
}
.touchtrack-dashboard-wrapper .whours {
  font-size: 13px;
}
.touchtrack-dashboard-wrapper .whours h5 {
  font-size: 16px;
}
.touchtrack-dashboard-wrapper .whours .row.mt-2 .row.mt-2 {
  margin: 0 -5px;
}
.touchtrack-dashboard-wrapper .whours .justify-content-end {
  align-items: center;
}
.touchtrack-dashboard-wrapper .performance .row, .touchtrack-dashboard-wrapper .graph .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .performance .row .col-7, .touchtrack-dashboard-wrapper .performance .row .col {
  margin: 0;
  padding: 0;
}
/*.touchtrack-dashboard-wrapper .performance {
  height: 390px !important;
}*/
.touchtrack-dashboard-wrapper .performance .row .col-7, .touchtrack-dashboard-wrapper .performance .row .col {
  padding: 0;
}
.touchtrack-dashboard-wrapper .performance .performance span {
  font-size: 12px;
}
.touchtrack-dashboard-wrapper .map .form-select {
  border-color: #8c8a8a;
  border-radius: 5px;
}
.touchtrack-dashboard-wrapper .map .btn {
  border-color: #8c8a8a;
  border-radius: 8px;
}
/*.touchtrack-dashboard-wrapper .aggressivescores {
  height: 445px !important;
}*/
.touchtrack-dashboard-wrapper .aggressivescores .row {
  margin: 0;
}
.touchtrack-dashboard-wrapper .mt-3 {
  margin-top: 16px !important;
}
.touchtrack-dashboard-wrapper .aggressivescores .row .col-7, .touchtrack-dashboard-wrapper .aggressivescores .row .col {
  padding: 0;
}
.touchtrack-dashboard-wrapper .whours .bg-dark .card-body {
  padding:5px 15px !important;
}

.touchtrack-dashboard-wrapper .whours .card.bg-dark {
  margin: 0 10px;
}
.touchtrack-dashboard-wrapper .whours .card.bg-dark .justify-content-end {
  font-size: 11px;
}
.touchtrack-dashboard-wrapper .whours .card.bg-dark .justify-content-end i {
  font-size: 14px;
}
.touchtrack-dashboard-wrapper .whours .text-white {
  font-size: 11px;
}
.touchtrack-dashboard-wrapper .panelWrapper {
  height: 100% !important;
   /* width: 100% !important;  */
}
.touchtrack-dashboard-wrapper .table-scroll {
  max-height: 360px;
  overflow: auto;
}

.dashboard-main-panel ::-webkit-scrollbar {
  width: 8px;
  border-radius: 20px;
}

/* Track */
.dashboard-main-panel ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}

/* Handle */
.dashboard-main-panel ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
}

/* Handle on hover */
.dashboard-main-panel ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.dashboard-main-panel ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
 }
 .dashboard-main-panel ::-webkit-scrollbar-track {
  border-radius: 20px;
 }
 .dashboard-main-panel ::-webkit-scrollbar-thumb {
  border-radius: 20px;
 }


.usageGraphDropdown {
  min-width: 100%;
}

.touchtrack-dashboard-wrapper .default-dropdown .x-form-trigger-wrap {
  border: solid 1px #8c8a8a !important;
  height: 26px !important;
  background: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.touchtrack-dashboard-wrapper .default-dropdown .x-form-trigger-wrap .x-trigger-cell {
  background: transparent;
  border: 0;
}

.touchtrack-dashboard-wrapper .default-dropdown .x-form-trigger-wrap .x-form-trigger {
    background: url(../../images/dashboardImg/dropdownIcon.svg);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 0;
}
/* select.usageGraphDropdown{height:19px}
select.usageGraphDropdown:focus{height:auto} */

  /* Hide all options except the first one 
  #usageGraphSelect option:not(:first-child) {
    display: none;
  }*/


/* //////////////////////////////////////////////////
MEDIA
///////////////////////////////////////////////////*/


@media (min-width: 768px) {

  .touchtrack-dashboard-wrapper .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin:0 !important;
    margin-right: 2rem !important;
}
.touchtrack-dashboard-wrapper .navbar-collapse.collapse {
  display: flex !important;
}
}
@media only screen and (max-width: 992px) {
.touchtrack-dashboard-wrapper .topmenu{display: block;}
}

@media only screen and (max-width: 576px) {
.touchtrack-dashboard-wrapper .violations.card .col-6 {margin-bottom:0.7rem;}
.touchtrack-dashboard-wrapper .card.geofence .card-body{padding: 0.5rem;}
.touchtrack-dashboard-wrapper .vialerts.card{margin-top: 30px;}
.touchtrack-dashboard-wrapper .notifications.card{margin-top: 1rem;}
.touchtrack-dashboard-wrapper .infobox{margin-top: 1rem;}
.touchtrack-dashboard-wrapper .row.deliveryinfo > .col{flex: 0 0 auto; width: 50%;}
.touchtrack-dashboard-wrapper .row.deliveryinfo > .col:first-child{flex: 0 0 auto; width: 100%;}
.touchtrack-dashboard-wrapper .graphimg{width: 100%;}
}


.touchtrack-dashboard-wrapper .row>* {

  padding-right: 3px;  /*5px*/
  padding-left: 5px;

}

.panelWrapper, .panelWrapper .x-panel-body {
  height: 100% !important;
}

.touchtrack-dashboard-wrapper .row.hoursWrapper>* {
  padding-right: 15px;
  padding-left: 15px;
}
.touchtrack-dashboard-wrapper .alertPanel .card-body {
  padding: 15px 15px 40px 15px !important;
}
.touchtrack-dashboard-wrapper .alertPanel  .vialerts .card-body {
  padding:17px 15px !important;
}

.touchtrack-dashboard-wrapper .row.deliveryinfo .row>* {
  padding-right: 15px;
  padding-left: 15px;
}
.touchtrack-dashboard-wrapper .row.deliveryinfo .col-6 {
  padding-right: 12px;
  padding-left: 12px;
}
.touchtrack-dashboard-wrapper .pagetitle {
  background: #F3F8FF;
    border: 1px solid #9CAFDE;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    color: #28384C;
    font-weight: 500;
}
.pagetitle img {
  margin-right: 1rem;
}
.topBtns a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid transparent;
    background: #3C8AD2;
    border-color: #3C8AD2;
    font-size: 16px;
    padding: 8px 12px;
    margin: 0 0 0 10px;
    border-radius: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.topBtns a:hover {
  background: #196bb7; border-color: #196bb7;
}
.topBtns a i.bi-file-earmark-text {
  font-size:15px;
}
.top-breadcrumb {
  padding: 0;

}
.delivery-dashboard-main-container {
  top: -13px !important;
}
.panel-box {
  border-radius: 15px; 
  background: #F7F8FF; 
  border: solid 1px #d3d9e8;
  padding: 15px;
}
.panel-box.job-details-panel {
  margin :0 20px 0 0;
 }
 .panel-box .x-header {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 15px 0;
 }
 .panel-box .x-header-icon {
  background: #28384C;
  width: 23px;
  height: 22px;
  border-radius: 5px;
  opacity: 1;
 }
 .panel-box .x-header-text {
 font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color:#273240;
    font-family: 'Montserrat', sans-serif;
 }
.line-grid-panel {
  height: 225px !important;
  overflow-y: scroll !important;
  overflow-x:hidden !important;
 } 
 .line-grid-panel .x-grid-header-ct {
  border: 0 !important;
  background: transparent;
 }
 .line-grid-panel .x-column-header {
  background-color: transparent;
  border: 0;
  color: #8893BB;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  border: 0 !important;
 }
 .line-grid-panel .x-column-header-over {
  background-color: transparent;
  border: 0;
 }
 .line-grid-panel .x-column-header-trigger {
  display: none;
 }
 .line-grid-panel .x-grid-cell {
  background-color: #eaebf2;
  font-family: 'Montserrat', sans-serif;
  color: #212529;
  border: 0 !important;
  padding:4px;
 }
 .line-grid-panel .x-grid-row-alt .x-grid-td {
  background-color: #f7f8ff;
  font-size: 12px;
  font-weight: 400;
 }
 .line-grid-panel .x-grid-table {
  border: 0 !important;
 }
 /*.delivery-main-panel {
  margin: 85px 0 0 0 !important;
    top: 0 !important;
    padding: 0 20px;

    height: 92vh !important;
 }*/

 .line-grid-panel  .x-column-header-sort-ASC .x-column-header-text {

  color: #8893BB;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
 }
 .title-icon {
  background: #28384C;
  width: 23px !important;
  height: 22px !important;
  border-radius: 5px;
  display:inline-block;
  margin: 0 10px 0 0;
 }
 .title-icon img {
  width: 65%;
  margin:4px 4px 4px 5px;
 }
 .job-detailsList {
  overflow: scroll !important;
 }



.touchtrack-dashboard-wrapper .card.notifications .card .notification-idle {
  background-color: #FFFF99; /* Light yellow */
}

.touchtrack-dashboard-wrapper .card.notifications .card .ignition-stop {
  background-color: #ffcccc; /* Light red */
}

.touchtrack-dashboard-wrapper .card.notifications .card .ignition-start  {
  background-color: #ccffcc; /* Light green */
}