#loader {
    background-color: rgba(255, 255, 255, 0.5);
}
.loader-content{
    display: inline-block;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
}
.sbl-circ-path {
    height: 48px;
    width: 48px;
    color: #bbb;
    position: relative;
    display: inline-block;
    border: 5px solid;
    border-radius: 50%;
    border-right-color: #be0839;
    animation: rotate_loader 0.6s linear infinite;
}
  
@keyframes rotate_loader {
    0% {
        transform: rotate(0); }
    100% {
        transform: rotate(360deg);
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
.fade-out {
    animation: fadeOut 0.5s ease-in-out;
}
.slide-up {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
}
.auto-height {
    height: auto;
    transition: height 0.5s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
:root {
  --plyr-color-main: #be0839;
}
.player-container {
    max-width: 100%;
    border-radius: 10px;
    background-color: #000;
}
.player-container .plyr {
    border-radius: 10px;
}
.content-disabled{
    pointer-events: none;
}
.dropzone .dz-preview.dz-image-preview {
    background: transparent;
}
.dropzone .dz-preview .dz-remove{
    width: 28px;
    height: 28px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1000;
}
.dropzone .dz-preview .dz-remove .btn,
.dropzone .dz-preview .dz-remove i{
    cursor: pointer !important;
}
.dropzone .dz-preview .dz-image img {
    overflow: hidden;
    width: 120px;
    height: 120px;
}
.pickr .pcr-button {
    height: 3em;
    width: 6em;
}
.pickr .pcr-button::before,
.pickr .pcr-button::after {
    border-radius: 8px;
}
.btn.btn-sm.label-btn.label-end {
    -webkit-padding-start: .5rem;
    padding-inline-start: .5rem;
}
#elements .card-header,
#elements_2 .card-header,
#products .card-header,
#modules .card-header,
#programs .card-header,
#sequences .card-header,
#forms .card-header,
.home-handle,
.hour-handle .card-header,
.tr-order,
.list-group-order {
  touch-action: none;
  cursor: move;
}

.image-uploaded {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    transition: all .3s ease;
}
.image-uploaded:hover{
    opacity: 1;
}
.image-uploaded img{
    border: 2px dashed #6d6d6d;
    background-color: #2d2d2d;
    border-radius: 10px;
}


.image-element {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    opacity: 0.6;
    transition: all .3s ease;
}
.image-element:hover{
    opacity: 1;
}
.image-element img{
    border: 2px dashed #6d6d6d;
    background-color: #2d2d2d;
    border-radius: 10px;
}
.image-element .content_icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.image-element .content_icon i.ri-add-box-fill {
    font-size:40px;
    color: #6d6d6d;
    pointer-events: none;
}
.image-element.content_icon_1{
    display: block;
}
.image-element .content_icon_2{
    display: none;
}
.image-element.div-loader .content_icon_1{
    display: none;
}
.image-element.div-loader .content_icon_2{
    display: block;
}
.image-uploaded .content_icon_1, 
.image-uploaded .content_icon_2{
    display: none;
}

.form-switch label,
.form-switch input{
    cursor: pointer;
}
.swal2-icon.swal2-success .swal2-success-fix {
    top: 0.4em;
}

.swal2-container .swal2-html-container {
    font-size: 1rem;
}

.input-group-text{
    line-height: 1;
}

.image-cover {
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-contain {
    width: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.form-loader{
    position: relative;
}
.input-loader {
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 5px;
}
.div-loader {
    pointer-events: none;
}
.input-loader .loading {
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
}
.input-loader i {
    -webkit-animation: loader 1000ms infinite linear;
    animation: loader 1000ms infinite linear;
    position: absolute !important;
}
.card.custom-card .card-header .card-title {
    text-transform: none;
}
.card-body nav ul{
    margin-top: 1rem;
    margin-bottom: 0;
}

.image {
    position: relative;
    height: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: #fff;
    font-weight: 500;
}
.image img {
    width: auto;
    height: 100%;
    border-radius: 0.5rem;
}
.image.image-xs {
    height: 1.25rem;
}
.image.image-sm {
    height: 1.75rem;
}
.image.image-md {
    height: 2.5rem;
}
.image.image-lg {
    height: 3rem;
}
.image.image-xl {
    height: 4rem;
}
.image.image-xxl {
    height: 5rem;
}
.image.image-none {
    height: 5rem;
}
.image.image-none img {
    border-radius: 0;
}
.image.image-big {
    height: 10rem;
}
.image.image-big img {
    border-radius: 0;
}
.text-muted-2{
    color: #777;
}
.form-check-input {
    margin-top: -1px;
}
.cke {
    border: 0 !important;
}

.cke_inner {
    border-top: 1px solid #e9edf6 !important;
    border-left: 1px solid #e9edf6 !important;
    border-right: 1px solid #e9edf6 !important;
    border-bottom: 1px solid #e9edf6 !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.cke_top{
    border-radius: 6px 6px 0px 0px !important;
    background: #ffffff !important;
}
.cke_bottom{
    border-radius: 0px 0px 6px 6px !important;
    background: #ffffff !important;
}
.cke_dialog_background_cover{
    background-color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important;
}
.cke_editor_text {
    border: 1px solid #ffffff !important;
    border-top: 0 !important;
    border-radius: 0 0 6px 6px !important;
}
.cke_inner{
    border-radius: 0 0 6px 6px !important;
    background: #ffffff;
}

a.cke_path_item:hover,
a.cke_path_item:focus,
a.cke_path_item:active {
    background-color: #ffffff !important;
}

.element-handle .cke_chrome {
    border: 1px solid #ffffff !important;
    border-top: 0 !important;
    border-radius: 0 0 6px 6px !important;
}
.element-handle .cke_inner{
    border-radius: 0 0 6px 6px !important;
    background: #ffffff;
    border: 1px solid #ffffff !important;
}

.badge-lock {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.form-check-lg.form-switch .form-check-input {
    margin-top: 0.25rem;
}
.video-container{
    position: relative;
    margin-top: 2rem;
}

.video-container .remove-video{
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 10;
}
.embed-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;border-radius: 6px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.input-group .btn {
    padding: .4rem .85rem;
}

.card-scroll {
    max-height: 400px;
    min-height: 400px;
    overflow-y: auto;
}
.card-scroll-products{
    max-height: 456px;
    min-height: 456px;
    overflow-y: auto;
}
.card-scroll-users{
    max-height: 550px;
    min-height: 550px;
    overflow-y: auto;
}
.card-height{
    height: 100%;
}
.steps {
    position: relative;
}
.steps:after {
    content: "->";
    position: absolute;
    top: 50%;
    right: -5px;
    color: #fff;
}
.disabled-o{
    opacity: 0 !important;
    background: none !important;
    pointer-events: none !important;
}
.disabled-c{
    opacity: 0.8 !important;
    pointer-events: none !important;
    color: #999 !important;
    background-color: #444 !important;
}
.dont_click{
    pointer-events: none !important;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f8f8f8 !important;
}

.form-primary {
  border: 1px solid rgb(190, 8, 57);
}
.form-secondary {
  border: 1px solid rgb(213, 37, 84);
}
.form-warning {
  border: 1px solid rgb(245, 184, 73);
}
.form-info {
  border: 1px solid rgb(73, 182, 245);
}
.form-success {
  border: 1px solid rgb(38, 191, 148);
}
.form-danger {
  border: 1px solid rgb(230, 83, 60);
}
.page-header{
    background-color: #1b1d1b;
    margin-right: -20px;
    margin-left: -20px;
    padding: 40px 20px;
}
.page-header h1{
    color: #fff;
}
.form-center{
    display: flex;
    align-items: center;
}
.item-center{
    display: flex;
    align-items: center;
    gap: 20px;
}
.fs-label{
    font-size: 13px !important;
}
#userCheckinModalBody{
    max-height: 600px;
}
.bg-pdv-transparent,
.bg-pdv-transparent:hover {
    background-color: rgba(255, 165, 0, 0.1) !important;
    color: #FFA500 !important;
}
.bg-shopping-transparent,
.bg-shopping-transparent:hover {
    background-color: rgba(0, 255, 255, 0.1) !important;
    color: #00FFFF !important;
}
.bg-plans-transparent,
.bg-plans-transparent:hover {
    background-color: rgba(162, 255, 63, 0.1) !important;
    color: #a2ff3f !important;
}
.bg-dropin-transparent,
.bg-dropin-transparent:hover {
    background-color: rgba(234, 131, 255, 0.1) !important;
    color: #ea83ff !important;
}
.files_icon{
    width: 150px;
    opacity: 0.85;
    transition: all 0.2s;
    margin-right: 20px;
}
.files_icon div{
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.files_icon:hover{
    opacity: 1;
    transform: scale(1.02);
}
.files_icon img{
    width: 100%;
    border-radius: 10px;
}
.form-control-verified {
    border-width: 2px;
}
.form-control-gympass {
    color: #F2496B;
    border-color: #F2496B;
    border-width: 2px;
}
.form-control-gympass:focus {
    color: #dd3c5c;
    border-color: #dd3c5c;
}
.text-gympass {
    color: #F2496B;
}
.bg-gympass-transparent {
  background-color: rgba(242, 73, 107, 0.1) !important;
  color: #F2496B !important;
}
.bg-gympass-transparent:hover {
  background-color: rgba(242, 73, 107, 0.1) !important;
  color: #F2496B !important;
}

.form-control-totalpass {
    color: #26d07c;
    border-color: #26d07c;
    border-width: 2px;
}
.form-control-totalpass:focus {
    color: #20bd6f;
    border-color: #20bd6f;
}
.text-totalpass {
    color: #26d07c;
}
.bg-totalpass-transparent {
  background-color: rgba(38, 208, 124, 0.1) !important;
  color: #26d07c !important;
}
.bg-totalpass-transparent:hover {
  background-color: rgba(38, 208, 124, 0.1) !important;
  color: #26d07c !important;
}

.card.custom-card.card-bg-custom .card-header {
    background-color: rgba(255, 255, 255, .05) !important;
    -webkit-border-after: 1px solid rgba(255, 255, 255, .2);
    border-block-end: 1px solid rgba(255, 255, 255, .2);
}

.card.custom-card.card-bg-custom.card-bg-yellow{
    background-color: #50442a;
}

.card.custom-card.card-bg-custom.card-bg-blue{
    background-color: #2c4451;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #dfdfdf !important;
}
.fc-theme-standard .fc-popover {
    border: 1px solid #dfdfdf !important;
    background: #fff !important;
}
.fc-theme-standard .fc-popover-header {
    background: #fff !important;
}
.fc-button {
    transition: all .2s linear;
    padding: 0.5em 0.65em 0.3em 0.65em !important;
}
.fc-button-active,
.fc-button-active:hover,
.fc-button:hover {
    background-color: #020f50 !important;
    border-color: #020f50 !important;
}
.fc-prev-button,
.fc-next-button {
    padding: 0.4em 0.65em !important;
}
.fc-daygrid-dot-event {
    transition: all .2s linear;
    padding: 2px;
    cursor: default;
    font-size: 13px;
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {
    background: none !important;
}
.fc-daygrid-block-event {
    transition: all .2s linear;
    padding: 2px;
    cursor: pointer;
    font-size: 13px;
}
.fc-daygrid-block-event:hover {
    background-color: #020f50;
    border: 1px solid #020f50;
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {
    background: rgba(0, 0, 0, 0.5);
}
.fc-daygrid-dot-event {
    padding: 5px 0px 3px 0px;
}
.fc-daygrid-day-number{
    pointer-events: none;
}
.fc-daygrid-block-event .fc-event-time {
    margin-right: 0px !important;
}
.custom-holiday .fc-event-title {
    font-weight: bold;
    font-size: 1.1em;
    cursor: default;
}
.choices__list--multiple .choices__item {
    margin: 3.75px;
}
.toast.colored-toast,
.toast.colored-toast:hover {
    border: 0 !important;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
}
.pickr .pcr-button::after {
    border: 1px solid #505162;
}
p .separator:after {
    content: ',';
    display: inline-block;
    margin: 0 4px 0 0;
}
p .separator:last-child::after {
    display: none;
}
.app-form {
    width: 100%;
    height: auto!important;
    padding: 1rem 0;
}
.app-form .header-logo img {
    height: 2.4rem !important;
    line-height: 2.4rem !important;
}
.form-description p {
    font-size: 15px;
}
.form-description p:last-child{
    margin-bottom: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 38px;
}
.extract-filter .select2-container--default{
    min-width: 140px;
    max-width: 140px;
    position: relative;
}
.extract-filter .form-control{
    max-width: 140px;
    height: 38px;
}
.extract-filter .select2-dropdown {
    min-width: 220px;
}
.img-qrcode{
    display: inline-block;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
}
.custom-alert1 h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}
.custom-alert1 p {
    color: #ddd;
    font-size: 15px;
}
@media (max-width: 440px) {
    .app-form .header-logo {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .custom-page-form{
        padding: 0;
    }
}
.content-course{
    display: flex;
    background: #eeeeee;
    border-radius: 10px;
    padding: 8px 12px;
    align-items: center;
}

.card-form {
    margin: auto;
    max-width: 520px;
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 10px 20px -13px rgba(0, 0, 0, 0.2);
}

.card-body-scroll {
    max-height: 640px;
    overflow: scroll;
}

@media print {
    body{
        background-color: #fff !important;
    }
    body * {
        visibility: hidden;
    }
    #printable,
    #printable * {
        visibility: visible;
    }
    #printable {
        background: #fff;
        margin: 0;
        padding: 0px;
        width: 100%;
        visibility: visible;
        position: fixed;
        left: 0;
        top: 0;
    }
    .card-form {
        padding: 14px;
    }
    .etc-card {
        width: 100% !important;
    }
}