#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-off {
    color: #b17f3d!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .prev-or-next-month .day-off {
    opacity: 0;
}
a.day-on.sb-available-date {
    font-weight: bold;
    font-size: 16px;
}
/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

#schedule {
display:none;
}

#contacts {
display:none;
}

#sb_client_info {
    display: none!important;
}

.tab.tab-col.tab-with-popup {
  border-color:black!important;
  border-style:solid;
}

#sb_booking_company_time {
display:none!important;
}

#main-content {
margin-top: -50px!important;
}


.left-side {
  background-color: rgba(247, 247, 247, 0.6)!important;
} 

.right-side {
  background-color: rgba(247, 247, 247, 0.9)!important;
} 

.accordion {
  background-color: white;
}
a.title.collapsed {
  color: black!important;
}

a.title[data-toggle="collapse"][data-target="#collapseInvoice_details"] {
 color:grey;
}

[class~="day"] {
  font-weight: bold;
}

#sb_promotion_items_container > div > div > div.excerpt-info > div.preloader.promotion-item__picture > a > div {
 height: auto;
}

#sb_promotion_items_container > div > div > div.excerpt-info > div.promotion-item__tag.promotion-item__tag--on-image > div {
display: none !important;
}



/* Hide all the items initially */
.category-item.item {
    display: none !important;
}


/* Display the first three items */
.category-item.item:nth-of-type(1),
.category-item.item:nth-of-type(2),
.category-item.item:nth-of-type(3) {
    display: block !important;
}

#sb_dateview_container > div > div > div.calendar {
padding-top:5px!important;
}

#sb_timeview_container > div > div > section > div > div {
padding: 10px 10px !important;
}

#steps-nav {
margin-bottom: 10px!important;
margin-top: 20px!important
}

.top-date-select .row, .top-date-select .col-xs-3, .top-date-select .col-xs-6, .top-date-select .col-md-4 {
    padding: 0 !important; /* Entfernt Padding */
    margin: 0 !important; /* Reduziert Margin, falls notwendig */
}

.top-date-select .date, .top-date-select .name {
    font-size: 1rem !important; /* Kleinere Schriftgröße */
    line-height: 1.8 !important; /* Reduzierte Zeilenhöhe */
}

#sb_dateview_container > div {
padding:10px 20px !important;
}

#sb_time_slots_weekly_container > div > div.time-container {
    margin-top: 5px !important;
}

#sb_timeview_container > div > div > section > div > div > div.header {
padding-bottom:5px!important;
}

#sb_datetime_step_container > div > div > div {
border: 2px solid #e7e7e7
}

#sb_dateview_container .calendar .weeks-name > div > div > div {
    padding: 0 !important;
}

.sb_time_slots_weekly_day_container .time-slot a {
    font-size: 16px; /* Größere Schrift für bessere Lesbarkeit */
    padding: 10px; /* Mehr Platz im Link-Container */
}

#sb_time_slots_weekly_container .data-col {

    min-width: 0 !important; /* Entfernt eine feste Mindestbreite, falls vorhanden */
}

#sb_time_slots_weekly_container.four-items .data-col {
    max-width: 25%; /* Für 4 Elemente */
}

#sb_time_slots_weekly_container.five-items .data-col {
    max-width: 20%; /* Für 5 Elemente */
}

#sb_time_slots_weekly_container.six-items .data-col {
    max-width: 16.5%; /* Für 6 Elemente */
}

#sb_time_slots_weekly_container.six-items .data-col {
    max-width: 13%; /* Für 7 Elemente */
}


.title-main {
 margin-bottom: 5px!important;
}

.content:not(:has(.read-more)) {
  height: 3rem;
}

.changed-items-num {
 padding-bottom: 0px!important;
}

.tab-pd {
 padding:15px!important;
}

.section-pd {
 padding: 0px 15px 0px 15px !important;
}

.btn.select.custom {
 font-weight:bold !important;
}


/*
.amount.promo-label.promo-label--on-image {
  text-decoration: line-through;
}
*/


.slot {
border: 1px solid !important;
border-radius: 20px !important;
animation: pulse-border 2s infinite;
}

@keyframes pulse-border {
  0% {
    /* Transparenter Schatten zu Beginn */
    box-shadow: 0 0 0 0 #ffaf2eb3; /* 100% Deckkraft */
  }
  50% {
    /* Schatten "wächst" und wird immer transparenter */
    box-shadow: 0 0 0 12px #ffaf2e00; /* 0% Deckkraft */
  }
  100% {
    /* Zurück zum Ausgangszustand */
    box-shadow: 0 0 0 0 #ffaf2e00;
  }
}