.picker__holder
{
    outline: none;
}

.picker__day--today:before,
.picker__button--today:before
{
    border-top: 6px solid #790ab8;
}

.picker__button--clear:before
{
    border-top: 2px solid #ea5455;
}

.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected
{
    background-color: #790ab8;
}

.picker__nav--prev:before,
.picker__nav--next:before,
.picker__button--close:before
{
    width: 8px;
    height: 18px;

    content: '';

    color: #6e6b7b;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.picker__nav--prev:before
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-left\'%3E%3Cpolyline points=\'15 18 9 12 15 6\'%3E%3C/polyline%3E%3C/svg%3E');
}

.picker__nav--next:before
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-right\'%3E%3Cpolyline points=\'9 18 15 12 9 6\'%3E%3C/polyline%3E%3C/svg%3E');
}

.picker__button--close:before
{
    height: 10px !important;

    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23ea5455\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-x\'%3E%3Cline x1=\'18\' y1=\'6\' x2=\'6\' y2=\'18\'%3E%3C/line%3E%3Cline x1=\'6\' y1=\'6\' x2=\'18\' y2=\'18\'%3E%3C/line%3E%3C/svg%3E');
}

.dark-layout .picker__holder
{
    border-color: #3b4253;
    background-color: #161d31;
}

.dark-layout .picker__holder .picker__header .picker__month,
.dark-layout .picker__holder .picker__header .picker__year
{
    color: #b4b7bd;
}

.dark-layout .picker__holder .picker__header .picker__select--year,
.dark-layout .picker__holder .picker__header .picker__select--month
{
    color: #b4b7bd;
    border-color: #3b4253;
    background-color: #161d31;
}

.dark-layout .picker__holder .picker__header .picker__nav--next:hover,
.dark-layout .picker__holder .picker__header .picker__nav--prev:hover
{
    background-color: #283046;
}

.dark-layout .picker__holder .picker__frame
{
    border-color: #3b4253;
}

.dark-layout .picker__holder .picker__table thead tr .picker__weekday
{
    color: #b4b7bd;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day
{
    color: #b4b7bd;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--selected
{
    color: #fff;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--outfocus
{
    opacity: .65;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--today
{
    color: #fff;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day:not(.picker__day--today):not(.picker__day--highlighted):hover
{
    color: #fff;
    background-color: #3b4253;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled
{
    opacity: .5;
    color: #b4b7bd;
    background: #283046;
}

.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today:not(.picker__day--highlighted)
{
    background-color: #283046;
}

.dark-layout .picker__holder .picker__footer .picker__button--today,
.dark-layout .picker__holder .picker__footer .picker__button--clear,
.dark-layout .picker__holder .picker__footer .picker__button--close
{
    color: #b4b7bd;
    background-color: #161d31;
}

.dark-layout .picker__holder .picker__footer .picker__button--today:hover,
.dark-layout .picker__holder .picker__footer .picker__button--clear:hover,
.dark-layout .picker__holder .picker__footer .picker__button--close:hover
{
    background-color: #3b4253;
}

.dark-layout .picker--time .picker__holder .picker__list
{
    background-color: #161d31;
}

.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:not(.picker__list-item--selected):hover
{
    background-color: #283046;
}

.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled
{
    opacity: .5;
    color: #82868b;
    background-color: #283046;
}

.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear
{
    color: #b4b7bd;
    background-color: #161d31;
}

[dir=rtl] .picker__nav--prev:before
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-right\'%3E%3Cpolyline points=\'9 18 15 12 9 6\'%3E%3C/polyline%3E%3C/svg%3E');
}

[dir=rtl] .picker__nav--next:before
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-left\'%3E%3Cpolyline points=\'15 18 9 12 15 6\'%3E%3C/polyline%3E%3C/svg%3E');
}