.responsive-calendar{margin: 0px; background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8;}
.responsive-calendar .controls {text-align: center; position: relative; overflow: hidden; padding-top: 17px; padding-left: 10px; padding-right: 10px; padding-bottom: 12px;}
.responsive-calendar .controls a {cursor: pointer;}
.responsive-calendar .controls h4 {display: inline; font-size: 20px; position: relative; top: 4px;}
.responsive-calendar .day-headers, .responsive-calendar .days {font-size: 0; display: grid; grid-template-columns: repeat(7, 1fr); padding: 20px 0px; row-gap: 20px;}
.responsive-calendar .day-headers{padding-bottom:0px;}
.responsive-calendar .day {display: inline-block; position: relative; font-size: 18px; width: 100%; text-align: center; margin: 0 auto;}
.responsive-calendar .day a {color: #000000; display: block; cursor: pointer; padding: 0px; border-radius: 30px; height: 40px; width: 40px; padding-top: 0px; display: flex; margin-top: 15px; margin-top: 0px; margin: 0 auto; justify-content: center; align-items: center;}
.responsive-calendar .today a {background-color:#aaa6a6;}
.responsive-calendar .day a:hover {background-color: #eee; text-decoration: none;}
.responsive-calendar .day.header {border-bottom: 1px #E2E2E2 solid; padding: 10px; background: #F1F1F1;}
.responsive-calendar .day.active a {background-color:#fe8a01 ; color: #ffffff;}
.responsive-calendar .day.active a:hover {background-color:#272625;}
.responsive-calendar .day.active .not-current {background-color: #fe8a01; color: #ffffff;}
.responsive-calendar .day.active .not-current:hover {background-color: #fe8a01;}
.responsive-calendar .day.not-current a {color: #9a9a9a;}
.responsive-calendar .day.past a {color: #9a9a9a;}
.responsive-calendar .day .badge {position: absolute; top: 2px; right: 2px; z-index: 1;}
.btn-primary {color: #fff; background-color: #fe8a01; border-color: #fe8a01; border-radius: 2px; font-size: 10px;}
.pull-right .btn {font-size: 13px; font-weight: 600; padding: 6px 10px;}
.pull-left .btn {font-size: 13px; font-weight: 600; padding: 6px 10px;} 
.responsive-calendar table a .btn-default {background-color: #fff; color: #333; border: solid 1px #fe8a01;}
.responsive-calendar .active_date a {background-color: #1c811e !important; color: #ffffff  !important;}


@media screen and (min-width: 300px) and (max-width: 539px) {
	.responsive-calendar .day{font-size: 14px;}
	.responsive-calendar .day a{height: 35px; width: 35px;}
	.More_avl_class{font-size:14px;}
}