/*  WEEKLY CALENDAR *************************************************************************************/
.calendar_week {
    border: 1px solid var(--WVV-colour1);
    border-radius: 10px;
    overflow:hidden;
    padding: 0 0 0 0;
}
.calendar_week, .calendar_week * {
    box-sizing:border-box;
}
.calendar_week .calendartitle {
    background-color: #dddddd;
    font-size: larger;
    color: var(--WVV-colour3);
}
.calendar_week div {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.calendar_week .calendarcolheading {
    background-color: #eeeeee;
    border-bottom: 1px solid var(--WVV-colour1);
}
.calendar_week > div, .calendar_week > div > div, .calendar_week > div > div {
    border: 1px solid var(--WVV-colour1);
}

/*  MONTHLY CALENDAR ***********************************************************************************/
.calendar {
    border: 1px solid var(--WVV-colour1);
    border-radius: 10px;
    overflow:hidden;
    padding: 0 0 0 0;
}

.calendar, .calendar * {
    box-sizing:border-box;
}

.calendar .calendartitle {
    background-color: #dddddd;
    font-size: larger;
    color: var(--WVV-colour3);
}

.calendar .calendarcolheading {
    background-color: #eeeeee;
    border-bottom: 1px solid black;
}

/* .calendar .colx { */
.calendar div div { 
    border: 1px solid var(--WVV-colour1);
}

.calendar div {
    /*border: 10px solid #efefef;*/
    /* min-width: 10px; */
    /* min-height: 2rem; */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.calendar .week {
    min-height: 6rem;
}
.calendar div p  {
    margin:0px;
    /* margin-left: 5px; */
}


.calendar div div .date {
    background-color: silver;
    text-align: center;
    font-weight: bolder;
}

.calendardaycell
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*   Request cards for displaying Request info */
.req_small {
    width:100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* border-radius: 0; */
    text-decoration: none;
    font-size: smaller;
    
}

.req_medium {
    /* width:100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /* border-radius: 0; */
    /* text-decoration: none; */
    text-align: left;
}
.req_medium > p {
    /* width:100%; */
    /* margin: 0 0 0 0; */
    padding: 0 5px 0 5px;    
    /* border-radius: 0; */
    /* text-decoration: none; */
    text-align: left;
    border-bottom: 1px solid silver;
}