.dycontainer
{
    width: auto;
    display: flex;
}
#calendar
{
    width: 100%;
    padding: 20px;
}

@media only screen and (max-width: 600px) {
    #calendar
    {
        width: 100%;
        padding: 0px;
    }
}

#calendar table
{
    width: 100%;
    margin-top: 40px;
    border-spacing: 5px;
}
#calendar table td
{
    color: var(--main-theme-color);
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.dycalendar-available-date:hover
{
   background:#fff;
   color:#000000;

}
#calendar table tr:nth-child(1) td
{
    background: #fff;
    color:#111;
    border-radius: 5px;
    font-weight: 600;

}

.dycalendar-target-date
{
    background:  #fff;
    color:#111;
}
.dycalendar-prev-next-btn.prev-btn

{

    background: #fff;
    color:#111;
    width: 44px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
.dycalendar-prev-next-btn.next-btn
{

    background: #fff;
    color:#111;
    width: 44px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
.dycalendar-span-month-year
{
    color:#fff;
    font-size: 1.5rem;
    font-weight: 600;
}
/* h3,a{
    padding-top: 50px;
    color: rgb(16, 191, 235);
    text-align: center;
    text-emphasis: none;

} */

.dycalendar-disabled-date{
    color: grey !important;
}

.dycalendar-available-date:hover{
    background: #000000 !important;
    color: #fff !important;
}

.dycalendar-available-date-selected{
    color: #fff !important;
    background: var(--main-theme-color) !important;
}
.dycalendar-available-date-selected:hover {
    color: white !important;
    background-color: var(--main-theme-color) !important;
}

.dycalendar-available-date.dycalendar-today-date {
    color: #fff;
    background: #f53333 !important;
    border-radius: 50% !important;
}

.dycalendar-available-date-selected.dycalendar-today-date {
    color: #fff;
    background: #0e0d0d !important;
    border-radius: 50% !important;
}
