/*
* Tuds tDatepicker
* Copyright 2018 tuds - crazychicken
* Licensed under: LICENSE
* Version: v1.0.4
*/

body {
    /* border background; */
    --color1: #000000;
    /* border aradaki renk ayıran */
    --color2: #000000;
    /* title rengi, şimdi yok */
    --color3: #e91e63;
    /* arka plan şeçili olmayan */
    --color4: #fff;
    /* arka plan */
    --color5: #ffffff;
    /* başlangıc sonuc rengi */
    --color6: #000000;
    /* başlangıc sonuc hover */
    --color7: #000000;
    /* seçili yerin arka plan rengi */
    --color8: #f7f7f6;
    /* yeni tarih seçerken arka plan rengi */
    --color9: #cacaca;
    /* , secili varken tekrar seçtiğinde eskisi hangi renk olsun aralık dışında */
    --color10: #505050;
    /* bugünün rengi */
    --color11: #aeaeae;
}

.t-check-in, .t-check-out {
    border-color: var(--color1);
}

.t-check-in {
    border-right-color: var(--color2)
}

.t-date-title {
    color: var(--color3);
}

.t-special-day:before {
    border-color: transparent;
    border-top-color: var(--color3);
    border-right-color: var(--color3);
}

.t-datepicker-day {
    border-color: var(--color1);
    background: var(--color4);
    overflow: scroll !important;
}

.t-day, .t-range, .t-start, .t-end, .t-disabled {
    background: var(--color5);
    border-color: var(--color4);
}

.t-disabled {
    background: transparent;
}

.t-highlighted {
    color: var(--color7);
}

.t-highlighted.t-disabled {
    background: var(--color5);
}

.t-start, .t-end, .t-end-limit {
    color: var(--color4);
    background: var(--color6);
}

.t-range, .t-range-limit {
    color: var(--color7);
}

.t-range {
    background: var(--color8);
}

.t-range-limit {
    background: var(--color9);
}

.t-range-limit.t-start, .t-range-limit.t-end {
    color: var(--color4);
    background: var(--color10);
}

.t-check-in .t-end, .t-check-out .t-start, .t-check-out tr~.t-end {
    color: var(--color4);
    background: var(--color6);
}

.t-hover-day, .t-hover-day-content, .t-hover-day:hover {
    color: var(--color4);
    background: var(--color7);
}

.t-hover-day::after {
    border-color: transparent;
    border-top-color: var(--color7);
}

.t-today, .t-today .t-hover-day-content {
    background: var(--color11);
}

.t-today::after {
    border-top-color: var(--color11);
}

.t-today:hover, .t-today:hover .t-hover-day-content {
    background: var(--color7);
}

.t-today:hover::after {
    border-top-color: var(--color7);
}

.t-start.t-today, .t-end.t-today {
    color: var(--color4);
}

.t-start.t-today, .t-start.t-today .t-hover-day-content, .t-end.t-today, .t-end.t-today .t-hover-day-content {
    background: var(--color6);
}

.t-start.t-today::after, .t-end.t-today::after {
    border-top-color: var(--color6);
}

.extendTDatePickerShared .t-datepicker-day.t-datepicker-days .t-table-wrap table thead tr:first-child, #searchModules__Container .t-datepicker .t-datepicker-day.t-datepicker-days .t-table-wrap table thead tr:first-child, .reservationModalFields .t-datepicker .t-datepicker-day.t-datepicker-days .t-table-wrap table thead tr:first-child {
    background-color: transparent;
}

#searchModules__Container {
    padding: 0;
    background-color: transparent;
}

.t-check-in {
    margin: 0 !important;
}

.guestDetailsContainer {
    margin: 0 !important;
}

.t-datepicker.t-forMobile.t-datepicker-page {
    margin: 0 !important;
}

#searchModules__Container .search-button {
    height: 80px;
}

#searchModules__Container .guestDetails {
    height: 80px;
}

#searchModules__Container .guestDetails .selectedGuests {
    line-height: 80px;
}

#searchModules__Container .t-datepicker .t-check-out {
    height: 80px;
}

#searchModules__Container .t-datepicker .t-dates {
    height: 80px;
    line-height: 60px;
}

/* aa */

@media (min-width: 1200px) {
    #searchModules__Container>div.t-datepicker {
        width: auto;
    }
}

@media screen and (min-width: 840px) {
    #searchModules__Container>div.t-datepicker {
        width: auto;
    }
}

@media screen and (min-width: 640px) and (max-width: 839px) {
    #searchModules.bottom #searchModules__Container>div.t-datepicker>.t-check-in {
        width: 100% !important;
    }
    #searchModules.bottom #searchModules__Container>div.t-datepicker>.t-check-out {
        width: 100% !important;
    }
}

#searchModules__Container .t-datepicker .t-check-in {
    height: 80px !important;
}

#searchModules__Container .search-button {
    background-color: #000000;
}

.extendButton:focus, #searchModules__Container #t-forMobile__Button:focus, #searchModules__Container .search-button:focus, #reservationModalBottom .search-button:focus, .extendButton:hover, #searchModules__Container #t-forMobile__Button:hover, #searchModules__Container .search-button:hover, #reservationModalBottom .search-button:hover {
    background-color: #242424;
}

#searchModules__Container .uk-form-icon svg {
    fill: #636567 !important;
}

#searchModules__Container .search-button span {
    font-size: 20px;
    font-weight: bold;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.extendTDatePickerShared .t-check-in.focus .t-dates, #searchModules__Container .t-datepicker .t-check-in.focus .t-dates, .reservationModalFields .t-datepicker .t-check-in.focus .t-dates, .extendTDatePickerShared .t-check-out.focus .t-dates, #searchModules__Container .t-datepicker .t-check-out.focus .t-dates, .reservationModalFields .t-datepicker .t-check-out.focus .t-dates, #searchModules__Container .active.guestDetails {
    border-color: #000000;
}

.asSpinner .asSpinner-control span.ifont:before {
    color: #717171 !important;
}

#guestSearchPopup .guest-popup-close {
    color: #717171 !important;
    border: 1px solid #717171 !important;
}

.extendTDatePickerShared .t-datepicker-day.t-datepicker-days, #searchModules__Container .t-datepicker .t-datepicker-day.t-datepicker-days, .reservationModalFields .t-datepicker .t-datepicker-day.t-datepicker-days {
    top: 80px !important;
    border: 1px solid black;
    overflow: hidden !important;
}

.extendGDShared .guestPopup, .extendGuestDetails .guestPopup, #searchModules__Container .guestDetails .guestPopup, .extendGuestDetails-2 .guestPopup, .reservationModalFields .rM-guestDetails .guestPopup {
    top: 78px !important;
    border: 1px solid black;
}

.childSelectBoxes.uk-flex.uk-flex-row.uk-flex-between label i {
    background-color: #717171;
}

.extendSelect2 .select2-selection .select2-selection__rendered, #searchModules__Container .select2 .select2-selection .select2-selection__rendered, .extendSelect2 .select2-selection .select2-selection__placeholder, #searchModules__Container .select2 .select2-selection .select2-selection__placeholder {
    line-height: 75px;
}

.inputType1, .extendSelect2 .select2-selection, #searchModules__Container .select2 .select2-selection, .extendTDatePicker .t-dates, #searchModules__Container .t-datepicker .t-dates, .extendGuestDetails, #searchModules__Container .guestDetails {
    height: 80px;
}

#searchModules__Container>div {
    margin: 0;
}

@media (max-width: 960px) {
    #searchModules__Container .search-button {
        height: 56px;
    }
    #searchModules__Container .guestDetails {
        height: 56px;
    }
    #searchModules__Container .guestDetails .selectedGuests {
        line-height: 56px;
    }
    #searchModules__Container .t-datepicker .t-check-out {
        height: 56px;
    }
    #searchModules__Container .t-datepicker .t-dates {
        height: 56px;
        line-height: 35px;
    }
    #searchModules__Container .t-datepicker .t-check-in {
        height: 56px !important;
    }
    #searchModules__Container .search-button span {
        font-size: 20px;
        font-weight: bold;
        font-stretch: condensed;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }
    .extendTDatePickerShared .t-datepicker-day.t-datepicker-days, #searchModules__Container .t-datepicker .t-datepicker-day.t-datepicker-days, .reservationModalFields .t-datepicker .t-datepicker-day.t-datepicker-days {
        top: 0 !important;
        overflow: auto !important;
    }
    .extendGDShared .guestPopup, .extendGuestDetails .guestPopup, #searchModules__Container .guestDetails .guestPopup, .extendGuestDetails-2 .guestPopup, .reservationModalFields .rM-guestDetails .guestPopup {
        top: 50px !important;
        border: 1px solid black;
    }
    .extendSelect2 .select2-selection .select2-selection__rendered, #searchModules__Container .select2 .select2-selection .select2-selection__rendered, .extendSelect2 .select2-selection .select2-selection__placeholder, #searchModules__Container .select2 .select2-selection .select2-selection__placeholder{
        line-height: 55px;
    }
    .inputType1, .extendSelect2 .select2-selection, #searchModules__Container .select2 .select2-selection, .extendTDatePicker .t-dates, #searchModules__Container .t-datepicker .t-dates, .extendGuestDetails, #searchModules__Container .guestDetails{
        height: 56px;
    }
}

@media (min-width: 960px) {
    #reservationModal .t-check-in {
        margin-right: 20px !important;
    }
}

.extendTDatePicker .t-check-in, #searchModules__Container .t-datepicker .t-check-in, .extendTDatePicker .t-check-out, #searchModules__Container .t-datepicker .t-check-out {
    width: 50%;
}

.extendSelectShared.select2-container--open .select2-selection, #searchModules__Container .select2-container--open.select2 .select2-selection, .reservationModalFields .select2-container--open.select2 .select2-selection, .extendSelectShared.select2-container--focus .select2-selection, #searchModules__Container .select2-container--focus.select2 .select2-selection, .reservationModalFields .select2-container--focus.select2 .select2-selection {
    border-color: #000000;
}

.secondaryBg .select2.select2-container--open .select2-selection, .secondaryBg .select2.select2-container--focus .select2-selection,
.secondaryBg .rM-guestDetails.active,
.secondaryBg .t-datepicker .t-check-in.focus .t-dates, .secondaryBg .t-datepicker .t-check-out.focus .t-dates {
    border-color: #f8f7f5 !important
}

.secondaryBg .select2.select2-container--open~.uk-form-icon svg, .secondaryBg .select2.select2-container--focus~.uk-form-icon svg,
.secondaryBg .rM-guestDetails.active~.uk-form-icon svg ,
.secondaryBg .t-datepicker .t-check-in.focus .uk-form-icon svg, .secondaryBg .t-datepicker .t-check-out.focus .uk-form-icon svg 
 {
    fill: #f8f7f5 !important;
}