.br10 { border-radius: 10px; }
.br20 { border-radius: 20px; }
.br25 { border-radius: 25px; }

.mt--5 { margin-top: -10px;;}

.fs-44 {
    font-size: 44px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.login-bg {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: -1;
    background: linear-gradient(135deg, #f8f9fc, #eef2f7);
}

.login-bg span {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.25;
    animation: floatBlob 35s infinite ease-in-out;
}

.login-bg span:nth-child(1) {
    width: 420px;
    height: 420px;
    background: #3b62b4;
    top: -80px;
    left: -120px;
}

.login-bg span:nth-child(2) {
    width: 350px;
    height: 350px;
    background: #5c7fd1;
    bottom: -100px;
    right: -120px;
    animation-delay: 8s;
}

.login-bg span:nth-child(3) {
    width: 300px;
    height: 300px;
    background: #8fa7e8;
    top: 40%;
    left: 60%;
    animation-delay: 15s;
}

@keyframes floatBlob {
    0%,100%{
        transform: translate(0,0) scale(1);
    }
    50%{
        transform: translate(40px,-40px) scale(1.15);
    }
}

.gradient-hover:hover {
    background-color: #cfa626 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #fff !important;
}

.dropshade {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 44px -12px;
}

.heightbtn {
    height: 50px !important;
}

.bg-opritcher {
    background: linear-gradient(170deg, rgba(209, 172, 63, 1) 25%, rgba(233, 214, 128, 1) 100%);
}

.text-opritcher {
    color: #cda31c;
}

.btn-opritcher {
    background-color: #cda31c;
    color: #fff;
}
html,
.navbar-vertical.navbar-expand-lg {
    overflow-y: overlay;
    scrollbar-width: thin;
}
html,
.collapse.navbar-collapse {
    overflow-y: overlay;
    scrollbar-width: thin;
}

ul.navbar-nav .nav-link {
    color: #222222 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}
ul.navbar-nav .nav-link:hover {
    color: #222222 !important;
    background-color: #b9962f !important;
    font-weight: 500 !important;
}

ul.navbar-nav li.nav-item.actived {
    color: #222222 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

ul.navbar-nav li.nav-item.actived a.nav-link {
    color: #222222 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.actived {
    background-color: #b9962f !important;
    color: #fff !important;
}

ul.navbar-nav a.dropdown-item {
    color: #222222 !important;
    font-weight: 500 !important;
}

ul.navbar-nav a.dropdown-item:hover {
    color: #222222 !important;
    background-color: #b9962f !important;
    font-weight: 500 !important;
}

ul.navbar-nav a.dropdown-item.actived:hover {
    color: #222222 !important;
    background-color: #b9962f !important;
    font-weight: 500 !important;
}

.text-white-bold {
    color: #fff !important;
    font-weight: 500 !important;
}

.select2.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection__arrow b {
    background-image: none !important;
    display: none;
}

.select2-container--default .select2-selection__arrow::after {
    content: '';
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>') no-repeat;
    background-size: 16px 16px;
    color: #9ea3ae !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 14px;
    transform: translateY(-50%);
}

.select2-container--default.select2-container--open .select2-selection__arrow::after {
    transform: translateY(-50%) rotate(180deg);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5 !important;
    padding-right: 5 !important;
}

.select2-container--default .select2-selection--single {
    padding-left: 8px !important;
    padding-top: 5px !important;
    height: 40px !important;
    display: block;
    font-size: 14px;
    color: #212529;
    background-color: #fff;
    border: 1.3px solid #e6e7eb !important;
    border-radius: 0.5rem;
    appearance: none;
}

.select2-container--bootstrap .select2-selection--single {
    padding-left: 5 !important;
}

.hidden {
    display: none;
}

.modal-l {
    max-width: 1000px !important;
}

tbody.table-tbody td {
    font-size: 12px !important;
}

.nav-pills.nav-opritcher .nav-link {
    background: #fff;
    border: 1px solid #D3D3D3 !important;
    color: #808791 !important
}

.nav-pills.nav-opritcher .nav-link.active {
    background: #cda31c;
    border: 1px solid #cda31c;
    color: #fff !important
}

ul.nav-pills.nav-opritcher .nav-link {
    margin-left: 1px;
    padding-top: 1.5px;
    padding-bottom: 1.5px;
    border-radius: 44px !important;
    border-style: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 44px -12px;
    margin-right: 2.5px;
}
.input-icon-addon a {
    pointer-events: auto;
}

.fc .fc-button {
    background-color: #066fd1;
    border-color: #066fd1;
    color: #fff;
    border-radius:20px;
}

.fc .fc-button:hover {
    background-color: #478cda;
    border-color: #478cda;
    border-radius:20px;
}

.fc .fc-button-active {
    background-color: #066fd1;
    border-color: #066fd1;
    border-radius:20px;
}

.fc .fc-button:disabled {
    background-color: #ccc;
    border-color: #ccc;
    color: #666;
    border-radius:20px;
}

.deadline-text {
    position: relative;
}

.deadline-text::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 20px solid var(--triangle-color, transparent);
    border-left: 20px solid transparent;
}