/*- kalendar jquery ui -----*/
#ui-datepicker-div{
background-color: #FFFFCC;
 padding: 5px;
 border: 4px solid #ff6c01;
 margin-left: 15px;
 margin-bottom: 10px;
 -moz-box-shadow: 0 0 5px #888;
 -webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
 display: none;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 color:black;
}
#ui-datepicker-div .ui-datepicker-title{ text-align: center; padding:5px 3px; color: white; font-weight:bold; font-size:14px; background-color: #531304; }
#ui-datepicker-div .ui-datepicker-prev:before{ content: "<<"; padding-right: 3px; }
#ui-datepicker-div .ui-datepicker-next:after{ content: ">>"; padding-left: 3px; }
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover{ color: #399DC4; }
#ui-datepicker-div .ui-datepicker-prev{ text-align: left; width: calc(50%); display: inline-block; cursor: pointer; padding: 3px; color:black}
#ui-datepicker-div .ui-datepicker-next{ text-align: right; width: calc(50%); display: inline-block; cursor: pointer; padding: 3px; color:black}
#ui-datepicker-div .ui-datepicker-calendar{ background-color: #FFFFA3; }
#ui-datepicker-div .ui-datepicker-calendar a.ui-state-default{
border: 1px solid black;
 display: block;
 margin: 2px;
 padding: 3px;
 text-decoration: none;
 color: black;
 text-align:center;
}
#ui-datepicker-div .ui-datepicker-calendar a.ui-state-hover{
background-color: red;
 color: back;
 border: 1px solid red;
 border-radius:12px;
color:white
}
#ui-datepicker-div .ui-datepicker-calendar a.ui-state-active{
background-color: OrangeRed;
 color: white;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
}