body{
    font-family: 'Poppins', sans-serif !important;
    background: #EBEBEB;
}
.btn-primary{
    color:white !important;
    background-color:#00ad96 !important;
    font-weight: bold;
    border: 1px solid #00ad96 !important;
    /*updates*/
    padding: 0.1rem 0.5rem !important;
    font-size: 12px;
    

}
.btn-primary:hover{
    border: 1px solid #00ad96 !important;
    background-color:#fff !important;
    color:#00ad96 !important;
}

.btn-danger{
    color:white !important;
    background-color:#dc3545 !important;
    font-weight: bold;
    border: 1px solid #dc3545 !important;
    border-radius:5px;
    padding:5px;
    /*updates*/
    font-size: 12px;

}
.btn-danger:hover{
    border: 1px solid #dc3545 !important;
    background-color:#fff !important;
    color:#dc3545 !important;
    border-radius:5px;
    padding:5px;
}

.btn-secondary,.btn-warning{
    
    color:#fff !important;
    font-weight: bold;
    background-color:#ffc107 !important;
    border:1px solid #ffc107 !important;
     /*updates*/
    font-size: 12px;
    
}

.btn-secondary:hover,.btn-warning:hover{
    background-color:#FFF !important;
    border:1px solid #ffc107 !important;
    color:#ffc107!important;
   
}

/*text*/
.text-primary{
    color:#00ad96 !important;
    font-weight: bolder;
}
.text-left{
  text-align: left;
}

.bg-primary{
  background-color:#00ad96 !important;
}

/*Sidebar menu*/
.main-sidebar {
  background: #E8E8E8 !important;
}

.sidebar .nav-item .nav-link  {
  font-size: 0.9375rem;
   /*updates*/
    font-size: 12px;
    padding: 0.5rem 0.8rem;
}

.sidebar .nav-item .nav-link .badge {
    font-size: 12px;
}

.sidebar .nav-item .nav-link .nav-icon  {
   /*updates*/
  font-size: 1.2rem;
}

.sidebar a.nav-link{
    color:#6c757d !important;
}

.sidebar a.nav-link:hover{
    color:#00ad96 !important;
}

.custom-select-sm {

  font-size: 100%;
}

._actions{
  text-align: right;
}
._actions .btn {
  margin-left: 5px;
  min-width: 45px;
}
.btn-info{
    
    color:#fff !important;
    font-weight: bold;
    background-color:#3D4C53 !important;
    border:1px solid #3D4C53!important;
     /*updates*/
     font-size: 12px;
     
    
}

.btn-info:hover{
    background-color:#FFF !important;
    border:1px solid #3D4C53 !important;
    color:#3D4C53!important;
   
}

.btn-success{
    color:#fff !important;
    font-weight: bold;
     /*updates*/
     font-size: 12px;
    
    
}

.btn-success:hover{
    background-color:#FFF !important;
    border:1px solid #28a745 !important;
    color:#28a745 !important;
}


.nav-header{
    color:#00ad96 !important;
    font-weight: bold;
     /*updates*/
     font-size: 12px !important;
}


.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(45,80,100,.7) !important;
}

.sidebar {
  border-top-right-radius: 1.25rem !important;
  background: #E8E8E8 !important;
  box-shadow: 0rem 0.9375rem 1.875rem 0rem rgb(0 0 0 / 2%);
}
.navbar-dark{
   background-color:#00ad96 !important;
    border:0px ;
}

.card-header{
   /*line-height: 30px;*/
    font-weight:bolder;
    color:#fff !important;
    background-color: #3D4C53;
      /*updates*/
    line-height: 35px;
    font-size: 12px !important;
    padding: 0.1rem 0.95rem !important;
    padding-bottom: 0.5rem !important; 
    height: 40px;
}
.card-header select{
    margin-left:6px;
    /*updates*/
    font-size: 0.7rem;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem !important;
}

.select2{
  width:100% !important;
  height: unset;
  border-radius: 0.5rem !important;
  /*padding: 0.688rem 1.319rem !important;*/
  border: 0px solid #EBEBEB !important;
  /*updates*/
  font-size: 12px!important;
}

.select2-container--default .select2-dropdown.select2-dropdown--below{
  padding:15px;
  /*updates*/
  font-size: 12px!important;
}

/*
.select2-container--default .select2-selection--single{
  padding: 0rem  .0rem;
}
*/


.select2-container .select2-selection--single,.select2-search__field{
  padding: 0.688rem 1.319rem !important;
  border: 1px solid #EBEBEB !important;
  /*updates*/
  height: 41px;

}




a.nav-link{
    color: rgba(255,255,255,1)!important;
}



table.dataTable thead th {
  color: #374557;
  white-space: nowrap;
  text-transform: capitalize;
  font-weight: 600;
  /*padding-top: 1.25rem;*/
  padding-right: 0.9375rem !important;
  /*padding-bottom: 1.25rem;*/
  
  /*updates*/
  font-size: 12px!important;
  padding: 0.5rem 0.6rem;
}

a{
    color:#00ad96  !important;
}

.nav-link{
    
    border-radius: 0.625rem 0.625rem 0 0  !important;
}

.page-item.active .page-link{
    background-color:#00ad96 !important;
    color:#fff!important;
    font-weight: bold;
    border: 1px solid #00ad96 !important;
}
.nav-tabs .active{
    background-color:#00ad96 !important;
    color:#fff!important;
    font-weight: bold;
}

.card-tools,.btn-tool{
  color: #fff !important;
}
a:hover{
    color:#00ad96  !important;
}
.brand-text{
    color:#00ad96  !important;
}
.card{
    border-radius: 0.625rem !important;
}


.btn{
    border-radius: 0.5rem !important;
     /*updates*/
     padding: 0.6rem 1.3rem !important;
    /*padding:8px;*/
    font-size: 12px;
}

.form-control{
    height: unset;
    border-radius: 0.5rem !important;
    padding: 0.6875rem 1.319rem !important;
    border: 1px solid #EBEBEB!important;
     /*updates*/
    font-size: 12px;
}    

.form-control[readonly]{
    background-color:#EBEBEB !important;
}    

.bg-login-image {
    padding:50px;
    background:url(/img/logo.png);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.hide-in-desktop {
    display: none;
}
input[type="checkbox"].small-tick {
    height: 1.25em;
    margin-top: calc(0.5em + 1px);
}
span.small-th {
    font-size: small;
    font-style: italic;
}
table.table > tbody > tr > td {
    vertical-align: middle;
     /*updates*/
    font-size: 12px;
    padding: 0.6rem 0.6rem;
}
th.dept-nth {
    text-align: center;
}
td.dept-nth {
    text-align: right;
}

/*------ accordion-specific begin ------*/
tr.tc_accordion:hover {
	cursor: pointer;
}
tr.tc_accordion td:first-child:before {
    filter: grayscale(100%);
    font-size: small;
	content: '\2795\00a0\00a0\00a0\00a0';
}
tr.tc_accordion.tc_expanded td:first-child:before {
	content: '\2796\00a0\00a0\00a0\00a0';
}
tr.tc_accordion_content {
    background: #f2f2f3;
    display: none;
}
tr.tc_accordion_content.tc_expanded {
    display: table-row;
}
/*------ accordion-specific end ------*/

#spinner.spinner_hidden {
    display: none !important;
}

.ht_buttons{
    float:right;
}

.error-message{
    background-color:#F8D7DA;
    color:#A12129;
    padding:5px;
    /*updates*/
    font-size: 12px;
}

.modal-header{
   background-color:#00ad96;
   color:white;
   /*---------CSS  new Updates--------*/
   font-size: 12px !important;
   height:43px;
   padding: 0.5rem 0.8rem !important;
}

@media only screen and (max-width: 1280px) {
  .delivered{
    font-size: 13px;
  }
}


/*---------CSS  new Updates--------*/
input.select{
  font-size: 50px;
}
.form-group label {
   font-size: 0.8rem;
  
}
table.table th{
  font-size: 12px;
}
.main-header{
  height:45px;
}
.dataTables_filter label{
    
    font-size: 0.8rem !important;
}
.dataTables_filter .form-control{
    height: unset;
    border-radius: 0.3rem !important;
    padding: 0.5rem 0.5rem !important;
    border: 1px solid #AAA!important;
    font-size: 11px;
    padding-top: 0.5rem;
}

.dataTables_info{
  font-size: 0.8rem !important;
  padding-left: 0.2rem;
  
}
.dataTables_paginate{
  font-size: 0.8rem !important;
}
.nav-tabs {
    
    font-size:12px!important;
}
.outlet-dropdown{
   padding-bottom: 0px;
   
}
.dataTables_length label{
  font-size: 12px;
}
.btn-reset{
    color: #3D4C53!important;
    background-color:transparent !important;
    font-weight:600;
    font-size: 12px;
    padding: 0.5rem 1.5rem !important;
    border-radius: 0.5rem !important;
}
.info-user{
  font-size: 15px !important;
}
.search_text{
   border-radius: 0.3rem !important;
    border: 1px solid #AAA!important;
}
.modal-header{
   background-color:#00ad96;
   color:white;
   /*-Updates-*/
   font-size: 12px !important;
   height:43px;
   padding: 0.5rem 0.8rem !important;
}
.modal-body{
  font-size: 12px;
}
.modal-title{
  padding-top: 0.3rem !important;
}
.form-control btn-primary{
  font-size: 20px;
}
.btn-generate{
    color:white !important;
    background-color:#00ad96 !important;
    font-weight: bold;
    border: 1px solid #00ad96 !important;
    padding: 0.725rem 0.5rem !important;
    font-size: 12px;
}
.btn-generate:hover{
    border: 1px solid #00ad96 !important;
    background-color:#fff !important;
    color:#00ad96 !important;
    
}
.btn-next{
    color:white !important;
    background-color:#3D4C53 !important;
    font-weight: bold;
    border: 1px solid #3D4C53 !important;
    padding: 0.7rem 1rem !important;
    font-size: 12px;
  
}