.calendar,.calendar-sm{cursor:default;width:80%}.calendar *{box-sizing:border-box;font-family:'Droid Arabic Kufi',Arial;font-size:14px}.calendar-sm{height:370px}.calendar{height:100%;margin:0 auto;position:relative;top:30px}.calendar-sm .c-pad-top{padding-top:2%}.calendar .c-pad-top{padding-top:3%}.c-grid{height:inherit;padding:5px}.c-day,.c-day-next-month,.c-day-previous-month{height:13%;vertical-align:middle;width:14.28%;line-height:64px;text-align:center;float:right}.c-day{border:2px solid transparent;border-radius:50%}.c-day:hover{border:2px solid teal;border-radius:50%;position:relative}.c-day-next-month,.c-day-previous-month{background-color:#F9FBFD;color:gray;border:2px solid transparent;border-radius:50%}.c-week-day{width:14.28%;height:14.28%;line-height:64px;background-color:#fff;color:teal;float:right;text-align:center;font-weight:400;padding-top:1%}.c-next,.c-previous{width:12.5%;padding:2% 2% 0;height:12%;cursor:pointer}.c-next{text-align:right}.c-previous{text-align:left}.c-month{width:75%;height:12%;text-align:center}.c-nav-btn-over{background-color:#89a3c0!important;font-weight:700}.c-today{background-color:#D8EAF1}.c-event{background-color:teal;color:#fff;font-weight:700;cursor:pointer}.c-grid{float:right;width:50%}.c-event-grid{margin-left:1px;height:100%;width:49%;float:right}.c-grid-title{font-weight:400;font-size:22px;float:right;text-transform:uppercase;background-color:#fff;color:teal}.c-grid-title .fa{font-family:FontAwesome;font-size:18px}.c-event-title{font-size:22px;width:100%;height:12%;text-align:center;font-weight:400;background-color:teal;color:#fff}.c-event-item>.title,.c-event-over{font-weight:700}.c-event-body{background-color:rgba(0,153,153,.2);height:88.1%}.c-event-list{padding:7 0 0;overflow:auto;height:95%}.c-event-item>div{text-overflow:ellipsis;width:inherit;overflow:hidden;white-space:nowrap}.c-event-item{text-align:right;direction:rtl;padding-right:10px;margin-bottom:10px;margin-top:10px}.c-event-over{background-color:#00aeae;color:#fff}.c-event-over>.description{font-weight:400}@media (max-width:1200px){.calendar{width:100%}}@media (max-width:700px) and (min-width:550px){.c-week-day{font-size:10px}}@media (max-width:550px){.c-event-grid,.c-grid,.calendar{width:100%}}