.d-none{
    display: none !important;
}

.wrapper-mapholder {
    height: 100% !important;
}

.sort-down::after {
    content: "\21E3";
}

.sort-up::after {
    content: "\21E1";
}

.h-600px {
    height: 600px !important
}

.h-700px {
    height: 700px !important
}

.h-800px {
    height: 800px !important
}

.h-900px {
    height: 900px !important
}

.help-cursor {
    cursor: help
}

.invalid-input {
    border-color: #FF0000 !important;
}

.w-50px {
    width: 50px !important;
}

.min-width-150px {
    min-width: 150px !important;
}

.min-width-120px {
    min-width: 120px !important;
}

.min-width-100px {
    min-width: 100px !important;
}



.table-border-none {
    border: none !important;
}

.table .sort-header {
    cursor: pointer;
}

.psuedo-btn {
    cursor: pointer;
}


.mt-25 {
    margin-top: 7.5rem !important;
}

.mt-30 {
    margin-top: 10rem !important;
}

.pt-25 {
    padding-top: 7.5rem !important;
}

.pt-30 {
    padding-top: 10rem !important;
}

.h-500px {
    height: 500px !important;
}

.offcanvas-header {
    --bs-bg-rgb-color: var(--bs-primary-rgb);
    background-color: var(--bs-primary) !important;
}

.offcanvas-header .btn-close {
    filter: var(--bs-btn-close-white-filter);
}

.offcanvas-title {
    color: var(--bs-text-white) !important;
}


#kt_app_content_container {
    position: relative;
    padding-bottom: 0em !important;
}

.row {
    margin-top: 0px !important;
}

.row>* {
    margin-top: 0 !important;
}


.pointer {
    cursor: pointer;
}

.help {
    cursor: help;
}

.content-navigation-item {
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 0em !important;
    margin-top: -0.1em !important;
}


.for-vertical-scroll .card-header {
    background-color: white;
    z-index: 2;
}

.for-vertical-scroll .card-body {
    padding-top: 9em !important;
}

.wrapper-mapholder {
  height: 100% !important;
}



/*https://github.com/apalfrey/select2-bootstrap-5-theme/issues/21*/
.form-floating .select2-container--default .select2-selection {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

.form-floating .select2-container--default .select2-selection>.select2-selection__rendered {
    margin-top: 0.6rem;
    margin-left: 0.25rem;
}

/*https://devs.keenthemes.com/question/formvalidation-select2-validation-state*/
select.select2-hidden-accessible.is-invalid+.select2 .select2-selection {
    border-color: var(--bs-form-invalid-border-color) !important;
    ;
    /*padding-right: calc(1.5em + 1.55rem); !important;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F8285A'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F8285A' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.3875rem) center !important;
    background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem) !important;
    color: #FF0000 !important;
}

select.select2-hidden-accessible.is-valid+.select2 .select2-selection {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + 1.55rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2317C653' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.3875rem) center;
    background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
    color: green
}

.h-500px {
    height: 500px !important;
}



.cursor-move {
    cursor: move !important;
}

.py-21 {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important
}

.py-22 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important
}

.py-23 {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important
}

.py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.pt-24 {
    padding-top: 6rem !important;
}

.pt-25 {
    padding-top: 6.25rem !important;
}

.pt-26 {
    padding-top: 6.5rem !important;
}

.pt-27 {
    padding-top: 6.75rem !important;
}

.pt-28 {
    padding-top: 7rem !important;
}

.generic-row-highlight {
    background-color: #b9e6e6 !important;
}

.wrapper-hero {
    background-color: rgba(0, 90, 165, 1) !important;
}

.tagline{
    color: rgba(0, 90, 165, 1) !important;

}

.mb-3em {
    margin-bottom: 3em !important;
}

.offset-center-6em {
    position: absolute !important;
    top: calc(50% + 6em) !important;
    left: 0 !important;
    right: 50% !important;
    text-align: center !important;
}

/* Mobile responsive adjustments */
@media (max-width: 991px) {
    .offset-center-6em {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin-top: 2em !important;
    }

    .mb-3em {
        margin-bottom: 1.5em !important;
    }

    .wrapper-left img {
        max-width: 200px !important;
        height: auto !important;
    }

    .fs-3x {
        font-size: 1.75em !important;
    }

    .tagline.fs-2qx {
        font-size: 1.5em !important;
    }

    .tagline.fs-base {
        font-size: 0.95em !important;
    }

    .wrapper-hero .fs-1 {
        font-size: 1.1em !important;
    }

    .wrapper-hero .mt-10 {
        margin-top: 2rem !important;
    }

    .wrapper-hero .mt-20 {
        margin-top: 3rem !important;
    }
}

.fs-3x {
    font-size: 3em !important;
}