.BaseHeadCssClass {
    background-color: #f8cdcd46;
    border: 0.1px dashed;
}
.BaseBodyCssClass {
    background-color: #e4fed93b;
    border: 0.1px dashed;
}
.BaseFootCssClass {
    background-color: #e5e7ff3d;
    border: 0.1px dashed;
}
.OnChangeMethInfo{
    border: 1px dashed blue;
}
.RefreshBoardClass {
    border: 1px dashed green;
}
.CloseBoxInfo_text{

}
.CloseBoxInfoClass {
    max-width: 200px;
    max-height: 200px;
    border: 3px dashed pink;
}
.DestroyBoxClass {
    border: 1px dashed #ff6a00;
}
.MainCanvasBox {
    border: 3px solid green;
}
#MainCanvasId{
    border: 1px dotted red;
}
.TempInfoBox {
    border: 3px dotted red;
}
.SelectAdress{
    width: 200px;
    height: 200px;
}
.separator {
    color: #ffffffff;
    border-radius: 100px;
    background-color: #223046ff;
    margin-left: 10%;
    margin-right: 10%;
    min-height: 3px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.TimeLineBox {
    border: 1px dotted red;
    display: grid;
    grid-template-columns: repeat(7, auto);
    gap: 5px;
    max-width: 400px;

}
.OpenTime {
    color: green;
    width: 50px;
    height: 50px; /* Размеры кнопки */
    border-radius: 50%; /* Радиус скругления */
    border: none; /* Убираем рамку вокруг кнопки */
}
    .OpenTime:hover {
        background-color: darkslateblue;
        color: white;
    }
.CloseTime {
    color: gray;
    width: 50px;
    height: 50px; /* Размеры кнопки */
    border-radius: 50%; /* Радиус скругления */
    border: none; /* Убираем рамку вокруг кнопки */
}
   
/* КАЛЕНДАРЬ */
.calendarNameDay {
    border: 1px dotted pink;
    background-color: transparent;
    width: 50px;
}
.calendarNameMonth {
    border: 1px dotted pink;
    background-color: transparent;
    width: 100%;
    font-size: 18px;
}
.calendarDayPart {
    border: 1px dotted pink;
    width: 50px;
}
    .calendarDayPart:hover {
        background-color: darkslateblue;
        color: white;
    }
.cdpSelected {
    background-color: cornflowerblue;
    color: white;
}
.cdpHoliday {
    color: gray;
}
.calendarDayLine {
    border: 1px solid blue;
    margin: 5px;
    display: grid;
    grid-template-columns: repeat(7, auto);
    gap: 5px;
}
.bookingCalendar {
    border: 1px solid red;
    max-width: 400px;
}
.calendarMonthLine {
    border: 1px solid blue;
    margin: 5px;
    display: grid;
    grid-template-columns: repeat(3, 15% 70% 15%);
    /*grid-template-columns: repeat(3, auto);*/
    gap: 5px;
}
/* ----------------------------- */