.CalendarSelectorDesktop {
    width: 200px !important;
}

.CalendarSelectorCB {
    width: 195px !important;
}



@media  (max-device-width: 480px) and (orientation: portrait) {
    .CalendarSelector {
        width: 200px !important;
    }
}

.AgendaWrapperPhone {
    border-right: 2px solid #eaeaea !important;
    white-space: nowrap;
    overflow-x: scroll;
}

.CBPeriod {
    color: #1c1f4d !important;
    font-size: 16px;
    height: 50px;
    text-align: center;   
    /*background-image: url('/SolisWebJV/img/arrowDownToComboBox.png') !important;
    background-size: 14px 8px;*/
}
/*
.CBPeriod option:not(:checked) {
    color: #8A5A7C !important;
    font-size: 16px;
    height: 50px;
    text-align: center;  
}
*/

.OnlineScheduling_NotificationWrapper_New {
    background-color: #F9E9C5;
    margin-top: 10px;
    color: #998262;
    padding: 20px;
    margin-bottom: -6px;

    font-family: Montserrat;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.02em;
    text-align: left;

}

option:not(:checked) { 
    color: #1c1f4d !important;
    font-size: 16px;
    height: 50px;
    text-align: center;  
}

option:checked { 
    color: #1c1f4d !important;
    font-size: 16px;
    height: 50px;
    text-align: center;  
}


.CBPeriod option {
    color: #1c1f4d !important;
    font-size: 16px;
    height: 50px;
    text-align: center;  
}


.CalendarSelectorColorsDesktop {
    color: #FFF !important;
    text-align: center;
    background-color: #1c1f4d !important;
}

.CalendarSelectorColorsDesktop .fa-calendar  {
            color: #FFF !important;
            font-size: 15px;
            margin-top: -6px;
            display: inherit !important;
        }

.arrowsColor{
    color:#FFF !important ;
}

.arrowsColorDisabled{
    color: #808080 !important;
}

.CalendarSelectorColorsDesktop .fa-arrow-left,
.CalendarSelectorColorsDesktop .fa-arrow-right  {
    width: 26px !important;
    height: 16px !important;
    font-size: 15px;
}

.phone select {
    line-height: 20px !important;
}

.BackColorCustom{
 background-color: #edebdf;
}

.CalendarAndFilter {
  float: left; /* Make the divs float next to each other */
  width: 50%; /* Each div takes up half the width */
  height: 100%; /* Full height of the parent */
  box-sizing: border-box; /* Ensure padding and borders are included in the width/height */
  border: 1px solid #1c1f4d; /* Optional: for visibility */
}

.DateContainerNew {
    border: 1px solid !important;
    border-radius: 2px !important;
}