@import "/styles/bootstrap.min-a549af2a81cd9900ee897d8bc9c4b5e9.css";
@import "/styles/bootstrap-icons-5294df9f5610e48b2864537a577fecb9.css";
@import "/styles/select2-e71c39430469a3eea74514a2b48f6536.css";
@import "/styles/select2-bootstrap5-d9e5832bda76c11972b08495902baa03.css";

body.main{
    background: #0264d6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #0264d6 1%, #1c2b5a 100%); /* FF3.6+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Opera 12+ */
    background: radial-gradient(ellipse at center,  #0264d6 1%,#1c2b5a 100%); /* W3C */
}

.sign-in-area{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 600px;
}

.sign-in-area .login-btn > * {
    transition: opacity ease 0.35s;
}

.sign-in-area .login-btn > .btn-text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sign-in-area .login-btn[aria-busy="true"] .btn-text{
    opacity: 0;
}

.sign-in-area .login-btn .spinner-border{
    opacity: 0;
}

.sign-in-area .login-btn[aria-busy="true"] .spinner-border{
    opacity: 1 !important;
}

header.menu .navbar-nav .nav-item .vr{
    margin: 0.5rem 0;
    height: calc(100% - 1rem);
}

.resize-none{
    resize: none !important;
}

.filter > .filter-option{
    flex: 0 0 auto;
    width: calc(100% / 3);
}

@media (min-width: 1100px) {
    .filter > .filter-option{
        width: 25%;
    }
}

@media (min-width: 1320px) {
    .filter > .filter-option{
        width: 20%;
    }
}

@media (min-width: 1500px) {
    .filter > .filter-option{
        width: calc(100% / 6);
    }
}

#languageSwitch .select2-container--bootstrap-5 .select2-selection--single{
    background-color: var(--bs-dark-rgb);
    border-width: 0;
}

#languageSwitch .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    color: var(--bs-gray) !important;
    min-width: 70px;
}

#languageSwitch .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.page-title-container{
    display: flex;
    align-items: center;
    height: 70px;
    position: sticky;
    top: 0;
    flex: 0 0 auto;
    width: calc(100% + 10px);
    z-index: 1010;
    background-color: var(--bs-body-bg);
    margin: 0 -5px;
    padding: 0 5px 10px 5px;
}

.nav.nav-tabs + .page-title-container::after{
    display: none !important;
}

.page-title-container::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: calc(100% - 10px);
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-primary);
}

.select2-container--open{
    z-index: 11000;
}

.section-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 0.5rem;
}