html {
  font-size: 80% 
}
.shadow{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

:root {


--primaryd:#4d4e89;
--primarydb: #d2d3ff;
--alertd:#ef5358;
--alertdb:#ffb5b7;
--succd:#28c76f;
--succdb:#c5ffdf;
--yd:#d6c500;
--ydb:#ffffd2;

  }
.form-switch .form-check-label .switch-icon-right, .form-switch .form-check-label .switch-text-right {
    left: -17px !important;
    top: -22px !important;
    opacity: 1;
    top: 0;
    transform: translateX(0);
    transition: opacity .08s ease,transform .15s ease;
    position: relative !important;
}

.form-switch {

    width: 100px;
}
.form-switch .form-check-label .switch-icon-left{
    width: auto;
}
/* for dark theme
.select2-container--default .select2-selection--multiple {
    background-color: #283046 !important;
    border: 1px solid #404656;
    border-radius: 4px;
    cursor: text;
}

.select2-container--classic .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #7367f0 !important;
    color: #fff !important;
}

.select2-container--classic .select2-results__option, .select2-container--default .select2-results__option {
    padding: 0.428rem 1rem;
    background: #283046;
   color:#b4b7bd !important;
}

.select2-container--default .select2-selection--single {
     background-color: #283046 !important;
    border: 1px solid #404656;
    border-radius: 4px;
}
*/
.horizontal-menu .header-navbar.navbar-fixed {
   
    left: 0px;
}




 /* my css  */


.main-menu .main-menu-content {
 background: #efefd5 !important;
}
.semi-dark-layout .main-menu-content .navigation-main {
    padding: 18px 0px;
    background-color: initial !important;
}
.main-menu.menu-dark .navigation {
    background: initial !important;
    padding: 18px 0px !important;
}
.semi-dark-layout .main-menu-content .navigation-main .active>a {
    color: #fff !important;
}
.semi-dark-layout .main-menu-content .navigation-main .active .menu-title, .semi-dark-layout .main-menu-content .navigation-main .active i {
    color: #fff !important;
    font-weight: 900 !important;
}


.main-menu.menu-dark .navigation > li.active > a {
    box-shadow: rgb(156, 156, 92) 0px 0px 10px 1px !important;
    /* background: linear-gradient(118deg, rgb(181, 181, 123), rgb(132, 132, 51)) !important; */
    background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;


}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #ffffff !important;
}
.main-menu .navbar-header {
    box-shadow: rgb(156, 156, 92) 0px 0px 10px 1px !important;
    /* background: linear-gradient(118deg, rgb(181, 181, 123), rgb(132, 132, 51)) !important; */
    background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
z-index: 1;
}
.main-menu.menu-light .navigation>li.active>a {
    border-radius: 4px;
    box-shadow: rgb(156, 156, 92) 0px 0px 10px 1px !important;
    background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
}
    ul.nav.navbar-nav.flex-row{
        display: flex !important;
        align-items: center !important;
    }
    .main-menu .navbar-header .navbar-brand {
        align-items: center;
        display: flex;
        font-size: inherit;
        margin-top:0 !important;
    }

    footer.footer.footer-light.d-block.d-md-flex.justify-content-between.ms-0.footer-static{
        background: #888839 !important;
    }
    .semi-dark-layout .main-menu-content .navigation-main .nav-item a, .semi-dark-layout .main-menu-content .navigation-main .nav-item a:after {
        font-weight: 500 !important;
        color: #656565 !important;
    }
    .main-menu.menu-light .navigation .navigation-header span {
        color: #000;
        font-weight: 800;
    }
    .main-menu.menu-dark .navigation .navigation-header span {
        color: #000;
        font-weight: 800;
    }
    .vertical-layout.vertical-menu-modern .main-menu .navigation>li.active>a i, .vertical-layout.vertical-menu-modern .main-menu .navigation>li.active>a svg {
       color: #fff !important;
    }
    
    .dark-layout .main-menu-content .navigation-main li a {
        font-weight: 500 !important;
        color: #656565 !important;
    }
    .dark-layout .main-menu-content .navigation-main .nav-item i, .dark-layout .main-menu-content .navigation-main .nav-item svg {
        color: #656565 !important;
    }
    .nav-link.nav-link-style{
        display: none !important;
    }

    .navbar-container.d-flex.content {
        background: #efefd5 !important;
    }
    .main-menu.menu-fixed.menu-dark.menu-accordion.menu-shadow.expanded {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
    }

    .navigation-header svg{
        display: none !important;
    }
    svg.feather.feather-disc.d-none.d-xl-block.collapse-toggle-icon.font-medium-4.text-primary {
     color: #fff !important;
    }




    .my-card.card{
        height: 140px !important;
        min-height: 140px !important;
        border: 1px solid #e1e0e0;
    }

    .dashboard-img{
        height: 140px !important;
        display: flex;
        align-items: end;
      
    }
    .dashboard-img img{
        height: 100% !important;
        width: fit-content;
        object-fit: contain;
    }
    .nav-pills{
        border-bottom: 1px solid #878765 ;
        display: inline-flex;
    }
    .nav-link{
        transition: all 0.4s !important;
        margin-right: 10px; 
        margin-left: 10px;
        padding: 6px 10px;
    }

    .nav-link.my:hover{
        border-color: #878765 !important;
        color: #fff;
        box-shadow: 0 4px 18px -4px rgb(108 108 50) !important;
        background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
         
    }
    .nav-pills .nav-link.my.active {
        border-color: #878765 !important;
        color: #fff!;
        box-shadow: 0 4px 18px -4px rgb(108 108 50) !important;
        background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
    }

    .bg-mytheme{
        background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
        color: #fff !important;
        border-color: rgb(105, 105, 40) !important;

    }

.page-item.active .page-link {
    background: linear-gradient(118deg, rgb(49, 49, 48), rgb(132, 132, 51)) !important;
}
 
    .bg-mytheme:hover:not(.disabled):not(:disabled) {
        box-shadow: 0 8px 25px -8px #848433;
    }

    .theme-action .form-check-input:not(:disabled):checked, .theme-action .form-check-input:not(:disabled):focus {
        border-color:rgb(132, 132, 51);
        box-shadow: 0 2px 4px 0 rgb(106, 106, 41);
    }
    .form-check-input:checked {
        background-color: rgb(132, 132, 51)!important;
        border-color: rgb(132, 132, 51);
    }
    
    .breadcrumb-item a{
       color: #525252;
    }
    .breadcrumb-item {
        color: rgb(132, 132, 51);
     }

    table{
        max-width: 100% !important;
        overflow-x:  scroll !important;
    }