/* CSS Document */

.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
}

.ui-datepicker {
    display: none;
    width: 100%;
    cursor: default;
}


.ui-datepicker-header {
    position: relative;
    padding-bottom: 10px;
}

 
.ui-datepicker-title { 
text-align: center;
	font-size:180%
 }
 
.ui-datepicker-month {
    color: #1b70ef;
}
 
.ui-datepicker-year {
    padding-left: 8px;
    color: #a8a8a8;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: -2px;
    padding: 10px;
    cursor: pointer;
	font-size: 80%;
	color: #a8a8a8
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	color: #B8FC00
}
 
.ui-datepicker-prev {
    left: 0;
    padding-left: 0;
}
 
.ui-datepicker-next {
    right: 0;
    padding-right: 0;
}
 
.ui-datepicker-prev span,
.ui-datepicker-next span{
    width: 50px;
    height: 50px;
	font-size:180%;
position:relative
}

.ui-datepicker-prev span::before{
	 -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	 content: "\f0d9";
	 font-weight: 900;
	 	 margin-right: 10px
}

.ui-datepicker-next span::after{
	 -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	 content: "\f0da";
	 	 font-weight: 900;
	 margin-left: 10px
}
 

.ui-datepicker-calendar th {
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: normal;
}

.ui-datepicker-calendar td {
    padding: 0;
	margin: 0;
    text-align: left;
}
 
.ui-datepicker-calendar .ui-state-default {
    display: block;
    width: auto;
outline: none;
 padding:10px;
    text-decoration: none;
    color: #B8fC00;
    border: 1px solid #3c4452;
}

.ui-datepicker-calendar .ui-state-active {
    color: #B8FC00;
    border: 1px solid #B8FC00;
	background-color: #3c4452
}
 
.ui-datepicker-other-month .ui-state-default { color: #B8FC00; }

  .ui-datepicker td a:after
    {
        content: "";
        display: block;
        text-align: center;
        color: Blue;
        font-size: small;
        font-weight: bold;
    }