/*===========Login Template CSS===================*/
.body-login{
  background-image: url("img/light_alu.png") !important; 
  padding-top: 2.5% !important; 
  padding-bottom: 2.5% !important; 
}
/*===========Login Template CSS END=================*/


/*================Admin Template CSS================= */
/* Main Component */
#main-container-fluid-admin{
    position: relative !important;
    overflow-x: hidden;

}
#container-fluid-logo{
    background-color: white;
    position: relative !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 7px;
    font-size: 15px;
    height: 70px;
}
#container-welcome{
    background-color: #0C75BB;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 7px;
    margin-bottom: 10px;
    font-size: 15px;
    height: 40px;
}

.main-body{
   background-color: #E9ECEF !important; 
   height: 100% !important;
}

/*========Navigation===========*/
.nav-header{
  font-size: 15px;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav-menu{
  font-size: 15px !important;
  text-decoration: none !important;
  display: block;
  color: #6C757D !important;
  padding-top: 7px;
  padding-bottom: 7px;
}

.navbar-logo{
    height: 35px !important;
}
.menu-highlight{
    /* background-color: #6C757D; */
    background-color: #0C75BB; 
    color:white !important;
}
.sidenav{
  height: 100%;
  width: 225px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color: #687179;*/
  background-color:  white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 17px;
  border-right: 1px solid #E9ECEF;
}

.sidenav a:hover{
  /* color: white !important; */
  background-color: #D3D3D3 !important;
  -webkit-transform: scale(1.05);

}
.sidenav .closebtn{
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  color: #6C757D !important;
  cursor: pointer;
}

.sidenav-name {
  color: #6C757D !important; 
  font-style: normal !important; 
  font-size: 14px !important;
}

.sidenav-designation {
  color: #0C75BB !important; 
  font-style: italic !important; 
  font-size: 12px !important;
}

.sidenav-profile{
    border:none;
    background-color: white !important;
}

.toggle-nav{
    font-size:20px;
    cursor:pointer; 
    color: #6C757D;
}

.navbar-brand{
    font-size:20px;
    cursor:pointer; 
    color:#6C757D;
}

.navbar-brand:hover{
    font-size:20px;
    cursor:pointer; 
    color:#0C75BB;
}

/* Icon Design*/
.icon {
  color: white;
  text-decoration: none;
  padding: 5px 10px;
  position: relative;
  display: inline-block;
  font-size: 15px;
  border-radius: 50px;
}

/* notification */
.notification {
  color: white;
  text-decoration: none;
  padding: 3px 6px;
  position: relative;
  display: inline-block;
  border-radius: 50px;
}

.notification:hover {

  -webkit-transform: scale(1.1);
}


/* ===================== CARD ============================== */
.main-card{
 margin-top: 10px !important;
}
.main-card .card-headers{
  size: 10px !important;
  padding: 5px !important;
  font-size: 15px !important; 
  background-color: #E9ECEF !important;
  /*
  background-color: #E9ECEF !important;
  background-color:#0C75BB !important; 
  color: #6C757D !important;
  */
  
}
.main-card .card-body{
 overflow: auto !important;
}
.main-card .card-footer{
 padding: 10px !important;
}


/* ===================== BUTTON ============================== */
.btn-regular{
  font-size: 13px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 2px !important;
}
.btn-small{
  font-size: 10px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 2px !important;

}

.btn-extrasmall {
    padding: 0px 5px;
    font-size: 10px;
    border-radius: 2px;
    width: 100%;
}

.btn-smaller{
   padding: 0px 10px;
  font-size: 10px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 0px !important;

}

/*=============== Table ====================*/
.main-table th{
  background-color: #E9ECEF;
  padding: 6px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  color: #6C757D !important;
}

.main-table th a{
  color:#687179;
}
.main-table td{
  padding: 7px !important;
  font-size: 15px;
  color: #6C757D;
}

.main-table tr:hover{
    background-color: #f6f9f9 !important;
}

.td-center, .th-center{
    text-align: center !important;
}

.result-display-no{
  text-align: center;
  background-color: #0C75BB !important;
  margin: 2px !important;
  padding: 4px !important;
  font-size: 12px !important;
  width: 250px !important;
  border-radius: 3px;
  color:white !important;
}


/*=============== Form/Popup & Input ======================== */
.popup-form{
 font-size: 13px;
}

.popup-form .modal-header{
    background-color: #0C75BB !important;
    padding: 10px !important;
    color: white !important;
}

.popup-form .close, popup-modal .close{
    color: white !important;
}

.popup-modal .modal-footer{
    padding: 5px !important;
}

.form-search-label{
  font-size: 12px !important;
  margin: 2px !important;
}

.input-text-sm{
  height: 30px !important;
  font-size: 13px !important;
  margin: 2px !important;
  border: #DCDFE2 solid thin !important;;
}

.input-text-reg{
  height: 35px !important;
  font-size: 13px !important;
  margin: 2px !important;
  border: #DCDFE2 solid thin !important;;
}




/*=======Remove scroll from the following class===============*/
.sidenav::-webkit-scrollbar { width: 0 !important }
.sidenav { overflow: -moz-scrollbars-none; }
.sidenav { -ms-overflow-style: none; }


/*=========== BG Colors ================= */
.bg-darkgray{
    background-color: #3A4651 !important;
}

.bg-headergray{
    background-color: #E9ECEF !important;
}



.bg-dnvblue{
    background-color: #0C75BB !important;
}


/*==================Others=====================*/
.embossed-dark{
   box-shadow: 0 0 10px 2px rgba(0,0,0,.20);
}

.embossed-light{
   box-shadow: 0 0 10px 1px rgba(0,0,0,.10);
}

.pop-effect:hover{
  -webkit-transform: scale(1.1);
}

.required{
    color: red !important;
}

.row-spinner{
    display: inline !important;
}
.qrimage{
    height: 60px;
}

/* overrite style */


 .ui-timepicker-container {
      z-index: 3500 !important;
 }



/*================Admin Template CSS END================= */
/* notes 

#0C75BB


.custom-select-sm {
  height: $custom-select-height-sm;
  padding-top: $custom-select-padding-y-sm;
  padding-bottom: $custom-select-padding-y-sm;
  padding-left: $custom-select-padding-x-sm;
  @include font-size($custom-select-font-size-sm);
}

.custom-select-lg {
  height: $custom-select-height-lg;
  padding-top: $custom-select-padding-y-lg;
  padding-bottom: $custom-select-padding-y-lg;
  padding-left: $custom-select-padding-x-lg;
  @include font-size($custom-select-font-size-lg);
}






*/