/* Create your style on here */

/*calendar*/
.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.5);}
.shadowB{box-shadow:0 1px 2px rgba(0,0,0,0.8);}
.calendarEvent{ border: 1px solid #aaa !important;}
.calendarEvent header{ color: #636E7B; text-align: center; position: relative; padding: 10px 0; }
.calendarEvent header h2{font-size: 20px;}
.calendarEvent header .glyphicon-chevron-left{position: absolute; left: 10px; font-size: 11px; top: 15px;}
.calendarEvent header .glyphicon-chevron-right{position: absolute; right: 10px; font-size: 11px; top: 15px;}

#calendar{background: #f2f2f2;padding-right: 1px;}
#calendar li{width: 14.2857%; float: left;  padding-left: 1px; margin-top: 1px;}
#calendar .day{background: #00B1E1; color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 14px; text-align: center;}

#calendar .date{background: #e8e8e8 ; height: 70px; display: block;}
#calendar .innerdate{padding: 5px 5px 0 0; font-size: 18px; display: block; font-family: "Open Sans","Kanit", sans-serif;text-align: right;}
@media (max-width: 768px) {
    #calendar .date{background: #e8e8e8 ; height: 40px; display: block;}
    #calendar .day{background: #00B1E1; color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 12px; text-align: center;}
    #calendar .innerdate{font-size: 11px;}
}
@media (max-width: 992px) {
    .calendarEvent{ margin-bottom:20px; }
}
#calendar .today{background: #fff;}
#calendar .date.last-month,#calendar .date.next-month{background: #f5f5f5; color: #b1b4b7; cursor: pointer;}
#calendar .activeactivities{background: #343942; display: block; color: #fff;}
#calendar .date a{display:block;}
#calendar .calendar-holiday{background: #343942; display: block; color: #fff; padding:0 5px; overflow:hidden; height:18px; margin-top:1px;}
#calendar .calendar-leave{background: #c1272d; display: block; color: #fff; padding:0 5px; overflow:hidden; height:18px; margin-top:1px;}
#calendar .calendar-ot{background: #0d7bf5; display: block; color: #fff; padding:0 5px; overflow:hidden; height:18px; margin-top:1px;}

.wrapcalendarbottom{background: #ebebeb;}

.calendarDetail{float: right; width: 30%;}
.calendarDetail h2{font-size: 13px; background: #cfe5fd; padding: 13px; text-align: center; font-family: "Open Sans","Kanit", sans-serif; }
.calendarDetail h3{font-size: 13px; font-family: "Open Sans","Kanit", sans-serif; margin-bottom: 5px;}
.eventList{padding: 15px;}
/*Endcalendar*/

.inline2row .inputinner{display:block; float:none;}
.desc { color:#999;}
.informTabdetail{display: none;}
.informTabdetail .active{display: block;}
.confirm_delete{ margin-left:10px; }