#calendar-outer {
    width: 100%;
    margin: 30px 0;
}

#calendar-outer ul {
    margin: 0px;
    padding: 0px;
}

#calendar-outer ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#calendar-outer .prev {
    display: inline-block;
    float: left;
    cursor: pointer
}

#calendar-outer .next {
    display: inline-block;
    float: right;
    cursor: pointer
}

#calendar-outer :focus {
    outline: none;
    background: #ff8e8e;
}

#calendar-outer div.calendar-nav {
    background-color: #34495e;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    color: #FFF;
    box-sizing: border-box;
    font-weight: bold;
}

#calendar-outer .week-name-title li {
    display: inline-block;
    padding: 10px 27px;
    color: #34495e;
    font-size: 0.95em;
    font-weight: 600;
    width: calc((100% / 7) - 0px);
}

#calendar-outer .week-day-cell li {
    display: inline-block;
    width: calc((100% / 7) - 0px);
    height: 80px;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    background-color: #dee5e8;
    color: #34495e;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color .3s, color .3s;
}
#calendar-outer .week-day-cell li:hover {
    background-color: #a2d030;
    color:#FFF;
}
#body-overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#body-overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}