﻿.main-content .stand-list .standing-unit.selected {
    background: #f4f4f4;
}

/* Fix #13813 - balnk input characters on iPhone */
.main-content .stand-list #ticket-unit .data-client input {
    line-height: 40px; /* If the line-height is bigger than the control height the characters do not show on the iPhone */
}

.homeTickets #intro .fast-buy .fast-buy-options .type-selector.member-input.fan.notRequiresId {
    display: none;
}

#fast-slider-range {
    width: 65%;
    flex: 1;
}

.socio-icon.disabled {
    border-left-color: rgba(0, 0, 0, 0.3) !important;
    border-top-color: rgba(0, 0, 0, 0.3) !important;
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    pointer-events: none;
}

    .socio-icon.disabled svg.me-icon {
        stroke: rgba(0, 0, 0, 0.3) !important;
    }

.my-dropdown .accordion .accordion-body form {
    padding: 10px;
}

.my-dropdown input[type="radio"] + label {
    white-space: normal;
    width: 100%;
}

.preferences #my-tickets {
    line-height: 34px;
}

.stadium-description > div {
    width: auto; /* 'initial' is not supported on IE */
    padding: 5px;
}

.stadium-description .legend-icon::before {
    width: 16px;
    height: 22px;
}

#SLBPacifa,
#SLBPacifaFast,
#ApiContainer,
#ApiContainerFast {
    height: 49.38vw; /* To respect the Pacifa image ratio - original image = 3840x1896px = 49.38% */
    width: 100%;
}

#PacifaFrame {
    height: 100%;
    width: 100%;
    border: none;
}

.mobileTooltipMask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(190,190,190,0.7);
    width: 100%;
    height: 100%;
    z-index: 5;
}

#tooltip,
#previewToolTip,
#tooltipFast,
#previewToolTipFast {
    position: absolute;
    z-index: 5;
}

    #tooltip.centered,
    #tooltipFast.centered {
        top: calc(50% - 149px);
        left: calc(50% - 153px);
    }

.align-with-required {
    margin-right: 25px;
}


/****/

#myTicketsMobile {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 4;
    color: #c30000;
    cursor: pointer;
    padding: 22px 30px 10px 43px;
    background-color: #fae8e8;
    border: solid 1px #c30000;
    height: 90px;
}

    #myTicketsMobile p {
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

    #myTicketsMobile .my-tickets-title {
        font-size: 16px;
        text-transform: uppercase;
    }

    #myTicketsMobile .collapse-button {
        background-color: #c30000;
    }

    #myTicketsMobile svg {
        stroke: black;
        fill: #cccccc;
        stroke-width: 1px;
        width: 30px;
        height: 19px;
        margin-left: 20px;
    }

    #myTicketsMobile .expiration-time-desc {
        font-size: 12px;
        text-transform: none;
    }

    #myTicketsMobile .time {
        display: inline-block;
        text-align: left;
        margin-left: 20px;
    }

        #myTicketsMobile .time .num {
            background: #c30000;
            color: white;
            width: 26px;
            height: 26px;
            padding-top: 5px;
            font-size: 13px;
            text-align: center;
        }


/****/

#addMoreTickets {
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #DDDDDD;
    height: 70px;
    padding: 20px 10px 20px 10px;
    margin: 10px 0;
}

    #addMoreTickets .button {
        background-color: #fff;
        color: #242424;
    }

        #addMoreTickets .button:hover {
            color: white;
        }

/*****/

#campaignHeader {
    padding: 20px;
    border-bottom: 1px solid #DDD;
}

/*****/
#SLBPacifa > div.SLBPacifaOverlay.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(117, 117, 117, 0.6);
    z-index: 3;
}


.companions-form {
    font-size: 13px;
    text-transform: none;
    margin-top: 20px;
}

.companions-form-list {
    margin: 20px 0;
}

.companions-form-item {
    line-height: 40px;
    margin-bottom: 5px;
}
    .companions-form-item input[type="text"] {
        width: 70px;
        text-align: center;
        font-size: 16px;
        height: 40px;
    }
    .companions-form-item .description {
        line-height: normal;
    }
    .companions-form-item .price {
        white-space: nowrap;
    }
    .companions-form-item .ranges {
        line-height: normal;
        padding-top: 12px;
    }

.companions-form #errorMessage {
    color: #c30000;
    text-align: right;
    padding-bottom: 10px;
}

.companions-seats-item {
    padding: 20px;
    border-top: 1px solid #DDD;
    text-transform: none;
    font-size: 13px;
    line-height: 32px;
}
    .companions-seats-item .choose-label {
        display: none;
        color: #888;
        font-size: 20px;
    }
    .companions-seats-item.active {
        background-color: #f9f9f9;
    }
        .companions-seats-item.active .choose-label {
            display: block;
        }

    .companions-seats-item.completed {
        display: none;
    }
    .companions-seats-item .price {
        font-size: 16px;
        font-weight: bold;
    }

.companions-intro {
    text-align: right;
    margin: 10px;
}

/* IOS Fullscreen support */

.full-screen #tooltipPanoDisplay > iframe {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 21;
    line-height: 0;
    overflow: hidden;
    bottom: 0;
    right: 0;
}

.full-screen .menu-section.section {
    z-index: 0;
}

    /*** BUG adjust. on Iphones / Safari ***/
    .full-screen .row.main-menu {
        display: none;
    }

    .full-screen nav.preferences {
        display: none;
    }

    .full-screen.game-description {
        display: none;
    }

    .full-screen footer.section.advantages {
        display: none;
    }

    .full-screen .pacifa .buttons {
        display: none;
    }

    .full-screen div#SLBPacifa {
        display: none;
    }

    .full-screen span#previewToolTip {
        display: none !important;
    }

    .full-screen .no-id-content {
        display: none;
    }

    .full-screen .addFromToolTip {
        display: none;
    }

    .full-screen .stadium-description {
        display: none !important;
    }

    .full-screen .main-content .main-container {
        display: none !important;
    }

    .full-screen .more-games {
        display: none;
    }

    .full-screen .section.footer-section {
        display: none;
    }



    /* START MEDIA QUERIES */ @media (min-width: 575px) {
        .main-content .stand-list #ticket-unit .choose-client .client-type {
            margin-left: 5px;
            padding: 5px 10px;
            width: auto;
            display: inline-table;
        }
    }

    @media (min-width: 768px) {
        .main-container {
            height: 100%;
        }

        #myTicketsMobile {
            height: 70px;
        }
    }


    @media (min-width: 992px) {
        .preferences #my-tickets.item {
            line-height: normal;
        }

        .my-dropdown .accordion .accordion-body form {
            padding: 20px 10%;
        }

        #SLBPacifa,
        #SLBPacifaFast,
        #ApiContainer,
        #ApiContainerFast {
            height: 28.8vw; /* To respect the Pacifa image ratio - original image = 3840x1896px  => col-md-7=58.333% * 49.38% = 28.8*/
        }

        #tickets.stand-list.with-campaign-title {
            height: calc(100% - 203px); /* 203 = heigth(#campaignHeader) + height(.total) */
        }
    }

    @media screen and (min-width: 1200px) {
        #SLBPacifa,
        #SLBPacifaFast,
        #ApiContainer,
        #ApiContainerFast {
            height: 460px; /* To respect the Pacifa image ratio - original image = 3840x1896px */
        }
    }
    /*
 * END MEDIA QUERIES
 ***/
