@charset "UTF-8";
@font-face {
    font-family: 'Odudo';
    src: url('../fonts/odudo-regular.woff') format('woff');
}
@font-face {
    font-family: 'Odudo';
    src: url('../fonts/odudo-light.woff') format('woff');
    font-weight: lighter;
}

:root {
    --font-family: Odudo, sans-serif;
}

.bg-id {
    background-color: #00A9E0;
    color: #fafaff;
}

.login-body {
    background-color: #292633;
}

.logo {
    width: 70px;
    height: 70px;
    margin: 10px 30px 10px 40px;
}

a, a:hover {
    color: #008CB9;
}

.btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: #00A9E0 !important;
    border-color: #00A9E0 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #008CB9!important;
    border-color: #008CB9!important;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #008fa6!important;
    border-color: #006e80!important;
}

.btn.btn-primary.disabled, .btn.btn-primary:disabled, fieldset:disabled .btn.btn-primary {
    background-color: #00A9E0 !important;
    border-color: #00A9E0 !important;
}

.site-name {
    font-size: 28px;
    color: #231f20;
}

.nav-link {
    color: #231f20 !important;
}

.dropdown-menu {
    border: 1px solid #dededf;
}

.dropdown-item {
    color: #292633;
    background-color: #fafaff;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    color: #008fa6;
    background-color: #ededef;
}

.bg-menu {
    background-color: #ededef;
}

.menu li {
    color: #292633;
}

.menu li:hover {
    color: #008fa6;
}

.menu .submenu-1 li, .menu .submenu-2 li {
    background-color: #fafaff;
}

.menu ul.submenu-1, .menu ul.submenu-2 {
    border-color: #dededf;
}

.menu .submenu-1 li a, .menu .submenu-2 li a {
    color: #292633;
}

.menu .submenu-1 li:hover, .menu .submenu-2 li:hover {
    background: #ededef;
    color: #008fa6;
    border-block-color: #dededf;
}

#impersonation-menu {
    background-color: #292633;
    color: #fafaff;
}

#impersonation-menu .woke-operator {
    background-color: #00A9E0;
}

#impersonation-menu .woke-registrar {
    background-color: #00A9E0;
}

.footer-bg-id {
    background-color: #00A9E0;
    color: #fafaff;
}

.menu ul.submenu-1 {
    min-width: 209px;
}

.bg-card {
    background-color: #00A9E0;
}

.nav-tabs .nav-link.active {
    border-top: 4px solid #00A9E0;
}

/*Suffixes asterisk for required form field lables*/
label.col-form-label:has(~ div input[data-val-required], ~ div textarea[data-val-required], ~ div select[data-val-required]):after {
    content: "*";
    font-weight: normal;
    color: red;
}

.required:after {
    content: "*";
    font-weight: normal;
    color: red;
}

.required-indicator {
    font-weight: normal;
    color: red;
}

.modal-header {
    border-bottom: 4px solid #00A9E0 !important;
}

/*MVC Grid*/
.mvc-grid-pager button:not([disabled]) {
    color: #00A9E0 !important;
}

.mvc-grid-pager .active:not([disabled]),
.mvc-grid-pager .active:focus:not([disabled]) {
    border-color: #00A9E0 !important;
    background-color: #00A9E0 !important;
    color: #ffffff !important;
}