/* This file is reserved for overriding and extending the template styles. */
.m-h-main{
    min-height: 93vh;
    background-image: url('../img/background/bg-logo.png');
    background-repeat: no-repeat;
  background-position: center;
  background-size: cover; 
  opacity: 1;
}

.cs-icon.search{
    color: #1C4741!important;
}

.row{
    padding-right: 5px!important;
}

input.form-check-input {
    margin: 0px;
    height: 20px!important;
    width: 20px!important;
    border: 2px solid #1C4741!important;
    border-radius: 3px !important;
  }
  
  .status-pill{
      background-color: white!important;
      border: 1px solid #1C4741!important;
      text-transform: capitalize;
      font-size: 14px;
      color: #1C4741;
  }
  
  
  .pagination{
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .page-link{
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px!important;
      border-radius: 50%!important;
      background-color: white;
      border: 2px solid #bacce6!important;
  }
  
  .page-link:hover{
      background-color: #bacce6!important;
      color: #1C4741!important;
      font-weight: bold;
  }
  
  a.page-link{
      font-size: 14px!important;
      color: #1C4741!important;
      font-weight: bold;
  }
  
  span.page-link{
      background-color: #bacce6!important;
      color: #1C4741!important;
      font-weight: bold;
  }
  
  li.nav-item{
      border: none;
      font-size: '14px';
      background-color: transparent!important;
  }
  
  li.nav-item > button{
      border: none!important;
      color: #1C4741!important;
      font-family: 'Ubuntu', sans-serif!important;
      background-color: transparent!important;
  }
  
  li.nav-item > button.nav-link.active{
      border: none!important;
      border-bottom: #1C4741 solid 4px!important;
      color: #1C4741!important;
      font-weight: bold!important;
      background-color: transparent!important;
  }
  
  .filter-btn:hover{  
      background-color: #1C4741!important;
      color: white!important;
  }

  .page-title-container h1{
      font-size: 42px!important;
      font-weight: bold!important;
      color: #1C4741!important;
      margin-bottom: 1.5rem !important;
  }

  .page-title-container p{
      font-size: 16px!important;
      color: #1C4741!important;
  }

  .page-title-container a{
    margin-bottom: 1.5rem !important;
    margin-top: 1rem !important;
  }

  /* MENU */

  .menu a[data-bs-toggle=collapse]:before {
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--primary);
    border-right: 1px solid var(--primary);
}

.menu a:hover[data-bs-toggle=collapse]:before {
    border-top: 1px solid white;
    border-right: 1px solid white;
}

html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a:hover, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a:hover, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a:hover, html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a.active {
    background: #1C4741!important;
    color: white!important;
}

html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a:hover .icon, html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a.active .icon{
    stroke: white!important;
}

html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a:hover span, html[data-placement=vertical] .nav-container .nav-content .menu-container .menu li a.active span{
    color: white!important;
}

/* MOBILE */
html[data-placement=horizontal] .nav-container .nav-content .menu-container .menu li a:hover, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a:hover, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a.active {
    background: #1C4741!important;
    color: white!important;
}

html[data-placement=horizontal] .nav-container .nav-content .menu-container .menu li a:hover .icon, html[data-placement=horizontal] .nav-container .nav-content .menu-container .menu li a.active .icon{
    stroke: white!important;
}

html[data-placement=horizontal] .nav-container .nav-content .menu-container .menu li a:hover span, html[data-placement=horizontal] .nav-container .nav-content .menu-container .menu li a.active span{
    color: white!important;

}

@media (max-width:720px){
    .page-title-container h1{
        font-size: 30px!important;
        font-weight: bold!important;
        color: #1C4741!important;
        margin-bottom: 1.5rem !important;
    }
}