@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}
/* header dropdown */
.bg-primary {
  background-color: #253565 !important;
}
/* button css */
.btn-primary{
  background: #253565 !important;
  color: azure;
  border-color: #253565 !important;
}
.btn-primary:disabled {
  color: #fff;
  background-color: #253565 !important;
  border-color: #253565 !important;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-primary:hover {
  color: #fff;
  background-color: #e97218 !important;
  border-color: #e97218 !important;
}
.orange_btn{
  background-color: #e97017!important;
  border: 0 !important;
}

.orange_btn:hover {
  background-color: #253565 !important;
}
/* card body css */
.card-primary.card-outline {
     border-top: 3px solid #253565 !important;
}
/* link side/page css */
a {
    color: #253565;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
  color: #e97218 !important;
  text-decoration: none;
  background-color: transparent;
}

.nav-link.active{
  color: #fff;
  background-color: #253565 !important;
}
.sidebar a {
  color: #c2c7d0 !important;
}
/* loader, active page, header loader css */
.pace-primary .pace .pace-progress {
  background: #253565 !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #253565;
  border-color: #253565;
}
.page-item.active .page-link:hover {
  z-index: 3;
  color: #fff !important;
  background-color: #e97218;
  border-color: #e97218;
}
.page-link {
  z-index: 2;
  color: #253565;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #e97218;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}


 /* select 2 css */
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #253565;
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #253565;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #253565;
  color: white;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #253565 !important;
  color: white;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #253565 !important;
  color: #fff;
}
/* custom switch css */
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #253565 !important;
  background-color: #253565;
  box-shadow: none;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #5a6685;
  border-color: #5a6685 !important;
  box-shadow: none;
}
.card .overlay > .fa,
.card .overlay > .fas,
.card .overlay > .far,
.card .overlay > .fab,
.card .overlay > .fal,
.card .overlay > .fad,
.card .overlay > .svg-inline--fa,
.card .overlay > .ion,
.overlay-wrapper .overlay > .fa,
.overlay-wrapper .overlay > .fas,
.overlay-wrapper .overlay > .far,
.overlay-wrapper .overlay > .fab,
.overlay-wrapper .overlay > .fal,
.overlay-wrapper .overlay > .fad,
.overlay-wrapper .overlay > .svg-inline--fa,
.overlay-wrapper .overlay > .ion,
.info-box .overlay > .fa,
.info-box .overlay > .fas,
.info-box .overlay > .far,
.info-box .overlay > .fab,
.info-box .overlay > .fal,
.info-box .overlay > .fad,
.info-box .overlay > .svg-inline--fa,
.info-box .overlay > .ion,
.small-box .overlay > .fa,
.small-box .overlay > .fas,
.small-box .overlay > .far,
.small-box .overlay > .fab,
.small-box .overlay > .fal,
.small-box .overlay > .fad,
.small-box .overlay > .svg-inline--fa,
.small-box .overlay > .ion {
  color: #253565 !important;
}
.brand-link {
  padding: 1.05rem 4.5rem !important;
}
