﻿/*#region TP Tour search filter*/

:root {
    --promo-background: red /*#37DECE*/;
}

.tp-filter-paper {
    color: #fff;
    background-color: #375B7D;
    border-radius: 24px;
}

.tp-flight-selector {
    color: #fff;
}

    .tp-flight-selector:not(.selected) {
        border-color: transparent;
    }

    .tp-flight-selector.selected {
        color: var(--color-primary);
        border-color: var(--color-primary);
    }

.tp-filter-label,
.tp-filter-label-focused {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 132%;
    margin-bottom: 8px;
}

    .tp-filter-label.tp-filter-label-focused {
        color: #fff;
    }

.tp-input-root {
    border: 1px solid #ced4da;
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
}

    .tp-input-root .MuiNativeSelect-icon {
        top: calc(50% - 4px);
        color: var(--color-secondary);
        right: 10px;
        position: absolute;
        pointer-events: none;
    }

    .tp-input-root .tp-input {
        color: var(--color-secondary);
        cursor: pointer;
        height: auto;
        padding: 6px 12px 6px;
        position: relative;
        font-size: 12px;
        transition: border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        font-weight: 700;
        line-height: 26px;
        padding-right: 24px;
    }

        .tp-input-root .tp-input:disabled,
        .tp-input-root .tp-input.tp-input-disabled {
            background-color: rgba(0, 0, 0, 0.2);
            border-color: rgba(0, 0, 0, 0.2);
        }

        .tp-input-root .tp-input:invalid,
        .tp-input-root .tp-input.tp-input-error
        .tp-input-root:invalid,
        .tp-input-root.tp-input-error {
            border: 2px solid #f44336;
        }

.tp-multiline-select-list-paper {
    border: 1px solid #ced4da;
    border-top: none;
}

.tp-multi-select-error {
    border: 2px solid #f44336;
    border-radius: 4px;
}

    .tp-multi-select-error > .tp-input-root {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-left: none;
        border-right: none;
        border-top: none;
    }

    .tp-multi-select-error > .MuiBox-root > .MuiPaper-root {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

.tp-list-item {
    color: var(--color-secondary);
}

    .tp-list-item > .MuiListItemIcon-root {
        min-width: 20px;
        margin-right: 10px;
    }

        .tp-list-item > .MuiListItemIcon-root .MuiIconButton-root {
            padding: 0;
            padding-left: 20px;
        }

    .tp-list-item .MuiListItemText-primary {
        font-weight: 600;
        line-height: 150%;
    }

    .tp-list-item.tp-list-item-selected, .tp-list-item-checkbox.tp-list-item-checkbox-selected {
        color: #3C5BC7;
    }

.tp-list-item-gutters {
    padding-left: 12px;
    padding-right: 12px;
}

.tp-filter-search-button {
    width: 240px;
    height: 45px;
    color: #fff;
    background: var(--color-primary);
    /*background: linear-gradient(301.36deg, #12B18B 4.13%, #40E9DF 104.66%);*/
    border-radius: 4px;
    text-transform: none;
    font-size: 16px;
}

.tp-filter-reset-button {
    color: #fff;
    text-transform: none;
    font-size: 16px;
}

/*#endregion TP Tour search*/
/*#region TP Tour search result*/
.tp-search-result-container {
    width: 90%;
    max-width: 1880px;
    min-width: 1280px;
}

@media (max-width: 1280px) {
    .tp-search-result-container {
        width: 100%;
        max-width: 1280px;
        min-width: 100%;
    }
}

.tp-search-result-paper {
    color: #070D22;
    background-color: #fff;
    border-radius: 24px;
}

    .tp-search-result-paper.stickyTable {
        border-radius: 0;
        /*border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;*/
    }

.tp-search-table thead tr:last-child .tp-search-result-cell {
    border-bottom-color: var(--color-primary);
}

.tp-search-table tbody tr:last-child .tp-search-result-cell {
    border-bottom: none;
}

.tp-search-result-cell {
    color: #070D22;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    /*font-size: 10px;*/
    line-height: 26px;
    padding: 8px;
    position: relative;
}

    .tp-search-result-cell .subtext {
        color: #7A7A7A;
    }

    .tp-search-result-cell.available {
        background: rgba(64, 233, 233, 0.1);
        color: #070D22;
    }

    .tp-search-result-cell.request {
        background: rgba(60, 91, 199, 0.1);
        color: #070D22;
    }

    .tp-search-result-cell.stop {
        background: rgba(64, 233, 233, 0.1);
        color: #070D22;
    }

    .tp-search-result-cell.tp-search-result-cell-flight-economy,
    .tp-search-result-cell.tp-search-result-cell-flight-business {
        max-width: 60px;
    }

    .tp-search-result-cell.tp-search-result-cell-tour-condition,
    .tp-search-result-cell.tp-search-result-cell-meal {
        max-width: 80px;
    }

    .tp-search-result-cell.tp-search-result-cell-hotel-quota {
        max-width: 40px;
    }

    .tp-search-result-cell.tp-search-result-cell-tour-condition {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .tp-search-result-cell.tp-search-result-cell-hotel {
        min-width: 120px;
    }

    .tp-search-result-cell.tp-search-result-cell-price {
        min-width: 90px;
    }

    .tp-search-result-cell.tp-search-result-cell-tour {
        min-width: 120px;
        max-width: 180px;
    }

    .tp-search-result-cell.tp-search-result-cell-flight-economy,
    .tp-search-result-cell.tp-search-result-cell-flight-business,
    .tp-search-result-cell.tp-search-result-cell-hotel-quota {
        text-align: center;
    }

    .tp-search-result-cell.tp-search-result-cell-price:not(.tp-search-result-header-cell) > a {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        background: var(--color-primary);
        /*background: linear-gradient(301.36deg, #12B18B 4.13%, #40E9DF 104.66%);*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .tp-search-result-cell.tp-search-result-cell-price:not(.tp-search-result-header-cell) > .cost-in-rub {
        font-weight: 400;
        font-size: 12px;
        display: block;
        color: #7A7A7A;
        line-height: 16px;
    }

.tp-search-result-cell-promo {
    padding: 0 15px !important;
    width: 20px;
    vertical-align: middle !important;
    text-align: center !important;
    line-height: 1 !important;
}

    .tp-search-result-cell-promo.promo-highlight {
        background-color: var(--promo-background);
        color: white !important;
    }

    .tp-search-result-cell-promo .tp-result-price-promo-text {
        white-space: pre-line;
    }

    .tp-search-result-cell-promo .nonref-badge {
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        height: 18px;
        padding-left: 41px;
        align-items: center;
    }

        .tp-search-result-cell-promo .nonref-badge > * {
            height: 100%;
        }

    .tp-search-result-cell-promo .nonref-badge-body {
        background: var(--promo-background);
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        padding: 0 10px 0 10px;
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

    .tp-search-result-cell-promo .nonref-badge > svg > path {
        fill: var(--promo-background);
    }

.nonref-row .tp-search-result-cell {
    padding-top: 20px;
}

/*#endregion TP Tour search result*/

@media (max-width: 1299.9px) {
    .tp-filter-paper, .tp-search-result-paper, .tp-filter-container, .tp-search-result-container {
        border-radius: 0;
        margin: 0;
    }

    .tp-search-result-paper {
        position: relative;
        overflow-x: scroll;
    }

        .tp-search-result-paper::-webkit-scrollbar {
            width: 0px;
            background: rgba(255, 255, 255, 0.0);
        }
}

.tp-list-item a:hover {
    text-decoration: underline;
}

.tp-durations-snackbar-root {
    z-index: 11000 !important;
    position: relative !important;
    top: -560px !important;
}

.tp-durations-snackbar-root-item {
    max-width: 320px;
}

    .tp-durations-snackbar-root-item > div {
        max-width: 320px;
        color: #000;
        background-color: #dfe60e;
        border-radius: 16px;
    }