.ieg4-web-vu .container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

.ieg4-web-vu .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
}

    .ieg4-web-vu .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

.ieg4-web-vu .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.ieg4-web-vu .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.ieg4-web-vu .mb-3 {
    margin-bottom: 1rem
}

.ieg4-web-vu .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.ieg4-web-vu .card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.ieg4-web-vu .g-3 {
    --bs-gutter-x: 1rem
}

.ieg4-web-vu .align-items-center {
    align-items: center
}

.ieg4-web-vu .col-auto {
    flex: 0 0 auto;
    width: auto
}

.ieg4-web-vu label {
    display: inline-block;
}

.ieg4-web-vu .col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.ieg4-web-vu .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ieg4-web-vu .d-flex {
    display: flex !important
}

.ieg4-web-vu .me-auto {
    margin-right: auto !important;
    text-align: left !important;
}

.ieg4-web-vu p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.ieg4-web-vu .map {
    height: 900px
}

.ieg4-web-vu .my-area-directories {
    max-height: 900px;
}

.ieg4-web-vu .fas {
    width: 20px;
    height: 20px
}

.ieg4-web-vu .btn-primary {
    color: #fff;
    background-color: #8D3A94;
    border-color: #8D3A94;
    border-radius: 0;
}

.ieg4-web-vu div.my-area-directories > div > div.card.mb-3 {
    margin-bottom: 0px;
}

.ieg4-web-vu label.col-form-label {
    font-weight: bold;
}

.ieg4-web-vu .col-sm-4 {
    padding-right: unset;
}

.ieg4-web-vu .col-sm-8 {
    padding-left: unset;
}

.ieg4-web-vu h5 {
    color: #000;
    font-weight: bold;
}

.ieg4-web-vu div.my-area-directories::-webkit-scrollbar {
    display: none;
}

.ieg4-web-vu .btn.directory-item-header {
    width: 100%;
    padding: 0;
    border-right-width: 0px;
}

.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > button.btn.directory-item-header,
.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body > div > div > div > button.btn.directory-item-header {
    border: 0;
    border-right-width: 0px;
}

.ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 > h5,
.ieg4-web-vu div.my-area-directories > div > div > button.btn.directory-item-header > h5.card-header,
.ieg4-web-vu div.my-area-directories > div > div > h5.card-header > div.d-flex > div.me-auto.align-self-center,
.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > button.directory-item-header > h5.card-header > div.d-flex > div.me-auto.align-self-center {
    color: #fff;
    font-weight: bold;
}

.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body > div > div > div > button.btn.directory-item-header > h6.card-header > div.d-flex > div.me-auto.align-self-center {
    color: #000;
    font-weight: bold;
}

.ieg4-web-vu div.my-area-directories > div > div > h5.card-header > div.d-flex > div > button.btn.btn-link.p-0,
.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > h5.card-header > div.d-flex > div > button.btn.btn-link.p-0 {
    border-width: 0px 0px 0px 0px;
}

.ieg4-web-vu div.my-area-directories > div > div > button.btn.directory-item-header > h5.card-header > div.d-flex > div > span > i.fas.fa-ieg4-chevron-down,
.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.mb-3 > div > button.btn.directory-item-header > h5.card-header > div.d-flex > div > span > i.fas.fa-ieg4-chevron-down {
    border-color: #fff;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    left: 0.15em;
    position: relative;
    transform: rotate(-45deg);
}

.ieg4-web-vu div.my-area-directories > div > div > button.btn.directory-item-header > h5.card-header > div.d-flex > div > span > i.fas.fa-ieg4-chevron-up,
.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.mb-3 > div > button.btn.directory-item-header > h5.card-header > div.d-flex > div > span > i.fas.fa-ieg4-chevron-up {
    border-color: #fff;
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    left: 0.15em;
    position: relative;
    transform: rotate(135deg);
    top: -0.15em;
}

.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > div > div > h6.card-header > div > div.place-header-actions > button.btn.btn-link.p-0 {
    width: 25px;
    height: 25px;
}

.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body > div > div > div > button.btn.directory-item-header > h6.card-header > div.d-flex > span > i.fas.fa-ieg4-map-marker {
    width: 20px;
    height: 20px;
    border-radius: 2rem;
    display: inline-block;
    border-bottom-right-radius: 0;
    position: relative;
    transform: rotate(45deg);
    border: 2px solid #145A8B;
    background-color: #fff;
}

    .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body > div > div > div > button.btn.directory-item-header > h6.card-header > div.d-flex > span > i.fas.fa-ieg4-map-marker::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid #145A8B;
    }

.ieg4-web-vu .card {
    border: unset;
}

.ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 > h5,
.ieg4-web-vu div.my-area-directories > div > div > button.btn.directory-item-header > h5.card-header {
    background-color: #145A8B;
    border-radius: 0;
}

.ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > button.btn.directory-item-header > h5.card-header {
    background-color: #5B8CAE;
    border-radius: 0;
}

.ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 {
    padding-bottom: 10px;
}

    .ieg4-web-vu div.my-area-directories > div > div > div.card-body,
    .ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 > div.card-body {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 0px;
    }

        .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 {
            margin-bottom: 1px;
        }

            .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body {
                padding-right: 1px;
                padding-left: 0px;
            }

                .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.ieg4-web-vu.card.mb-3 > div > div.card-body > div > div > div > button.btn.directory-item-header > h6.card-header {
                    background-color: #c5e2f1;
                    border-radius: 0;
                }

        .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > div > div {
            padding-bottom: 2px;
        }

            .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > div > div:nth-last-child() {
                padding-bottom: 0px;
            }

        .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > h6.card-subtitle.mb-2.text-muted {
            border-bottom: 1px solid black;
            padding-bottom: 10px;
        }

            .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > h6.card-subtitle.mb-2.text-muted > span {
                color: #000;
                font-weight: bold;
            }

        .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > div > div > div.card-body > div > h6.card-title {
            color: #000;
            font-weight: bold;
        }

        .ieg4-web-vu div.my-area-directories > div > div > div.card-body > div > div.card.mb-3 > div > div.card-body > div > div > div > span > label {
            color: #000;
            font-weight: bold;
        }

.ieg4-web-vu select.form-select {
    margin-bottom: 10px;
}

.ieg4-web-vu div.my-area-directories > div > div {
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 0px;
}


@media screen and (max-width: 575px) {
    .ieg4-web-vu .col-sm-4 {
        padding-left: unset;
        padding-right: 13.5px;
    }

    .ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 {
        padding-bottom: 10px;
        padding-left: 1px;
    }

    .ieg4-web-vu div.my-area-directories > div > div > div.card-body {
        padding-left: 1px;
    }

    .ieg4-web-vu div.my-area-directories > div > div.ieg4-web-vu.card.mb-3 > div.card-body > div.row.g-3.align-items-center {
        padding-top: 10px;
    }
}

@media (min-width: 576px) {
    .ieg4-web-vu .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ieg4-web-vu .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

@media (max-width: 575.98px) {
    .ieg4-web-vu .col-sm-4,
    .ieg4-web-vu .col-sm-8 {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .ieg4-web-vu .col-sm-4 {
        width: 33.3333%;
    }

    .ieg4-web-vu .col-sm-8 {
        width: 66.6667%;
    }
}


.ieg4-web-vu .form-select {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.ieg4-web-vu .form-control {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.ieg4-web-vu .col-form-label {
    padding-right: 10px;
}