/**
* Date Picker Range Styling.
**/
.datepicker table tr td.range {
    background-color: #c9d7fc;
}

.datepicker table td.selected.range-start.day {
    border-radius: 0;
    color: #000000;
    position: relative;
    background: transparent;
}

.datepicker table td.selected.range-start.day::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(200,215,252,1) 50%, rgba(200,215,252,1) 100%);
}

.datepicker table td.selected.range-start.day::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    border-radius: 20px;
    border: 2px solid #175FFF;
    z-index: -1;
}

.datepicker table .datepicker table tr td, .datepicker table tr td.highlighted, .datepicker table tr td.highlighted:active, .datepicker table tr td:active {
    border-radius: 0;
    color: #000000;
    position: relative;
    background: transparent;
    background: -moz-linear-gradient(left, white 0%, rgba(23, 95, 255, 1) 50%);
}

.datepicker table td.selected.range-end.day {
    border-radius: 0;
    color: #000000;
    position: relative;
    background: transparent;
}

.datepicker table td.selected.range-end.day::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(200,215,252,1) 0%, rgba(200,215,252,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
}

.datepicker table td.selected.range-end.day::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    border-radius: 20px;
    border: 2px solid #175FFF;
    z-index: -1;
}

.datepicker table tr td.focus, 
.datepicker table tr td:focus, 
.datepicker table tr td:hover, 
.datepicker table tr td.highlighted.focus, 
.datepicker table tr td.highlighted:focus, 
.datepicker table tr td.highlighted:hover, 
.datepicker table tr td.highlighted:active.focus, 
.datepicker table tr td.highlighted:active:focus, 
.datepicker table tr td.highlighted:active:hover, 
.datepicker table tr td:active.focus, 
.datepicker table tr td:active:focus,
.datepicker table tr td.range:hover, .datepicker table tr td.active.active:hover{
	color: #000000;
    background-color: #ffffff;
    background: #eeeeee;
    cursor: pointer;
}