﻿.stcalender .litepicker {
    font-size: 1.1em;
}

    .stcalender .litepicker .container__months, .container__days {
        border-radius: 0px;
    }
/*.stcalender .litepicker .container__days {
        border-radius: 0px;
    }*/



:root {
    --litepicker-container-months-color-bg: #fff;
    --litepicker-container-months-box-shadow-color: #ddd;
    --litepicker-footer-color-bg: #fafafa;
    --litepicker-footer-box-shadow-color: #ddd;
    --litepicker-tooltip-color-bg: #fff;
    --litepicker-month-header-color: #333;
    --litepicker-button-prev-month-color: #9e9e9e;
    --litepicker-button-next-month-color: #9e9e9e;
    --litepicker-button-prev-month-color-hover: #dab311;
    --litepicker-button-next-month-color-hover: #dab311;
    --litepicker-month-width: calc(var(--litepicker-day-width) * 7);
    --litepicker-month-weekday-color: #9e9e9e;
    --litepicker-month-week-number-color: #9e9e9e;
    --litepicker-day-width: 38px;
    --litepicker-day-color: #333;
    --litepicker-day-color-hover: #dcb905;
    --litepicker-is-today-color: #dab311;
    --litepicker-is-in-range-color: #f3e495;
    --litepicker-is-locked-color: #333;
    --litepicker-is-start-color: #fff;
    --litepicker-is-start-color-bg: #dab311;
    --litepicker-is-end-color: #fff;
    --litepicker-is-end-color-bg: #dab311;
    --litepicker-button-cancel-color: #fff;
    --litepicker-button-cancel-color-bg: #9e9e9e;
    --litepicker-button-apply-color: #fff;
    --litepicker-button-apply-color-bg: #2196f3;
    --litepicker-button-reset-color: #909090;
    --litepicker-button-reset-color-hover: #2196f3;
    --litepicker-highlighted-day-color: #333;
    --litepicker-highlighted-day-color-bg: #dab311;
}

.stcalender .litepicker .container__days .day-item.is-locked {
    background: linear-gradient(to bottom right,#e3e3e3,#e3e3e3 49%,#999 50%,#e3e3e3 51%,#e3e3e3);
}

.stcalender .litepicker .container__days > div {
    padding: 10px 0;
    border-radius: 0px;
    width: calc(var(--litepicker-day-width) + 14px);
    margin: 0.05em;
/*    border: .0625rem solid #ccc;*/
}


.stcalender .litepicker .container__months .month-item {
    padding: 20px;
    /*width: calc(((var(--litepicker-day-width) + 12px)* 7) + 30px);*/
    width:380px;
}

.stcalender .litepicker .container__months.columns-2 {
    width: auto;
}

.stcalender .litepicker .container__months {
    width: auto;
}

.stcalender .litepicker .container__days .day-item {
}

    .stcalender .litepicker .container__days .day-item.only-departure {
        background: linear-gradient(to bottom right,#fff,#fff 49%,#999 50%,#e3e3e3 51%,#e3e3e3);
    }

    .stcalender .litepicker .container__days .day-item.is-end-date.only-departure {
        background: unset;
        background-color: var(--litepicker-is-end-color-bg);
    }

    .stcalender .litepicker .container__days .day-item.only-arrival {
        background: linear-gradient(to bottom left,#fff,#fff 49%,#999 50%,#e3e3e3 51%,#e3e3e3);
    }

/*.stcalender .litepicker .container__days .day-item.is-end-date.only-departure {
    color: var(--litepicker-is-end-color);
    background-color: var(--litepicker-is-end-color-bg);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}*/


    .stcalender .litepicker .container__days .day-item.is-start-date {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .stcalender .litepicker .container__days .day-item.is-end-date {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .stcalender .litepicker .container__days .day-item.is-start-date.is-end-date {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.calenderdef div:before {
    content: '';
    width: 20px !important;
    height: 20px !important;
    display: table;
    float: left;
    margin-top: -3px;
    margin-right: 10px;
}

.calenderdef div.not-available:before {
    background: linear-gradient(to bottom right,#e3e3e3,#e3e3e3 49%,#999 50%,#e3e3e3 51%,#e3e3e3);
}

.calenderdef div.only-departure:before {
    background: linear-gradient(to bottom right,#fff,#fff 49%,#999 50%,#e3e3e3 51%,#e3e3e3);
}

.calenderdef div.available:before {
    background: #fff no-repeat;
    background-size: 25px;
}

.calenderdef div.departure-date:before {
    background: url('/assets/default/departure-primary.png') no-repeat;
    background-size: 25px;
}

.calenderdef div.selected-date:before {
    background: #dab311 no-repeat;
    background-size: 25px;
}
