@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

/* https://huemint.com/bootstrap-basic/#palette=d9dfe1-ffffff-19a0aa-054b53-864793-a74a66 */


body {
    font-family: 'Poppins', sans-serif;
}

body#login-page {
    background: #ececec;
}

/* ----- LOGIN PAGE ---- */

.login-box-area {
    width: 930px;
}

.login-left-box {
    background: #192586;
}

.login-right-box {
    padding: 40px 30px 40px 40px;
}

.login-right-box ::placeholder {
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .login-box-area {
        margin: 0 10px;
    }

    .login-left-box {
        height: 100px;
        overflow: hidden;
    }
}
/* ----- LOGIN PAGE ---- */

:root {
    --bs-link-color: #384bb4 !important;
    --bs-link-hover-color: #27379b !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #384bb4 !important;
    background-color: #fff !important;
    border-bottom-color: #384bb4 !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #384bb4 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #384bb4;
    --bs-btn-border-color: #384bb4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #27379b;
    --bs-btn-hover-border-color: #27379b;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #27379b;
    --bs-btn-active-border-color: #27379b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #384bb4;
    --bs-btn-disabled-border-color: #384bb4;
}

.btn-outline-primary {
    --bs-btn-color: #384bb4;
    --bs-btn-border-color: #384bb4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #384bb4;
    --bs-btn-hover-border-color: #384bb4;
    --bs-btn-focus-shadow-rgb: 55,125,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #384bb4;
    --bs-btn-active-border-color: #384bb4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #384bb4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #384bb4;
    --bs-gradient: none
}

/*.btn-soft-primary {
    color: #384bb4;
    background-color: #ebf2cf;
    border-color: transparent;
}*/

/*.btn-soft-primary:hover{
    color:#fff;
    background-color:#384bb4;
    border-color:transparent
}*/

.bootstrap-dialog.type-primary .modal-header {
    background-color : #384bb4;
}

.navbar-brand-logo {
    width: 100%;
    min-width: 10.5rem !important;
    max-width: 10.5rem !important;
}

.navbar-vertical-aside .navbar-brand-logo-mini {
    width: 2.2125rem;
    display: none;
}

/*.bg-soft-primary {
    color: #384bb4;
    background-color: #ebf2cf;
    border-color: transparent;
}*/

.navbar-height { height:3.075rem }

.navbar-vertical-aside .navbar-aside-toggler { top: .275rem; }

.main .content { padding-top: 0.5rem; }

.form-check-input { border: 1px solid #677788; }