/******Edited By Shubhangi*****/
body{color:#5d6063!important; font-family:arial!important; font-size:14px;}
.tranco-logo{height:130px; background-color:#fff; border-top:solid 10px #fff; width:100%;} 
.login-page{ background-image: url("../images/login-bg.jpg"); background-color: #0a3c22; background-position: center; background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; }
.login-img{ background-image: linear-gradient(#1c1c1c, #040304); text-align:center} 
.login-img img{max-width:90%; padding-top:50px; Padding-bottom:50px;}
.login-box-wide{width:830px; margin:0 auto; float:none;}
.mtb-40{margin:40px 0;} . border-radius-5{border-radius:5px;}
.green-btn{background-color:#30804e; color:#fff!important; border-radius:5px !important; font-size:16px!important; margin-top:20px;}
.green-btn:hover, .green-btn:focus, .green-btn:active{background-color:#1c1c1c!important;}
a{color:#5d6063;}

.sidebar-dark .sidebar-brand{height:130px; background-color:#fff; border-top:solid 10px #30804e; padding:10px;}
.sidebar-dark .sidebar-brand img{width:100%; text-align:center;}

.topbar {height:130px; background-color:#fff; border-top:solid 10px #30804e; padding:10px;}
.btn-link{color:#30804e; font-size:24px;}
.topbar #sidebarToggleTop:active,  .topbar #sidebarToggleTop:hover{background:transparent;}
.btn-link:hover{color:#0c361b;}
.bg-gradient-primary{ background:url(../images/left-menu.jpg) repeat;}
.sidebar .sidebar-brand .sidebar-brand-text{display:block;}
.sidebar .nav-item .nav-link span{font-size:12px;}
.sidebar .nav-item .nav-link i{font-size:24px;}
.topbar.navbar-light .navbar-nav .nav-item .nav-link{border:solid 1px #ccc; border-radius:5px; padding:10px; height:auto;}
.topbar.navbar-light .navbar-nav .nav-item .nav-link span{font-weight:700!important;}
.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile
{
    border-radius:5px!important;
}
@media (min-width: 768px)
{.sidebar {width: 6.5rem!important; background:url(../images/left-menu.jpg) repeat;} 
.sidebar .nav-item .nav-link span {
   font-size: .65rem;
   display: block;
   }
   .sidebar .nav-item .nav-link {
   text-align: center;
   padding: .75rem 1rem;
   width: 6.5rem;
   }
   .sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after{display:none;}

   .sidebar.toggled{ overflow: visible; width: 0!important;}
   .sidebar.toggled li{display:none;}
   .sidebar .sidebar-heading{text-align:center;}
   .sidebar .nav-item .nav-link i{margin-right:0;}
   .sidebar .nav-item .nav-link{padding:20px 5px}
   .sidebar .nav-item .nav-link span{font-size:12px;}
}
.container{width:100%; max-width:100%;}
.sidebar .nav-item .nav-link[data-toggle=collapse]::after{display:none;}
.sidebar .nav-item .collapse .collapse-inner{box-shadow: 0px 0px 8px #000;}
.sidebar .nav-item .collapse .collapse-inner .collapse-header, .sidebar .nav-item .collapsing .collapse-inner .collapse-header
{
   color:#30804e;
}

.txt-box{ border-radius:5px!important;}
@media (max-width:868px){
    .login-box-wide{width:100%;}	 
}
footer.sticky-footer{background-color:#1c1c1c!important; margin-top:20px;}
.copyright {color:#fff;}
#wrapper #content-wrapper{    background-color: #f3f3f3;}

/*********Tabbing css start********/
/* Tabs*/
section {
   padding: 0;
}

section .section-title {
   text-align: center;
   color: #007b5e;
   margin-bottom: 50px;
   text-transform: uppercase;
}
#tabs{
   background: #fff;
   color: #1c1c1c;
   border-radius:10px;
}

#tabs .container{padding:0 10px!important;}

#tabs h6.section-title{
   color: #1c1c1c;
}


#tabs .nav-tabs .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: 10px;
   border-top-right-radius: 0;
   color: #eee;
   font-size: 20px;
}
#tabs .nav-link{padding:10px; color: #1c1c1c;}
.nav-tabs{background-color:#d4d4d4!important; border-top-left-radius: 10px; border-top-right-radius:10px;}
#tabs .nav-tabs .nav-link{ border-right:solid 1px #afafaf; border-radius:0; color: #1c1c1c; font-size:16px;}
#tabs .nav-tabs .nav-link:first-child{border-right:0; border-top-left-radius: 10px; border-top-right-radius: 0;}
#tabs .nav-tabs .nav-link:last-child{border-right:0; border-top-left-radius: 0; border-top-right-radius: 10px;}

#tabs .nav-link.active {
   color: #fff;
   background-color: #30804e;
   border-color: transparent transparent #f3f3f3;
   border-bottom: 0px solid !important;
   font-size: 16px;
   font-weight: normal;
}
.tab-content>.tab-pane{padding:0 20px;}
/**********Tabbing css ends**********/

.dash-container{width:70%; margin:80px auto; 0}
.dash-container .card{background:transparent; border:0;}
.dash-tab{height:92px;  white-space: normal!important; border-radius:10px; border:solid 1px #aaabab; background-image: linear-gradient(to right, #aaabab , #dddddd);}
.dash-tab:hover{background-image: linear-gradient(to bottom, #2e7b4b , #25603b); border:solid 1px #25603b;}
 .dash-tab:hover .text{color:#fff!important;}
.dash-tab.btn-icon-split{    justify-content: left;}
.dash-tab.btn-icon-split .icon{background-color:transparent; background:transparent; color:#fff!important; font-size:50px;}
.btn-icon-split.btn-lg .text{font-size:25px; font-weight:700; color:#1c1c1c; white-space: normal; text-align:left;
min-height: 92px;  display: inline-flex;  align-items: center;

}
.active-tab{background-image: linear-gradient(to bottom, #2e7b4b , #25603b); border:solid 1px #25603b;}
.active-tab .text{color:#fff!important; }

 @media (max-width: 676px)
 {.dash-container{width:100%;}
 }
 
 .time{display:inline-block; width:50%; border-top:solid 1px #ccc; border-right:solid 1px #ccc; padding:.75rem; float:left;}
 .table{color:#1c1c1c; font-weight:700;}
 .time-td{display:inline-block; width:50%; padding:.75rem; float:left;}
 
 .display-section{width:100%; margin:0px auto; padding:0;}
 .green-title{background-image: linear-gradient(to bottom, #2f7c4c , #24603b);}
 .green-title a h5{color:#fff; text-transform:capitalize!important;}
 .green-title a:hover, .green-title a:focus,  .green-title a:active{text-decoration:none; color:#fff;}
 
 .green-head{background-color:#30804e; color:#fff; font-weight:700; width:100%; padding:15px;}
 .form-inline .form-control{border-radius:5px; border:0; padding:5px 10px; font-size:12px; line-height:normal;	}
 .light-green{background-color:#41b36c; padding:15px; margin-bottom:20px; color:#fff; font-weight:700;}
 .light-green label{width:32%;}
 .round-green{display:inline-block; line-height:30px; border-radius:50%; width:30px; height:30px; margin:0 10px; color:#fff; text-align:center; text-transform:uppercase;
 font-weight:700; background-color:#2d7a4a;
 }
 .yellow-round{color:#000; background-color:#f0ff00;  }
 
 .display-intput-val{border-bottom:solid 1px #a0d9b6; width:60%; display:inline-flex; padding-bottom:3px; height:35px;}
 .accordion>.card{border:solid 1px #fff; box-shadow: 0px 0px 3px #818181; margin-bottom:15px; 
 border-bottom-right-radius: 10px!important;  border-bottom-left-radius: 10px!important;}
 .accordion .card-body{padding:10px 13px;}
 .hght-500{max-height:500px; overflow-y:auto;}
 .gj-unselectable{min-width:85px}
 .datepick-sec{max-width:85px;}
 .timepicker-sec{max-width:85px;}
 .btn-outline-secondary{border-color:#e3e6f0;}
 .small-head{font-size:18px; color:#06903a; font-weight:700;}
 .hed-hide{visibility:hidden;}
 .text-regular{font-weight:normal;}
 .signature-pad--body{border:solid 5px #ccc!important; width:100%; margin-bottom:10px;}
 .text-area{width:70%; border-radius:0;}
 .accordion>.card:not(:first-of-type):not(:last-of-type), .accordion>.card:last-of-type, .accordion>.card {border-radius:10px;}
 .arw-green{display:inline-block; width:30px;}
 .arw-green .fa{color:#06903a; font-size:20px;}
 .arw-bck .fa{color:#000!important; font-size:20px;}
 .no-border td{border-top:0!important; border-bottom:0!important;}
 .disable{background-color:#ccc!important;}
 .input-look{    border: 1px solid #ced4da;  border-radius: .25rem; background-color:#ededed; width:100%; padding:5px; 
 line-height:1.5; display:block;}
 .wide-100{width:100px!important;}
 .inl-blk{display:inline-block;}
.wide-70{width:70%!important; float:left;}
.wide-30{width:30%!important; float:left;}
.wide-20{width:20%!important; float:left;}
 .white-color{color:#fff!important;}
 .gj-datepicker [role=right-icon]{background-color:#fff!important; border-radius:5px!important;}
 .alert-danger{ /*margin-left:30%;*/ margin-left:0; background-color:transparent; color:#ce090e; margin-top:5px;}
 .select2-container--bootstrap4 .select2-selection{ background:url("../images/down-arrow.jpg") no-repeat 98% center; background-color:#fff; }
 .select2-container .select2-search--inline .select2-search__field{ background:transparent;}
 .select2-container--bootstrap4 .select2-selection:focus{box-shadow:none; outline:0;}
 .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){font-size:14px;}
 
 /********Iconic button start*************/
 .ico-btn{margin-bottom:5px; border-radius:5px; float:left;  color:#fff;  margin-right:5px; text-align:center; font-size:18px; width:30px; height:30px; display:block; }
 .ico-btn:hover{color:#fff!important; }
 .add-btn{background-color:#06903a;}
 .add-btn .fa{color:#fff; line-height:30px;}
 .eraser{background-color:#bb0202;}
 .eraser .fa{color:#fff; line-height:30px;}
 .edit{background-color:#31b0d5; padding-top:3px;}
 .edit .fa{color:#fff; line-height:30px;}
 .save{border-radius:5px; background-color:#06903a; padding:5px 10px; color:#fff; border:0; font-weight:700; width:100px;
 float:right;}
   .clear{border-radius:5px; background-color:#bb0202; padding:5px 10px; color:#fff; border:0; font-weight:700; width:100px;
   float:left;} 
   .blk-btn{background-image: linear-gradient(to bottom, #3b3b3b , #1f1e1e)!important; font-size:14px; padding:8px 20px; color:#fff;}

/************Iconic button ends*************/
 
 .page-header{display:none;}
 
 .img-profile{border-radius:160px;}
 .profile-section {width:650px; margin:0 auto 20px; float:none;}
 .profile-section label{margin-bottom:0!important; padding:0 15px!important;}
 
 select.form-control{ background:url("../images/down-arrow.jpg") no-repeat 96% center; background-color:#fff; -webkit-appearance:none; -moz-appearance: none;
 padding: .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #6e707e;
 }
 .batch_box label{float:left; margin-right:.5rem!important; margin-top:.3rem;}
 .batch_box select{max-width:350px;}
 .select2-container--default .select2-selection--multiple .select2-selection__choice{color:#1c1c1c;}
 .fa-remove{margin-top:6px!important;}
 .select:focus{box-shadow:none; outline:0;}
.jq-toast-loaded{ background-color:#06903a!important;}
.jq-toast-single{font-size:14px!important;}
.close-jq-toast-single{font-weight:700!important; font-size:14px!important;}
/** 20191121 **/
@media (min-width:767px)
{
.login-wide{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
bg-login-image{display:block;}

@media (max-width:767px)
{

.bg-login-image{display:none;}

}
/** 20191121 **/

#loading{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    color:darkred;
    z-index: 10000;
}

label{text-transform:capitalize!important;}
.flt-right{float:right!important;}
.modal-footer{width:100%; margin-top:15px;}
.btn:hover{color:#858796!important;}
.list-group-item{padding:5px!important;}
.list-group-horizontal .list-group-item a:first-child{padding-top:5px; float:left;}
#selected_file_name{float:left; margin-left:30%; width:70%;}
.list-group-horizontal .list-group-item a.ico-btn{margin-bottom:0;}
.modal-footer{display:block;}