.small-font-new-row {
    font-size: smaller;
    display: block;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulsate {
    animation: pulse 1s infinite;
}


.footerSlot {
    display: none;
}

.infoFirstStep {
    color: #f39c12;
    font-style: italic;
}

.hide {
    display: none;
}

.table-responsive {
    display: table;
}

.dialog-settings {
    font-size: 12px !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #2f3337 none repeat scroll 0 0 !important;
    color: #d6d6d6 !important;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* Aspect ratio 16:9 */
    height: 100%;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    overflow-y: hidden;
}

.customerGrade {
    color: green;
}

.resourceSchedulePopup {
    font-size: 12px;
}


.eventHover {
    background-color: #01c1d3 !important;
    animation: pulse 1s infinite;
}

.fc-day-grid-container .fc-day-grid .fc-day-top,
.fc-timegrid-col-frame {
    background-color: #fdf8dd;
}

.fc-event-title {
    display: flex;
    justify-content: space-between;
    /* Distributes space between items */
    align-items: center;
    /* Aligns items vertically in the center */
}

.text-left {
    text-align: left;
    /* Optional, ensures left alignment */
}

.text-right {
    text-align: right;
    /* Optional, ensures right alignment */
}

.employeeEditDayScheduleInfo {
    text-align: center;
    color: red;
}

.fc-col-header-cell {
    width: 100px;
    /* Set the width to your desired value */
    overflow: visible;
    /* Hide any overflowing text */
}


.fc .fc-toolbar-chunk {
    display: flex;
    align-items: center;
    cursor: pointer;

}

.height-0 {
    height: 0px;
}

.ui-dialog-buttonset {
    text-align: center !important;
}

.res-service-price {
    display: none;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.sticky-card {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.isOnHoliday {
    background: repeating-linear-gradient(45deg, #cccccc, #cccccc 10px, #A1A1A1 10px, #A1A1A1 20px) !important;
}

.fc-non-business {
    background-color: rgb(155, 155, 155, 0.5) !important;
}

.break-event {
    background-color: grey !important;
}

.fc-timegrid-now-indicator-line {
    border-width: 2px 0px 0px !important;
}

.btn-outline-pink {
    color: #ff69b4;
    border-color: #ff69b4;
}

.btn-outline-pink:hover {
    background-color: #ff69b4;
    color: white;
}

.btn-outline-lightgreen {
    color: #90ee90;
    /* Light green color */
    border-color: #90ee90;
}

.btn-outline-lightgreen:hover {
    background-color: #90ee90;
    color: white;
}

.timeSlot {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.timeSlotDayHeader {
    margin-top: 5px;
    margin-bottom: 0px;
}

.timeSlotDaySubheder {
    margin-top: 0px!important;
}

.reservation-stepper > .tab-content {
    min-height: 600px;
    max-height: 600px;
    overflow-y: auto; /* To make content scrollable if it exceeds 600px */
}

.clickable {
    cursor: pointer;
    color: #01c1d3;
}