.responsive-calendar {
padding-top:5rem;
}
.responsive-calendar .controls {
  text-align: center;
}
.responsive-calendar .controls a {
  cursor: pointer;
}
.responsive-calendar .controls h4 {
  display: inline;
  font-size:1.2rem;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}
.responsive-calendar .day {
  border:0.1rem solid #fff;
  display: inline-block;
  position: relative;
  font-size: 1rem;
  width: 14.285714285714286%;
  text-align: center;
}
.responsive-calendar .day a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
  font-size:1rem;
}
.responsive-calendar .day a:hover {
  background-color: #fff;
  text-decoration: none;
}
.responsive-calendar .day.header {
  border-bottom: 1px gray solid;
}
.responsive-calendar .day.active a {
    background-color: #1d86c8;
    border-radius: 0.5rem;
    color: #ffffff;
   /*  margin: 0.1rem; */
}
.responsive-calendar .day.active a:hover {
  background-color: #36a0e2;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}

.leave 
{
	border-radius: 0.5rem;
	color:#fff;
	/* margin:0.1rem; */
}	

.leave a{
	color:#fff !important;
	margin:0.1rem;
}

.leave a:hover{
	border-radius: 0.5rem;
	color:#000 !important;
	margin:0.1rem;
}



.fullleave {
    background-color: #D3E5FD;
    color: #D3E5FD;
}

.Annual {
    background-color: #4082a2;
    color: #4082a2;
}

.Planned {
    background-color: #4082a2;
    color: #4082a2;
}

.Sick
{
	background-color:#f5b326;
	color:#f5b326;
}

.Compensation
{
	background-color:#391d12;
	color:#391d12;
}
.Pending {
    background-color:#FF8080;
	color:#FF8080;
}
.Rejected {
    background-color:#CB0008;
	color:#CB0008;    
}
.GazettedHoliday{
    background-color:#60CD60;
	color:#60CD60;    
}

.btn1 {
  position: relative;
  padding: 0.51282rem 1.02564rem;
  background-color: #ececec;
  color: #898989 !important;
  font-weight: bold;
  display: inline-block;
  text-align: center;
   -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 5px;
  text-decoration: none;
  margin:0.5rem;
  min-width:3rem;
}

.btn1:hover {
  background: #1f4a83;
  text-decoration: none;
  color:#fff !important;
}

.legend
{
	margin:1rem;
}

/*.not-current {
    display: none !important;
}*/
#tl_calendar .not-current {
  display: none !important;
}

 #tl_calendar {
      padding: 0 !important;
      font-size: 0.8rem;

  }

    #tl_calendar a, #tl_calendar h4 {
        font-size: 0.8rem !important;
    }

    #tl_calendar .days {
        text-align: center;
    }

     #tl_calendar .day {

        width: 30px !important;
        border: 1px solid #ccc;
        margin: 0.2rem;
        padding: 0 0.1rem 0 0;
     }

     #tl_calendar .ui-accordion-header-active {
        
         border-bottom: 0.1rem solid #1f4a83 !important;
     }

     #tl_calendar .btn1 {
         min-width: 1rem !important;
         padding: 5px 2px !important;
     }