@font-face {
    font-family: 'Montserrat'; /* Choose a name for your custom font */
    src: url('../fonts/montserrat/MontserratBlack-3zOvZ.ttf') format('truetype'); /* Specify the path to your TTF file */
}
@font-face {
  font-family: 'Cabin'; /* Choose a name for your custom font */
  src: url('../fonts/cabin/Cabin-Regular.ttf') format('truetype'); /* Specify the path to your TTF file */
}
body{
  font-family: Cabin;
}
  .font-weight-bold {
    font-weight: 600!important;
  }
  .label {
    margin-bottom: 0px!important;
    font-weight: 550!important;
    color: #2D3C4D!important;
    font-family: Cabin!important;
  }
  @media (max-width:1024px){
      .w-50{
          width:80%!important;
      }
  }
  @media (max-width:767px){
      .w-50{
          width:96%!important;
      }
  }
  @media (max-width:1024px){
      .w-75{
          width:80%!important;
      }
  }
  @media (max-width:767px){
      .w-75{
          width:96%!important;
      }
  }
  @media (max-width:1024px){
    .w-25{
        width:80%!important;
    }
}
@media (max-width:767px){
    .w-25{
        width:96%!important;
    }
}
  .badge, .badge-pill{
    border-radius: 0!important;
    color: white;
    font-weight: 600;
    font-family: Cabin!important;
  }
  .badge-secondary{
    background-color: #404040!important;
     }
    .badge-warning{
      background-color: #CC8A1F!important;
    }
    .badge-danger{
      background-color: #8A0F34!important;
    }
    .badge-success{
      background-color: #0F8A43!important;
    }
    .badge-info{
      background-color: #0F628A!important;
    }
    .badge-primary{
      background-color: #0F318A!important;
    }
  .bg-secondary{
  background-color: #404040!important;
   }
  .bg-warning{
    background-color: #CC8A1F!important;
  }
  .bg-danger{
    background-color: #8A0F34!important;
  }
  .bg-success{
    background-color: #0F8A43!important;
  }
  .bg-info{
    background-color: #0F628A!important;
  }
  .bg-primary{
    background-color: #0F318A!important;
  }
  .bg{
   background-color: #404040!important;
  }
  .text-secondary{
    color: #404040!important;
  }
  .text-warning{
      color: #CC8A1F!important;
  }
  .text-danger{
      color: #8A0F34!important;
  }
  .text-success{
    color:  #0F8A43!important;
  }
  .text-info{
    color:  #0F628A!important;
  }
  .text-primary{
    color: #0F318A!important;
  }
  p {
    font-weight: 450!important;
    font-family: Cabin!important;
  }
  h1, h2, h3, h4 {
    font-weight: 550!important;
    font-family: Montserrat!important;
  }
  h5, h6, h7, h8 {
    font-weight: 550!important;
    font-family: Cabin!important;
  }
  a {
    color: #0072b5!important;
    font-family: Cabin!important;
  }
  a:hover{
    color: #CC8A1F!important;
  }
  .btn-success{
  color: #fff;
  background-color: #0F8A43!important;
  border-color: #0F8A43!important;
  }
  .btn-info {
    color: #fff!important;
    background-color: #0F628A!important;
    border-color: #0F628A!important;
  }
  .btn-secondary{
  color: #fff!important;
  background-color: #404040!important;
  border-color: #404040!important;
  }
  .btn-warning{
  color: #fff!important;
  background-color: #CC8A1F!important;
  border-color: #CC8A1F!important;
  }
  .btn-danger{
    color: #fff!important;
    background-color: #8A0F34!important;
    border-color: #8A0F34!important;
   }
   .btn-primary{
     color: #fff!important;
     background-color: #0F318A!important;
     border-color: #0F318A!important;
    }
  
  .btn-outline-success{
  color: #404040;
  background-color: #fff!important;
  border-color: #404040!important;
  }
  .btn-outline-info {
    color: #0F628A!important;
    background-color: #fff!important;
    border-color: #0F628A!important;
  }
  .btn-outline-secondary{
  color: #404040!important;
  background-color: #fff!important;
  border-color: #786D5A!important;
  }
  .btn-outline-warning{
  color: #CC8A1F!important;
  background-color: #fff!important;
  border-color: #CC8A1F!important;
  }
  .btn-outline-danger{
    color: #8A0F34!important;
    background-color: #fff!important;
    border-color: #8A0F34!important;
   }
  .btn-outline-primary{
   color: #0F318A!important;
   background-color: #fff!important;
   border-color: #0F318A!important;
  }
  
  .btn{
  font-family: Montserrat!important;
  border-radius: 0!important;
  font-weight: 500;
  }
  .btn:hover{
  color: #fff!important;
  background-color: #808080!important;
  border-color: #8A0F34!important;
  font-weight: 600;
   }
  input[type="text"]{
     font-family: Cabin!important;
  }
  select{
   font-family: Cabin!important;
  }
  .form-control{
   font-family: Cabin!important;
  }
  .form-check-label{
   font-family: Cabin!important;
  }
  span{
    font-family: Cabin!important;
  }
  .list-group-item{
    font-family: Cabin!important;
  }
  a.list-group-item{
    font-family: Cabin!important;
  }
  a.list-group-item:hover{
    color: #CC8A1F!important;
  }
  table, tr, td, th{
    font-family: Cabin!important;
  }
  div {
    font-family: Cabin!important;
  }
  span {
    font-family: Cabin!important;
  }
  option{
    font-family: Cabin!important;
  }
  button:disabled, button[disabled]{
    border: 1px solid #ea8024!important;
    background-color: #dedbd8!important;
    color: #ea8024!important;
  }
  button:hover:disabled, button:hover[disabled]{
    border: 1px solid #ea8024!important;
    background-color: #dedbd8!important;
    color: #ea8024!important;
  }
  .btn-disabled{
    opacity: .65;
    border: 1px solid #ea8024!important;
    background-color: #dedbd8!important;
    color: #ea8024!important;
  }
  
  .overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) center no-repeat;
}

/* Turn off scrollbar when body element has the loading class */
body.loading{
    overflow: hidden;
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}
.spinner {
  display: block;
  position: fixed;
  z-index: 1031; /* High z-index so it is on top of the page */
  top: 20%;
  right: 50%; /* or: left: 50%; */
  margin-top: -..px; /* half of the elements height */
  margin-right: -..px; /* half of the elements widht */
}  
.navbar-dark .navbar-nav .nav-link{
  color: #d3d3d3 !important;
  font-size: 14px;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: #CC8A1F!important;
}
a.navbar-brand{
  color: #d3d3d3 !important;
}
a.navbar-brand:hover{
  color: #CC8A1F!important;
}