/* FULL PAGE TICKET - RESONSIVE HTML WEB VERSION */

.o_event_full_page_ticket_responsive_html {
    .o_event_full_page_ticket_details {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        @media (max-width: map-get($grid-breakpoints, "sm")) {
            .o_event_full_page_left_details {
                width: 100%;
            }
            .o_event_full_page_ticket_barcode {
                width: 100%;
            }
        }
    }

    .o_event_download_ticket_btn:hover {
        border-color: #374151;
    }

    .o_event_full_page_left_details {
        width: calc(100% - 168px);
    }
    .o_event_full_page_ticket_barcode {
        width: 168px;
    }
    // Give details more space for small screens
    @media (max-width: map-get($grid-breakpoints, "md")) {
        .o_event_full_page_left_details {
            width: calc(100% - 152px);
            padding-left: 0.5rem !important;
        }
        .o_event_full_page_ticket_barcode {
            width: 152px;
            .o_event_full_page_ticket_barcode_container {
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
        }
        .o_event_full_page_ticket_type {
            padding-right: 0rem !important;
        }
    }
}