body {
    font-family: 'Poppins', sans-serif;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

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

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}


.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody tr,
.table-borderless tbody td,
.table-borderless tbody + tbody {
    border: 0 !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}


.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.2;
}

.opacity-2 {
    opacity: 0.4;
}

.opacity-3 {
    opacity: 0.6;
}

.opacity-4 {
    opacity: 0.8;
}

.opacity-5 {
    opacity: 1;
}


/* rtl:end:remove */
.text-primary {
    color: #0d6efd !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #198754 !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #212529 !important;
}

.text-white {
    color: #fff !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}


.navbar-brand img {
    width: 120px;
    height: auto;
}

@media (max-width: 1100px) {
    .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 767px) {
    .btn-block-mobile {
        display: block;
        width: 97%;
    }

    .page-settings-index-container .form-group,
    .page-onlineBookingSettings-index-container .form-group {
        margin-bottom: 25px !important;
    }

    .body-backend-signin-container .swal-modal {
        width: 80% !important;
    }

    .navigation-top-profile-image {
        padding-right: 0;
    }

    #appOnlineBookingsWidgetLink {
        margin-left: 12px;
    }

    #appOnlineBookingsWidgetLink i {
        font-size: 22px;
        padding-right: 8px;
    }

    .navbar-brand img {
        width: 55px !important;
    }

    .nav-tabs {
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        height: 60px;
        border-bottom: 0;
    }

    .nav-tabs > li {
        display: inline-block;
        float: none;
    }

    .form-group label {
        font-size: 12px !important;
    }

    .btn {
        font-size: 13px;
        padding: 8px 12px;
    }

    .form-control {
        font-size: 13px !important;
        padding: 8px !important;
    }

    .select2-container .select2-selection--single {
        height: 37px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 37px !important;
    }
}

.toggle.btn {
    border-radius: 16px;
}

.radius-16 {
    border-radius: 16px;
}

.toggle-handle {
    border-radius: 16px;
}

.page-header {
    font-size: 28px;
}

.isMobile .jconfirm .jconfirm-cell {
    display: unset !important;
    vertical-align: unset !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    padding-bottom: 0;
}

.isMobile .jconfirm .jconfirm-box {
    padding: 25px 5px 0 15px;
    border-radius: 16px !important;
    background-color: #ffffff !important;
}

.isMobile .jconfirm .jconfirm-box div.jconfirm-title-c {
    padding-bottom: 0 !important;
    line-height: 24px;
    font-size: 16px !important;
}

.isMobile .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    margin-right: 5px;
}


.dropdown-submenu > .dropdown-menu a {
    color: #333333;
}

.dropdown-submenu > .dropdown-menu a.active {
    color: #5D84FE;
}


/* .jconfirm-content {
	height: 100vh
} */

.jconfirm-content .card {
    margin-bottom: 0;
}

.navbar .currentDate {
    padding-top: 13px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.navbar .currentDate small {
}

@media (max-width: 767px) {
    .nav > li {
        border-bottom: 1px solid lightgrey;
    }

    /* .form-group {
        margin-bottom: 25px;
    } */
    /* .navbar-salonic .dropdown-menu {
        position: fixed !important;
        top: 60px !important;
        left: -320px;
        transition: all .9s ease-out;
        height: calc(100% - 60px) !important;
        width: 320px;
        background: white !important;
    }

    .navbar-salonic .open .dropdown-menu {
        left: 0px;
    } */
    .nav > li.open {
        border-bottom: 1px solid lightgrey;
    }

    #navbar .dropdown-menu > .active > a, #navbar .dropdown-menu > .active > a:hover, #navbar .dropdown-menu > .active > a:focus {
        color: white !important;
    }

    .salonic-calendar-controls .dropdown-menu > .active > a, .salonic-calendar-controls .dropdown-menu > .active > a:hover, .salonic-calendar-controls .dropdown-menu > .active > a:focus {
        color: #5D84FE;
    }

    #navbar .dropdown-menu > .active > a, #navbar .dropdown-menu > .active > a:hover, #navbar .dropdown-menu > .active > a:focus {
        border-radius: 0;
    }

}

@media only screen and (min-width: 991px) {
    .salonic-calendar-controls .open .dropdown-menu {
        left: -35px;
    }

    .ml-d-12 {
        margin-left: 12px;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        /* color: white !important; */
        color: #5D84FE;
    }

}

.calendarInterfaceButtonsBottom .btn-add-appointment-container {
    margin-left: 0 !important;
}

.card-header .card-title-container .card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-title .guest-name {
    padding-top: 10px;
    font-size: 19px;
}

.card-title h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#searchGuest .card-title,
.page-giftCard-history-container .card-title,
.page-giftCard-manage-container .card-title {
    position: relative;
}

.card-title .guest-edit-btn-container {
    position: absolute;
    right: 0;
    top: 17px;
}

.page-giftCard-history-container .card-title .guest-edit-btn-container,
.page-giftCard-manage-container .card-title .guest-edit-btn-container {
    position: absolute;
    right: 0;
    top: 10px;
}

.jconfirm-box.add-event-type .jconfirm-buttons {
    float: none !important;
    text-align: center !important;
}

.jconfirm-box.add-event-type .jconfirm-buttons .btn {
    width: 120px;
}

.jconfirm-box.add-event-type .jconfirm-buttons .btn-primary {
    margin-left: 16px;
}

.mbsc-font {
    font-family: 'Poppins', sans-serif;
}

.mbsc-ios.mbsc-schedule-header {
    background: #f4f4f9;
}

.mbsc-schedule-all-day-group-wrapper, .mbsc-schedule-header-wrapper {
    background: #FAFAFB;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid rgba(232, 232, 232, 0.6);
    border-bottom: none;
}

.mbsc-schedule-invalid-text, .mbsc-schedule-color-text {
    padding: 0.7em;
}

.mbsc-timeline-grid-scroll, .mbsc-schedule-grid-scroll {
    border-left: 1px solid rgba(232, 232, 232, 0.6);
    border-right: 1px solid rgba(232, 232, 232, 0.6);
}

.mbsc-schedule-resource-group.mbsc-ltr {
    border-left-width: 1px;
    border-color: rgba(93, 132, 254, .6);
}

.mbsc-ios.mbsc-schedule-resource-title:first-child {
    border-bottom: none;
}

.mbsc-ios.mbsc-schedule-header-item-large.mbsc-schedule-header-item > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid rgba(232, 232, 232, 0.6) !important;
    position: relative;
}

.mbsc-schedule-header-item > div::after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: -1px;
    background: #FAFAFB;
    height: 100%;
}

.mbsc-schedule-header-item > div::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 37px;
    top: 50%;
    bottom: 0;
    right: -1px;
    background: rgba(169, 183, 214, 0.29);
    transform: translateY(-50%);
    z-index: 1;
}

/* .mbsc-ios.mbsc-schedule-resource-group, .mbsc-ios.mbsc-schedule-resource-title {
	border-color: rgba(0, 0, 0, 0.1);
} */

.mbsc-ios.mbsc-schedule-resource-title.mbsc-ltr {
    border-left-width: 0px;
    background: white;
    /* padding-top: 12px;
    padding-bottom: 12px; */
}

.mbsc-ios.mbsc-schedule-resource-title:nth-child(2) {
    position: relative;
    overflow: unset;
}

.mbsc-ios.mbsc-schedule-resource-title:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: -1px;
    background: white;
    height: 100%;
}

.mbsc-ios.mbsc-schedule-resource-title:nth-child(2)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 19px;
    top: 50%;
    right: -1px;
    background: rgba(169, 183, 214, 0.29);
    transform: translateY(-50%);
    z-index: 1;
}

.mbsc-ios.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname {
    font-weight: 600;
}

.mbsc-ios.mbsc-schedule-header-item-large {
    padding-bottom: 0;
    padding-top: 0;
}

.mbsc-ios.mbsc-schedule-header-day {
    font-size: .8em;
    color: #5D84FE;
    width: auto;
}

.mbsc-selected .mbsc-schedule-header-day {
    font-weight: 600;
}

.mbsc-ios.mbsc-schedule-header-item-large .mbsc-selected {
    background: #5d84fe;
    display: inline-block;
    height: 1.625em;
    width: 1.625em;
    line-height: 1.625em;
    border-radius: 50%;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    color: white;
}

/* .mbsc-hover .mbsc-custom-day-text {
	background: rgba(0, 122, 255, 0.3);
	display: inline-block;
	height: 1.625em;
	width: 1.625em;
	line-height: 1.625em;
	border-radius: 50%;
	text-align: center;
	font-size: 1em;
	font-weight: 400;
	color: #5d84fe;
} */

.mbsc-hover .mbsc-schedule-header-day {
    font-weight: 600;
}

.mbsc-custom-day-text {
    margin-left: 4px;
}

.mbsc-ios.mbsc-schedule-column, .mbsc-ios.mbsc-schedule-item {
    border-color: rgba(0, 0, 0, 0.1);
}

.mbsc-ios.mbsc-schedule-invalid {
    background-image: linear-gradient(
            45deg, #ededed 25%, #e4e4e4 25%, #e4e4e4 50%, #ededed 50%, #ededed 75%, #e4e4e4 75%, #e4e4e4 100%);
    background-size: 4px 4px;
    color: #888888;
}

.mbsc-schedule-column {
    padding-top: 0;
}

.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-background {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-background {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mbsc-schedule-event-inner {
    padding: 4px;
}

@font-face {
    font-family: 'salonic';
    src: url('../fonts/salonic.eot?55461806');
    src: url('../fonts/salonic.eot?55461806#iefix') format('embedded-opentype'),
    url('../fonts/salonic.woff2?55461806') format('woff2'),
    url('../fonts/salonic.woff?55461806') format('woff'),
    url('../fonts/salonic.ttf?55461806') format('truetype'),
    url('../fonts/salonic.svg?55461806#salonic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa-calendar:before, .fa-user-1:before, .fa-bullhorn:before, .fa-cog:before, .fa-table:before, .fa-pie-chart:before, .fa-user:before {
    font-family: "salonic";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    /* margin-right: .2em; */
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /* margin-left: .2em; */

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fa-calendar:before {
    content: '\e800';
}

/* '' */
.fa-user:before {
    content: '\e801';
}

/* '' */
.fa-bullhorn:before {
    content: '\e802';
}

/* '' */
.fa-cog:before {
    content: '\e803';
}

/* '' */
.fa-table:before {
    content: '\e804';
}

/* '' */
.fa-pie-chart:before {
    content: '\e805';
}

/* '' */
#employee-button-container .fa-user:before {
    content: '\e806';
}

/* '' */


.bg-CashRegister {
    background-image: url("data:image/png;base64,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")
}

.no-radius {
    border-top-left-radius: 0px !important;
}

.page-nav-header {
    display: flex;
    justify-content: left;
    align-items: center;
}

.page-nav-header .page-header {
    margin: 0;
}

.form-control {
    height: auto;
    padding: 12px;
    font-size: 14px;
    line-height: initial;
    border: 1px solid rgba(232, 232, 232, 0.6);
}

.form-group label {
    font-size: 15px;
}

.input-group-addon {
    background-color: #efefef;
    border: 1px solid rgba(232, 232, 232, 0.6);
}

.table-border-bottom td {
    border-top: 0 !important;
    border-bottom: 1px solid #dddddd;
    vertical-align: middle;
}

.container-salonic {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 1425px;
}

.menu-settings-icon a,
.menu-sms-counter a,
.menu-bookings a {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.btn-add-appointment-container.open .dropdown-menu {
    left: -240px;
}

.flexselect_dropdown li {
    padding: 15px;
    font-size: 1.5rem;
}

.flexselect_dropdown {
    max-height: 350px;
}


.close-jq-toast-single {
    top: 13px;
    font-size: 24px;
}

.jq-toast-single h2 {
    font-family: 'Poppins', sans-serif;
    margin: 3px 0 3px;
}

.jq-toast-wrap.bottom-left {
    bottom: 5px;
    left: 10px;
}

.jq-toast-wrap {
    width: 300px;
}

.service-name-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 90%;
}

.guest-edit-btn-container .btn-delete,
.guest-edit-btn-container .btn-delete:hover {
    width: auto;
    color: white;
}

.btn-social.btn-xs {
    padding-left: 30px !important;
}


.page-reportsGuestsReport-index-container .chart-pie .card-title {
    font-size: 16px;
}


.product-card {
    margin-bottom: 30px !important;
}

.mbsc-eventcalendar-agenda .mbsc-calendar-cell {
    border-color: rgba(232, 232, 232, 0.6);
}

.mbsc-eventcalendar-agenda .mbsc-calendar-scroll-wrapper {
    background: #FAFAFB;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid rgba(232, 232, 232, 0.6);
    border-bottom: none;
}


.control-label small {
    font-size: 11px;
}


.select2-container .select2-selection--single {
    height: 47px;
    font-size: 14px;
    border-color: rgba(232, 232, 232, 0.6);
}


@media (max-width: 767px) {
    .select2-container .select2-selection--single,
    .select2-results__option {
        font-size: 12px;
    }
}


.select2-dropdown {
    border-color: rgba(232, 232, 232, 0.6);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 47px;
    right: 10px;
    top: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
}

.select2-results__option {
    padding: 12px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 350px;
}

/* .form-group:last-child {
	margin-bottom: 0;
} */

.RepeatedAppointmentContainer .disabled * {
    pointer-events: none;
    color: rgba(0, 0, 0, .2);
}

.RepeatedAppointmentContainer .disabled input,
.RepeatedAppointmentContainer .disabled select,
.RepeatedAppointmentContainer .disabled span,
.RepeatedAppointmentContainer .disabled label,
.RepeatedAppointmentContainer .disabled div {
    opacity: .5;
}

.input-group .select2-container .select2-selection--single,
.input-group .select2-container .select2-selection--multiple {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #FAFAFB;
    border: 1px solid rgba(232, 232, 232, 0.6);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #ededed;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-weight: normal;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    height: auto;
    padding: 10px;
    font-size: 12px;
    line-height: initial;
    border: 1px solid rgba(232, 232, 232, 0.6);
}

.mbsc-schedule-event-background {
    box-shadow: 0 5px 20px rgb(0 0 0 / 5%);
}

.body-backend-signin-container .swal-modal {
    width: 40%;
}


.navbar-brand-sm img {
    width: auto;
    height: 37px;
}

.nav .fa-chevron-down {
    width: 14px;
}

.place-selector-button {
    max-width: 170px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-menu-salonic > li > a.btn-danger {
    width: auto;
}

.right .employee-name {
    max-width: 300px;
}

@media only screen and (min-width: 1200px) {
    .employee-name {
        font-size: 16px;
        max-width: 130px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.salonic-calendar .employee-off,
.mbsc-eventcalendar .employee-off {
    cursor: pointer;
    background-image: linear-gradient(
            45deg, #ededed 25%, #dddddd 25%, #dddddd 50%, #ededed 50%, #ededed 75%, #dddddd 75%, #dddddd 100%) !important;
    background-size: 4px 4px !important;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .employee-name-role-container {
        display: none;
    }

    .navigation-top-profile-image {
        padding: 0 !important;
        margin: 0 !important;
    }

    .navbar-nav {
        padding-top: 6px;
    }

    #navbar-right .user-profile img {
        height: 30px !important;
    }

    .navbar-nav.navbar-middle {
        font-size: 12px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: -8px;
    }

    .nav > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #salonic-new-mobiscroll-calendar .salonic-calendar-controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .salonic-calendar-controls {
        margin: 12px;
    }

    .user-indicator {
        margin-right: 8px !important;
    }

    .mbsc-ios.mbsc-schedule-header-day {
        font-size: .7em;
        color: #5D84FE;
        width: auto;
    }
}

.btn-light {
    box-shadow: 0 2px 6px 0 rgb(238 242 247 / 50%);
    color: #313a46;
    background-color: #eef2f7;
    border-color: #eef2f7;
}

.page-webshop-buySubscription-container .table-responsive {
    border: 0;
}


.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.mt-auto, .my-auto {
    margin-top: auto !important;
}


/* .btn .loader2 {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	left: 3px;
	animation: rotate 1s linear infinite
}
.btn .loader2::before , .btn .loader2::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 2px solid #FFF;
	animation: prixClipFix 2s linear infinite ;
}
.btn .loader2::after{
	transform: rotate3d(90, 90, 0, 180deg );
	border-color: #0d6efd;
}

@keyframes rotate {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
} */

.btn .loader3 {
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 3px;
    left: 3px;
    position: relative;
    color: #FFF;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.btn .loader3::after,
.btn .loader3::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: scale(0.5) translate(0, 0);
    background-color: #FFF;
    border-radius: 50%;
    animation: animloader 1s infinite ease-in-out;
}

.btn .loader3::before {
    background-color: #FF3D00;
    transform: scale(0.5) translate(-18px, -18px);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animloader {
    50% {
        transform: scale(1) translate(-50%, -50%);
    }
}


.loader4 {
    position: relative;
    height: 40px;
    width: 6px;
    color: #FFF;
    animation: paddles 0.75s ease-out infinite;
}

.loader4:before {
    content: "";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    width: 12px;
    height: 12px;
    background-color: #de3500;
    border-radius: 50%;
    animation: ballbounce 0.6s ease-out infinite;
}

@keyframes paddles {
    0% {
        box-shadow: -25px -10px, 25px 10px
    }
    50% {
        box-shadow: -25px 8px, 25px -10px
    }
    100% {
        box-shadow: -25px -10px, 25px 10px
    }
}

@keyframes ballbounce {
    0% {
        transform: translateX(-20px) scale(1, 1.2)
    }
    25% {
        transform: scale(1.2, 1)
    }
    50% {
        transform: translateX(15px) scale(1, 1.2)
    }
    75% {
        transform: scale(1.2, 1)
    }
    100% {
        transform: translateX(-20px)
    }
}


.loader5 {
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    animation: skLinRotate 1s ease-in-out infinite alternate;
}

.loader5:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #0d6efd;
}

.loader6 {
    display: inline-block;
    width: 74px;
    height: 74px;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    animation: skLinRotate 1s ease-in-out infinite alternate;
}

.loader6:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #0d6efd;
}

@keyframes skLinRotate {
    95%, 100% {
        transform: rotate(840deg)
    }
}

/* #select2-BillingProviderSettings_provider-results li:nth-child(2):before {
	background: #FFAD46;
	color: white;
	font-weight: bold;
	content: 'új';
	padding: 5px;
	width: 35px;
	text-align: center;
	display: inline-block;
	border-radius: 6px;
	margin-right: 6px;
} */

.why-pic {
    min-height: 340px;
    max-height: 340px;
    object-fit: cover;
    width: 100%;
}

.rounded-top {
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
}


.no-border {
    border: 0 !important;
}

.swal-overlay {
    z-index: 99999999;
}

.body-employees-edit-container .nav-tabs > li.active > a,
.body-employees-edit-container .nav-tabs > li.active > a:hover,
.body-employees-edit-container .nav-tabs > li.active > a:focus {
    background: none;
}

@media print {
    .salonic-calendar-controls {
        display: none;
    }

    .mbsc-selected {
        text-decoration: underline !important;
        background: grey !important;
    }
}


.align-middle, .align-middle td {
    vertical-align: middle !important;
}

.membership-label {
    font-size: 11px !important;
}

.membership-container-content {
    display: flex;
    justify-content: space-between;
}

.alert-bf {
    padding-top: 0;
    margin-bottom: 0;
}

.alert-bf a:hover {
    text-decoration: none;
}

.alert-bf .close {
    top: 35px;
    font-size: 36px;
    color: white !important;
    opacity: 1;
    background: none;
    border-radius: unset;
}

.alert-bf .close:hover {
    color: white !important;
    text-decoration: none;
}


.alert-team {
    padding-top: 0;
    margin-bottom: 0;
}

.alert-team a:hover {
    text-decoration: none;
}

.alert-team .close {
    top: 12px;
    font-size: 36px;
    color: white !important;
    opacity: 1;
    background: none;
    border-radius: unset;
}

.alert-team .close:hover {
    color: white !important;
    text-decoration: none;
}


.frill-widget {
    padding-left: 6px !important;
    padding-right: 10px !important;
    padding-bottom: 13px;
    padding-top: 22px;
    font-size: 18px;
}

.Frill_Badge {
    position: absolute !important;
    right: 1px !important;
    top: 17px !important;
}

@media (max-width: 767px) {
    .alert-bf .close {
        top: 5px;
        right: -20px;
    }

    .frill-widget {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 17px;
        padding-bottom: 13px;
        margin-left: 12px;
    }

    .frill-widget i {
        font-size: 22px;
        margin-right: 8px;
    }


    .Frill_Badge {
        position: absolute !important;
        left: 155px !important;
        top: 17px !important;
    }
}

.btn-sm {
    padding: 8px 12px;
}


.btn-rainbow {
    background-image: linear-gradient(65deg, #1c15a0, #e70d77eb 52%, #f26015) !important;
    color: white;
    border: none;
}

.btn-rainbow:hover {
    color: white;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.border-radius-50, .resource-avatar, .employee-img {
    border-radius: 50% !important;
}

.img-rounded-16 {
    border-radius: 16px;
}

.btn-outline-danger {
    color: #FF3366 !important;
    border-color: #FF3366;
}

.webpixels-bdg-dot {
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: transparent;
    font-weight: 400;
    color: #525F7F !important;
}

.webpixels-bdg-lg {
    padding: 0.6rem 1rem;
    font-size: 1em;
}

.webpixels-bdg {
    line-height: 1rem;
    border-radius: 16px !important;
    border: 1px solid rgba(14, 14, 23, 0.17) !important;
}

.webpixels-bdg {
    display: inline-block;
    padding: 0.6rem 1rem 0.6rem 1rem;
    font-size: 11px;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

.webpixels-bdg-dot.webpixels-bdg-lg i {
    width: 0.625rem;
    height: 0.625rem;
}

.webpixels-bdg-dot i {
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.webpixels-bg-success {
    --x-bg-opacity: 1;
    background-color: rgba(0, 204, 136, 1) !important;
}

.webpixels-bg-warning {
    --x-bg-opacity: 1;
    background-color: rgba(255, 140, 0, 1) !important;
}

.time-label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center; /* Középre igazítja vertikálisan */
    justify-content: center; /* Középre igazítja horizontálisan */
    text-align: center;
    font-size: 10px;
    pointer-events: none; /* Így nem zavar bele az egér eseményekbe */
}

/* Guest groups: members table */
.guests-table { table-layout: auto; width: 100%; word-break: break-word; }
.guests-table td,
.guests-table th { vertical-align: middle !important; }
.guests-table td img,
.guests-table td .img-circle,
.guests-table td input[type="checkbox"] { vertical-align: middle; float: none; display: inline-block; }
.guests-table td .avatar-circle,
.assign-row .assign-row-avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../40_profileDefault.png');
    flex-shrink: 0;
}
.guests-table h4 { word-break: break-word; margin: 0 0 4px; }
@media (max-width: 767px) {
    .guests-table h4 { font-size: 16px; }
    .guests-table td,
    .guests-table th { padding: 8px 6px; }
    .guests-table .img-circle { height: 32px; width: 32px; }
    .guests-table .badge { font-size: 11px; }
}

/* Guest groups: assign-to-group rows (search & selected lists) */
.list-group-item.assign-row,
.assign-row {
    display: flex !important;
    align-items: center;
    gap: 12px;
}
.assign-row .assign-row-avatar { flex: 0 0 40px; }
.assign-row .assign-row-info {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}
.assign-row .assign-row-info strong,
.assign-row .assign-row-info small {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.assign-row .assign-row-action {
    flex: 0 0 auto;
    margin-left: auto;
}
.assign-row.already-member {
    opacity: 0.5;
    color: #999;
    pointer-events: none;
}
#selectedGuests .empty-placeholder { padding: 10px 0; }