@font-face {
    font-family: 'Sf_pro_display';
    src: url('/static/assets/fonts/Sf_pro_display.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --ct-primary-rgb: 10, 1, 46, 1;
    --ct-primary: #121212;
    --ct-btn-bg:#121212 !important;
    --ct-dark-rgb:10, 1, 46, 1;
    --ct-link-hover-color:#121212 !important;
    --ct-topbar-item-hover-color:#121212!important;

    /* link color  */
    --ct-link-color-rgb:10, 1, 46, 1;
    --ct-link-hover-color-rgb: #121212;

    --ct-menu-item-color:#ffffff !important;
    --font-family-primary: 'Sf_pro_display', sans-serif;


}


html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    font-family: var(--font-family-primary) !important;
    color: var(--body-fg);
    background: var(--body-bg) !important
}

html[data-bs-theme=light]{
    --ct-menu-bg:#121212 !important;
}
.btn-primary, .btn-info{
    --ct-btn-bg:#121212 ;
    --ct-btn-border-color:#121212;
    --ct-btn-hover-bg:#121212;

    --ct-btn-hover-border-color: #121212;
    --ct-btn-active-bg:#121212;
}

.nav-pills{
    --ct-nav-pills-link-active-bg: #121212!important;
}

.active>.page-link, .page-link.active{
    --ct-pagination-active-bg:#121212 !important;
    --ct-pagination-active-border-color:#121212 !important;
}
.paginate_button:hover, .paginate_button:active{
    background: transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;    
}

.form-check-input:checked{
    background-color: #121212 !important;
    border-color: #121212 !important;
}

.side-nav-link:active, .side-nav-link:hover{
  color: #9e9d9d !important
}
.side-nav .menuitem-active>a {
    color: #9e9d9d !important
}

.logo-lg img{
    width: 205px !important;
}

.logo-sm img {
    height: auto !important;
}
li.side-nav-item.menuitem-active {
    background: #2b2c2c;
    border-radius: 0px 33px 33px 0px;
    width: 249px;
}

li.side-nav-item{
    border-radius: 0px 33px 33px 0px !important
}

li.side-nav-item:hover {
    background: #2b2c2c;
    border-radius: 0px 33px 33px 0px !important;
    width: 249px;
}
thead{
    background: #2b2c2c1a!important
}
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
    background:  #2b2c2c;
     border-radius: 0px 33px 33px 0px;
     width: 249px;
}