/* loading bar */
#modalLoading .spinner-border {
    width: 3.5rem;
    height: 3.5rem;
    border: .75em solid currentColor;
    border-right-color: transparent;
    -webkit-animation: 1.4s linear infinite spinner-border;
    animation: 1.4s linear infinite spinner-border;
}

/* profile */
.my-avatar {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 1.1rem;
    line-height: 2.6rem;
    color:#fff;
}

/* required */
.required:after {
    content: " *\00a0" !important;
    color: #db0e37;
}

/* modal */
.modal-forward { z-index: 1101; }
.modal-forward + .modal-backdrop.show { z-index: 1100; }

/* Toast */
.my-toast {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 999;
}

/* Dropdown */
.input-group button.btn:disabled {
    background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;
    color: var(--phoenix-quaternary-color);
    opacity: 1;
}
.input-group button.btn {border: var(--phoenix-border-width) solid var(--phoenix-border-color);}

/* Table Export */
.tableexport-caption {display:none;}

/* Advance Select */
.form-floating.form-floating-advance-select-wrap > label {
    -webkit-transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem);
}
.form-floating.form-floating-advance-select-wrap > label:after {
    position: absolute;
    inset: 1rem .5rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--phoenix-emphasis-bg);
    border-radius: var(--phoenix-border-radius);
}
.choices { margin-bottom: 0 !important; font-family: var(--phoenix-body-font-family) !important; }
.choices.is-disabled .choices__inner {background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;}
.choices[data-type*=select-one] .choices__inner {padding: .7rem 2.5rem .7rem 1rem !important;}
.form-floating-advance-select-wrap .choices[data-type*=select-one] .choices__inner {padding: 22.5px 40px 7.5px 16px !important;}
.choices[data-type*=select-one]:after {
    border-style: none;
    background-repeat: no-repeat;
    background-size: 9px 12px;
    --phoenix-form-select-bg-img: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==);
    background-image: var(--phoenix-form-select-bg-img), var(--phoenix-form-select-bg-icon, none);
    width: 9px;
    height: 12px;
    top: calc(50% - 4px);
    right: 17px;
}
.choices .choices__list--single {display: inline !important;}
.choices .choices__list--single .choices__item--selectable {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.choices .choices__inner { line-height: 1em !important;font-size: 0.8rem !important;font-weight:600; }
.choices[data-type*=select-one].is-open::after {margin-top:-2.5px;}
.choices .choices__list--dropdown { z-index: 1000 !important; }
.choices .choices__list--dropdown input[type="search"],
.choices .choices__list--dropdown .choices__list .choices__item {
    font-size: 0.8rem !important;
    font-weight: 600;
    line-height: 1.25;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.choices .choices__list--dropdown .choices__list .choices__item--selectable.is-highlighted {
    color: #fff;
    background-color: var(--phoenix-primary);
}
.choices .choices__list--dropdown .choices__list .choices__item--selectable.is-highlighted:after {
    opacity: .7 !important;
}
.choices__item--disabled {opacity: .6;}
.choices__placeholder {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--phoenix-body-color);
    opacity: initial;
}

/* form floating */
.form-floating > label { color: rgba(var(--phoenix-body-color-rgb), 0.65); }

/* Search criteria */
.sc-wrap {padding:0.9rem 0.5rem;}

/* flatpickr */
.flatpickr-month {height: 100% !important;padding-top: 1rem;}
.flatpickr-months .flatpickr-prev-month {top: 20px;padding: 0;left: 28px !important;}
.flatpickr-months .flatpickr-next-month {top: 20px;padding: 0;right: 25px !important;}
.flatpickr-input:disabled {background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;}

/* Editor */
.ql-disabled {border: 1px solid #ccc !important;}

/* fullcalendar */
.fc .fc-scrollgrid table {border-style: hidden;}
.fc .fc-col-header { background-color: #F5F7FA; }
.fc .fc-daygrid-day-frame:active { background-color: #e7fbc0 !important; }
.fc.fc-theme-standard .fc-daygrid-day.fc-day-other {opacity:1; background-color: #f3f3ec;}
.fc.fc-theme-standard .fc-daygrid-day { background-color:#fff; }
.fc.fc-theme-standard .fc-list, .fc.fc-theme-standard td, .fc.fc-theme-standard th { border: 1px solid var(--phoenix-border-color) !important; }
.fc .fc-h-event, .fc .fc-daygrid-event {cursor:pointer;}
.fc .fc-h-event .fc-event-main, .fc .fc-daygrid-event .fc-event-main {padding-left:0;}
.fc .fc-h-event .fc-event-main, .fc .fc-daygrid-event .fc-event-main:after {content:none;}

/* dropzone */
.dropzone {
    position: relative;
    border: 0;
    border-radius: .5rem;
    min-height: auto
}

.dropzone.dropzone-has-default .dz-message {
    border-color: rgba(0,0,0,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dropzone.dropzone-has-default .dz-message:hover {
    background-color: rgba(0,0,0,.5)
}

.dropzone .dz-preview {
    min-height: auto;
    margin: 0
}

.dropzone .dz-remove {
    position: absolute;
    right: -6px;
    top: -6px;
    color: var(--phoenix-emphasis-bg);
    z-index: 1000;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    line-height: 2rem
}

.dropzone .dz-remove * {
    cursor: pointer
}

.dropzone .dz-message {
    position: relative;
    background-color: var(--phoenix-body-bg);
    padding: 5rem 2rem;
    margin: 0;
    border: 2px dashed var(--phoenix-border-color-translucent);
    border-radius: .5rem
}

.dropzone .dz-upload-btn {
    display: none
}

.dropzone.dropzone-single .dz-preview:hover {
    z-index: unset
}

.dropzone.dropzone-single .dz-message {
    padding: 3.5rem 2rem;
    border: 1px dashed var(--phoenix-border-color)
}

.dropzone.dropzone-single.dz-max-files-reached.dz-file-processing .dz-message {
    padding: 0;
    border: 0
}

.dropzone.dropzone-single.dz-max-files-reached.dz-file-processing .dz-upload-btn {
    display: block
}

.dropzone.dropzone-single.dz-max-files-reached.dz-file-processing .dz-message-text {
    display: none
}

.dropzone.dropzone-single.dz-max-files-reached.dz-file-processing.dz-file-complete .dz-default-image {
    opacity: 0
}

.dropzone.dropzone-single .dz-processing .dz-message-text {
    opacity: 0 !important
}

.dropzone.dropzone-single .dz-progress {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    -webkit-animation: none !important;
    animation: none !important;
    width: 9.375rem !important;
    height: .5rem !important;
    margin: 0 !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    bottom: 1.5rem
}

.dropzone.dropzone-single .dz-processing .dz-progress {
    opacity: 1
}

.dropzone.dropzone-single .dz-complete .dz-progress {
    opacity: 0
}

.dropzone .dz-preview-single {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.dropzone .dz-preview-single:hover {
    z-index: auto
}

.dropzone .dz-preview-single .dz-preview-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0 !important;
    overflow: hidden
}

.dropzone .dz-preview-single .dz-preview-cover .dz-errormessage {
    position: absolute;
    left: 0;
    bottom: 0
}

.dropzone .dz-preview-single .dz-preview-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

.dropzone.dropzone-multiple {
    border: 0
}

.dropzone.dropzone-multiple .dz-message {
    padding: 3rem 2rem;
    border: 1px dashed var(--phoenix-border-color);
    border-radius: .5rem
}

.dropzone.dropzone-multiple .btn *, .dropzone.dropzone-multiple .mapbox-container .mapbox-control-btn .zoomIn *, .mapbox-container .mapbox-control-btn .dropzone.dropzone-multiple .zoomIn *, .dropzone.dropzone-multiple .mapbox-container .mapbox-control-btn .zoomOut *, .mapbox-container .mapbox-control-btn .dropzone.dropzone-multiple .zoomOut *, .dropzone.dropzone-multiple .mapbox-container .mapbox-control-btn .fullScreen *, .mapbox-container .mapbox-control-btn .dropzone.dropzone-multiple .fullScreen *, .dropzone.dropzone-multiple .google-map-control-btn .zoomIn *, .google-map-control-btn .dropzone.dropzone-multiple .zoomIn *, .dropzone.dropzone-multiple .google-map-control-btn .zoomOut *, .google-map-control-btn .dropzone.dropzone-multiple .zoomOut *, .dropzone.dropzone-multiple .tox .tox-dialog__footer .tox-button--secondary *, .tox .tox-dialog__footer .dropzone.dropzone-multiple .tox-button--secondary *, .dropzone.dropzone-multiple .tox .tox-button-secondary *, .tox .dropzone.dropzone-multiple .tox-button-secondary *, .dropzone.dropzone-multiple .tox .tox-button *, .tox .dropzone.dropzone-multiple .tox-button *, .dropzone.dropzone-multiple [data-list] .page *, [data-list] .dropzone.dropzone-multiple .page *, .dropzone.dropzone-multiple .table-list .page *, .table-list .dropzone.dropzone-multiple .page * {
    cursor: pointer
}

.dropzone.dropzone-multiple .media:first-child {
    margin-top: 1.5rem
}

.dropzone.dropzone-multiple .dz-image-container {
    padding: 1rem
}

.dropzone.dropzone-multiple .dz-image {
    height: 2rem;
    width: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0
}

.dropzone.dropzone-multiple .dz-progress {
    opacity: 0;
    position: relative !important;
    -webkit-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    -webkit-animation: none !important;
    animation: none !important;
    width: 6.25rem !important;
    height: .5rem !important;
    margin-top: 0;
    margin-left: 1rem !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important
}

.dropzone.dropzone-multiple .dz-complete .dz-progress {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 1
}

.dropzone.dz-drag-hover .dz-message {
    border-color: var(--phoenix-primary)
}

.dropzone .dz-progress {
    background: var(--phoenix-secondary-bg) !important
}

.dropzone .dz-progress .dz-upload {
    background: var(--phoenix-primary) !important
}

.dropzone-area {
    border: 1px dashed var(--phoenix-border-color-translucent);
    border-radius: .375rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}