/* 
    Created on : Aug 7, 2021, 2:53:48 PM
    Author     : datepicker
*/

.datepicker-block {
    /*	display: none */
}

.datepicker-block {
    border: 1px solid #007070
}

.datepicker-block__head {
    background: #007070;
    color: #fff;
    padding: .3rem .8rem
}

.datepicker-block__inputs {
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    text-align: center
}

.datepicker-block__inputs-button {
    width: 3em;
    padding-left: .5em;
    background: #007070;
    border: 0;
    text-align: center
}

.datepicker-block__inputs-text {
    color: #007070
}

.datepicker-block__inputs-text input {
    width: 40%;
    border: 1px solid #007070;
    background-color: transparent
}

.datepicker-block__inputs-text input:first-child {
    float: left
}

.datepicker-block__inputs-text input:last-child {
    float: right
}

.datepicker-block__links {
    width: 100%;
    font-size: .9em;
    display: table;
    padding: .5rem .5rem .3rem;
    box-sizing: border-box
}

.datepicker-block__link {
    display: table-cell;
    color: #002626;
    font-size: 1rem;
    text-decoration: none
}

.datepicker-block__link:hover {
    color: #666
}

.datepicker-block__link span,
.site .aprices .block-side .left-side h4 a,
.site .aprices table .innerheader a {
    color: inherit
}

.datepicker-block__link.active span {
    color: #007070;
    border-bottom: 1px dotted #007070
}

.datepicker-block__link:nth-child(2) {
    text-align: center
}

.datepicker-block__link:nth-child(3) {
    text-align: right
}

.datepicker-block__link_active {
    color: #007070;
    border-bottom: 1px dashed #007070
}

.datepicker {
    font-size: .9rem
}

.datepicker__month {
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    color: #007070;
    height: 2em;
    -o-box-align: center;
    align-items: center
}

.datepicker__month-next,
.datepicker__month-prev {
    width: 1.5em;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    flex-grow: 0;
    text-align: center;
    color: #007070;
    text-decoration: none
}

.datepicker__month-name {
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    flex-grow: 2;
    text-align: center;
    text-transform: uppercase
}

.datepicker__body {
    display: table;
    width: 100%
}

.datepicker__week-days {
    background: #edf7f5;
    font-weight: 700
}

.datepicker__week-days .datepicker__day {
    color: inherit;
    border: 1px solid #edf7f5;
    border-bottom: none
}

.datepicker__week,
.datepicker__week-days {
    color: #007070;
    display: table-row
}

.datepicker__day {
    display: table-cell;
    text-align: center;
    color: #002626;
    border: 1px solid #fff;
    height: 1.95em;
    line-height: .9em;
    vertical-align: middle;
    text-decoration: none;
    cursor: default
}
a.datepicker__day:hover{
    text-decoration: none;
}

.datepicker__day_other {
    color: #999
}

.datepicker__day_active {
    background: #fff6c6;
    cursor: pointer;
    color: #002626
}

.datepicker__day_active:hover {
    background-color: #ffeb84
}

.datepicker__day_selected {
    background: #ffe041;
    border: 0
}

.datepicker__day_current {
    border-color: #ffe041;
    color: #002626
}

.datepicker__form {
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: .2rem .4rem;
    -o-box-align: stretch;
    align-items: stretch
}

.datepicker__form button,
.datepicker__form input {
    padding: .1em .4em 0;
    font-size: .9rem;
    line-height: 1em;
    font-family: inherit
}

.datepicker__form span {
    margin-right: .5rem
}

.datepicker__form button {
    margin-right: .1rem;
    border: 1px solid #007070;
    font-weight: 700;
    text-transform: uppercase
}

.datepicker__form input {
    margin-right: .5rem;
    width: 30%;
    color: #007070;
    border: 1px solid #007070
}


.datepicker__form button {
    background-color: #007070;
    color: #fff
}