@import "/styles/bootstrap-77bdbed8e867fb8c6846565ca33c596f.css";
@import "/styles/bootstrap-icons-81a0b0b05e7ded52e3e12e5612ed17e4.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 .message-box{
    position: absolute;
    top: 0;
    transform: translateY(calc(-100% - 1.5rem));
}

.sign-in-area .message-box:empty{
    display: none;
}

.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;
}

.w-max-content{
    width: max-content !important;
}

.w-fit-content{
    width: fit-content;
}

td.min-width, th.min-width {
    width: 1px;
    white-space: nowrap;
}

.nav.nav-underline.sub-menu {
    --border-bottom-height: 3px;
    gap: 0 !important;
    border-bottom: var(--border-bottom-height) solid var(--bs-gray-400);
}

.nav.nav-underline.sub-menu .nav-item {
    position: relative;
    bottom: calc(-1 * var(--border-bottom-height));
}

.nav.nav-underline.sub-menu .nav-item .nav-link {
    padding-left: .75rem;
    padding-right: .75rem;
    color: inherit;
    border-bottom-width: var(--border-bottom-height) !important;
    transition: border-color .33s ease-in-out,color .33s ease-in-out;
}

.nav.nav-underline.sub-menu .nav-item .nav-link.active,
.nav.nav-underline.sub-menu .nav-item .nav-link:hover {
    border-bottom-color: var(--bs-primary);
    color: var(--bs-primary);
}

.input-list-group {
    padding: 0;
    list-style: none;
}

.input-list-group .input-list-row {
    display: flex;
    margin-bottom: .5rem;
}

.input-list-group textarea:disabled,
.input-list-group textarea:disabled + a[data-toggle='remove'] {
    display: none;
}


.input-list-group .input-list-row:first-child:not(:last-child){
    display: none;
}

.file-drop-zone{
    --outline-opacity: .5;
    outline: 2px dashed rgba(var(--bs-secondary-rgb), var(--outline-opacity));
    outline-offset: -0.75rem;
    transition: outline-offset 0.2s ease-out, outline-color 0.3s ease-in-out;
}

.file-drop-zone.highlighted{
    --outline-opacity: 1;
    outline-offset: 0 ;
}

.table-fixed{
    table-layout: fixed !important;
}

.cursor-grab{
    cursor:grab !important;
}

.drag-n-drop-zone{
    position: relative;
}

.drag-n-drop-zone .drag-over-only{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    font-weight: 500;
    background-color: var(--bs-primary-bg-subtle);
    outline: 1px dashed var(--bs-primary);
    border-radius: var(--bs-card-border-radius);
}

/*.drag-n-drop-zone.hovered > * {
    opacity: 0;
}*/

.drag-n-drop-zone.hovered .drag-over-only{
    display: flex;
}

.fs-n1{
    font-size: calc(var(--bs-body-font-size) * 0.875);
}

.fs-n2{
    font-size: calc(var(--bs-body-font-size) * 0.75);
}

.content-xs {
    max-width: 50px;
}

.content-sm {
    max-width: 120px;
}

.content-md {
    max-width: 180px;
}

.content-lg {
    max-width: 250px;
}

.content-xl {
    max-width: 400px;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tooltip-wrapper .tooltip{
    display: none;
}