.accordion {
    --bs-accordion-body-padding-y: 0.5rem;
    --bs-accordion-body-padding-x: 0.65rem;
    --bs-accordion-btn-padding-y: 0.5rem;
    --bs-accordion-btn-padding-x: 0.65rem;
    --bs-accordion-border-radius: 0;
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
    --bs-accordion-inner-border-radius: 0;
}

/* 
    Carousel
*/

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    .carousel-caption {
        display: none;
    }
}

/*
    Styles
*/

a:not(.dropdown-item, .btn):hover {
    text-decoration: underline;
}

a,
.btn-link,
.btn:hover,
.mm-menu a:hover {
    text-decoration: none;
}

.fs12 {
    font-size: 0.75rem;
}

.fs14 {
    font-size: 0.875rem;
}

.ul-without-style {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.g-map-loaded #g-map {
    height: 100%;
    min-height: 25rem;
}

.dl-horizontal dt {
    white-space: normal;
}

.s-label-ext {
    font-size: 80%;
}

.color-light-gray {
    color: #999;
}

#qrCode {
    margin: 15px;
}

.blend {
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

    body.modal-open .mm-slideout {
        z-index: inherit;
    }

.cover-background {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis {
    position: relative;
}

    .ellipsis:before {
        content: ' ';
        visibility: hidden;
    }

    .ellipsis span {
        position: absolute;
        left: 0;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.vHidden {
    visibility: hidden;
}

.dNone {
    display: none;
}

.animate__animated {
    visibility: visible !important;
}

a.a-img-hover:hover {
    text-decoration: none;
}

.select2-container {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.select2-dropdown {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    height: 100% !important;
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 1.5rem !important;
        padding: 0.375rem 0.75rem !important;
        color: var(--bs-body-color) !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 2.25rem !important;
    }

.d-color-switch {
    padding-left: 2.75rem;
}

button,
button:focus,
button:active,
.btn:focus,
.btn:active,
input,
input.focus,
input:focus,
select,
select.focus,
select:focus,
textarea,
textarea.focus,
textarea:focus,
.form-control:focus,
.custom-file-input:focus ~ .custom-file-label,
.custom-control-input:focus ~ .custom-form-label::before {
    outline: none !important;
    box-shadow: none !important;
}

.custom-file > input {
    display: none;
}

.custom-file > label {
    display: flex;
    background-color: var(--bs-body-bg);
    padding: 0;
}

    .custom-file > label > span {
        padding: 0.375rem 0.75rem;
    }

    .custom-file > label > span:first-child {
        flex-grow: 1;
        text-align: left;
    }

    .custom-file > label > span:last-child {
        background-color: var(--bs-tertiary-bg);
        border-left: var(--bs-border-width) solid var(--bs-border-color);
    }

.input-group .form-control:focus {
    position: relative;
    z-index: 1;
}

.input-group-text.icon {
    background-color: var(--bs-body-bg);
}

form .text-danger {
    font-size: 0.8rem;
    color: #dc3545;
}

form:not(.loading) .s-loading {
    display: none;
}

.form-group {
    margin-bottom: 1rem;
}

.field-validation-valid.text-danger {
    display: none;
}

.alert {
    font-size: 0.875rem;
    border-radius: 0;
}

    .alert .close {
        font-size: 1.125rem;
    }

    .alert a {
        font-weight: 600;
    }

        .alert a::before {
            content: '\00BB\00A0';
        }

    .alert > ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        position: relative;
    }

        .alert > ul > li::before {
            content: '- ';
        }

#d-error .error-code {
    color: #999;
}

.input-validation-error,
input[type=file].input-validation-error ~ label {
    border-color: #dc3545 !important;
}

.field-validation-error {
    color: #dc3545 !important;
    font-size: 0.75rem;
}

.d-summernote p:last-child {
    margin: 0;
}

.modal-dialog img {
    max-width: 100%;
}

.mm-menu--theme-dark {
    --mm-color-background: var(--bs-body-bg) !important;
}

span.span-img:hover {
    cursor: pointer;
}

.popover-body {
    padding: 5px;
}

.popover[data-popper-placement="bottom"] {
    position: absolute;
}

    .popover[data-popper-placement="bottom"] > .popover-arrow {
        position: absolute;
        left: 1rem;
    }

@media (max-width: 767px) {
    .d-summernote img {
        width: 100% !important;
        height: auto !important;
    }

    .d-summernote .note-float-left,
    .d-summernote .note-float-right {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .d-summernote .note-float-left {
        margin-right: 15px;
    }

    .d-summernote .note-float-right {
        margin-left: 15px;
    }

    .d-summernote .note-float-left,
    .d-summernote .note-float-right {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}