﻿.calendar {background: #fff; float: left; position: relative; padding: 0px 50px; z-index: 10000;  }
.calendar dl,.calendar dd{ margin:0 20px; padding:0;float:left; width:260px; font-size:12px; line-height:22px;}
.calendar dt.title-date{ color: #e01e24;font-size: 26px;display:block; position:relative; margin-bottom:5px; padding-bottom:3px;}
.calendar dt{ color:#e01e24;font-size: 14px;font-weight:lighter; float:left; width:33px; margin:1px; text-align:center;}
.calendar dt.title-date{ width:100%;}
.calendar dd{clear: both;width: 260px;height:220px; font-weight: 500; margin:0;}
/*.prevyear,.nextyear, .prevmonth,.nextmonth{cursor:pointer;height:28px;width:16px; background: url(/Content/img/calendar_arrow.png) no-repeat; overflow:hidden;position:absolute; top:50%; text-indent:-999px;}
.prevyear{  left:4px;  width:9px;}
.prevmonth {background-position: 0 0;  left: 10px; position: absolute;  }
.nextyear { width: 9px; background-position: -19px 0; right: 5px; }
.nextmonth { background-position: -16px 0; right: 10px;  }*/
.prevyear,.nextyear, .prevmonth,.nextmonth{cursor:pointer;font-size:50px; overflow:hidden;position:absolute; top:40%;color: #cacaca; }
.prevyear{  left:4px;  width:9px;}
.prevmonth { left: 0px;  }
.nextyear { width: 9px; background-position: -19px 0; right: 18px; }
.nextmonth {  right: 0px;  }
.calendar dd a { float: left; width: 35px; height: 35px;border:2px solid #fff; color: #464646; overflow: hidden; text-decoration: none; margin: 1px 0px; text-align: center; font-size: 17px; vertical-align: middle; line-height: 35px; }
.calendar dd a.disabled { color: #cacaca; cursor: pointer; }
.calendar dd a.tody { color: #e01e24; }
.calendar dd a.live.Selected { /* background: #e01e24; color: #fff;border: 2px solid #e01e24; */  background: white; border: 2px solid #e01e24;}
.calendar dd a.on { border: 2px solid #e01e24; }
.calendar dd a.live { cursor: pointer; }
.calendar dd a.live.ResidenceDate{background:#e01e24; color:#fff;border: 2px solid #e01e24;}
.calendar dd a.disabled.ResidenceDate {
        background: #e01e24;
        color: #cacaca;
        border: 2px solid #e01e24;
}
.calendar dd a.live.DepDate{background: #e01e24; color: #fff;border: 2px solid #e01e24; }
.calendar dd a.live.RetDate{background: #e01e24; color: #fff;border: 2px solid #e01e24; }
.calendar dd a.live.holidays { color:#E40C12}

@media (max-width:992px) {
    .calendar dl, .calendar dd { float: none; margin: auto;}
    .calendar { padding: 0 15px;float: none; }
    /*.prevmonth { background-position: 0 0; top: 0; left: 50%; }
    .nextmonth { background-position: -16px 0; bottom: 0; left: 50%; top: inherit; }*/
}