/*!
 * Bootstrap for IE11 v5.1.3 (https://github.com/coliff/bootstrap-ie11)
 * Copyright 2021 C.Oliff
 * Licensed under MIT (https://github.com/coliff/bootstrap-ie11/blob/main/LICENSE)
 */

@media all and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    svg {
        overflow: hidden
    }

    textarea {
        overflow: auto
    }

    hr {
        overflow: visible
    }

    button, input {
        overflow: visible
    }

    legend {
        color: inherit;
        white-space: normal
    }

    pre {
        -ms-overflow-style: scrollbar
    }

    template {
        display: none
    }

    main {
        display: block
    }

    .table > :not(caption) > * > * {
        box-shadow: none !important
    }

    .table.table-striped:not(.table-dark) > tbody > tr:nth-child(odd) > * {
        background-color: #f2f2f2 !important
    }

    .table-dark.table-striped > :not(caption) > :nth-child(odd) > * {
        opacity: .9
    }

    .table-dark.table-striped > thead > tr > th {
        opacity: 1 !important
    }

    .table.table-hover:not(.table-dark) > tbody > tr:hover > * {
        background-color: #f2f2f2 !important
    }

    .table.table-hover.table-dark > tbody > tr:hover > * {
        opacity: .9
    }

    .table.table-hover.table-striped > tbody > tr:hover > * {
        background-color: #e5e5e5 !important
    }

    .pe-none {
        cursor: default
    }

    .text-break {
        word-wrap: break-word !important
    }

    .user-select-none {
        -ms-user-select: none !important
    }

    .user-select-auto {
        -ms-user-select: auto !important
    }

    .text-opacity-75 {
        opacity: .75
    }

    .text-opacity-50 {
        opacity: .5
    }

    .text-opacity-25 {
        opacity: .25
    }

    .text-primary {
        color: #0d6efd
    }

    .text-secondary {
        color: #6c757d
    }

    .text-success {
        color: #198754
    }

    .text-danger {
        color: #dc3545
    }

    .text-warning {
        color: #ffc107
    }

    .text-info {
        color: #0dcaf0
    }

    .text-light {
        color: #f8f9fa
    }

    .text-dark {
        color: #212529
    }

    .text-body {
        color: #212529
    }

    .text-muted {
        color: #6c757d
    }

    .text-white {
        color: #fff
    }

    .visually-hidden, .visually-hidden-focusable:not(:focus) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        white-space: nowrap !important;
        border: 0 !important
    }

    .hstack.gap-1 > * {
        margin-right: .25rem
    }

    .hstack.gap-1 > :last-child {
        margin-right: 0
    }

    .hstack.gap-2 > * {
        margin-right: .5rem
    }

    .hstack.gap-2 > :last-child {
        margin-right: 0
    }

    .hstack.gap-3 > * {
        margin-right: 1rem
    }

    .hstack.gap-3 > :last-child {
        margin-right: 0
    }

    .hstack.gap-4 > * {
        margin-right: 1.5rem
    }

    .hstack.gap-4 > :last-child {
        margin-right: 0
    }

    .hstack.gap-5 > * {
        margin-right: 3rem
    }

    .hstack.gap-5 > :last-child {
        margin-right: 0
    }

    .vstack.gap-1 > * {
        margin-bottom: .25rem
    }

    .vstack.gap-1 > :last-child {
        margin-bottom: 0
    }

    .vstack.gap-2 > * {
        margin-bottom: .5rem
    }

    .vstack.gap-2 > :last-child {
        margin-bottom: 0
    }

    .vstack.gap-3 > * {
        margin-bottom: 1rem
    }

    .vstack.gap-3 > :last-child {
        margin-bottom: 0
    }

    .vstack.gap-4 > * {
        margin-bottom: 1.5rem
    }

    .vstack.gap-4 > :last-child {
        margin-bottom: 0
    }

    .vstack.gap-5 > * {
        margin-bottom: 3rem
    }

    .vstack.gap-5 > :last-child {
        margin-bottom: 0
    }

    .vr {
        border-right: 1px solid #212529
    }

    .justify-content-evenly {
        justify-content: space-around !important
    }

    .breadcrumb-item {
        display: flex
    }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block
        }

    .btn {
        -ms-user-select: none
    }

    .btn-close {
        background-clip: content-box
    }

        .btn-close.disabled, .btn-close:disabled {
            -ms-user-select: none
        }

    .card {
        min-height: 1px
    }

    .card-img, .card-img-bottom, .card-img-top {
        flex-shrink: 0
    }

    .carousel-dark .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' 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")
    }

    .carousel-dark .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' 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")
    }

    .btn-close-white {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    }

    .form-check-input {
        border-color: rgba(0,0,0,.25);
        box-shadow: 0 0 0 1px rgba(111,111,111,.4)
    }

    input::-ms-check {
        color: transparent;
        background-color: transparent;
        border: 0
    }

    select::-ms-expand {
        display: none
    }

    .form-check .form-check-input[type=radio] {
        margin-top: .27em;
        margin-left: -1.3em
    }

    .form-switch .form-check-input, .form-switch .form-check-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e")
    }

    .form-switch :checked.form-check-input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control-color {
        width: 5rem
    }

    .form-control:disabled {
        -ms-user-select: none !important
    }

    .form-floating {
        display: flex;
        flex-direction: column-reverse
    }

        .form-floating > .form-control::-ms-input-placeholder {
            color: #6c757d
        }

        .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
            opacity: .65;
            transform: scale(.9) translateY(-.01rem) translateX(.15rem)
        }

        .form-floating input:-ms-input-placeholder, .form-floating select:-ms-input-placeholder, .form-floating textarea:-ms-input-placeholder {
            color: transparent
        }

        .form-floating input:not(:-ms-input-placeholder) {
            padding-top: 1.25rem;
            padding-bottom: .25rem
        }

            .form-floating input:not(:-ms-input-placeholder) ~ label, .form-floating select:not(:-ms-input-placeholder) ~ label, .form-floating textarea:not(:-ms-input-placeholder) ~ label {
                padding-top: .25rem;
                padding-bottom: .25rem;
                font-size: 14px;
                color: #777;
                opacity: .65
            }

    .form-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: .25rem;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

        .form-range::-ms-thumb:active {
            background-color: #b6d4fe
        }

    .form-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem
    }

    .form-range::-ms-fill-lower {
        background-color: #dee2e6;
        border-radius: 1rem
    }

    .form-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #dee2e6;
        border-radius: 1rem
    }

    .form-range:disabled::-ms-thumb {
        background-color: #adb5bd
    }

    .form-select:focus::-ms-value {
        color: #495057;
        background-color: #fff
    }

    .modal-dialog-scrollable {
        display: flex
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 1rem)
        }

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

    .progress {
        line-height: 1
    }

    .invalid-tooltip, .valid-tooltip {
        left: 0;
        margin-left: 8px
    }

    .ratio-1x1::before {
        padding-top: 100%
    }

    .ratio-4x3::before {
        padding-top: calc(3 / 4 * 100%)
    }

    .ratio-16x9::before {
        padding-top: calc(9 / 16 * 100%)
    }

    .ratio-21x9::before {
        padding-top: calc(9 / 21 * 100%)
    }

    .row > * {
        padding-right: 10px;
    }
}
