.PageHeading
{
    font-size:1.4em;
    font-weight:bold;
    border-bottom:solid 1px #cccccc;
}

.modal-90w {
    max-width: 90vw;
}

input.form-control-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    height: auto;
}

/****** Calendar Styles ********/
.MonthTitle {
    text-align: center;
    font-weight: bold;
    background-color: #646665;
    color: #ffffff;
}

.DayHeader {
    width: 14.28% !important;
    min-height: 25px !important;
    text-align: center !important;
    color: #000000;
}

.Day {
    border: black solid 1px;
    width: 14.28% !important;
    min-height: 25px !important;
    padding: 3px 3px 6px 3px;
    vertical-align: top;
    background-color: #ffffff;
}

.IsPastLink {
    color: #e7e7e7 !important;
}

.DayPast {
    background-color: transparent;
}

.DayCurrent {
    border: solid 2px #34baeb !important;
}

.DayNumber {
    width: 100% !important;
    text-align: right;
    display: block;
}

.DayNumber a {
    color: #000000;
    text-decoration: underline;
}

.date-number-box {
    width: 28px;
    height: 28px;
    background-color: #646665;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    float: right; /* aligns to top-right of the cell */
    transition: background-color 0.2s ease;
}

.date-number-box:hover {
    background-color: #eff5f4;
}