.ui-datepicker {  width: 260px; height: auto; margin: 0px auto; background: #fff; position: relative;  overflow: hidden; }

.ui-datepicker-header { height: 100%; line-height: 50px; background: #8392A7; color: #fff;}
 
.ui-datepicker-title {  text-align: center;} 

.ui-datepicker-prev, .ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border: 2px solid #fff; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 12px; }
.ui-datepicker-prev { float: left; margin-left: 12px; } 
.ui-datepicker-prev:after {transform: rotate(45deg); margin: -43px 0px 0px 8px;}
.ui-datepicker-next { float: right; margin-right: 12px; }
.ui-datepicker-next:after { transform: rotate(-135deg); margin: -43px 0px 0px 6px;}
.ui-datepicker-prev:after, .ui-datepicker-next:after { content: ''; position: absolute; display: block; width: 4px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after { border-color: #68768A; }

.ui-datepicker table {  width: 100%; text-align: center; }
.ui-datepicker table thead tr th { padding: 0px; line-height: 36px; border-width: 0 !important;}
.ui-datepicker table thead tr th span { display: block; width: 100%;  color: #8392A7; font-size: 13px; }
.ui-datepicker table tr td { border-width: 0 !important; padding: 0px;}

.ui-datepicker table tr:hover td a  { color: #b5b5b5 !important; }
.ui-datepicker table tr td a:hover { color: #68768A !important; }

.ui-datepicker table tr td .ui-state-default { display: block;  text-decoration: none;  color: #b5b5b5;  font-size: 12px; line-height: 36px; }
.ui-datepicker table tr td .ui-state-highlight { color: #68768A !important; background-color: rgba(131,146,167, 0.12); font-weight: 600; }