.month {
	padding: 8px 10px;
	width: 100%;
	line-height: 25px;
	background: #158c80;
	margin: 0;
	position: relative;
	overflow: hidden;
  }
  .month ul {
	margin: 0;
	padding: 0;
  }
  .month ul li {
	color: #26b2f3;
	font-size: 18px;
  }
  .month .prev {
	float: left;
	font-size: 15px;
  }
  .month .next {
	float: right;
  }
  .weekdays {
	margin-left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
  .weekdays li {
	width: 189px;
	text-align: center;
	font-weight: 600;
	padding: 0px 0;
	display: table-cell;
	border: 1px solid #cdcdcd;
	line-height: 1.5;
	padding: 10px;
	text-align: center;
	color: #333;
	width: 228px;
  }
  .days {
	width: 100%;
	float: left;
  }
  .days li {
	list-style-type: none;
	display: inline-block;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
  
	text-align: center;
	color: #333;
	width: 189px;
	height: 120px;
  }
  .days li .active {
	padding: 5px;
	background: #1abeae;
	color: #fff !important;
  }
  .wkend {
	position: absolute;
	padding: 5px;
  }
  .enter-time {
	font-size: 12px;
	color: #000;
  }
  .date {
	font-size: 16px;
	font-weight: 700;
  }
  .end-time {
	color: #000;
  }
  .blank2 {
	height: 120px;
	background: none;
	border: 1px transparent !important;
	visibility: hidden !important;
  }
  
  .clr-blank {
	background: #dedede;
  }
  
  .banner-info {
	background: transparent !important;
	border: 0px solid #2a335d;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
  }
  
  select.cal-select.login-form2 {
	background: #105d55;
	border: 1px solid #105d55;
	color: #fff;
	border-radius: 10px;
	padding: 0 20px;
  }
  
  .eventtbox {
	display: none;
	min-height: 500px;
  }
  
  span.viewDetails {
	cursor: pointer;
	display: inline-block;
  }
  span.viewDetails:hover {
	color: #2d4046;
  }
  
  .clviewlist table.table tr > th {
	background: #f2f2f2;
	width: 20%;
	text-transform: uppercase;
  }
  .clviewlist table.table tr > td {
	width: 80%;
  }
  
  .total-hrs span {
	display: inline-block;
  }
  .total-hrs span:first-child {
	width: 12px;
  }
  .total-hrs span:first-child img {
	max-width: 100%;
  }
  
  .clr_sun,
  .clr_mon,
  .clr_tue,
  .clr_wed,
  .clr_thu,
  .clr_fri,
  .clr_sat {
	background: #eaeff5;
	color: #333;
	padding: 8px 0;
	display: table-cell;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	line-height: 1.5;
	text-align: center;
	color: #333;
  
	border-radius: 4px;
  }
  
  .clr_sun_block,
  .clr_mon_block,
  .clr_tue_block,
  .clr_wed_block,
  .clr_thu_block,
  .clr_fri_block,
  .clr_sat_block {
	color: #fff;
  }
  
  .clr_sun_border {
	border: 1px solid #cdcdcd;
  }
  .clr_mon_border {
	border: 1px solid #cdcdcd;
  }
  .clr_tue_border {
	border: 1px solid #cdcdcd;
  }
  .clr_wed_border {
	border: 1px solid #cdcdcd;
  }
  .clr_thu_border {
	border: 1px solid #cdcdcd;
  }
  .clr_fri_border {
	border: 1px solid #cdcdcd;
  }
  .clr_sat_border {
	border: 1px solid #cdcdcd;
  }
  
  .evntbg {
	background: rgba(227, 223, 215, 0.9);
  }
  .holidaybg {
	background: rgba(251, 244, 218, 0.9);
  }
  /* ------------ Start Full Calender Css --------------- */
.fc-calender{
	direction: ltr;
    overflow: hidden;
    position: relative;
    overflow-x: scroll;
}
.fc-calender::-webkit-scrollbar{
	width: 5px;
	height:10px;
}
.fc-calender::-webkit-scrollbar-track{
	background-color: transparent;
}
.fc-calender::-webkit-scrollbar-thumb{
	background-color: #d6dee1;
    border-radius: 20px;
    border: 5px solid transparent;
    padding-left: 5px;
}

.fc-weekdays {
	margin: 0;
    padding: 0;
  }
  
  .fc-weekdays li {
	display: inline-block;
    width: 12.9999%;
    color: #fff;
    text-align: center;
    padding: 10px 0;
	font-size: 13px;
	background-color: #7a7a7a;
  }
  
  .fc-days {
	padding: 10px 0;
	padding-top: 5px;
	background: #fff;
	margin: 0;
  }
  
  .fc-days li {
	list-style-type: none;
    display: inline-block;
    width: 13%;
    height: 135px;
    text-align: center;
    margin-bottom: -2px;
    font-size: 12px;
    color: #777;
    border: 1px solid #e2e7ed;
    position: relative;
	background-color: #f5f9ff;
  }
  
/*badge classes start*/
.fc-days> li .d-aside .fc-date span{
	cursor: pointer;
}
.fc-days> li .d-aside{
	position: absolute;
    width: 100%;
    display: block;
    height: 100%;
}
.fc-days> li .d-aside .badge {
	width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.9rem;
    color: #ffffff;
    font-weight: 500;
    margin-right: 2px;
    margin-top: 3px;
    background-color: hsl(122, 100%, 28%, .5);
}
.fc-days> li.disabled .d-aside .badge{
	background-color: rgb(170 170 170 / 18%)!important;
    color: #aaa!important;
}
.fc-days> li .d-aside .fc-date{
	text-align: right;
}
.fc-days> li .d-aside .fc-notes{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 112px;
    margin: 3px;
}
.fc-days> li .d-aside .fc-notes.scroll a:nth-child(1){
	margin-top: 1.2rem!important;
}
.fc-days> li .d-aside .fc-notes.scroll{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
.fc-days> li .d-aside .fc-notes.scroll::-webkit-scrollbar{
	width: 5px;
}
.fc-days> li .d-aside .fc-notes.scroll::-webkit-scrollbar-track{
	background-color: transparent;
}
.fc-days> li .d-aside .fc-notes.scroll::-webkit-scrollbar-thumb{
	background-color: #d6dee1;
    border-radius: 20px;
    border: 5px solid transparent;
    padding-left: 5px;
}
.fc-days> li.sunday .d-aside .badge {
    background-color: rgb(221 59 130 / 45%);
    color: #fff;
}
.fc-days> li.disabled{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	pointer-events: none;
}

.fc-days> li .d-aside .fc-notes .event-message{
	background-color: rgb(0 123 255 / 18%);
    color: #007bff;
    font-size: 9px;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: 600;
}

.fc-days> li.absent{
	background-color: rgb(220 53 69 / 18%);
    color: #dc3545;
}
.fc-days> li.absent .d-aside .badge.badge-absent{
	background-color: rgb(220 53 69 / 18%);
    color: #dc3545;
	border-radius: 3px;
	font-weight: 600;
}

.fc-days> li.present{
    background-color: rgb(40 167 69 / 18%);
	color: #28a745;
}
.fc-days> li.present .d-aside .badge.badge-present{
    background-color: rgb(40 167 69 / 18%);
	color: #28a745;
	border-radius: 3px;
	font-weight: 600;
}

.fc-days> li.leave{
    background-color: rgb(115 103 239 / 18%);
    color: #7367F0;
}
.fc-days> li.leave .d-aside .badge.badge-leave{
    background-color: rgb(115 103 239 / 18%);
    color: #7367F0;
	border-radius: 3px;
	font-weight: 600;
}

.fc-days> li.holiday{
    background-color: rgb(0 207 232 / 15%);
    color: #00CFE8;
}
.fc-days> li.holiday .d-aside .badge.badge-holiday{
    background-color: rgb(0 207 232 / 18%);
    color: #00CFE8;
	border-radius: 3px;
	font-weight: 600;
}

.fc-days> li.event{
    color: #ff8000;
    background-color: rgb(255 128 0 / 18%);
}
.fc-days> li.event .d-aside .badge.badge-event{
    color: #ff8000;
    background-color: rgb(255 128 0 / 18%);
	border-radius: 3px;
	font-weight: 600;
	margin-bottom: .25rem!important;
}

.leave-modal .modal-content .modal-header.modal-header-bg {
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.leave-modal .form-group{
    text-align: left;
}
 .leave-modal .form-group .form-control{
    border: 1px solid #ced4da!important;
}
.leave-modal .form-group textarea.form-control{
    height: 30%!important;
}
.fc-days> li .d-aside .fc-date span.addtoCalender{
	float: left;
	font-size: 19px;
	padding: 2px 6px 0 5px;
	border-radius: 20px;
}
[data-title] {
  position: relative;
  cursor: pointer;
}

[data-title]:hover::before {
  content: attr(data-title);
	position: absolute;
	bottom: -44px;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 2px;
	background: #000;
	color: #fff;
	font-size: 10px;
	left: -24px;
	width: 163px;
	z-index: 1;
}
[data-title]:hover::after {
  content: '';
position: absolute;
bottom: -8px;
left: 50px;
display: inline-block;
color: #fff;
border: 8px solid transparent;
border-bottom: 8px solid #000;
}
/*badge classes end */

@media all and (min-width:1025px) and (max-width: 1432px) {
  .fc-weekdays li{
	 width: 12.9999%!important;
  }
  .fc-days li{
	width: 13.8%!important; 
  }
}
@media all and (min-width:971px) and (max-width: 1024px) {
  .fc-weekdays li{
	 width: 13.8%!important;
  }
  .fc-days li{
	width: 13.8%!important; 
  }
}
@media all and (min-width:768px) and (max-width: 970px) {
  .fc-weekdays li{
	 width: 13.6%!important;
  }
  .fc-days li{
	width: 13.6%!important; 
  }
}
@media all and (min-width:473px) and (max-width: 767px) {
  .fc-weekdays li{
	 width: 13.5%!important;
  }
  .fc-days li{
	width: 13.5%!important; 
  }
}
@media all and (min-width:375px) and (max-width: 473px) {
  .fc-weekdays li{
	 width: 13.2%!important;
  }
  .fc-days li{
	width: 13.2%!important; 
  }
}
/* ------------ END Full Calender Css --------------- */