﻿.validationerror {
    color: #a94442 !important;
    font: 400 13px 'Open Sans', Arial, sans-serif !important;
}
.main-title {
    font-family: Montserrat !important;
    font-size: 42px !important;
    color: #222 !important;
    line-height: 48px !important;
    font-weight: 450 !important;
}
.logoKM__path--b {
    fill: #385adc;
}
.logoKM__path--a {
    fill: #00b9d9;
}

.btn-primary {
    background-color: #00b9d9 !important;
    border-color: #00acc1 !important
}

.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    background-color: #00a6c3 !important;
    border-color: #009aad !important;
}

.link-primary, .link-primary i {
    color: #00acc1 !important
}

.link-primary:hover {
    color: #00acc1 !important
}

#toast-container > div {
    opacity: 1 !important;
}

.toast {
    opacity: 1 !important;
}

.btn-check:checked + .btn.btn-active-color-primary, .btn-check:active + .btn.btn-active-color-primary, .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .show > .btn.btn-active-color-primary {
    color: #0a1040 !important;
}

.btn-check:checked + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i, .show > .btn.btn-active-color-primary .svg-icon {
    color: #0a1040 !important;
}
.menu-link:hover {
    color: #0a1040 !important;
    background-color: whitesmoke !important
}

.menu-link:hover .menu-icon i,
.menu-link:hover .menu-title {
    color: #0a1040 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: var(--bs-gray-500) !important;
}

.menu-arrow-gray-500 .menu-item .menu-link .menu-arrow:after {
    background-color: var(--bs-text-gray-500) !important;
}

.page-link.active, .active > .page-link {
    background-color: #0a1040 !important;
    border-color: #0a1040 !important;
}
.page-link:hover {
    color: #0a1040 !important;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next {
    background-color: #0a1040 !important;
}

.scrolltop {
    background-color: #00acc1 !important;
}
.swal2-html-container {
    text-align: left !important
}
.active .page-link:hover {
    color: #ffffff !important;
}