.btn {
    color:white;
}
.btn-golden {
    background-color: #CBAD8B;
}
.btn-golden:hover {
    background-color: #E3CAAEE0;
    color:white;
}

.custom-multiselect:hover {
    border-color: #E3CAAEE0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.custom-multiselect:focus-within {
    border-color: #E3CAAEE0 !important;
    outline: none !important;
    box-shadow: none !important;
}
.direction-column {
    flex-direction : column;
}
.justify-between {
    justify-content : space-between;
}
.form-control:active,
.form-select:active,
.custom-multiselect:active {
    border-color: #E3CAAEE0 !important;
}
.menu-icon {
    color: #E3CAAEE0;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
}
.menu-icon.bx-trash:hover {
    color: red;
}
.bg-menu-theme .menu-inner > .menu-item.active::before {
    background: #CBAD8B !important;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    color: #FFEDD8 !important;
    background-color: #CBAD8B !important;
}
.menu .app-brand.demo {
    height: 85px;
    margin-top: 12px;
    display: flex;
    justify-content: center;
}
.bg-footer-theme .footer-link {
    color: #CBAD8B !important;
}
.pagination {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.page-item .page-link {
    border-radius: 24%;
}

.page-item.active .page-link {
    border-color: #CBAD8B;
    background-color: #CBAD8B;
    color: #fff;
}

.page-item .page-link:hover,
.page-item.active .page-link:hover {
    border-color: #E3CAAEE0;
    background-color: #E3CAAEE0;
    color: black;
}

.table > tbody {
    font-size: 13px;
}
#FacilityForm .image-preview,
#EventForm .image-preview {
    position: relative;
    width: 100%;
    max-width: 130px;
    margin-top: 8px;
}

#FacilityForm #primaryPreviewImg,
#EventForm #primaryPreviewImg {
    width: 100%;
    height: 80px;
    border-radius: 6px;
    object-fit: contain;
    background-color: lightgray;
}

#FacilityForm #removePrimaryImageCreateFacility,
#EventForm #removePrimaryImageCreateEvent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: red;
    color: white;
    cursor: pointer;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1620px;
    }
}