/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --bg:#FAFAFA;
  --black:#000;
  --white:#fff;  
  --p:#666666;
  --green:#5C9E00;
  --green2:#97F569;
  --green3:#3DC25A;
  --light-green:#94FF00;
  --red2:#F58079;
  --orange:#FB9A28;
  --blue:#48B9F7;
  --light-green2:#F1FCE3;
  --border:#E4E4E7;
  --dark-green:#101A04;
  --gray:#979797;
  --gray2:#F5F5F5;
  --gray3:#E0E0E0;
  --gray4:#C2C2C2;
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); background: var(--bg); font-family: "Inter", sans-serif; box-sizing: border-box;  font-weight: 400;}
html{scroll-padding-top: 10rem;}
body{background: var(--bg);}

a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.btn-group-box .btn{margin-right: 15px;}
.btn-group-box .btn:last-child{margin-right: 0;}
.section-padding{padding:100px 0px;}
.white{color: var(--white);}
.btn{height: 48px; line-height: 46px; padding:0px 25px; font-size: 18px; font-weight: 600; border: none; border-radius:12px; background:var(--green); color: var(--white);}
.btn:hover{background:var(--dark-green); color: var(--white);}
.border-btn-chn{background:var(--white); height: 48px; line-height: 46px; padding:0px 25px; font-size: 18px; color: #312f2f; font-weight: 600; border: solid 1px; border-color:#312f2f; border-radius: 12px; display: inline-block; text-align: center;}
.border-btn{background:var(--white); height: 48px; line-height: 46px; padding:0px 25px; font-size: 18px; color: var(--green); font-weight: 600; border: solid 1px; border-color:var(--green); border-radius: 12px; display: inline-block; text-align: center;}
.yellow-border-btn{background:transparent; height: 42px; line-height: 41px; padding:0px 15px; font-size: 15px; color: var(--yellow); font-weight: 600; border: solid 1px; border-color:var(--yellow); border-radius: 5px; display: inline-block; text-align: center;}

h1 { font-size:34px; }
h2 { font-size:28px }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.site-bg{padding-left: 0px; padding-top: 83px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.ml-50{margin-left: 50px}
.white-bg{background:var(--white); border: 1px solid var(--light-gray3); border-radius: 20px;}
.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.form-check-input:checked{background-color: var(--green); border-color: var(--green);}


/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); */

/*--------------------------------------------------------------------------------------*/
/*form-pages-css-here
/*--------------------------------------------------------------------------------------*/

.form-bg{min-height: 100vh;}
.form-bg .row{margin: 0;}
.form-bg .col-md-5,.form-bg .col-md-7{padding: 0; display: flex;}
.form-image-box{height:100vh; width: 100%;}
.form-content-bg{height: 100vh; overflow: auto; padding: 15px 0px; width: 100%; display: flex;}
.form-image-box img{width: 100%; height: 100%; object-fit: cover;}
.form-box{width: 100%; margin: auto; max-width: 520px;}
.form-logo{text-align: center; margin-bottom: 50px;}
.form-head{text-align: center; margin-bottom: 40px;}
.form-head h2{font-size: 30px; font-weight: 600;}
.form-group{position: relative; margin-bottom: 15px;}
.form-group label{font-size: 16px; color: var(--black); font-weight: 600; margin-bottom: 5px;}
.form-group label span{color: var(--p); font-weight: normal;}
.form-group label i{font-size: 22px;}
.form-control{border: solid 1px var(--border); height: 48px; border-radius:12px;}
textarea.form-control{height: 120px;}
.eye-btn{position: absolute; right:10px; top:34px; background: none; border: none; font-size: 28px;}
.with-icon .form-control{padding-right: 40px;}
.form-control:focus{box-shadow: none; border-color: var(--green);}
select.form-control{background: url(../images/drop-arrow1.png) no-repeat right center var(--white); padding-right: 40px;}
.form-submit-btn{padding-top: 15px;}
.form-submit-btn .btn{width: 100%;}
.forgot-password{text-align: center; margin-top: 25px;}
.forgot-password a{font-size: 16px; color: var(--green); font-weight: 600;}
.otp-box{display: flex; align-items: center; justify-content: space-between;}
.otp-box .form-group{margin: 0px 8px;}
.otp-box .form-control{text-align: center;}
.form-foot{margin-top: 30px; text-align: center;}
.form-foot p{margin: 0;}
.form-foot p a{color: var(--green);}

/*--------------------------------------------------------------------------------------*/
/*dashboard-css-here
/*--------------------------------------------------------------------------------------*/

.logo{/*background: var(--dark-green);*/ padding: 10px; width: 256px; text-align: center;}
header{position: fixed; left: 0; top: 0; width: 100%; background: var(--white); border-bottom: solid 1px var(--border); padding: 0px 15px 0px 0px; z-index: 9;}
.header-inner{display: flex; align-items: center;}
.header-inner h2{margin:0 0 0 30px; font-size: 24px; color: var(--black); font-weight: bold;}
.header-inner{justify-content: space-between;}
.header-inner .navbar{justify-content: center; flex: 1;}
.header-inner .navbar-collapse{justify-content: center;}
.header-inner .navbar-nav li{margin-right: 15px;}
.header-inner .navbar-nav li:last-child{margin-right: 0;}
.header-inner .navbar-nav li a{font-size: 15px; display: flex; align-items: center; font-weight: 600;}
.header-inner .navbar-nav li a i{font-size: 18px; margin-right: 5px;}
.header-inner .navbar-nav li a:hover{color: var(--green);}

.dash-head-right{margin-left: auto; display: flex; align-items: center;}
.dash-head-right a{width: 40px; height: 40px; background: var(--green); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--white); margin-right: 15px;}
.dash-head-right a:hover{background: var(--dark-green);}
.dash-head-right a:last-child{margin-right: 0;}
.sidebar{position: fixed; left: 0; top:82px; height: calc(100vh - 82px); overflow: auto; width: 256px; background: var(--dark-green);}
.menu-toggle{background: var(--green); color: var(--white); border: none; width: 40px; height: 40px; font-size: 28px; border-radius: 50px; margin-left: 30px; display: none;}
.hide-sidebar .sidebar{left: -100%;}
.hide-sidebar .logo{background: var(--white);}
.hide-sidebar .site-bg{padding-left: 0;}
.dashboard-warper{padding: 30px;}
.white-box{background: var(--white); border: solid 1px var(--border); border-radius: 10px;}
.dashboard-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(363px, 1fr)); gap: 30px;}
.dashboard-list ul li{background: rgba(74,51,218,6%); text-align: center; padding: 30px; border-radius: 10px;}
.dashboard-list ul li figure{width: 76px; height: 76px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.dashboard-list ul li figure{background: #4A33DA; margin: auto;}
.dashboard-list ul li figcaption{padding-top: 15px; font-size: 16px; color: var(--black); font-weight: 600;}

.dashboard-list ul li.box1{background: rgba(74,51,218,6%);}
.dashboard-list ul li.box1 figure{background: #4A33DA;}

.dashboard-list ul li.box2{background: rgba(218,51,51,6%);}
.dashboard-list ul li.box2 figure{background: #DA3333;}

.dashboard-list ul li.box3{background: rgba(255,86,14,6%);}
.dashboard-list ul li.box3 figure{background: #FF560E;}

.dashboard-list ul li.box4{background: rgba(49,185,1,6%);}
.dashboard-list ul li.box4 figure{background: #31B901;}

.dashboard-list ul li.box5{background: rgba(1,185,185,6%);}
.dashboard-list ul li.box5 figure{background: #01B9B9;}

.dashboard-list ul li.box6{background: rgba(220,14,224,6%);}
.dashboard-list ul li.box6 figure{background: #DC0EE0;}

.dashboard-list ul li.box7{background: rgba(172,156,6,6%);}
.dashboard-list ul li.box7 figure{background: #AC9C06;}

.dashboard-list ul li.box8{background: rgba(6,103,172,6%);}
.dashboard-list ul li.box8 figure{background: #0667AC;}

.dashboard-list ul li.box9{background: rgba(1,51,181,6%);}
.dashboard-list ul li.box9 figure{background: #0133B5;}

.dashboard-list ul li.box10{background: rgba(251,159,21,6%);}
.dashboard-list ul li.box10 figure{background: #FB9F15;}

.dashboard-list ul li.box10{background: rgba(11,111,69,6%);}
.dashboard-list ul li.box10 figure{background: #0B6F45;}

.sidebar{padding: 15px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; z-index: 99;}
.sidebar ul li{margin-bottom: 5px;}
.sidebar ul li:last-child{margin-bottom: 0;}
.sidebar ul li a{color: var(--gray); font-size: 15px; padding: 10px; display: flex; align-items: center; border-radius: 6px;}
.sidebar ul li.submenu > a{background: url(../images/arrow.png) no-repeat 90% center;}
.sidebar ul li a:hover{color: var(--green);}
.sidebar ul li a i{font-size: 22px;}
.sidebar ul li a span{padding-left: 10px;}
.submenu-items{display: none;}
.sidebar ul li.active a{background: var(--green); color: var(--white);}
.sidebar ul li.submenu.active > a{background: url(../images/arrow-white.png) no-repeat 90% center var(--green);}
.sidebar ul li.submenu.active .submenu-items li a{background: none; color: var(--gray);} 

/*--------------------------------------------------------------------------------------*/
/*live-tracking-css-here
/*--------------------------------------------------------------------------------------*/

.map-box{height: calc(100vh - 210px);}
.map-box iframe{width: 100%; height: 100%;}
.map-content-bg{position: relative;}
.map-search-box{position: absolute; left:15px; top:15px;}
.map-satellite-box{display: flex;}
.map-satellite-box ul{display: flex; align-items: center; background: var(--white); border: solid 1px var(--border);}
.map-satellite-box ul li{border-right: solid 1px; border-color: var(--border);}
.map-satellite-box ul li:last-child{border: none;}
.map-satellite-box ul li a{font-size: 15px; color: var(--p); padding: 8px 25px; display:block;}
.map-satellite-box ul li.active a{font-weight: 700; color: var(--black);}

.location-search-box .form-control{width: 100%; border-radius: 50px; background: url(../images/search.png) no-repeat 15px center var(--white); padding-left: 50px;}
.map-assets-head{padding: 7px;}
.map-assets-head h2{background: url(../images/drop-arrow.png) no-repeat right center; font-size: 18px; color: var(--black); font-weight: 700; margin: 0;}
.classic-markers-box{display:flex; align-items: center;}
.classic-markers-select{flex:0 0 161px; max-width: 161px;}
.classic-markers-select .form-control{border-radius: 50px; font-size: 14px;}
.markers-btn{flex:1; display: flex; align-items: center; margin-left: 8px;}
.markers-btn button{border: none; background: none; width: 30px; height: 30px; border: solid 1px var(--border); display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-right: 4px; padding: 5px; font-size: 20px; color: var(--p);}
.map-assets-des{padding: 7px; border-top: solid 1px var(--border);}
.map-assets-des.hide{display: none;}
.markers-btn button:last-child{margin-right: 0;}
.search-filter-box{display: flex; align-items: center; margin: 10px 0px;}
.filter-search{flex:1; margin-right: 10px;}
.filter-search .form-control{width: 100%; border-radius: 50px; background: url(../images/search.png) no-repeat 15px center var(--white); padding-left: 50px;}
.filter-sort-box{display: flex; align-items: center;}
.filter-sort-box .form-control{width: 95px; margin-right: 10px; border-radius: 50px;}
.filter-sort-box .form-control:last-child{margin-right: 0;}
.all-asset-box .form-control{width: 100%;}
.assets-search-content ul li{background: var(--bg); padding: 5px; display: flex; flex-direction: column; align-items: center; margin-bottom: 5px;}
.assets-search-content ul li:last-child{margin-bottom: 0;}
.assets-search-content figure{    display: flex; gap: 5px; place-self: flex-start; max-width: 20px; margin: 0;}
.assets-search-content figcaption{flex:1; padding-left: 3px; margin-top: -7px;}
.assets-search-content figcaption h3{font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 0px;}
.assets-search-content figcaption p{margin: 0;}

.remora-box{width: 375px; background: var(--white); border-radius: 6px; position: absolute; left: 300px; top: 150px; display: none;}
.remora-head{display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--border); padding: 20px 15px;}
.remora-head h2{font-size: 15px; color: var(--black); font-weight: 600; margin: 0;}
.remora-button{display: flex; align-items: center;}
.remora-button ul{display: flex; align-items: center; margin-right: 6px;}
.remora-button ul li{margin-right: 6px;}
.remora-button ul li:last-child{margin-right: 0;}
.remora-button ul li button{border: none; background: none; width:30px; height: 30px; padding: 5px; border: solid 1px var(--border); border-radius: 50px; display: flex; align-items: center;}
.close-remora{background: none; border: none;}
.remora-des{max-height: 250px; overflow: auto; padding: 20px 15px;}
.remora-des p{font-size: 13px; color: var(--black); margin: 0;}
.remora-des p span{font-weight: 600;}
.remora-foot{padding: 10px 15px;}
.remora-foot ul{display: flex; align-items: center;}
.remora-foot ul li{margin-right: 10px;}
.remora-foot ul li:last-child{margin-right: 0;}
.remora-foot ul li a{display: flex; align-items: center; font-size: 14px; font-weight: 600; color:var(--green);}
.remora-foot ul li a i{font-size: 22px; margin-right: 5px;}
.remora-box.show{display: block;}
.modal-header{display: flex; align-items: center;}
.modal-header h1{font-size: 22px; color: var(--black); font-weight: 700;}
.btn-close{opacity: 1;}
.modal-header{border: none; padding: 30px;}
.modal-body{padding:0 30px 30px 30px;}
.table tr th{background: none !important; border-right: solid 1px var(--border); border-top:solid 1px var(--border); font-size: 14px;}
.table tr th:last-child{border-right: none;}
.table tr td{font-size: 15px; color: var(--black); vertical-align: middle;}
.table tr td .form-control{min-width: 120px;}
.table-action-box{display: flex; align-items: center;}
.table-action-box a{font-size: 24px; color: var(--black); margin-right: 8px;}
.table-action-box a:last-child{margin-right: 0;}
.table tr:nth-child(odd) td{background: var(--gray2);}
.modal-footer{display: flex; align-items: center; justify-content: center; border: none; padding-top: 0; padding-bottom: 30px;}
.modal-footer .btn{min-width: 145px; text-align: center; margin-right: 12px;}
.modal-footer .btn:last-child{margin-right: 0;}
.select-date-box .form-control{background: url(../images/cal.png) no-repeat right center var(--white); padding-right: 48px;}
.advanced-option-btn{background: none; border: none; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--green); font-weight: 600; width: 100%;}
.advanced-option-btn span{margin-right: 5px;}
.advanced-option-btn i{font-size: 24px;}
.advanced-options-box{margin-bottom: 15px;}
.advanced-options-list{margin-top: 20px;}
.advanced-options-list h3{font-size: 16px; color: var(--black); font-weight:600; margin-bottom: 15px;}
.advanced-options-list ul{display: flex; flex-wrap: wrap;}
.advanced-options-list ul li{flex:0 0 50%; max-width: 50%; padding-right: 10px; margin-bottom: 8px;}
.advanced-options-list .form-check label{font-size: 14px;}
.advanced-options-list.show{display: block;}
.live-preview-bg{position: relative;}
.live-preview-bg iframe{width:100%; height: 100vh;}
.live-preview-logo{position:absolute; left: 0; top: 0; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
.live-preview-logo a{display: inline-block; background: var(--white); box-shadow: 0px 2px 14px rgba(100, 99, 99, 0.25); padding: 10px 15px;}
.live-preview-logo a img{height: 70px;}

/*--------------------------------------------------------------------------------------*/
/*trip-history-map-view-page-css-here
/*--------------------------------------------------------------------------------------*/

.page-sub-title{margin: 0px 0 20px 0px; display: flex; align-items: center; justify-content: space-between;}
.dashboard-warper-subtitle .map-box{height: calc(100vh - 250px);}
.page-sub-title h2{font-size: 20px; color: var(--black); font-weight: 600; margin: 0;}
.remora-select{margin: 15px 0px;}
.select-trip-date-box{display: flex; align-items: center; justify-content: space-between;}
.select-trip-date-box button{width: 48px; height: 48px; border-radius: 50px; background: none; border: solid 1px var(--border); font-size: 22px; display: flex; align-items: center; justify-content: center;}
.select-trip-date-box .select-date-box{flex:1}
.trip-history-list-content{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.trip-history-des-left{flex:1; padding-right: 15px;}
.trip-history-des-left h3{font-size: 14px; color: var(--black); font-weight: 600; margin-bottom: 5px;}
.trip-history-des-left p{font-size: 14px; margin:0 0 5px 0; line-height: normal;}
.trip-history-des-right{display: flex; align-items: center; margin-left: auto;}
.trip-history-des-right a{font-size: 24px; color: var(--black); margin-right: 8px;}
.trip-history-des-right a:last-child{margin-right: 0;}
.trip-history-des-right a:hover{color: var(--green);}
.max-stop-box{display: flex; justify-content: space-between;}
.max-stop-box p{margin: 0;}
.trip-mins-km-box{background: var(--light-green2); padding: 8px; margin-top: 15px;}
.trip-mins-km-box ul{display: flex; align-items:center; justify-content: space-between;}
.trip-mins-km-box ul li{flex:1; text-align: center; padding: 0px 10px; font-size: 16px; color: var(--green); font-weight: 600; border-right:solid 1px var(--green);}
.trip-mins-km-box ul li:last-child{border: none;}

/*--------------------------------------------------------------------------------------*/
/*asset-daily-coverage-map-page-css-here
/*--------------------------------------------------------------------------------------*/

.departments-sort-box{display: flex; align-items: center; justify-content: space-between; margin: 15px 0px;}
.departments-sort-box .remora-select{margin:0 15px 0 0; flex:1;}
.select-all-box{margin: 15px 0px;}

/*--------------------------------------------------------------------------------------*/
/*manage-trips-page-css-here
/*--------------------------------------------------------------------------------------*/

.page-filter-bg{display: flex; align-items: center;}
.adjustments-filter{width: 48px; height: 48px; background: var(--white); border-radius: 8px; border: solid 1px var(--green); margin-right: 15px; font-size: 22px; color:var(--green);}
.trip-operations-box{margin-right: 15px;}
.day-head td{background: var(--gray3) !important; font-size: 14px; color: var(--black); font-weight: 600;}
.table-in-icon{font-size: 22px; color: var(--black);}
.pagination-box{display: flex; align-items: center; justify-content: flex-end;}
.pagination-box ul{display: flex; align-items: center;}
.pagination-box ul li{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 3px; background: var(--gray2); font-size: 16px; color: var(--black); font-weight: 600; margin-right: 5px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; cursor: pointer;}  
.pagination-box ul li.active{background: var(--green); color: var(--white);}
.pagination-box ul li:last-child{margin-right: 0;}
.pagination-box ul li i{font-size: 24px;}
.pagination-box ul li:hover{background: var(--green); color: var(--white);}
.color-table-green{width: 9px; height: 21px; background: var(--green);}
.today-most-btn{display: flex; align-items: center; margin-top: 29px;}
.today-most-btn button{height: 48px; background: var(--white); border: solid 1px var(--border); font-size: 14px; flex:1; margin-right: 8px; border-radius: 12px; font-weight: 600;} 
.today-most-btn button:last-child{margin-right: 0;}
.day-list{display: flex; align-items: center; flex-wrap: wrap;}
.day-list button{width: 55px; height: 48px; border: solid 1px var(--border); background: var(--white); border-radius: 12px; position: relative; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--black); background: var(--white); margin-right: 10px;}
.day-list button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.day-list button:last-child{margin-right: 0;}
.day-list button.active{background: var(--green); border-color: var(--green); color: var(--white);}
.week-list{display: flex; align-items: center; margin-top: 10px;}
.week-list button{margin-right: 10px; font-weight: normal; color: var(--black); border: solid 1px var(--border);}
.week-list button:last-child{margin-right: 0;}
.week-list button:hover{border-color: var(--green);}
.week-list button.active{border-color: var(--green); background: var(--green); color: var(--white);}

/*--------------------------------------------------------------------------------------*/
/*asset-timeline-page-css-here
/*--------------------------------------------------------------------------------------*/

.event-head-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.event-left{font-size: 15px; color: var(--p);}
.event-right{display: flex; align-items: center; background: var(--light-green2); padding: 10px 10px;}
.event-right ul{display: flex; align-items: center;}
.event-right ul li{margin-right: 15px;}
.event-right ul li:last-child{margin-right: 0;}
.event-right ul li a{display: flex; align-items: center;}
.event-right ul li i{margin-right: 5px; margin-top: -2px;}
.event-right ul li span{font-size: 14px; color: var(--black);} 
.table tr.green td{background: var(--green2);}
.table tr.red td{background: var(--red2);}
.table tr.blue td{background: var(--blue);}

/*--------------------------------------------------------------------------------------*/
/*my-trips-page-css-here
/*--------------------------------------------------------------------------------------*/

.tab-head ul.nav li button{font-size: 16px; color: var(--p); border-bottom: solid 2px transparent; border-radius: 0;}
.tab-head ul.nav li button.active{background: none; border-bottom: solid 2px var(--green); color: var(--green); font-weight: 700;}
.status-table a{display: flex; align-items: center;}
.status-table a i{width: 8px; height: 8px; border-radius: 50px; background: var(--gray); margin-right: 8px;}
.status-table.completed a{color: var(--green3);}
.status-table.completed a i{background: var(--green3);}
.status-table.pending a{color: var(--orange);}
.status-table.pending a i{background: var(--orange);}

/*--------------------------------------------------------------------------------------*/
/*assets-page-css-here
/*--------------------------------------------------------------------------------------*/

.assets-search-toolbar{display:flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.assets-search-box .form-control{background: url(../images/search.png) no-repeat 10px center; padding-left: 45px; border-radius: 50px; width: 500px;}
.toolbar-btn{display: flex; align-items: center;}
.toolbar-btn .btn{background: var(--white); padding: 0px 15px; border-radius: 12px; margin-right: 15px; font-size: 16px; border: solid 1px var(--green); color: var(--green);}
.toolbar-btn .btn.disabled{background: var(--gray4); border: solid 1px var(--gray4); padding: 0px 15px; border-radius: 12px; margin-right: 15px; font-size: 16px; color: var(--black);}
.toolbar-btn .btn:last-child{margin-right: 0;}
.toolbar-btn .dropdown-toggle:after{background: url(../images/gray-arrow.png) no-repeat; width: 20px; height: 21px; border: none; position: relative; top: 8px;}
.action-box .dropdown-menu{margin: 0; box-shadow: 0px 1px 9px rgba(71, 66, 66, 0.16); border: none; background: var(--white); border-radius: 6px;}
.action-box .dropdown-menu li a{font-size: 14px; display: flex; align-items: center; padding: 8px;}
.action-box .dropdown-menu li a i{font-size: 22px; margin-right: 5px;}
.action-box .dropdown-toggle{background: none; border: none; font-size: 26px; color: var(--black);}
.action-box .dropdown-toggle:after{content: none;}
.location-info-box{display: flex; align-items: center;}
.location-info-box a{margin-right: 8px; font-size: 22px;}
.location-info-box a:last-child{margin-right: 0;}
.assets-check-list{display: flex; flex-wrap: wrap;}
.assets-check-list .form-check{flex:0 0 50%; width: 50%; margin-bottom: 8px;}
.create-asset-btn ul li{margin-bottom: 10px;}
.create-asset-btn ul li:last-child{margin-bottom: 0;}
.create-asset-btn ul li a{background: url(../images/right-arrow.png) no-repeat right center var(--bg);  padding: 13px; display: block; border-radius: 4px;}

/*--------------------------------------------------------------------------------------*/
/*create-new-asset-page-css-here
/*--------------------------------------------------------------------------------------*/

.breadcrumbs-menu{margin-bottom: 15px;}
.breadcrumbs-menu ul{display: flex; align-items: center;}
.breadcrumbs-menu ul li{margin-right: 5px;}
.breadcrumbs-menu ul li:last-child{margin-right: 0;}
.breadcrumbs-menu ul li a{display: flex; align-items: center; color: var(--green); font-size: 14px;}
.breadcrumbs-menu ul li a span{color: var(--black);}
.breadcrumbs-menu ul li a i{margin-right: 5px; font-size: 22px; color: var(--black);}
.label-button-box{display: flex; align-items: center; justify-content: space-between;}
.label-button-box button{display: flex; align-items: center; background: none; border: none; font-size: 16px; color:var(--green); font-weight: 600; margin-bottom: 5px;}
.label-button-box button i{font-size: 22px; margin-right: 5px;}
.button-action-box{display:flex; align-items: center; margin-top: 130px;}
.button-action-box button{margin-right: 10px;}
.button-action-box button:last-child{margin-right: 0;}
.button-action-box p{margin: 0;}
.create-edit-box{display: flex; align-items: center;}
.create-edit-box button{margin-right: 10px;}
.create-edit-box button:last-child{margin-right: 0;}
.create-edit-box a{color: var(--green); font-size: 16px; font-weight: 600;}
.upload-btn{background: none; border: none; width: 30px; height: 30px; font-size: 24px; color: var(--black); position: absolute; right: 15px; top: 35px;}
.upload-btn input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1;}
.form-check label i{font-size: 24px;}
.health-enabled-box{display: flex; align-items: center;}
.health-enabled-box label{display: flex; align-items: center; margin-left: 10px; padding-top: 4px;}
.health-enabled-box label i{margin-left: 5px;}
.health-tracking-enabled-list ul{display: flex; flex-wrap: wrap;}
.health-tracking-enabled-list ul li{width: 33.33%; flex:0 0 33%; margin-bottom: 10px;}
.view-more{display: flex;}
.view-more a{display: flex; align-items: center; font-size: 16px; color: var(--green); font-weight: 600;}
.view-more a span{padding-right: 5px;}
.view-more a i{font-size: 24px;} 
.advanced-check-list{display: flex; align-items: center; flex-wrap: wrap;}
.advanced-check-list .form-check{margin-right: 30px; display: flex; align-items: center; }
.advanced-check-list .form-check label{display: flex; align-items: center; padding-left: 10px; padding-top: 5px;}
.advanced-check-list .form-check:last-child{margin-right: 0;}
.advanced-check-list .form-check label i{margin-left: 5px;}
.reset-mappings-btn{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 30px;}
.reset-mappings-btn .btn{margin-right: 10px;} 
.reset-mappings-btn .btn:last-child{margin-right: 0;}
.analogue-mappings-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.analogue-mappings-head h2{font-size: 18px; color: var(--black); font-weight: 600; margin: 0;}
.add-new-btn{display: flex; align-items: center;}
.add-new-btn a{display: flex; align-items: center; font-size: 16px; font-weight: 600; color: var(--green); margin-right: 15px;}
.add-new-btn a i{font-size: 22px; margin-right: 5px;}
.add-new-btn a:last-child{margin-right: 0;}
.analogue-mappings-content{margin-bottom: 30px;}
.analogue-mappings-content tr td select.form-control{min-width: 180px;}
.trip-live-btn{display: flex; align-items: center;}
.trip-live-btn .btn{margin-right: 10px; font-size: 14px; padding: 0px 20px; height: 40px; line-height: 38px;}
.trip-live-btn .btn:last-child{margin-right: 0;}
.radio-list{display: flex; align-items: center;} 
.radio-list .form-check{margin-right: 15px;}
.radio-list .form-check
.radio-list .form-check label{font-weight: normal;}
.check-list{display: flex; flex-wrap: wrap;}
.check-list .form-check{margin-right: 15px;}
.check-list .form-check label{font-weight: normal;}
.edit-delete-action{display: flex; align-items: center;}
.edit-delete-action a{font-size: 24px; margin-right: 10px;}
.edit-delete-action a:last-child{margin-right: 0;}
.form-check{display: flex; align-items: center;}
.form-check input{margin-right: 5px;}
.form-check label{display: flex; align-items: center; padding-top: 4px;}
.form-check label i{margin-left: 5px;}
.log-box{margin-bottom: 15px;}
.range-box{display: flex; align-items: center; margin-top: 14px;}
.range-box input{flex: 1;}
.range-box span{margin-left: 10px; font-size: 14px; color: var(--p);}
.form-range::-moz-range-thumb{background-color: var(--green) !important;}
.form-range::-webkit-range-thumb{background-color: var(--green) !important;}
.allow-driver-list{display: flex; align-items: center; margin-bottom: 10px;}
.allow-driver-list .form-check{margin-right:30px;}
.allow-driver-list .form-check:last-child{margin-right: 0;}
.enabled-driver-bg .col-md-5,.enabled-driver-bg .col-md-2{display: flex;}
.enabled-driver-des{width: 100%; background: var(--gray2); padding: 20px; border-radius: 10px;}
.enabled-driver-bg .col-md-2{align-items: center;}
.driver-btn-list{display: flex; justify-content: center; align-items: center; width: 100%;}
.driver-btn-list button{display: block; width: 48px; height: 48px; background: none; border: solid 1px var(--border); font-size: 28px; border-radius: 50px; margin-bottom: 15px;}
.driver-btn-list button:last-child{margin-bottom: 0;}
.enabled-driver-des h3{font-size: 18px; color: var(--black); font-weight: 600; margin-bottom: 15px;} 
.search-box .form-control{background: url(../images/search.png) no-repeat 10px center var(--white); padding-left: 45px;}
.driver-select-list ul li{background: var(--white); border: solid 1px var(--border); background: var(--white); border-radius: 12px; text-align: center; padding:14px 10px; font-size: 14px; color: var(--black); margin-bottom: 10px;}
.driver-select-list ul li:last-child{margin-bottom: 0;}
.driver-select-list ul li.active{border-color:var(--green);}
.fuel-consumption-des{padding: 15px; background: var(--gray2); border-radius: 10px; margin-bottom: 15px;}
.fuel-consumption-des ul{list-style: number; padding-left: 20px;}
.fuel-consumption-des ul li{color: var(--p); font-size: 16px;}
.fuel-consumption-des p:last-child{margin-bottom: 0;}

/*--------------------------------------------------------------------------------------*/
/*create-new-asset-page-css-here
/*--------------------------------------------------------------------------------------*/

.dropdown .dropdown-menu li a i{font-size: 24px;}
.select-department-create-box{display: flex;}
.select-department-create-box .form-group{margin-right: 10px; flex:1;}
.alert-tagalerts-bg{margin: 15px 0px;}
.alert-tagalerts-bg .nav-tabs{border: none;}
.alert-tagalerts-bg .nav-tabs button.nav-link{border: none; background: var(--gray2); font-size: 16px; color: var(--p); border-radius: 0;}
.alert-tagalerts-bg .nav-tabs button.nav-link.active{background: var(--green); color: var(--white);}

/*--------------------------------------------------------------------------------------*/
/*geo-fences-create-new-page-css-here
/*--------------------------------------------------------------------------------------*/

.create-asset-geo-fences .advanced-option-btn{justify-content: flex-start;}
.draw-fence-btn{margin-top: 30px;}
.drew-fencemap-box{height: 450px; width: 100%; position: relative;}
.drew-fencemap-box iframe{width: 100%; height: 100%;}
.draw-btn{position: absolute; left: 15px; top: 15px;}
.draw-btn a{height: 48px; line-height: 48px; border-radius: 12px; background: var(--white); border: solid 1px var(--border); display: block; padding: 0px 15px; display: flex; align-items: center;}
.draw-btn a i{font-size: 24px; margin-right: 5px;}
.active-shares-head{margin-bottom: 15px;}
.active-shares-head h2{font-size: 18px; color: var(--black); font-weight: 600;}
.map-draw-btn{position: absolute; right: 64px; top: 10px;}
.map-draw-btn select{padding: 10px; border-radius: 4px;}




.out-put-box{margin-bottom: 15px;}
.export-all a{margin-right: 5px;}
.export-all a:last-child{margin-right: 0;}
.new-alert-wizard-step{margin-bottom: 15px;}
.new-alert-wizard-step ul{display: flex; align-items: center;}
.new-alert-wizard-step ul li{width: 101px; flex:0 0 101px; margin-right: 10px;}
.new-alert-wizard-step ul li:last-child{margin-right: 0px;}
.new-alert-wizard-step ul li a{width: 100%; height: 6px; background: var(--gray3); display: block; border-radius: 50px;}
.new-alert-wizard-step ul li.active a{background: var(--green);}
.assign-time-check-list{display: flex; align-items: center;}
.assign-time-check-list .form-check{margin-right: 15px;}
.assign-time-check-list .form-check:last-child{margin-right: 0;}
.token-example-box{text-align: center; background: var(--bg); padding: 12px; text-align: center; border-radius: 4px;} 
.token-example-box span{font-size: 15px; font-weight: 600; color: var(--black);}
.conditions-check-list .form-check label{font-size: 15px;}


.password-message{list-style: disc; padding-left: 15px; padding-top: 10px;}
.password-message li{font-size: 14px; color: var(--p); margin: 0;}
.asset-access-content-des h3{font-size: 16px; color: var(--black); font-weight: 600;}
.base-setting-permissions-box h3{font-size: 16px; color: var(--black); font-weight: 600;}
.mapping-values-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.mapping-values-head h3{font-size: 18px; font-weight: 600; color: var(--black); margin: 0;}  
.mapping-values-head button{background: none; border: none; font-size: 16px; font-weight: 600; color: var(--green);}
.select-ios-list{display: flex; align-items: center;}
.select-ios-list .form-check{margin-right: 30px;}
.select-ios-list .form-check:last-child{margin-right: 0;}
.select-ios h3{font-size: 16px; color: var(--black); font-weight: 600;}
.edit-delete-action .border-btn{font-size: 14px; font-weight: 600; height: 42px; line-height: 40px; white-space: nowrap;}


/*--------------------------------------------------------------------------------------*/
/*device-data-export-page-css-here
/*--------------------------------------------------------------------------------------*/

.day-of-week h3{font-size: 16px; color: var(--black); font-weight: 600;}
.day-of-week-list .btn{font-weight: 400; min-width:48px; padding: 0px 15px;}
.day-of-week-list{margin-bottom: 15px;     display: flex; gap: 5px}

/*--------------------------------------------------------------------------------------*/
/*scheduled-reports-page-css-here
/*--------------------------------------------------------------------------------------*/

.edit-delete-action .btn{font-weight: 600; font-size: 14px; border-radius: 12px; height: 38px; line-height: 37px;}

/*--------------------------------------------------------------------------------------*/
/*asset-analogue-graph-page-css-here
/*--------------------------------------------------------------------------------------*/

.analogue-graphing-list{display: flex; flex-wrap: wrap;}
.analogue-graphing-list .form-check{margin-right: 10px; margin-bottom: 5px;}
.out-put-box h3{font-size: 16px; color: var(--black); font-weight: 600;}
.date-range-box h3{font-size: 18px; font-weight: 600; color: var(--black);}