/*datepicker*/

.date-container {display:block; position:relative; width:100%}
.ui-datepicker-trigger:before {font-family:"Font Awesome 5 Free";content: "\f044"; font-weight:bold; }

button.ui-datepicker-trigger {border:0; background:0; position:absolute; right:4px}
input.datepicker  {display:none}

.ui-datepicker-buttonpane {text-align:center}
button.ui-datepicker-current, button.ui-datepicker-close { margin:10px 2px}

.ui-datepicker {
	position:absolute; top:0; display:none;
	background:#fff;
 width: 216px;
 height: auto;
 margin: 25px 0 0 -200px;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
 border-radius:6px; overflow:hidden;
  border: 1px solid rgba(74, 87,117,0.4)
}
.ui-datepicker a {
 text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
 width: 100%; border-collapse:collapse
}
.ui-datepicker-header {
 background:#111e5f;
 color: #ffffff;
 line-height: 30px;
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: #111e5f;
}
.ui-datepicker-title {
 text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
 display: inline-block;
 width: 30px;
 height: 30px;
 text-align: center;
 cursor: pointer;
 overflow: hidden;
}

.ui-datepicker-prev:before{font-family:"Font Awesome 5 Free";content: "\f053"; font-weight:bold; font-size:14px;}
.ui-datepicker-next:before{font-family:"Font Awesome 5 Free";content: "\f054"; font-weight:bold; font-size:14px;}
.ui-datepicker-prev span, .ui-datepicker-next span {display:none}

.ui-datepicker-prev {
 float: left;
 background-position: center -30px;
}
.ui-datepicker-next {
 float: right;
 background-position: center 0px;
}
.ui-datepicker thead {
 background-color: #f7f7f7;
 border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
 text-transform: uppercase;
 font-size: 6pt;
 padding: 5px 0;
 color: #666666;
}
.ui-datepicker tbody td {
 padding: 0;
 border: 1px solid rgba(74, 87,117,0.4);
}
.ui-datepicker tbody td:last-child {
 border-right: 0px;
}

.ui-datepicker tbody td:last-child {
 border-right: 0px;
}
.ui-datepicker tbody tr {
 border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody td:first-child  {
 border-left: 0px;
}
.ui-datepicker td span,
.ui-datepicker td a {
 display: inline-block;
 text-align: center;
 width: 30px;
 height: 30px;
 line-height: 30px;
 color: #1c2032;
}
.ui-datepicker-calendar .ui-state-default {
 background: #f6f9fc;
}
.ui-datepicker-calendar .ui-state-hover {
 background: #111e5f; color:#ffffff;
}
.ui-datepicker-calendar .ui-state-active {
 background: #489be8;
 color: #ffffff;
 position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
 background: rgba(74, 87,117,0.05);
 color: rgba(74, 87,117,0.4);
}
.ui-datepicker-calendar td:first-child .ui-state-active {
 width: 29px;
 margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
 width: 29px;
 margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
 height: 29px;
 margin-bottom: 0;
}