.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.normal-diemnsion {
    width: auto !important;
}

.first-plan {
    z-index: 100000000 !important;;
}

.msg-class {
    position: fixed;
    bottom: 5px;
    right: 20px;
    width: 300px;
}

.alert-danger {
    background-color: #FF4747;
    color: white;
}

.alert-warning {
    background-color: #FFC100;
    color: white;
}

.alert-success {
    background-color: #57B657;
    color: white;
}

.close-alert {
    padding: 0.5rem 0.1rem !important;
}

select {
    height: 46px !important;
}

.vertical-align-enabled {
    display: table;
    height: 100%;
}

.vertical-middle {
    display: table-cell;
    vertical-align: middle;
}

.d-x1-5 {
    font-size: 1.3125rem;
}

.d-x3 {
    font-size: 1.75rem;
}

.d-x5 {
    font-size: 4.375rem;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px !important;
    border-top: 1px solid #e8eff9 !important;
}

.avatar-preview {
    width: 200px;
}

.margin-84 {
    margin-top: 84px;
}

.select2.select2-container.select2-container--default.select2-container--below {
    width: 100%;
}

.select2-selection {
    overflow: hidden;
}

.select2-selection__rendered {
    white-space: normal;
    word-break: break-all;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.my-hr {
    width: 15%;
    margin-left: 0% !important;
    /*margin-right: 25% !important;*/
    border-top: 0.5px solid #D20C4F;
}
.my-hr2 {
    width: 20%;
    margin-left: 40% !important;
    margin-right: 40% !important;
    border-top: 0.5px solid #4767D1;
}

.daterangepicker {
    width: max-content;
}

@media screen and (max-width: 991px) {
    .daterangepicker {
        width: min-content;
    }
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #3B1F8D #2996FF;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: #2996FF;
}

*::-webkit-scrollbar-thumb {
    background-color: #3B1F8D;
    /*border: 3px solid #2996FF;*/
}

.reservation-img {
    max-width: 100% !important;
}

.select2-results__option.loading-results {
    display: none;
}