/*Custome Fonts Importing*/ /*|| verdana | verdana_bold | verdana_bold_italic ||*/
@import "font.css";

/*HTML Tags CSS Importing*/
@import "default.css";

/*Globle Classes Declaration*/
.mc-page-wrapper {
    display: flex;
}
.mc-text-highlight {
    color: #007bff;
}
.mc-text-highlight:hover {
    color: #0056b3;
}
.font-weight-bold {
    font-weight: bold !important;
}

/*Offcanvas Drawer Menu*/
.mc-offcanvas-drawer {
    flex-basis: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #343a40;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
}
.mc-offcanvas-drawer .brand {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #4b545c;
}
.mc-offcanvas-drawer .brand .brand-image {
    width: 35px;
}
.mc-offcanvas-drawer .menu-opts {
    display: flex;
    justify-content: center;
    align-items: flex-start;        
    
}
.mc-offcanvas-drawer .menu-opts > div {
    height: calc(100vh - 150px);
    overflow-y: auto;
}
.mc-offcanvas-drawer .dx-menu-vertical{
    height: unset;
}
.mc-offcanvas-drawer .menu-opts ul {
        margin: 6px 0px;
    }
.mc-offcanvas-drawer .menu-opts ul li {
    margin: 8px 0px;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content {
    display: block;
    height: 80px;
    width: 74px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.75);
    transform: scale(1);
    transition: all ease 0.3s;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content > span{
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    grid-gap: 5px;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content > span label{
    letter-spacing: 0.5px;
    margin-top: 5px;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content i {
    transform: scale(1);
    transition: all ease 0.5s;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content:hover,
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content.active {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.25);
}
.mc-offcanvas-drawer .menu-opts ul li .dx-item-content:hover i {
    transform: scale(1.2);
    transition: all ease 0.5s;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-menu-item-expanded .dx-item-content {
    background-color: #fff;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-menu-item-expanded .dx-item-content i {
    color: #000;
}
.mc-offcanvas-drawer .dx-menu-item-popout-container {
    display: none;
}
.mc-offcanvas-drawer .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
    margin: 0 3px 0 3px;
}
.mc-offcanvas-drawer .theme-setting {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.10);
    width: 75px;
    height: 75px;
    margin: 0px auto;
}
.mc-offcanvas-drawer .theme-setting a.btn-select-theme {
    width: 65px;
    height: 65px;
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.75);
    transition: all ease 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mc-offcanvas-drawer .theme-setting a.btn-select-theme:hover {
    color: rgba(255, 255, 255, 1);
    transform: scale(1.1);
    transition: all ease 0.3s;
}

/*Page Content*/
.mc-page-wrapper .mc-web-page-content {
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 1;
    display: grid;
    height: 100vh;
    grid-template-rows: 35px 1fr 30px;
}
/*navbar*/
.mc-navbar {
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
    color: #1f2d3d;
    display: flex;
    align-items: center;
    z-index: 9999;
}
.mc-navbar ul.navbar-nav {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    color: #000000;
}
.mc-navbar ul.navbar-nav li.expand {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}
.mc-navbar > ul.navbar-nav > li > a {
    padding-left: 12px;
    margin-left: 12px;
}
.mc-navbar .nav-link {
    color: #000000;
}
.mc-user-opts-menu ul.dropdown-menu[data-bs-popper] {
    margin-top: 2px;
}
.mc-toggle-drawer-menu {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}
/*content*/
.mc-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #f4f6f9 url("../../theme/images/Dashboard_img.png") center center no-repeat;*/
    /*background: #f4f6f9 url("../../theme/images/dashboard_gfx1.svg") center center no-repeat;*/
    background-size: 765px auto;
}
/*footer*/
.mc-footer {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 0px 8px;
}
.mc-footer p {
    font-size: 0.8rem;
}
.mc-whatsapp-icon-btn i.dx-icon {
    background-color: green;
    border-radius: 100%;
    color: #fff;
}
/*Theme Settings Drawer*/
.mc-settings-drawer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 300px;
    background-color: #343a40;
    right: -300px;
    transition: all ease 0.3s;
    border-left: 1px solid rgb(103 108 112);
    z-index: 9999;
}
.mc-settings-drawer.active {
    right: 0px;
    transition: all ease 0.3s;
}
.mc-offcanvas-drawer .theme-setting a.btn-select-theme.active {
    color: rgba(255, 255, 255, 1);
    transform: scale(1.1);
    transition: all ease 0.3s;
}

/*Responsive CSS Importing*/
@import "responsive.css";