/* common setting start */
:root {
    --primary_color:#2437F7;    
    --secondary_color:#141A22;  
    --darkgrey_color:#6e7f8d;  
    --lightgrey_color:#A4AAB3;  
    --lightgrey_1_color:#C8D0DB;  
    --red_color:#d91e1e; 
    --success_color:#36C265;
}

body{color:var(--secondary_color);}
.navbar-dark{background-color:var(--primary_color);}
.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {background-color: rgba(0,0,0,0.5);}
.navbar-brand{padding-top:1.4rem; padding-bottom: unset;}
.navbar-brand img{height: 26px;  margin-top: -10px;}
.user_profile_logo{display: inline-block; background: #fff; border-radius: 100px; width: 36px; height: 36px; top: 0px; position: relative; line-height: 36px;}
.user_profile_logo img{max-height: 36px;max-width: 36px;line-height: 36px; border-radius: 36px;}
.datatable-scroll{overflow: auto;}

.page-title{padding: 0.9rem 0;}
.text-muted{color: var(--darkgrey_color) !important}
.primary_color{color:#2437F7;    }
.secondary_color{color:#141A22;  }
.darkgrey_color{color:#6E7F8D;  }
.lightgrey_color{color:#A4AAB3;  }
.lightgrey_1_color{color:#C8D0DB;  }
.red_color{color:#d91e1e;  }
.success_color{color:#36C265;}
.font10{font-size: 10px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.clr{clear: both;}
.form-group-productList{width:250px;}
.form-group-brandList{width:250px;}

::-webkit-scrollbar-thumb{background-color:#888}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background-color:#ddd}
.token-input { width: 100% !important; }
label.error{color:var(--red_color)}

/* common setting end */

/* admin setting  */
.seeting_icon_color_1{background: #9adbe5;}
.seeting_icon_color_2{background: #73b0ec;}
.seeting_icon_color_3{background: #737cec;}

.supply_chain_config_list ul{margin: 0; padding: 0;}
.supply_chain_config_list ul li{margin: 0; padding: 0; list-style: none;display: table;width: 100%;}
.supply_chain_config_list ul li .s_chain_list_icon{width: 80px;display: table-cell;}
.s_chain_list_icon .icon-minus-circle2{color: var(--red_color);}

.settings-list{margin: 0; padding: 0;}
.settings-list-item{list-style: none; display: inline-block; margin: 0 20px 15px 0; width: 170px; text-align: center; border-radius: 3px; background: #fff; padding: 15px 5px; border:solid 1px #ddd;}
.settings-list-item p{width: 60px; height: 60px; display: block; margin: auto;border-radius: 60px;line-height: 60px;text-align: center; color: #fff;}
.settings-list-item span{display: block; margin: 10px 0 0 0;}
.settings-list-item a{color:var(--secondary_color);}

.bg-primary, .btn-primary {
    background-color: var(--primary_color) !important;
}
.text-primary{color:#2437F7 !important;}


/* Dashboard */
.stats_list{margin: 0; padding: 0;}
.stats_list li{margin: 0 10px 0 0; padding: 0; list-style: none; display:inline-block; text-align: left; width: 30%; border-right: solid 1px var(--lightgrey_1_color);}
.stats_list li:last-child{margin:0 0 0 0;border-right: solid 0px var(--lightgrey_1_color);}
.stats_list li img{width: 36px; float: left; margin: 0 10px 0 0;}
.stats_list li .stats_list_content{float: left;}
.stats_list li strong{display: block;}
.total_production{min-height: 250px;}
.total_production i{font-size: 85px;}
.stats_active{color: #00b8d8;}
.stats_track{color: #017eff;}
.stats_complete{color: #36C265;}
.stats_battery_low{color: #ffa67e;}
.stats_not_reachable{color: #f34a4a;}
.stats_sensor_active{color: #80e682;}


/* Shipment Tracking page */
.map_wrapper{height: 400px; width: 100%;}
.sh-search{position: absolute; z-index: 999;}
.shipment_d_wrapper{margin:-60px 0 0 0; z-index: 9999;}
.sh_from_to h4,.sh_from_to span{display: block;}
.sh_from_to h4{margin: 0 0 0 0;}
.sh_arrow{margin:5px 20px 0 20px;}
.sh_from{margin-left:10px; }
.sh_to{}
.sh_content_list{margin: 0; padding: 0 0 0 15px; width: 300px; border-left: solid 1px var(--lightgrey_1_color); }
.sh_content_list li{margin:0 0 5px 0; padding: 0; list-style: none;}
.sh_content_list li p{width: 100px; display: inline-block; margin: 0 0 0 0; color: var(--lightgrey_color);}
.sh_content_list li strong{ max-width: 120px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.sh_list_icon{margin: 0 0 0 0 !important; padding: 0;}
.sh_list_icon li{margin: 0 10px 4px 0; padding: 0; list-style: none; display:inline-block; text-align: left; width: 100%;}
.sh_list_icon li img{width: 36px; float: left; margin: 0 10px 0 0;}
.sh_list_icon li .stats_list_content{float: left;}
.sh_list_icon li strong{display: block;}

.tl_temp_red{border: solid 1px var(--red_color);}
.tl_temp_green{border: solid 1px var(--success_color);}
.tl_temp_wrapper img{width: 24px; float: right; margin: 5px 0 0 0;}
.tl_temp_wrapper .card-body{ padding: 5px 15px;}
.tl_temp_wrapper::after{content: "";position: absolute;top: 50%; margin-top: -1px; height: 2px; width: 3rem;background-color: #ccc; z-index: 1;right: -50px;}
.tl_success{position: absolute;bottom: 0;left: 50%;margin-left: -1px;background-color: var(--success_color); width: 2px; z-index: 0;}
.ntgs_tl .timeline-icon img{ width: 1.5rem; margin: 8px 0 0 8px; height: unset; border-radius:unset;}
.ntgs_tl .timeline-icon-success{background: var(--success_color);}
.sh_vendor_logo{border: solid 1px  var(--lightgrey_1_color);padding: 2px;margin: 5px 0 0 0;text-align: center;}



/* Full map */
.full_mapview_wrapper{height: calc(100vh - 150px);}
.full_map{position: absolute; bottom: 20px;  width:calc(100% - 40px); background: #fff; padding: 20px;}
.full_map_wrapper{position: relative;margin: -110px 0 0 0;padding: 0 1.25rem !important;} 
.full_map .sh_list_icon li{ display: inline-block; width: auto;margin: 0 35px 0 0;}


/* Distribution Status */
.sh_ratio_logo{max-width: 80px; max-height: 60px;}
.trasnport_mode{margin: 0; padding: 0;}
.trasnport_mode li{ padding: 0; list-style: none; display: inline-block; margin: 0 10px 5px 0;}
.trasnport_mode li:nth-child(2){ width: 100px;}
.trasnport_mode .progress{height: 5px;}
.product_ratio span{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display: inline-block;max-width: 200px;}
.product_ratio strong{color: var(--secondary_color);}
.progress-bar.bg-road{background: var(--lightgrey_color);}
.progress-bar.bg-air{background: #ffa67e;}
.progress-bar.bg-boat{background: var(--primary_color);}




/* inventory dashbaord */
.stock_level li{margin-bottom: 10px;}
.stock_level li:last-child{margin-bottom: 0px;}
.stock_level_left{float: left; width: 30%;margin: 7px 20px 0 0px; text-align: right;}
.stock_level .progress{float: left; width: 30%; margin: 12px 0 0 0;}
.stock_level_action{float: left; margin-left: 15px;}

.ivnt_count h2{width: 70px; height: 70px; border: solid 3px #fff;  border-radius: 70px; line-height: 66px; margin: 0 auto; }
.ivnt_count_grey h2{width: 70px; height: 70px; border: solid 3px var(--lightgrey_1_color);  border-radius: 70px; line-height: 66px; margin: 0 auto; font-size: 18px; }




/* inventry audit page*/
.status_list{margin: 0; padding: 0;}
.status_list li{margin: 0 5px 0 0; padding: 5px 0 3px 5px; list-style: none; display:inline-block; text-align: left; width:130px; 
     color: var(--darkgrey_color); }
.status_list li:first-child{background: #fff; color: var(--secondary_color); width: 260px; border-bottom: 1px solid var(--lightgrey_1_color); margin: 0 0 2px 0; padding: 0 0 5px 0;}
.status_list li:nth-child(3){  border-radius: 0; padding-left:0}
.status_list li i{width: 24px; float: left; margin: 0 5px 0 0;}
.status_list li .status_list_content{float: left;}
.status_list li strong{line-height: 16px; font-size:.9375rem;}
.status_list li span{color: var(--lightgrey_color); font-size: 11px; line-height: 12px; display: block; margin: 0px 0 0 0;}




/* media Q */
@media only screen 
and (min-device-width : 768px) and (max-width: 959px){
    .tl_temp_wrapper::after{display: none;}
}


/* Bulk Upload */
.dropable{border:2px dashed var(--lightgrey_1_color);border-radius:5px;padding:25px;text-align:center;font:20px; color:#007EFA; background-color:#fff;}