:root {
    --h1size: 58px;
    --h2size: 44px;
    --h3size: 24px;
    --h4size: 20px;
    --h5size: 18px;
    --h6size: 16px;
    --bodysize: 16px;
    --h1height: 58px;
    --h2height: 48px;
    --h3height: 32px;
    --h4height: 28px;
    --h5height: 26px;
    --h6height: 26px;
    --bodyheight: 1.5;
    --pfamily: 'Open Sans', sans-serif;
    --hfamily: 'Open Sans', sans-serif;
    --red: #e93e2d;
    --gray: #8facc2;
    --text: #101828;
    --blue: #69c3c6;
    --darkblue: #222f5a;
    --white: #ffffff;
    --chalk: #edf3f8;
    --green: #08721c;
    --purple: #b12fad;
    --orange: #ef7f1a;
    --dark: #000000;
    --yellow: #ffab10;
    --body: #fbe1c2;
    --border: #eef0f6;
    --heading: #39404a;
    --primary: #08721c;
    --sub-heading: #565765;
    --green-chalk: #607240;
    --green-dark: #072f17;
    --gray-chalk: #cccccc;
    --intro-bg: #e5eef6;
    --facebook: #3b5998;
    --linkedin: #0e76a8;
    --twitter: #00acee;
    --google: #E60023;
    --instagram: #F77737;
    --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}
.clndr{
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0px 0px 18px rgb(47 49 53 / 8%) !important;
    padding: 20px;
}
#calendar{
    border: 1px solid var(--border);
}
.fc-header-toolbar{
    background: #ddd;
    margin: 0 !important;
    padding: 5px 10px;
}
.fc-theme-standard th{
    background: #eee;
}
.fc .fc-col-header-cell-cushion {
    color: var(--dark);
    text-decoration: none;
}
.fc .fc-daygrid-day-top {
    justify-content: center;
    align-items: center;
}
.fc .fc-daygrid-day-number {
    color: var(--dark);
    text-decoration: none;
}
.cldr-heading{
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.btn{

}
.btn-outline-primary{
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}
.btn:hover, .btn-outline-primary:hover{
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}
#time-slots{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.fc-day-past{
    cursor: not-allowed;
    color: var(--border);
}
.fc-day-past a{
    color: #ddd !important;
}
td.fc-day-future, td.fc-day-today{
    cursor: pointer;
}
.fc .fc-daygrid-day.fc-day-today:not(.selected-date){
    background: var(--white) !important;
}
td.fc-day-future:not(.fc-day-other):hover, td.fc-day-today:not(.fc-day-other):hover, .selected-date{
    background: var(--primary) !important;
    color: var(--white) !important;
}
td.fc-day-future:not(.fc-day-other):hover a, td.fc-day-today:not(.fc-day-other):hover a, .selected-date a{
    color: var(--white) !important;
}
.text-primary{
    color: var(--primary) !important;
}
.btn-primary{
    background: var(--primary) !important;
    color: var(--white) !important;
    border: 1px solid var(--primary);
    padding: 10px 30px;
    border-radius: 10px;
}
.btn-primary:hover{
    background: var(--dark) !important;
    color: var(--white) !important;
}
.text-danger{
    color: var(--red) !important;
}
.text-success{
    color: var(--green) !important;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
    min-height: 1rem !important;
}
.scrollbar{
    height: calc(100vh - 50px);
    overflow: scroll;
    padding-bottom: 20px;
}
@media (max-width:767px) {
    .fc-toolbar-title{
        font-size: 18px !important;
    }
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
        min-height: 0.3rem !important;
    }
    .fc-today-button, .fc-prev-button, .fc-next-button{
        padding: 5px !important;
    }
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
         min-height: 0.2rem !important;
    }
    .scrollbar{
        height: 400px;
        overflow: scroll;
        padding-bottom: 10px;
    }
}