/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


.nrlocatieselect select.locatie {
    padding: 1px 20px;
    height: 2.5em;
}


/*  Full Calendar Calendar Style Radu */


/*.slots-container {*/
/*    margin-top: 5px;*/
/*    padding: 5px;*/
/*    background-color: #f0f8ff;*/
/*    border: 1px solid #d1e7ff;*/
/*    border-radius: 3px;*/
/*    width: 100%;*/
/*}*/

/*.time-slot {*/
/*    margin: 0;*/
/*    margin-bottom: 10px;*/
/*    margin-right: 10px;*/
/*    padding: 9px 5px;*/
/*    background-color: #e7f3ff;*/
/*    border: 1px solid #007bff;*/
/*    border-radius: 3px;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    text-align: center;*/
/*    height: auto;*/
/*}*/

/*.time-slot:hover {*/
/*    background-color: #007bff;*/
/*    color: #fff;*/
/*}*/

/*.time-slot.selected {*/
/*    background-color: #28a745;*/
/*    color: white;*/
/*}*/

/*.fc-day-active {*/
/*    background-color: #ffe680; */
/*    border: 2px solid #ff9900; */
/*}*/

/*.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {*/
/*    display:none !important;*/
/*}*/

/*  end Calendar Style Radu */

@media(max-width:991px) {
    .container.r-calendar .first-column {
        padding:auto 0px !important;
    }
}
.time-slot.selected, .datepicker-days td.active.day {
    background: #e4bc6e !important;
    color: #fff;
    font-weight:bold !important;
}

.datepicker-inline {
    width: 100%;
}

.slots-container .time-slot {
    width: auto;
    min-width: 78px;
    margin: 0px !important;
    padding: 0 !important;
    margin-left: 14px !important;
    /* margin-right: 10px !important; */
    margin-bottom: 10px !important;
    border-radius: 5px;
    background: #fff;
    /* color: #fff; */
    border: 2px solid #e4bc6e;
}

@media(max-width:991px) {
    .slots-container .time-slot {
        min-width:70px;
    }
}

div#datepicker .datepicker-days td.today.day {
    background: #c4bdbd;
    color: #fff;
    font-weight: bold;
}

div#datepicker .datepicker-days tr.slots-row > td {
    padding: 0;
    margin: 0 !important;
    border: none !important;
}

div#datepicker tr.slots-row .slots-container {
    /* border: 2px solid #e4bc6e !important; */
    border-radius: 10px;
    padding: 0px;
    padding-bottom: 15px;
    padding-top: 20px;
    margin-left: 0px !important;
    margin-right: 1px !important;
    margin-top: 1px;
    box-shadow: 0px 0px 3px 1px #e4bc6e;
}

div#datepicker .datepicker-days {
    border: 2px solid #e4bc6e;
    border-radius: 10px;
}

div#datepicker th.dow {
    color: #e4bc6e !important;
}

.slots-container .btn-primary:not(:disabled):not(.disabled).active, 
.slots-container .btn-primary:not(:disabled):not(.disabled):active, 
.slots-container .show>.btn-primary.dropdown-toggle {
    border-color:#e4bc6e;
    background-color:#f2deb9;
}

div#datepicker * {
    font-size: 18px;
    font-weight: bold;
}

.datepicker-days tbody tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.datepicker-days tbody tr td:last-child {
    border-right: none;
}

form#bookingForm input {
    border: 1px solid #e4bc6e;
    border-radius: 5px;
}

.prevent-actions,.prevent-actions * {
    cursor:wait !important;
    /* pointer-events:none !important; */
    opacity:0.90 !important;
}
div#locationMessage {
    border: 2px solid #e4bc6e;
    padding: 10px;
    border-radius: 10px;
    margin: 0 5px;
}
form#bookingForm button[type=submit] {
    border-radius: 5px;
    font-weight: 900;
    color: #fff;
    font-size: 19px;
    padding: 12px;
    width: 100%;
}

.datepicker-days tbody td.day.no-matching-slots {
    background-color: #dcdbdb; /* Light red to indicate no slots available */
    color: #666; /* Gray text */
    border-right: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    /* opacity: 1; */
    color: #fffefe;
    pointer-events: none;
}

.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-calendarDateTimeForm.am-select-date{
  background: linear-gradient(135deg, rgb(228, 188, 110) 0%, rgb(186, 154, 93) 100%) !important;
}

.am-button-wrapper .el-button.el-button--default{background-color: rgb(255, 255, 255) !important;}

.am-add-element{
  color: rgb(228, 188, 110) !important; 
  background-color: rgba(228, 188, 110, 0.07) !important;
}

#am-modal.am-modal.am-in-body .am-add-element:hover i, .amelia-app-booking #amelia-booking-wrap .am-add-element:hover i{
  background-color: rgba(228, 188, 110, 0.07) !important;
}

.el-select-dropdown__item span.hover {
    background-color: rgba(0, 123, 255, 0.2) !important;
    transition: background-color 0.2s !important;
}