.year-s{width:18%; float:left; margin-bottom:20px;}
.year-s h6{font-weight:bold;}
.date-s{width:80%; float:right; margin-bottom:20px;}
.date-s h6{ font-weight:bold;}

.yearpaginator{font-size:12px;height:60px}
.yearpaginator-sm{font-size:10px;height:40px}
.yearpaginator-lg{font-size:14px;height:80px}
.pagination{margin:0;padding:0;white-space:nowrap}
.yr-nav{height:60px;padding:22px 0!important;width:22px;margin:0!important;text-align:center}
.yr-nav-square-edges{border-radius:0!important}.yr-item{height:60px;padding:12px 0!important;width:13%;margin:0!important;border-left-style:hidden!important;text-align:center;font-size:2em}
.yr-item-sm{height:40px!important;padding:5px!important}.yr-item-lg{height:80px!important;padding:22px 0!important}
.yr-nav-sm{height:40px!important;padding:11px 0!important}
.yr-nav-lg{height:80px!important;padding:33px 0!important}a.yr-nav-right{border-left-style:hidden!important}
.yr-divider{border-left:0px solid #ddd!important}.yr-off{background-color:#F0F0F0!important}
.yr-no-select{color:#ccc!important;background-color:#F0F0F0!important}
.yr-no-select:hover{background-color:#F0F0F0!important}
.yr-today{background-color:#88B5DB!important;color:#fff!important}
.yr-selected{background-color:#428bca!important;color:#fff!important;width:132px;}


.dp-nav-prv{width:22px; position:absolute;left:10px; top:0;  z-index: 11; color:#337ab7; background:#fff;}
.dp-nav-nxt{width:22px; position: absolute; right:10px;top: 0; z-index: 11; color:#337ab7; background:#fff;}

.datepaginator{font-size:12px;height:60px;color:#fff!important}
.datepaginator-sm{font-size:10px;height:40px;}
.datepaginator-lg{font-size:14px;height:60px;color:#fff!important}
.pagination{margin:0;padding:0;white-space:nowrap}.dp-nav{color:#337ab7 !important}
.dp-nav{height:60px;padding:22px 0!important;width:3%;margin:0!important;text-align:center;color:#fff!important}
.dp-nav-square-edges{border-radius:0!important}
.dp-item{height:60px;padding:10px 0!important;margin:0!important;border-left-style:hidden!important;text-align:center;color:#337ab7!important;border:1px solid #f5f5f5;border-left:1px solid #f5f5f5!important;}
.dp-item a{color:#fff!important;}
.dp-item-sm{height:40px!important;padding:5px!important}.dp-item-lg{height:80px!important;padding:22px 0!important}
.dp-nav-sm{height:40px!important;padding:11px 0!important}.dp-nav-lg{height:80px!important;padding:33px 0!important}a.dp-nav-right{color:#337ab7!important;border-left-style:hidden!important}a.dp-nav-left{color:#337ab7!important;border-left-style:hidden!important}
.dp-divider{border-left:2px solid #ddd!important}.dp-off{background-color:#F0F0F0!important}.dp-no-select{color:#ccc!important;background-color:#F0F0F0!important}
.dp-no-select:hover{background-color:#F0F0F0!important}.dp-today{background-color:#88B5DB!important;color:#fff!important;}
.dp-selected{background-color:#428bca!important;color:#fff!important;width:22%}
.dp-selected a{color:#fff!important;}

.datepaginator-lg{ margin-top:0px;  border-radius: 4px;min-height: 20px;padding:0 20px;}

.datepaginator-lg ul {display:block;list-style:none outside none;margin:0;padding: 0;}
.datepaginator-lg li {display:block;float:left;margin-right:0px;padding:0;min-height:60px;height:1;color:#337ab7!important;}
.datepaginator-lg.responsive {margin-bottom:0px;margin-left:0px;margin-top:0px;width: auto;color:#fff!important}
.well{border: 1px solid #e3e3e3;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;min-height: 20px;padding:0 20px;position:relative; margin-top:5px;}

.dp-item a{width:145px !important;} 
.datepaginator-lg li{  width:145px !important; background:#88b5db;}

/*public holidays*/
.public-holidays-t{display: inline-block;width: 40%;float:left; border:1px solid #bbb;}
.public-holidays-left{display: inline-block;width: 30%;float:left;}
.public-holidays-right {display: inline-block;float: left;width: 30%;position:relative;line-height: 23px;margin-left:2%;}
.ho-title{font-size:14px;padding:10px;color:#154063;font-weight:600;}
.ho-tick{float:right;font-size:13px;margin-right:0px;text-align:center;}
.ho-tick span{color:#fff; padding:4px 6px 3px 6px; background:#36c6d3;}
.lo-tick{color:#36c6d3; padding:3px 6px 4px 6px; /*background:#36c6d3;*/}
.no-tick{color:#ed6b75;padding:3px 7px 4px; /*background:#ed6b75;*/}
.lo-title{font-size:13px !important;}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width:2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color:#ececec;
}

@media screen and (max-width:800px) {
.public-holidays-left{width:48%; margin-bottom:0px;margin-left:0%;}
.public-holidays-right{width:48%; margin-bottom:0px;margin-left:4%;}.dp-item a{font-size: 12px;}}
@media screen and (max-width:768px) {
.public-holidays-left{width:48%; margin-bottom:0px;margin-left:0%;}
.public-holidays-right{width:48%; margin-bottom:0px;margin-left:4%;}.dp-item a{font-size: 12px;} .dp-item a{font-size: 12px; width:94px !important;} 
.datepaginator-lg li{  width:94px !important;}}
@media screen and (max-width: 640px) {
.public-holidays-left{width:48%; margin-bottom:0px;margin-left:0%;}
.public-holidays-right{width:48%; margin-bottom:0px;margin-left:4%;}
.dp-item a{font-size: 12px;}}
@media screen and (max-width: 480px) {
.public-holidays-left{width:98%; margin-bottom:0px;margin-left:0%;}
.public-holidays-right{width:98%; margin-bottom:10px;margin-left:0%; margin-top:10px; }
.dp-item a{font-size: 12px;}}
@media screen and (max-width: 360px){.dp-item a{font-size: 11px; width:112px !important;} 
.datepaginator-lg li{  width:112px !important;}}
@media screen and (max-width: 320px){.dp-item a{font-size: 12px;}}







/* STRUCTURE */
.department_area{width:27.6%;float:left;margin-right:8px;margin-bottom:10px;}
.select_m{width:16.5%;float:left;margin-right:8px;margin-bottom:10px;}
.select_y{width:16.5%;float:left;margin-right:8px;margin-bottom:10px;}

.allmonth {/*padding: 5px;*/width: 100%;margin: 0px auto; /*background:#ccfbff;*/ overflow:hidden;}
.month-table{width: 47%;float: left;margin:10px;padding: 0px;/*background: #f0efef; */}
.main_full h2{ margin:5px 0px 10px 0px; color: #3c698d;font-size:20px; font-family:'robotoregular'; text-transform:none;}

.month-table h3{ margin:0px 0px 10px 0px; }
.holidays-t{ width:68% !important;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {	
	.allmonth {
		width: 100%;
	}
	.month-table {width: 47%;}
	.holidays-t{width:100% !important;}}
}
@media screen and (max-width: 800px) {
.holidays-t{width:100% !important;}}
}
@media screen and (max-width: 768px) {
.month-table {float: left; margin: 10px;padding: 0;width: 47% !important; }
.holidays-t{ width:100%;}}
@media screen and (max-width: 640px) {
.month-one {width: auto;float: none;}
.month-table{ width:46%;} .holidays-t{ width:auto !important;}}
/* for 480px or less */
@media screen and (max-width: 480px) {
.month-table{ width:44%;}
.holidays-t{ width:auto !important;}
.select_m{width:35%;float:left;margin-right:1%;margin-bottom:1%;}
.select_y{width:35%;float:left;margin-right:1%;margin-bottom:1%;}}
@media screen and (max-width: 360px) {
.month-table{ width:93%;}
.holidays-t{ width:auto !important;}}
@media screen and (max-width: 320px) {
.month-table{ width:93%;}
.holidays-t{ width:auto !important;}
.select_m{width:35%;float:left;margin-right:1%;margin-bottom:1%;}
.select_y{width:35%;float:left;margin-right:1%;margin-bottom:1%;}}