/*#region Main*/
html {
    font-size: 12px;
    position: relative;
    min-height: 100%;
    height: 100% !important;
}

body {
    margin-bottom: 60px;
    height: 100% !important;
}

.main-Body {
    padding-left: 100px;
    padding-right: 100px;
}

@media (max-width: 991px) {
    .main-Body {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    html {
        font-size: 13px;
    }
}

.whirl.traditional:after {
    border-top: 10px solid #ffce56;
    border-bottom: 10px solid rgb(54, 162, 235);
    border-left: 10px solid #3cba9f;
    border-right: 10px solid #ff6384;
    z-index: 212123;
}

.whirl.traditional:before {
    background-color: var(--bs-body-bg);
    opacity: 0.8;
    z-index: 212123;
}

.text-primary {
    color: #36a3eb !important
}

.text-success {
    color: #4bc0c0 !important
}

.text-warning {
    color: #ffa040 !important
}

.text-danger {
    color: #ff6384 !important
}

.img-blur-up {
    filter: blur(20px);
    transition: filter 1.5s ease-out;
}

.img-loaded {
    filter: blur(0);
}
/*#endregion buttons*/

/*#region Buttons*/
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: none;
}

.bootstrap-filestyle.input-group {
    height: 100%;
    align-items: center;
}

.modal-footer {
    border: none !important;
}

a[b-13vjzld37k] {
    color: var(--bs-nav-link-color);
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: none;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.btn-outline-dark {
    --bs-btn-hover-bg: var(--bs-border-color);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--bs-border-color);
}

/*#endregion buttons*/

/*#region forms*/
.form-floating > label::after {
    background-color: inherit !important;
}

.form-floating > :disabled ~ label::after {
    background-color: inherit !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}
/*#endregion forms*/

/*#region daterangepicker*/
.daterange {
    align-items: center;
    display: flex;
    margin-left: 5px !important;
    height: 2rem;
    border-radius: 0.2rem;
    float: right;
}

.daterangepicker:after, .daterangepicker:before {
    content: none;
}

.daterangepicker {
    font-family: unset !important;
    font-size: 0.8em !important;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
}

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: var(--bs-body-bg);
        color: var(--bs-border-color);
    }

    .daterangepicker .calendar-table {
        border: 1px solid var(--bs-body-bg);
        border-radius: 4px;
        background-color: var(--bs-body-bg);
    }

        .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
            border: solid var(--bs-emphasis-color);
            border-width: 0 2px 2px 0;
        }

        .daterangepicker .calendar-table .next:hover, .daterangepicker .calendar-table .prev:hover {
            background-color: var(--bs-secondary-bg);
        }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: var(--bs-body-bg) !important;
        color: var(--bs-border-color) !important;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        border: solid 1px var(--bs-border-color);
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 0px;
        border-right: 1px solid var(--bs-border-color);
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: none;
    }

    .daterangepicker .drp-buttons {
        border-top: 1px solid var(--bs-border-color);
    }

    .daterangepicker td.start-date {
        background-color: var(--bs-emphasis-color) !important;
        color: var(--bs-body-bg) !important;
    }

    .daterangepicker td.end-date {
        background-color: var(--bs-emphasis-color) !important;
        color: var(--bs-body-bg) !important;
    }

    .daterangepicker .ranges li.active {
        background-color: var(--bs-emphasis-color) !important;
        color: var(--bs-body-bg) !important;
    }

    .daterangepicker td.active {
        background-color: var(--bs-emphasis-color) !important;
        color: var(--bs-body-bg);
    }

    .daterangepicker td.available:hover {
        background-color: var(--bs-secondary-bg);
        color: var(--bs-emphasis-color);
    }

    .daterangepicker .ranges li:hover {
        background-color: var(--bs-secondary-bg);
        color: var(--bs-emphasis-color);
    }

    .daterangepicker td.in-range {
        background-color: var(--bs-secondary-bg);
        color: var(--bs-emphasis-color);
    }
/*#endregion daterangepicker*/

/*#region dataTable*/
div.dts div.dt-scroll-body table, div.dts div.dataTables_scrollBody table {
    background-color: transparent !important;
}

div.dt-button-collection {
    min-width: auto !important;
}

    div.dt-button-collection .dt-button.dropdown-toggle::after {
        right: 0px !important;
    }

table.dataTable.table-bordered th:last-child, table.dataTable.table-bordered td:last-child {
    border-right: 1px solid var(--bs-border-color) !important;
}

.treegrid-expander-expanded, .treegrid-expander-collapsed {
    height: 25px;
    width: 25px;
    margin-left: -10px;
}

table.dataTable > tbody > tr.selected i {
    color: var(--bs-light) !important;
}

table.dataTable > tbody > tr.selected span {
    color: var(--bs-light) !important;
}

table.dataTable {
    border-collapse: collapse;
}

    table.dataTable.table-bordered th, table.dataTable.table-bordered td {
        border-right-width: 1px;
    }

div.dt-scroll-body {
    border-bottom-width: 0;
}

.dt-scroll-body {
    background: transparent !important;
}
/*#endregion dataTable*/

/*#region AccountFiles*/
.tablecards tbody tr {
    border: 0.0625rem solid var(--bs-border-color) !important;
    border-radius: .50rem;
    min-width: 200px;
    overflow: hidden;
}

.tablecards tbody {
    text-align: center;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 80vw;
    justify-content: center;
}

    .tablecards tbody td {
        display: block;
        padding-top: 20px;
        border: none;
    }

#AccountFilesTable_wrapper .dt-scroll-body {
    background: none !important;
    border-left: none !important;
    min-height: 60vh;
}

#AccountFilesTable_wrapper div.dt-scroll-body > table > tbody > tr:first-child {
    border-top-width: 1px;
}

#AccountFilesTable_wrapper .dt-empty {
    padding: 20px !important;
}
/*#endregion AccountFiles*/

/*#region Login*/
.login-page {
    background: url(../images/other/bg.jpg) center center no-repeat;
    background-size: cover;
}

    .login-page::before {
        display: block;
        content: '';
        position: absolute;
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
    }

    .login-page .lfh {
        height: 100vh;
        margin: 0 auto;
    }

    .login-page .login-box {
        padding: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

        .login-page .login-box .forgot-link {
            text-decoration: none !important;
        }
/*#endregion Login*/

/*#region Calendar*/
fc .fc-button-primary {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary-bg);
    color: var(--bs-emphasis-color);
}

.fc-daygrid-event {
    overflow: hidden;
    white-space: nowrap;
}

.fc-theme-standard .fc-popover {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid var(--bs-border-color);
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid var(--bs-border-color);
}

.fc .fc-button-primary {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary-bg);
    color: var(--bs-emphasis-color);
}

.fc-col-header-cell {
    background-color: var(--bs-body-bg);
}

.fc a {
    color: var(--bs-emphasis-color);
    text-decoration: none;
}
/*#endregion Calendar*/