@import "root.css";

:root {
    --default-font-family: 'Jost', sans-serif;

    --theme-primary-color: #303f9f;
    --theme-grey-color: #eeeeee;
    --theme-border-color: #cbccd3;

    --header-height: 58.4px;
    --footer-height: 56.4px;
}

.offcanvas {
    z-index: 5000;
}
.offcanvas-end {
    width: 70% !important;
}

.mis-bar-icon-bg {
    background: url('https://mis.gumatech.com/cdn/static/images/menu-icon.png');
    background-repeat: no-repeat;
    width: 58.4px;
    height: 58.4px;
    background-position: center;
    background-size: 48px;
}
.mis-loader {
    width: 100%;
    z-index: 4000;
    position: fixed;
    top: 49px;
    left: 0;
}
body .mis-loader {
    display:none;
}
body.is-loading .mis-loader {
    display:block !important;
}


body {
    font-family: var(--default-font-family);
    background-color: #dfe0e8;
}
.mis-header-offset { 
    top: var(--header-height) !important; 
    z-index: 9;
}
input:focus, select:focus, textarea:focus, .btn-check:focus+.btn, .btn:focus { box-shadow:none !important; }
.border-bottom, .border-top, .border-left, .border-right { border-color:var(--theme-border-color)!important; }
.bg-theme-primary { background-color: var(--theme-primary-color) !important; }
.text-theme-primary { color: var(--theme-primary-color) !important; }
.bg-grey { background-color: var(--theme-grey-color) !important; }
.text-grey { color: var(--theme-grey-color) !important; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: var(--theme-primary-color) !important;
}
.mis-nav-pills.nav-pills .nav-link {
    border-bottom: 4px solid transparent;
    border-radius: 0;
}
.mis-nav-pills.nav-pills .nav-link.active, 
.mis-nav-pills.nav-pills .show > .nav-link {
    color: #212529 !important;
    background-color: transparent !important;
}
.mis-nav-pills.nav-pills .nav-link.active {
    color: #000000 !important;
    font-weight: 600;
    border-color: var(--theme-primary-color) !important;
}


.mis-spinner {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
}



.mis-main-header .has-icon {
    font-size: 26px;
    padding: 9px 15px;
}






.mis-main-footer .nav-link,
.mis-main-footer .nav-link.active {
    color: #FFFFFF;
    font-size: 26px;
    padding: 5px 15px 9px 15px;
    border-top: 4px solid transparent;
}
.mis-main-footer .nav-link.active {
    border-top-color: #FFFFFF !important;
}











.mis-main-content {
    margin-top: var(--header-height) !important;
    margin-bottom: var(--footer-height) !important;
}




.mis-search {
    top: var(--header-height) !important;
}