.calender_box{vertical-align:top;display:inline-block;margin:1em 1%;background-color:rgba(0, 0, 0, .1);border-radius:10px;}
table.ui-datepicker-calendar{border-collapse:separate;}
.ui-datepicker-calendar td{border:1px solid transparent;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{background:#743620 none;color:white;}
#ui-datepicker-div{display:none;}
.ui-datepicker-header{background-color:#111111;padding:6px 12px;color:#fff;float:left;width:80%;}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next{background:url(images/calender_arrow.png) no-repeat;font-size:0;cursor:pointer;text-indent:-999px;width:13px;height:13px;background-size:30px;margin-top:2px;}
.ui-datepicker-header .ui-datepicker-prev{float:left;background-position:0 0;}
.ui-datepicker-header .ui-datepicker-next{float:right;background-position:-17px 0;}
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover{opacity:0.8;}
.ui-datepicker-header .ui-datepicker-title{text-align:center;font-weight:bold;}
table{border-collapse:separate;background:#fff;margin:0;float:left;width:80%;border:1px solid #000;}
thead{@include border-radius(5px);}
thead th{font-size:14px;color:#000;@include text-shadow(1px 1px 0px rgba(0,0,0,0.5));text-align:center;padding:5px;border-bottom:1px solid #F0F3F5;@include background-image(linear-gradient(#646f7f, #4a5564));&:first-child{@include border-top-left-radius(5px);}
&:last-child{@include border-top-right-radius(5px);}
}
tbody tr td{font-weight:400;color:#000;text-align:center;font-size:13px;padding:5px;border-bottom:1px solid #e0e0e0;}
.ui-datepicker-calendar .ui-state-active{background-color:#6FDDFC !important;border:1px solid #fff !important;}
.ui-datepicker-current-day a.ui-state-active{color:#000 !important;background-color:transparent !important;border:none !important;}
.ui-datepicker-calendar .ui-state-active a.ui-state-active{border:none !important;background-color:transparent !important;}
.ui-datepicker-calendar .ui-state-active a{color:#fff !important;}
tbody tr:nth-child(2n){background:#f0f3f5;}
tbody tr:last-child td{border-bottom:none;&:first-child{@include border-bottom-left-radius(5px);}
&:last-child{@include border-bottom-right-radius(5px);}
}
tbody:hover > tr td{@include opacity(0.5);}
tbody:hover > tr:hover td{@include text-shadow(none);color:#2d2d2d;@include opacity(1.0);}
.ui-state-highlight{background-color:#6FDDFC !important;border:1px solid #fff !important;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{background-color:transparent;}
.ui-datepicker-today a.ui-state-highlight{background-color:transparent !important;border:none !important;}