.main-loader {
    z-index: 50000;
    display: none;
    position: fixed !important;
}

@media (min-width: 975px) {
    .card-header.sticky-top {
        top: 70px;
        z-index: 10;
    }
}

.right-sticky {
    position: -webkit-sticky;
    top: 25%;
    transform: translateY(-12%);
}

.window .invalid-tooltip, .modal .invalid-tooltip {
    position: relative;
    font-size: 1rem;
    color: #fff;
    padding: .5rem .5rem;
    background-color: rgba(220, 53, 69, .85);
    margin-top: 0.1rem;
    border-radius: 0.475rem;
}

.window .is-invalid ~ .invalid-tooltip, .modal .is-invalid ~ .invalid-tooltip {
    display: inline-block !important;
}

.select2-container.is-invalid, .select2-container .is-invalid {
    border-color: #f1416c !important;
}

.combobox.select2-selection--multiple .select2-selection__rendered li {
    display: none !important;
}

.form-floating > label {
    font-size: 14px;
    font-weight: 500;
}

.form-floating > .color-label {
    background: #cccd;
    width: auto;
    /*transform: translateY(-50%);*/
    top: 25%;
    padding: 3px;
    height: auto;
    left: 10px;
    border-radius: 4px;
}

.switch-two-state {

}

.switch-two-state .form-check-input:checked {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(0, 158, 247, 1);
}

.switch-two-state .form-switch .form-check-input {
    border-color: rgba(0, 158, 247, 1);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 158, 247, 1)'/%3e%3c/svg%3e");
}

.switch-two-state .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 158, 247, 1)'/%3e%3c/svg%3e");
}

.payment-btn > label {
    width: 130px;
    height: 100%;
}

table.dataTable thead th {
    vertical-align: middle;
}

table.dataTable thead > tr > th.sorting::after {
    position: absolute !important;
    transform: translateY(-50%);
}

.form-control:disabled {
    opacity: 0.5;
}

.odd .form-check-custom.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--kt-form-check-input-focus-border);
}

.bg-sticky {
    background-color: var(--kt-card-bg) !important;
}

.progress.export-pb {
    width: calc(100% - 80%);
    font-size: 18px;
    height: 40px;
    position: absolute;
    text-align: center;
}

.progress.export-pb .progress-text {
    width: 100%;
    line-height: 40px;
    position: absolute;
    display: block;
    color: black;
}

.filepond--root, .filepond--root .filepond--drop-label {
    /*height: 100px;*/
}

.filepond--list-scroller {
    font-size: 135% !important;
}

.upload-document-wrapper {
    min-height: 220px;
}

.upload-document-wrapper .form-label {
    text-align: left;
}

.upload-document-wrapper .filepond--file-status {
    flex-shrink: 1;
}

.upload-document-wrapper .filepond--file-status-sub {
    white-space: normal;
}

.upload-document-wrapper .filepond--item {
    height: 70px;
}

.upload-document-wrapper .filepond--file {
    align-items: center;
}

.swal-wide .swal2-html-container {
    max-height: 100%;
}

.select2-dropdown.morezindex {
    z-index: 999999;
}

.bookingsStatsWidget {
    height: 450px !important;
}

.bookingsScheduleWidget .datetime {
    width: 100px;
    text-align: right;
}

.bookingsScheduleWidget .timeline-label .timeline-item {
    align-items: center;
}

.bookingsScheduleWidget .timeline-label .timeline-badge {
    margin-left: 6px;
}

.bookingsScheduleWidget .timeline-label:before {
    left: 113px;
}

.bookingsScheduleWidget .card-body .items-list {
    overflow: auto;
    height: 410px;
}

.return-window {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

.return_ticket_types-wrapper {
    max-height: 400px;
    overflow: auto;
}

.app-sidebar-footer button.online {
    background: #64ec18 !important;
}

.app-sidebar-footer button.offline {
    background: #fdc3c3 !important;
}

.app-sidebar-footer button {
    text-align: center;
    width: 32px;
    height: 32px;
}

.sacore-agent i {
    background: url("../media/logos/sacore-agent.png") no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

.port1k-menu-btn i {
    color: #0b81ff;
}

.port1k-menu {
    position: absolute;
    bottom: 60px;
    left: 5px;
    right: 5px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 0px #333;
}

@media (min-width: 992px) {
    .app-content {
        padding-top: 5px;
    }
}

.coupon {
    background: #FFA500;
    border-radius: 5px;
    padding: 5px;
}

.coupon-val {
    color: red;
    font-weight: bold;
    text-shadow: 0px 0px 4px #fff;
    letter-spacing: 1px;
}

.user-photo > img {
    object-fit: cover;
}

.activity_color {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.pm-types, .booking-buttons {
    position: sticky;
}

html[data-theme=light] .pm-types, [data-theme=light] .booking-buttons {
    background: #fff !important;
}

.pm-types {
    bottom: 64px;
}

/*.pm-types.extra-high {
    bottom: 123px;
}*/

.booking-buttons {
    bottom: 0;
}

.activities-dashboard .controls {
    top: 70px;
    z-index: 90;
}

.widgets-list {
    margin: 0 auto;
}

.widgets-list:after {
    content: '';
    display: block;
    clear: both;
}

.widgets-list .widget {
    float: left;
    width: 400px;
    margin: 0 auto 20px auto;
    /*padding: 10px;*/
}

.widgets-list .widget .card-title {
    margin-right: 32px;
}

.widgets-list .widget .activity-color {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 100%;
}