.ps-min-vh-50 {
    min-height: 50vh !important;
}

.ps-min-vh-60 {
    min-height: 60vh !important;
}

.ps-min-vh-70 {
    min-height: 70vh !important;
}

.toast-error {
    background-color: #f64e60 !important;
}

.invalid-feedback-login .invalid-feedback {
    color: #FFF !important;
}

.label.label-ps-success {
    color: #ffffff;
    background-color: #00ff00;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    white-space: normal;
    word-wrap: break-word;
    margin-right: 3px;
}

/*
.tab-pane .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell,
.tab-pane .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell,
.tab-pane .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    vertical-align: middle;
    padding: 1rem 1rem !important;
    font-size: 1rem !important;
    width: 240px !important;
    height: 60px !important;
}

.pane-permisos .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell,
.pane-permisos .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell,
.pane-permisos .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    vertical-align: middle;
    padding: 0 !important;
    font-size: 1rem !important;
    width: 100px !important;
    height: 60px !important;
}*/
#kt_datatable_horas.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell,
#kt_datatable_horas.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell,
#kt_datatable_horas.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    padding: 7px !important;
    font-size: 0.85rem !important;
}

#kt_datatable_solicitud.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell,
#kt_datatable_solicitud.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell,
#kt_datatable_solicitud.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    padding: 7px !important;
    font-size: 0.85rem !important;
}

#kt_datatable_solicitud.datatable-default.datatable-head-custom > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span,
#kt_datatable_solicitud.datatable-default.datatable-head-custom > .datatable-table > .datatable-foot .datatable-row > .datatable-cell > span {
    color: #B5B5C3;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1rem;
}


.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #FFF;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Timeline Styles */

.timeline.timeline-6 {
    position: relative;
}

.timeline.timeline-6:before {
    content: '';
    position: absolute;
    left: 101px;
    width: 3px;
    top: 0;
    bottom: 0;
    background-color: #ebedf3;
}

.timeline.timeline-6 .timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 1.7rem;
}

.timeline.timeline-6 .timeline-item .timeline-label {
    width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    color: #3f4254;
}

.timeline.timeline-6 .timeline-item .timeline-badge {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: relative;
    margin-top: 1px;
    margin-left: -0.5rem;
    padding: 3px !important;
    border: 6px solid #fff !important;
}

.timeline.timeline-6 .timeline-item .timeline-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    min-height: 48px;
    background-color: #F3F6F9;
    border: 1px solid #E4E6EF;
    border-radius: .42rem;
    padding: .5rem .75rem;
    align-items: center;
}

.select2-container--default .select2-selection--single {
    height: 48px;
    background-color: #F3F6F9;
    border: 1px solid #E4E6EF;
    border-radius: .42rem;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 46px;
        color: #000 !important;
        padding-left: .75rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 48px;
        right: 8px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    color: #000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    padding: 4px 8px;
    border: 0;
    background: #E1E9FF;
    color: #1B283F;
    border-radius: .42rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 6px;
    color: #1B283F;
}

.select2-dropdown {
    border: 1px solid #E4E6EF;
}

.select2-container--default .select2-results__option {
    color: #000 !important;
    background-color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #6993FF !important;
    color: #fff !important;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #E4E6EF;
    border-radius: .25rem;
    padding: .375rem .5rem;
    outline: 0;
}
.select2-container--default .select2-selection--multiple {
    position: relative;
}

.select2-selection__placeholder-helper {
    position: absolute;
    left: 12px;
    top: 10px;
    color: #B5B5C3;
    pointer-events: none;
}


.app-engage {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: end;
    z-index: 5;
    padding-right: 12px;
}

    .app-engage .app-engage-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: var(--bs-engage-btn-box-shadow);
        border-width: 1px;
        border-style: solid;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 8px;
        border-radius: 6px;
        width: 66px;
        height: 70px;
        color: var(--bs-engage-btn-color);
        border-color: var(--bs-engage-btn-border-color);
        background-color: var(--bs-engage-btn-bg);
    }

        .app-engage .app-engage-btn i,
        .app-engage .app-engage-btn .svg-icon {
            color: var(--bs-engage-btn-icon-color);
        }

        .app-engage .app-engage-btn.dropdown-toggle:after {
            color: var(--bs-engage-btn-icon-color);
        }

        .app-engage .app-engage-btn.hover-dark:hover {
            color: var(--bs-dark-inverse);
            border-color: var(--bs-dark);
            background-color: var(--bs-dark);
        }

            .app-engage .app-engage-btn.hover-dark:hover i,
            .app-engage .app-engage-btn.hover-dark:hover .svg-icon {
                color: var(--bs-dark-inverse);
            }

        .app-engage .app-engage-btn.hover-primary:hover {
            color: var(--bs-primary-inverse);
            border-color: var(--bs-primary);
            background-color: var(--bs-primary);
        }

            .app-engage .app-engage-btn.hover-primary:hover i,
            .app-engage .app-engage-btn.hover-primary:hover .svg-icon {
                color: var(--bs-primary-inverse);
            }

        .app-engage .app-engage-btn.hover-success:hover {
            color: var(--bs-success-inverse);
            border-color: var(--bs-success);
            background-color: var(--bs-success);
        }

            .app-engage .app-engage-btn.hover-success:hover i,
            .app-engage .app-engage-btn.hover-success:hover .svg-icon {
                color: var(--bs-success-inverse);
            }

        .app-engage .app-engage-btn.app-engage-btn-toggle-off {
            width: 35px;
            height: 35px;
        }

        .app-engage .app-engage-btn.app-engage-btn-toggle-on {
            width: 35px;
            height: 35px;
            display: none;
        }

    .app-engage.app-engage-hide .app-engage-btn {
        visibility: hidden;
    }

        .app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-off {
            display: none;
        }

        .app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-on {
            visibility: visible;
            display: flex;
        }

.engage-btn {
    display: flex;
    align-items: center;
    height: 35px !important;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg);
}

    .engage-btn i,
    .engage-btn .svg-icon {
        color: var(--bs-engage-btn-color);
    }

    .engage-btn.dropdown-toggle:after {
        color: var(--bs-engage-btn-color);
    }

    .btn-check:checked + .engage-btn, .btn-check:active + .engage-btn, .engage-btn:focus:not(.btn-active), .engage-btn:hover:not(.btn-active), .engage-btn:active:not(.btn-active), .engage-btn.active, .engage-btn.show, .show > .engage-btn {
        color: var(--bs-engage-btn-color-active);
        border-color: var(--bs-engage-btn-bg);
        background-color: var(--bs-engage-btn-bg) !important;
    }

        .btn-check:checked + .engage-btn i,
        .btn-check:checked + .engage-btn .svg-icon, .btn-check:active + .engage-btn i,
        .btn-check:active + .engage-btn .svg-icon, .engage-btn:focus:not(.btn-active) i,
        .engage-btn:focus:not(.btn-active) .svg-icon, .engage-btn:hover:not(.btn-active) i,
        .engage-btn:hover:not(.btn-active) .svg-icon, .engage-btn:active:not(.btn-active) i,
        .engage-btn:active:not(.btn-active) .svg-icon, .engage-btn.active i,
        .engage-btn.active .svg-icon, .engage-btn.show i,
        .engage-btn.show .svg-icon, .show > .engage-btn i,
        .show > .engage-btn .svg-icon {
            color: var(--bs-engage-btn-color-active);
        }

        .btn-check:checked + .engage-btn.dropdown-toggle:after, .btn-check:active + .engage-btn.dropdown-toggle:after, .engage-btn:focus:not(.btn-active).dropdown-toggle:after, .engage-btn:hover:not(.btn-active).dropdown-toggle:after, .engage-btn:active:not(.btn-active).dropdown-toggle:after, .engage-btn.active.dropdown-toggle:after, .engage-btn.show.dropdown-toggle:after, .show > .engage-btn.dropdown-toggle:after {
            color: var(--bs-engage-btn-color-active);
        }


.form-select {
    --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='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.775rem 3rem 0.775rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.475rem;
    box-shadow: var(--bs-box-shadow-inset);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: var(--bs-gray-400);
    outline: 0;
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-component-active-bg), 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none;
}

.form-select:disabled {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-gray-700);
}

.form-select-sm {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    padding-left: 0.75rem;
    font-size: 0.95rem;
    border-radius: 0.425rem;
}

.form-select-lg {
    padding-top: 0.825rem;
    padding-bottom: 0.825rem;
    padding-left: 1.5rem;
    font-size: 1.15rem;
    border-radius: 0.625rem;
}

[data-bs-theme=dark] .form-select {
    --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='%236D6D80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}