/*@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');

body,
button {
    /*font-family: "Barlow", sans-serif;*/
    font-family: 'Roboto', sans-serif;
}
:root {
   /* --offcanvas-width: 270px;
    --topNavbarHeight: 56px;*/
    --offcanvas-width: 230px;
    --topNavbarHeight: 56px;
}
.sidebar-nav {
  width: var(--offcanvas-width) !important;
}

.sidebar-nav .dropdown-divider{
    border-top: 2px solid;
}

.sidebar-link {
  display: flex;
  align-items: center;
}
.sidebar-link .right-icon {
  display: inline-flex;
}
.sidebar-link[aria-expanded="true"] .right-icon {
  transform: rotate(180deg);
}


#layouts li:hover {
    background-color: #5c5c5c;
}
.top-navbar {
    height: var( --topNavbarHeight);
}

#layouts a {
    font-size: 13px;
}

.mainmenu a{
    font-size: 13px;
}
.mainmenu li:hover {
    background-color: #5c5c5c;
}

#cms a {
    font-size: 13px;
}
#cms li:hover {
    background-color: #5c5c5c;
}
#staff a {
    font-size: 13px;
}

#staff li:hover {
    background-color: #5c5c5c;
}



@media (min-width: 992px) {
    body {
    overflow: auto !important;
  }
    main {
        margin-left: var(--offcanvas-width);
        margin-top: var(--topNavbarHeight);
        padding-top: 10px;
    }
    

  /* this is to remove the backdrop */
  .offcanvas-backdrop::before {
    display: none;
  }
  .sidebar-nav {
    -webkit-transform: none;
    transform: none!important;
    visibility: visible !important;
    height: calc(100% - var(--topNavbarHeight)) !important;
    top: var(--topNavbarHeight) !important;
   
  } 
   
}

@media (max-width: 992px) {
    #topNavBar .navbar-nav {
        margin-top: 15px;
    }
    main {
        margin-top: var(--topNavbarHeight);
        padding-top: 10px;
    }
    .sidebar-nav {    
        height: calc(100% - var(--topNavbarHeight)) !important;
        top: var(--topNavbarHeight) !important;

    }
}

select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
   
    appearance: menulist !important;
}