.fi-sidebar {
    background-color: #002039;
    background-image: linear-gradient(#002039, #093658);
}

.fi-sidebar .fi-sidebar-item a {
    font-size: 15px;
}
.fi-sidebar .fi-sidebar-item a .fi-sidebar-item-label {
    color: #dee9ff;
}

.fi-sidebar .fi-sidebar-item a svg {
    color: #99c4e9;
    width: 22px;
}

.fi-sidebar .fi-sidebar-item a:hover {
    background: rgba(255, 255, 255, .08);
}

.main-footer {
    background: #f8f9fd;
    font-size: 14px;
    padding: 24px;
    text-align: right;
    display: block;
    position: relative;
    clear: both;
}

.bg-custom-calendar {
    background: #111827;
}

.task-finished .col-code.fi-ta-text {
    text-decoration: line-through;
}
.task-finished {
    background: #fbfbfb;
}

main:not(.fi-simple-main) {
    min-height: calc(100vh - 133px);
}

.ios .fi-topbar > nav {
    padding-top: 61px;
    height: 125px;
}

.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active a {
    background-color: rgb(0 0 0 / 18%) !important;
}

.date-exception-request-past {
    background: #fff5e7;
}

.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active a .fi-sidebar-item-label {
    color: #fff;
}

.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active a svg {
    color: #87e3ff;
}

.fi-body {
    background-color: #f8f9fd !important;
}

.dropdown-action-button {
    justify-content: left !important;
    text-decoration: none;
}

.dropdown-action-button > span, .dropdown-action-button:hover>span{
    font-weight: 300;
    text-decoration: none !important;
}

.module-desc ul {
        list-style-type: square;
            margin: 10px 22px;
}
.module-desc li::marker {
            color: #85e3ff;
}

@media (min-width: 2000px) {
    .max-w-7xl {
        max-width: 95rem !important;
    }
}

.fi-topbar-database-notifications-btn {
    margin: 0 8px !important;
}


// .filepond--item {
//     width: calc(50% - 0.5em);
// }

// @media (min-width: 30em) {
//     .filepond--item {
//         width: calc(50% - 0.5em);
//     }
// }

// @media (min-width: 50em) {
//     .filepond--item {
//         width: calc(33.33% - 0.5em);
//     }
// }

.user-avatar .filepond--root {
    width: 216px !important;
    height: 216px !important;
}

.choice-stock {
    float: right;
    position: relative;
    top: -2px;
}

.choices__inner .choice-stock {
    display: none;
}

.section-highlight section {
    background-color: #f6fdff !important;
    border: 1px solid #cce3ea;
}

.info-alert {
    background-color: rgb(239, 246, 255) !important;
    color: rgb(8 49 81);
    border: 1px solid rgb(183 198 209);
}

.info-alert .fi-fo-field-wrp-label span {
    color: rgb(8 49 81);
    font-weight: 700;
}

.timesheet-status {
    width: 26px;
    position: relative;
    top: -2px;
    display: inline-block;
}

.color-info {
    color: #1da6b6;
}

.history-btn .fi-btn-label {
    display: none;
}

.history-btn .fi-btn-icon {
    color: #404a53;
}

.timesheet-time {
    min-width: 40px;
    display: inline-block;
}

html.fi {
    background: #f8f9fd;
}

.trial a {
        background: white;
            border-radius: 6px;
            padding: 8px 16px;
                color: #002039;
                    box-shadow: 1px 1px 4px 0px #0d000073;
                    &:hover {
                            background: #f8f2ff;
                    }
}
.trial div {
        flex: 1;
            margin-right: 26px;
}
.trial svg {
            width: 26px;
            margin-right: 16px;
}
.trial {
    background: linear-gradient(119deg, rgba(200, 168, 228, 1) 0%, rgba(173, 129, 232, 1) 100%);
        color: white;
        border-radius: 8px;
        /* margin-bottom: 26px; */
        display: flex;
        font-size: 15px;
        font-weight: 500;
        align-items: center;
        padding: 6px 7px 6px 20px;
                    margin-left: 46px;
}

@media screen and (max-width: 768px) {
    .trial {
        display: none;
    }
}
@view-transition {
    navigation: auto;
}

.fi-topbar {
    padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
}

.pre-login-section > section {
    --tw-ring-color: white;
    box-shadow: none;
    margin: 20px -20px;
}

.text-green-600 {
    color: #129444;
}


.view-mode {
    margin-top: 32px;
}

.fi-chrono-widget .chrono-widget-content {
    text-align: center;
    padding: 16px;
}
.fi-chrono-widget .counter {
    font-size: 24px;
    font-weight: 600;
    color: #002039;
    margin-bottom: 16px;
    
}

.chrono-widget-content button.fi-disabled {
    display: none;
}

.fi-chrono-widget button.pointer-events-none {
    display: none;
}

.fi-chrono-widget > form {
    border: none;
}

.fi-dropdown:has(.bulk-actions-dropdown) .fi-dropdown-panel {
    margin-left: -57px;
}

.fi-modal:has(.high-z-index-modal) .fi-modal-close-overlay, .fi-modal:has(.high-z-index-modal) .fixed, .fi-modal-window-ctn:has(.high-z-index-modal) {
    z-index: 99;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn {
        background-color: #ffffff21;
}

.gap-2 {
    gap: 6px;
}

.p-6 {
    padding: 20px;
}

.fi-layout {
    height: auto;
}

.fi-popover-content {
        z-index: 1;
}

.exception-type-id-container .fi-inline, .exception-type-id-container .fi-sc-text {
    display: block !important;
}

.fi-color-danger.fi-color-gray {
    --color-50: var(--danger-50);
    --color-100: var(--danger-100);
    --color-200: var(--danger-200);
    --color-300: var(--danger-300);
    --color-400: var(--danger-400);
    --color-500: var(--danger-500);
    --color-600: var(--danger-600);
    --color-700: var(--danger-700);
    --color-800: var(--danger-800);
    --color-900: var(--danger-900);
    --color-950: var(--danger-950);
}

.bg-primary-500 {
    background: var(--color-primary-400);
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.bg-gray-300 {
    background-color: #d1d5db;
}

.h-6 {
    height: 1.5rem;
}

.w-full {
    width: 100%;
}

.h-5 {
    height: 1.25rem;
}
.w-5 {
    width: 1.25rem;
}

.noty_bar {
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 99;
    background: #eff8ff;
    padding: 17px 24px;
    border: 1px solid #8c98f6;
    box-shadow: 1px 1px 4px #80808042;
    border-radius: 8px;
    color: #0d3da7;
}

.noty_type__warning {
    background: #fff4e5;
    border: 1px solid #ffcc80;
    color: #663c00;
}

.relative .absolute+p.inline-block.relative.bg-white.text-sm.p-2 {
    background: white !important;
    color: black !important;
}