@-webkit-keyframes shinySlide {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes shinySlide {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes gradient-skaleton {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes gradient-skaleton {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeSlideDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes fadeSlideDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@-webkit-keyframes slideDown {
    0% {
        transform: translateY(-50%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-50%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes slideLeft {
    to {
        transform: translateX(0)
    }
}

@keyframes slideLeft {
    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.event-detail-ticket {
    margin-bottom: 20px
}

.event-detail-ticket:last-child {
    margin-bottom: 0
}

.event-detail-ticket-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #151416
}

.event-detail-ticket.enterprise {
    margin: 0
}

.event-detail-ticket.enterprise .event-detail-ticket-list {
    grid-row-gap: 30px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise {
    padding: 16px;
    border-radius: 8px;
    background-color: #f5f7fa
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise.active {
    text-transform: none
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-head .ticket-head-title {
    padding-right: 24px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-head .ticket-head-toggle-icon {
    top: 16px;
    right: 16px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .uk-button {
    font-size: 14px;
    padding: 3px 16px !important
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-detail {
    position: relative
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-detail:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 30px;
    left: -17px;
    top: -38px;
    border-bottom-right-radius: 75px;
    border-top-right-radius: 75px;
    border-left: 0;
    background-color: #fbfbfb
}

@media screen and (min-width:480px) {
    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-detail:before {
        width: 20px;
        height: 32px;
        left: -23px
    }
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-detail:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 30px;
    right: -16px;
    top: -36px;
    border-bottom-left-radius: 75px;
    border-top-left-radius: 75px;
    border-right: 0;
    background-color: #fbfbfb
}

@media screen and (min-width:480px) {
    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .ticket-detail:after {
        width: 20px;
        height: 32px;
        right: -23px
    }
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .gap {
    gap: 8px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item p {
    margin: 0;
    font-weight: 400;
    color: #151416;
    font-size: 1rem
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item img {
    margin-top: 4.5px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .ticket-status p,
.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .ticket-status span {
    font-size: 1rem;
    color: #0049cc;
    font-weight: 500;
    text-transform: capitalize
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .ticket-status p.expired {
    color: #ff3b30
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .ticket-status .text-normal {
    font-weight: 400
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .ticket-status svg path {
    fill: #ff3b30
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown {
    width: 70%;
    padding: 0;
    overflow: hidden
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .wrapper-dropdown {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule {
    gap: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 8px;
    margin-right: 16px;
    margin-left: 16px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule.border-b {
    margin-bottom: 8px;
    border-bottom: 1px dashed #444
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule img {
    margin-top: 2px;
    margin-bottom: 2px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule p,
.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule span {
    font-size: 14px;
    font-weight: 400
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-description {
    overflow: auto;
    font-size: 14px;
    padding: 8px 16px
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-description li {
    padding-bottom: 0;
    border-bottom: none
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-price-main {
    font-size: 14px
}

@media (max-width:640px) {
    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown {
        width: 100%
    }

    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule img {
        margin-top: 2px
    }

    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-description,
    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-price-main,
    .event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise .new-ticket-item .new-design-dropdown .ticket-schedule p {
        font-size: 12px
    }
}

.event-detail-ticket.enterprise .event-detail-ticket-list .new-redesign-enterprise:not(.active) .border-dotted {
    height: 1px;
    width: 100%;
    margin-top: 16px;
    background-position: top;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-image: linear-gradient(90deg, #444 40%, hsla(0, 0%, 100%, 0) 0)
}

.event-detail-ticket.enterprise .active {
    margin: 0;
    color: #0049cc;
    font-weight: 500;
    text-transform: capitalize
}

.event-detail-ticket-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-row-gap: 28px;
    list-style: none;
    padding: 0;
    margin: 0
}

.event-detail-ticket-list li {
    position: relative;
    border-bottom: 1px solid #dbdfe7;
    padding-bottom: 40px
}

.event-detail-ticket-list li .ticket-head-toggle-icon .down {
    display: none
}

.event-detail-ticket-list li .ticket-head-toggle-icon .up {
    display: block
}

.event-detail-ticket-list li.active .ticket-head-toggle-icon .up {
    display: none
}

.event-detail-ticket-list li.active .ticket-head-toggle-icon .down {
    display: block
}

.event-detail-ticket-list .ticket-head {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    cursor: pointer
}

.event-detail-ticket-list .ticket-head-title {
    font-weight: 600;
    font-size: 1.313rem;
    margin: 0;
    color: #151416
}

.event-detail-ticket-list .ticket-head-subtitle {
    margin: 0;
    font-weight: 500;
    color: #494a4a;
    font-size: .875rem
}

.event-detail-ticket-list .ticket-head-toggle-icon {
    position: absolute;
    top: 0;
    right: 0
}

.event-detail-ticket-list .ticket-head-toggle-icon .down {
    transform: rotate(90deg);
    margin-top: 10px
}

.event-detail-ticket-list .ticket-head-toggle-icon .up {
    transform: rotate(270deg);
    margin-top: 5px
}

.event-detail-ticket-list .ticket-detail {
    margin-top: 20px;
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 15px
}

.event-detail-ticket-list .ticket-item {
    width: 100%;
    height: auto;
    background-color: #ebf5ff;
    border-radius: 8px;
    border: 1px solid #01419A;
    padding: 12px 20px;
    box-sizing: border-box;
    display: grid
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item {
        min-height: 193px;
        padding: 16px 32px
    }
}

.event-detail-ticket-list .ticket-item.moderated {
    background-color: #f5f7fa;
    border-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.moderated .ticket-item-top:after {
    border-bottom-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.moderated .ticket-item-top .ticket-schedule p {
    color: #8e919b;
    text-transform: capitalize
}

.event-detail-ticket-list .ticket-item.moderated .ticket-item-top .ticket-schedule p .separator {
    background-color: #8e919b
}

.event-detail-ticket-list .ticket-item.moderated .ticket-item-bottom:after,
.event-detail-ticket-list .ticket-item.moderated .ticket-item-bottom:before {
    border-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.moderated svg {
    margin-right: 5px
}

.event-detail-ticket-list .ticket-item.moderated svg path {
    fill: #8e919b !important
}

.event-detail-ticket-list .ticket-item.moderated label,
.event-detail-ticket-list .ticket-item.moderated p,
.event-detail-ticket-list .ticket-item.moderated span {
    color: #8e919b !important;
    border-color: #8e919b !important
}

.event-detail-ticket-list .ticket-item.moderated label.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.moderated label.ticket-controller-increase,
.event-detail-ticket-list .ticket-item.moderated p.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.moderated p.ticket-controller-increase,
.event-detail-ticket-list .ticket-item.moderated span.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.moderated span.ticket-controller-increase {
    cursor: no-drop
}

.event-detail-ticket-list .ticket-item.disabled {
    background-color: #f5f7fa;
    border-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.disabled .ticket-item-top:after {
    border-bottom-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom:after,
.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom:before {
    border-color: #dbdfe7
}

.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom .ticket-status p,
.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom .ticket-status span {
    color: #ff3b30;
    text-transform: capitalize
}

.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom .ticket-status .text-normal {
    font-weight: 400
}

.event-detail-ticket-list .ticket-item.disabled .ticket-item-bottom .ticket-status svg path {
    fill: #ff3b30
}

.event-detail-ticket-list .ticket-item.disabled svg {
    margin-right: 5px
}

.event-detail-ticket-list .ticket-item.disabled label,
.event-detail-ticket-list .ticket-item.disabled p,
.event-detail-ticket-list .ticket-item.disabled span {
    color: #8e919b;
    border-color: #8e919b !important
}

.event-detail-ticket-list .ticket-item.disabled label.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.disabled label.ticket-controller-increase,
.event-detail-ticket-list .ticket-item.disabled p.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.disabled p.ticket-controller-increase,
.event-detail-ticket-list .ticket-item.disabled span.ticket-controller-decrease,
.event-detail-ticket-list .ticket-item.disabled span.ticket-controller-increase {
    cursor: no-drop
}

.event-detail-ticket-list .ticket-item-top {
    position: relative;
    padding-bottom: 17px;
    display: grid
}

.event-detail-ticket-list .ticket-item-top:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #0049cc
}

.event-detail-ticket-list .ticket-item-top .ticket-name {
    font-size: 1rem;
    color: #151416;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: block;
    white-space: nowrap
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-top .ticket-name {
        font-size: 1.125rem
    }
}

.event-detail-ticket-list .ticket-item-top .ticket-description {
    font-size: .75rem;
    color: #494a4a;
    margin-top: 4px;
    margin-right: 20px
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-top .ticket-description {
        font-size: .875rem;
        margin-top: 8px
    }
}

.event-detail-ticket-list .ticket-item-top .ticket-description-expand {
    position: absolute;
    top: 20px;
    right: 0
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-top .ticket-description-expand {
        top: 30px
    }
}

.event-detail-ticket-list .ticket-item-top .ticket-description-expand .icon {
    width: 14px;
    cursor: pointer
}

.event-detail-ticket-list .ticket-item-top .ticket-description-expand .icon.up {
    transform: rotate(270deg);
    margin-top: 3px
}

.event-detail-ticket-list .ticket-item-top .ticket-description-expand .icon.down {
    transform: rotate(90deg);
    margin-top: 10px
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule {
    display: flex;
    align-items: center;
    margin-top: 8px
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-top .ticket-schedule {
        margin-top: 12px
    }
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule .icon {
    margin-right: 10px
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule svg {
    margin-right: 5px
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule svg path {
    fill: #007aff
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule p {
    font-size: .875rem;
    color: #007aff;
    margin: 0 0 0 4px
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule p.expired {
    color: #ff3b30
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule p span {
    font-size: .875rem;
    color: #007aff;
    display: inline-flex;
    align-items: center
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule p span .separator {
    width: 4px;
    height: 4px;
    background-color: #007aff;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 8px
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule.event-schedule-expired svg path {
    fill: #ff3b30
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule.event-schedule-expired p,
.event-detail-ticket-list .ticket-item-top .ticket-schedule.event-schedule-expired p span {
    color: #ff3b30
}

.event-detail-ticket-list .ticket-item-top .ticket-schedule.event-schedule-expired p span.separator {
    background-color: #ff3b30
}

.event-detail-ticket-list .ticket-item-bottom {
    position: relative;
    padding: 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-bottom .ticket-price {
        display: flex
    }
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-main {
    text-align: left
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-main b {
    font-size: .875rem;
    font-weight: 600;
    color: #151416
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-bottom .ticket-price-main b {
        font-size: 1.125rem
    }
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-initial {
    text-align: left
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-initial b {
    font-size: .875rem;
    color: #8e919b;
    font-weight: 400;
    text-decoration: line-through
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-bottom .ticket-price-initial b {
        font-size: 1rem
    }
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-additional {
    display: flex;
    align-items: center
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-bottom .ticket-price-additional {
        margin-left: 5px
    }
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price-promo-badge {
    font-size: .75rem;
    background-color: #ff3b30;
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff;
    margin-left: 5px;
    text-align: center
}

@media screen and (min-width:480px) {
    .event-detail-ticket-list .ticket-item-bottom .ticket-price-promo-badge {
        padding: 4px 8px;
        margin-left: 10px
    }
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price .payw-apply-nominal {
    cursor: pointer;
    margin: 0
}

.event-detail-ticket-list .ticket-item-bottom .ticket-price .payw-apply-nominal b {
    color: #151416;
    font-weight: 600
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller {
    display: grid;
    grid-template-columns: .2fr 48px .2fr;
    align-items: center;
    justify-content: center
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller.disabled .ticket-controller-decrease,
.event-detail-ticket-list .ticket-item-bottom .ticket-controller.disabled .ticket-controller-increase {
    color: #8e919b;
    border-color: #8e919b !important;
    cursor: no-drop
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller.enterprise {
    grid-template-columns: 1fr
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller.enterprise a {
    width: 100%;
    background-color: #0049cc;
    border-radius: 8px;
    text-transform: capitalize;
    font-size: .875rem;
    box-sizing: border-box;
    text-transform: capitalize !important;
    font-weight: 400;
    padding: 0 30px
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller-decrease,
.event-detail-ticket-list .ticket-item-bottom .ticket-controller-increase {
    width: 24px;
    height: 24px;
    position: relative;
    border: 2px solid #0049cc;
    border-radius: 50%;
    color: #0049cc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller-decrease:after {
    content: "-";
    display: block
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller-increase:after {
    content: "+";
    display: block
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller-label {
    color: #151416;
    font-size: 1rem;
    text-align: center;
    border: none;
    background-color: transparent;
    pointer-events: none
}

.event-detail-ticket-list .ticket-item-bottom .ticket-controller-label:active,
.event-detail-ticket-list .ticket-item-bottom .ticket-controller-label:focus {
    border: none
}

.event-detail-ticket-list .ticket-item-bottom .ticket-status {
    display: inline-flex
}

.event-detail-ticket-list .ticket-item-bottom .ticket-status p {
    margin: 0;
    font-weight: 500
}

.event-detail-ticket-list .ticket-item-data {
    display: none
}

.event-detail-ended {
    background: #fff;
    box-shadow: 0 4px 8px rgba(30, 44, 106, .1);
    border-radius: 8px;
    padding: 24px
}

.event-detail-ended span {
    font-size: .875rem
}

.event-detail-ended a {
    width: 100%;
    border-radius: 8px;
    text-transform: capitalize;
    font-size: .875rem;
    box-sizing: border-box;
    margin-top: 20px
}

.event-detail-ended a,
.event-detail-ended a:hover {
    background-color: #0049cc
}

.event-detail-cart {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 8px rgba(30, 44, 106, .1);
    z-index: 99999;
    box-sizing: border-box;
    padding: 16px
}

@media screen and (min-width:960px) {
    .event-detail-cart {
        position: relative;
        padding: 24px;
        border-radius: 8px
    }
}

@media screen and (min-width:960px) {
    .event-detail-cart.enterprise .event-detail-cart-amount {
        padding: 0
    }
}

.event-detail-cart.enterprise,
.event-detail-cart.free-ticket {
    border-radius: 0
}

@media screen and (min-width:960px) {

    .event-detail-cart.enterprise,
    .event-detail-cart.free-ticket {
        border-radius: 8px
    }
}

.event-detail-cart.enterprise .event-detail-cart-amount,
.event-detail-cart.free-ticket .event-detail-cart-amount {
    grid-template-columns: 1fr
}

@media screen and (max-width:919px) {

    .event-detail-cart.enterprise .event-detail-cart-amount,
    .event-detail-cart.free-ticket .event-detail-cart-amount {
        padding: 0
    }

    .event-detail-cart.enterprise .event-detail-cart-amount .event-detail-cart-amount-label,
    .event-detail-cart.free-ticket .event-detail-cart-amount .event-detail-cart-amount-label {
        display: none
    }

    .event-detail-cart.enterprise .event-detail-cart-amount .uk-button,
    .event-detail-cart.free-ticket .event-detail-cart-amount .uk-button {
        max-width: unset
    }
}

.event-detail-cart-list {
    display: none;
    border-bottom: 1px solid #dbdfe7
}

@media screen and (min-width:960px) {
    .event-detail-cart-list {
        display: block
    }
}

.event-detail-cart-item {
    display: grid;
    grid-template-columns: .2fr .8fr;
    align-items: center;
    border-bottom: 1px solid #dbdfe7;
    padding: 10px 0
}

.event-detail-cart-item:first-child {
    padding: 0 0 24px
}

.event-detail-cart-item:last-child {
    border-bottom: 0
}

.event-detail-cart-item span {
    font-size: .875rem
}

.event-detail-cart-item .cart-item-name {
    color: #151416
}

.event-detail-cart-item .cart-item-description {
    grid-column: 2/3;
    display: flex;
    justify-content: space-between
}

.event-detail-cart-item .cart-item-description span:first-child {
    font-size: .875rem;
    color: #8e919b
}

.event-detail-cart-item .cart-item-description span:last-child {
    font-size: 1rem;
    font-weight: 600;
    color: #151416
}

.event-detail-cart-item .cart-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: block;
    white-space: nowrap
}

.event-detail-cart-amount {
    display: grid;
    grid-template-columns: .8fr 1fr;
    grid-gap: 10px;
    align-items: center
}

@media screen and (min-width:1120px) {
    .event-detail-cart-amount {
        padding-top: 24px;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px
    }
}

@media screen and (min-width:960px) and (max-width:1119px) {
    .event-detail-cart-amount {
        grid-template-columns: 1fr;
        padding: 16px 0 0
    }
}

.event-detail-cart-amount-label {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: baseline
}

@media screen and (min-width:960px) {
    .event-detail-cart-amount-label {
        flex-direction: row;
        align-items: center
    }
}

.event-detail-cart-amount-label .amount-label-qty {
    font-size: 1rem;
    font-weight: 400
}

.event-detail-cart-amount-label label {
    font-size: 1.125rem;
    font-weight: 500
}

.event-detail-cart-amount-label label:not(#qty-desktop) {
    color: #151416
}

@media (max-width:960px) {
    .event-detail-cart-amount-label .transparent {
        padding: 6px 0;
        color: #ff3b30;
        font-weight: 500;
        background-color: transparent !important
    }
}

.event-detail-cart-checkout {
    display: flex;
    justify-content: flex-end
}

@media (max-width:1120px) {
    .event-detail-cart-checkout {
        display: block
    }
}

.event-detail-cart-checkout .action-pending-order {
    margin-top: 12px
}

.event-detail-cart-checkout .action-pending-order .transparent {
    margin-top: 8px;
    color: #ff3b30;
    font-weight: 500;
    background-color: transparent !important
}

@media (max-width:960px) {
    .event-detail-cart-checkout .action-pending-order {
        margin-top: 0
    }

    .event-detail-cart-checkout .action-pending-order .transparent {
        display: none !important
    }
}

.event-detail-cart-checkout .action-pending-order .uk-button-primary {
    max-width: unset
}

.event-detail-cart-checkout .uk-button-primary {
    max-width: 200px;
    background-color: #0049cc !important;
    border-radius: 8px;
    text-transform: capitalize !important;
    font-size: .875rem;
    box-sizing: border-box;
    font-weight: 400;
    padding: 6px 30px
}

@media screen and (min-width:1120px) {
    .event-detail-cart-checkout .uk-button-primary {
        max-width: unset;
        width: 100%
    }
}

@media screen and (min-width:720px) {
    .event-detail-cart-checkout .uk-button-primary {
        font-size: 1rem
    }
}

@media screen and (min-width:960px) and (max-width:1119px) {
    .event-detail-cart-checkout .uk-button-primary {
        width: 100%;
        max-width: unset
    }
}

@media (max-width:960px) {
    .event-detail-cart-checkout .uk-button-primary {
        padding: 6px 16px
    }
}

.event-detail-cart-checkout .button-disabled {
    background-color: #adb6c9;
    cursor: no-drop
}

.event-detail-organization-suggestions {
    position: relative;
    padding-top: 40px
}

.event-detail-organization-suggestions:before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f7fa;
    border-radius: 8px;
    display: block
}

#modal-payw .uk-modal-dialog {
    border-radius: 16px
}

#modal-payw .uk-modal-header {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

#modal-payw .uk-modal-header h5 label {
    font-size: 21px;
    padding-right: 40px;
    color: #152955
}

#modal-payw .uk-modal-body h5 {
    font-weight: 500
}

#modal-payw .uk-modal-body .payw-input-container {
    margin-top: 16px
}

#modal-payw .uk-modal-body .new-payw-container {
    display: flex;
    border-radius: 8px;
    margin-bottom: 16px;
    align-items: center;
    border: 1px solid #dbdfe7
}

#modal-payw .uk-modal-body .new-payw-container .payw-prefix {
    font-size: 16px;
    font-weight: 300;
    padding: 0 8px
}

#modal-payw .uk-modal-body .new-payw-container input {
    width: 100%;
    outline: none;
    padding: 12px;
    font-size: 16px;
    text-align: left;
    background: transparent;
    border: none;
    border-left: 1px solid #dbdfe7
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #modal-payw .uk-modal-body .new-payw-container input,
    #modal-payw .uk-modal-body .new-payw-container select,
    #modal-payw .uk-modal-body .new-payw-container textarea {
        font-size: 16px
    }
}

#modal-payw .uk-modal-body #payw-button-confirm {
    letter-spacing: .016px
}

#modal-payw .uk-modal-body #payw-button-confirm:disabled {
    color: #fff
}

@media (max-width:640px) {
    #modal-payw {
        padding: 0 !important
    }

    #modal-payw .uk-modal-dialog {
        left: 0;
        bottom: 0;
        position: absolute;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.uk-button-outline {
    color: #0049cc;
    padding: 0 16px;
    border-radius: 8px;
    letter-spacing: normal;
    background: transparent;
    border: 1px solid #0049cc
}

.payw-nominal {
    display: flex;
    align-items: center;
    gap: 8px
}

.payw-nominal b {
    color: #151416;
    font-size: 1.125rem
}

.payw-nominal .payw-change {
    font-weight: 600;
    color: #0049cc
}