@import "../../styles/abstracts/mixins";
@import "../../styles/abstracts/variables";

.calendar__wrapper {
    -webkit-box-shadow: 0 1px 11px $colorLight40;
    box-shadow: 0 1px 11px $colorLight40;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    max-width: 99%;
    // min-width: 99%;
    margin: 10px;
}

.fc-button-primary {
    background-color: rgb(238, 206, 206) !important;
    color: black !important;
}

.fc-daygrid-day-frame {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fc-day-today {
    background-color: transparent !important;
}

.fc-highlight {
    background: #6493c9 !important;
    opacity: 0.8;
}
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {
    border: none;
}

.fc-day-sat {
    color: red;
}

.fc-day-sun {
    color: red;
}

.fc .fc-button {
    border: none;
    outline: none;
}
.disabled {
    color: gray;
    opacity: 0.5;
}
.fc-day-other {
    opacity: 0.1;
}

.fc-highlight {
    border-radius: 15px;
}

/* css for Legends starts */

.Legend-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 20% auto 20% auto;
    grid-gap: 5px;
    text-align: left;
    max-width: 99%;
    min-width: 99%;
    @include min-width(s) {
        max-width: 400px;
        min-width: 400px;
    }
}

.Legend-div {
    width: 16px;
    margin-left: 15px;
    border: 1px solid #808080;
    display: inline-block;
}

.Red {
    background-color: red;
    -webkit-box-shadow: 0 1px 11px $colorLight40;
    box-shadow: 0 1px 11px $colorLight40;
    border-color: red;
}

.Blue {
    background-color: #6493c9;
    opacity: 0.6;
}
.Grey {
    background-color: #e0e0e0;
}
/* css for Legends ends */