*{
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin: 0;
    outline: none;

}

/* Auth style */
.auth-bg{
  background-image: url('../img/hp_img.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

    
 @media screen and (orientation:portrait) {
    .auth-bg{
      background-image: url('../img/hp_img_mobile.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      background-origin:content-box;
      padding-top:15%;
    }
}


.alert #alert-content p{
	margin-bottom: 0;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #9c9c9c #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 2px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #9c9c9c;
    border-radius: 0px;
    border: 0px none #ffffff;
  }

  .bg-header{
    background-color: #2560A6;
    color: #FFF;
  }

  .bg-header-white tr th{
    background-color: #FFF;
  }

  table.semi-bold thead tr th{
    font-optical-sizing: auto !important;
    font-weight: 600 !important;
    font-style: normal !important;
  }

  table.text-darker-gray{
    color: #858585;
  }

.table-hover-lighter tbody tr:hover td {
  background-color: #f1f1f1b5;
}
.tableFixHead          { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }


/*Login style*/
form.user .form-control-user{
  font-size: .7rem;
  border-radius: 10rem; 
  padding: 1.1rem .6rem;
}

form.user .btn-user{
  font-size: .7rem;
  padding: .4rem 1rem;
}