/*
Shop CSS

@site       	wien-ticket.at
@author     	Martina Hack // hack@echonet.at
@copyright  	echonet communication gmbh
@date       	04.2023
*/


/* general styling */
/*html { overflow-y:hidden; } 
#parentwrapper { overflow: hidden; }
.module_proxyneat #parentwrapper { overflow: auto; }*/
#parent { width: 100%; }


body.module_proxyneat { font: 18px/1.231 'Chivo',arial,helvetica,clean,sans-serif;color: #333;padding-top:0 !important; }
.module_proxyneat .content-inner a:not(.btn), .module_proxyneat .content-inner a:not(.btn):link .module_proxyneat .content-inner a:not(.btn):hover, .module_proxyneat .content-inner a:not(.btn):focus, .module_proxyneat .content-inner a:not(.btn):active , .module_proxyneat .content-inner a.active:not(.btn) { color: #009fe3 !important; }
.module_proxyneat #parentwrapper { background-color: #fafafa;  }
.module_proxyneat #content { background-color: #fff; }
.module_proxyneat #sidebar { background-color: #fff; }
.module_proxyneat #content #sidebar { position: static; }
/*.module_proxyneat #header { z-index: 4;  }*/
.container.wrapper { max-width:none;padding: 0;  }
.module_proxyneat .noclick { pointer-events: none !important; }

body.module_proxyneat #footer .nav { display:block !important; }

p { margin:0.8em 0 !important; }

.btn { border-radius: 0 !important; }
.btn-primary , a.btn-primary, .btn-outline-primary { background-color: #009fe3 !important; border-color: #009fe3 !important;font-weight: 700 !important; text-decoration: none; padding: 0.8em 1em !important;/*font-size: 1em;*/ }
.text-primary, .text-primary * { color: #009fe3 !important; }
.btn-secondary, a.btn-secondary, a.btn-secondary:link,  a.btn-secondary:hover,  a.btn-secondary:focus,  a.btn-secondary:active,  a.btn-secondary.active,  button.btn-secondary { background-color: #797979 !important;font-weight: 700;text-decoration: none;padding: 0.8em 1em;/*font-size: 1em;*/color: #fff !important; }
.btn.btn-primary.tocrm { color: #fff; }

a.btn, a.btn-primary, a.btn:link, a.btn-primary:link , .btn:link, .btn-primary:link { color: #fff !important; }

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:visited { background-color: #009fe3 !important; border-color: #009fe3 !important;padding: 15px 20px !important;text-decoration: none !important;font-weight: 700 !important; }

.sapshopneat .btn-outline-danger { background-color: #797979 !important;border-color: #797979 !important;font-weight: 700;text-decoration: none;padding: 0.8em 1em;/*font-size: 1em;*/color: #fff !important; width:100%; }
.sapshopneat .btn-outline-danger:hover { background-color: #dc0d0e !important; border-color: #dc0d0e !important; }

.alert-danger { color: #856404 !important; background-color: #fff3cd !important; border-color: #ffeeba !important; }

ins { border: none;float: right; text-decoration: none;font-weight: 700; }


/* ausblenden der Gutschein Zahlart im OP System bei aktivem authkey */
/* https://monk.echonet.at/public/index.php?path_info=projects%2F330%2Ftickets%2F1531&page=1#comment76137 */
.authkey_sap_verkauf_performance [data-paymentname="Gutschein"] { display: none; }

/* ausblenden der print buttons je nach authkeys */
/* https://columbo.echonet.at/projects/2/tasks/637 */
.authkey_req_printpdf { display: none; }
.authkey_printpdf .authkey_req_printpdf { display: inline-block; }

.authkey_req_printlocal { display: none; }
.authkey_printlocal .authkey_req_printlocal { display: block; }


.customersurveylink { display: none !important; }
.authkey_customersurvey .customersurveylink { display: inline-block !important; }


/* flexshop_3_navigation */
.facelift-flex-nav ul li:first-of-type,.facelift-flex-nav ul li:last-of-type { display: none; } /* Steps Veranstaltungen und Bezahlen ausblednen */
.facelift-flex-nav ul li { background-color: #F6F6F6 !important;color: #797979 !important;border:none !important;padding: 10px !important; }
/*.facelift-flex-nav ul:nth-first-of-type(2), .facelift-flex-nav ul li:nth-last-of-type(2) { margin: 0 !important;background-color: #f00 !important; }*/
.facelift-flex-nav ul li:nth-last-of-type(3) { margin: 0 10px; }
#content .sapshopneat .facelift-flex-nav li a{ color: #727272 !important; }
.sapshopneat .facelift-flex-nav li.active { background-color: #ECECEC !important; font-weight: 700; }
#content .sapshopneat .facelift-flex-nav li.active a{ color: #009FE3 !important; }

#seatingplan-container .nav-item { margin: 0 10px; }
#seatingplan-container .nav-item a { border-bottom:2px solid !important; }
.sapshopneat .nav-tabs { border:none;border-radius: 0; }
#content .sapshopneat .nav-item .nav-tabs a, #content .sapshopneat .nav-tabs .nav-item a, #content .sapshopneat .nav-tabs .nav-item.show .nav-link, #content .sapshopneat .nav-tabs .nav-item.show a, #content .sapshopneat .nav-tabs .nav-link { color: #727272 !important;border:none;border-radius: 0; }
#content .nav-item .nav-tabs a.active, #content .nav-tabs .nav-item a.active,#content  .nav-tabs .nav-item.show .nav-link, #content .nav-tabs .nav-item.show a, #content .nav-tabs .nav-link.active { color:#009FE3 !important;  }

.facelift-flex-nav-wrapper { position: static !important; }

.facelift-flex-nav .fa, .fa-shopping-cart { vertical-align: middle;width: 30px;height: 24px;background-size: contain; background-repeat: no-repeat; background-position: center; }
.facelift-flex-nav .fa:before, .fa-shopping-cart:before { content:'' !important; }
.fa-ticket { background-image: url(/assets2021/content/icons/icon_ticket_bw.svg) !important; }
li.active .fa-ticket { background-image: url(/assets2021/content/icons/icon_ticket_col.svg) !important; }
.fa-shopping-cart { background-image: url(/assets2021/content/icons/icon_basket_bw.svg) !important; }
li.active .fa-shopping-cart { background-image: url(/assets2021/content/icons/icon_basket_col.svg) !important; }
.fa-money { background-image: url(/assets2021/content/icons/icon_coin_bw.svg) !important; }
li.active .fa-money { background-image: url(/assets2021/content/icons/icon_coin_col.svg) !important; }

.sapshopneat .btn-seating.btn-secondary,.sapshopneat .btn-seating.btn-secondary:hover,.sapshopneat .btn-seating.btn-secondary:focus, .sapshopneat .btn-seating.btn-secondary:active { background-color: transparent !important; padding: 0; }
.sapshopneat .btn-seating .fa { vertical-align: middle;width: 40px;height: 40px;background-size: contain; background-repeat: no-repeat; background-position: center; }
.sapshopneat .btn-seating .fa:before { content:'' !important; }
.sapshopneat .btn-seating .fa-search { background-image: url(/assets2015/content/flexshop/icon-position.png) !important; }


.row { margin-left: 0 !important; margin-right: 0 !important; }

h2[id]::before, h3[id]::before { content: none !important; }

.module_proxyneat .mfp-content { max-width: 900px;max-height: 90%; background-color: #fff; }
.module_proxyneat .mfp-iframe-scaler { min-height:500px; margin: 0; width: auto !important; max-width: none; height: 90%; }
.mfp-iframe-scaler iframe { box-shadow: none;height: 100% !important; }

/* ticketauswahl, warenkorb */
.sapshopneat #basket { margin-bottom: 50px;  }
.sapshopneat #basket,.sapshopneat #seat-select { padding: 0 !important; }
.sapshopneat #basket h1.page-header, .sapshopneat #seat-select h1.facelift-event-heading { padding: 30px;background-color: #ECECEC;font-weight: 700;font-size: 2.611em; }
.sapshopneat h1.invoice-title { font-weight: 700;/*font-size: 2.611em;*/color: #009FE3 !important; }
.sapshopneat #seat-select h1.facelift-event-heading, .sapshopneat #seat-select h1.facelift-event-heading * { color: #009FE3 !important;margin: 0; }

.sapshopneat #seat-select div.category, .sapshopneat #seat-select div.reduction span{ white-space: normal; }

.sapshopneat #seat-select .facelift-event-text { background-color: #ECECEC;padding: 0 30px 30px 30px;width:100%; }
.sapshopneat a.btn.performanceInfoDateButton { padding-left: 60px;background-image: url("/assets2021/content/icons/icon_calendar_w.svg");background-repeat: no-repeat;background-size: 30px;background-position: 15px center;font-size: 1em;float: none; margin-top: 10px; }

.sapshopneat #basket form { margin: 0 !important; }

.sapshopneat #basket .basketinner { flex-direction: row-reverse; } /* umdrehen wk und zahl/versandart */
.sapshopneat #basket .card { border: none;border-radius: 0; }
.card, .module_proxyneat .card { border-radius: 0 !important;border: none !important; }
.sapshopneat #basket .card-header, .card-header, .card-header h3 { color: #727272 !important;border: none !important;background-color: transparent !important;font-weight: 700 !important; }
.sapshopneat #basket .card-header strong, .sapshopneat  #basket .card-header small { color: #009FE3 !important; }
.sapshopneat #basket .card-body { padding-top: 0; }
.sapshopneat #basket .card .form-check-label { margin: 10px 0;width: 100%; }
.sapshopneat #basket .card .form-check-input { margin-top: 0;margin-left: -2rem; }
.sapshopneat #basket .card .form-check { padding-left: 2rem; }
.sapshopneat #basket .card .form-check-label span.fright { font-weight: 700;max-width: 40%; }
.sapshopneat #basket .card .form-check-label span:first-of-type { max-width: 60%; }

.sapshopneat #basket .form-check-input { margin-left: -1.6rem !important; }
.sapshopneat #basket .form-check { padding-left: 1.6em !important; }

/*.sapshopneat #basket .card .form-group { margin: 0;display: inline-block;width:calc(100% - 50px); }*/
/*.sapshopneat #basket .card button[name='actioncode'] { display: inline-block;margin: -1px 0 0 -5px;width: 50px;height: 50px;padding: 0 !important; }*/


.sapshopneat #basket table, .sapshopneat  #basket table th, .sapshopneat  #basket tr { border: none !important; }
.sapshopneat #basket table th { background-color: #fff; }
.sapshopneat #basket table tr:nth-of-type(even) { background-color: #ececec; }
.sapshopneat #basket table tr:nth-of-type(odd) { background-color: #f6f6f6; }
.card b, .card strong, .bootstrap-datetimepicker-widget table, .table { color: #727272 !important; }
.sapshopneat #basket .fa-user { display: inline;margin: 10px 0 0 0; }

table tbody tr:first-child td { background: none; }

label.form-check-label { width: auto; margin: 0; }

.facelift-event-heading small { display: none; }
#svg-plan text {  /*display: none;*/visibility:hidden; }



.shipmentaddress { background: #fff;  }
.shipmentaddress h1 { padding:0 1.25rem }
.shipmentaddress .card { display: inline-block; width: 100%; }
.shipmentaddress .col-md-8, .shipmentaddress .col-md-4 { max-width: none;flex:unset;text-align: left !important; }
.shipmentaddress button { width: 100%; max-width: none; margin: 10px 0;  }


.sapshopneat button.addtobasket {
  padding-left: 60px !important;
  background-image: url("/assets2021/content/icons/icon_basket_w.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px center;
width: auto;
}

#personalize { background: #fff;overflow-y: auto;/*height: 85%;*/ }
#personalize .col-12 { max-width: none; flex: none;  }

.container-timeout { padding-left: 0 !important; padding-right: 0 !important; }





.fadeInDown { animation: none !important;top:0 !important; }


.othershippingaddress { white-space: normal !important; }



.sapshopneat #basket .personalisation-button a { color: #fff !important;width: 100%; }
.sapshopneat #basket .personalisation-button, .sapshopneat #basket .checkout { flex: 0 0 100%;max-width: 100%;padding: 0 !important; }
.sapshopneat #basket .checkout button { max-width: none; }

.panel-heading-sub .fa:not(:first-of-type) { margin: 0 0 0 10px; }

.sapshopneat #basket  .extra-price-row { /*align-items: center;*/ display:block;padding: 0 15px; }
.sapshopneat #basket  .extra-price-row div { padding: 0 ; }
.sapshopneat #basket  .extra-price-row div { display: inline-block;width: /*auto*/100%;max-width: /*50%*/none;vertical-align: middle; }
.sapshopneat #basket  .extra-price-row button { width: calc(100% - 45px);margin: 0 0 0 -5px; }
.sapshopneat #basket  .extra-price-row .infolink {  display: none; }


.form-control { border-radius: 0 !important;background-color: #ECECEC;border-color: transparent;color: #555; }

.sapshopneat #basket div.dark,.sapshopneat #basket div.light { margin-bottom: 0 !important; margin-top: 0 !important; padding: 10px 0; }
.sapshopneat #basket div.light { background: #f6f6f6; }
.sapshopneat #basket div.dark { background: #ECECEC; }


.box-address a.btn { padding-left: 60px; background-image: url("/assets2021/content/icons/icon_addpin_w.svg"); background-repeat: no-repeat; background-size: 40px; background-position: 10px center; width: 100%; text-align: left; }


.fa-trash-o { display: inline-block; vertical-align: middle; }
.fa-trash-o { width: 30px;height: 24px;/*background-size: contain; background-repeat: no-repeat; background-position: center;background-image: url("/assets2021/content/icons/icon_x_col.svg") !important;*/ }
/*.fa-trash-o:before, .fa-remove:before { content: '' !important;  }*/
.fa-remove::before { color:#009fe3 !important; }
a.btn .fa, button .fa { font-size: 20px; }

/*.bubble { color: #009fe3 !important; }*/
.sapshopneat .bubble { width: 74px;  height: 74px;  border-radius: 50%;  font-weight: bold;  line-height: 58px;  overflow: hidden;  background: #009de0;  color: #fff;  text-align: center;    white-space: normal; }
.sapshopneat .bubble::after  {  content: 'EUR';  bottom: 0;  left: 0;  right: 0;  width: 100%;  text-align: center;  color: #FFFFFF;  height: auto;  border-width: 0px;  font-size: 18px;  line-height: 44px; }
.sapshopneat #slider-tool .bubble  {font-size: 30px !important; }
.slider .slider-handle.custom::before { background-color: #009fe3 !important; }
.slider .slider-selection { background: #009fe3 !important; }

#text-event-additional .col-lg-6 { margin: 10px 0; }

#desktop-slider-tool-wrapper button, #mobile-slider-tool-wrapper button { height: 100%; }
.sapshopneat .bestprice-item .seatselect/*, #seats-selected*/ { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';  min-width: 70px;  height: 50px !important;  border: 0 none;  padding: .6rem 1rem; font-weight: bold;  background-color: #FFFFFF;    width:auto; vertical-align: middle;text-align: center;display: inline-block;float: none; }
.sapshopneat slider-tool .seatselect { margin: 0 5px; }
.sapshopneat #slider-tool .btn-secondary.seatselect_change  { padding: 0.6em 1em !important;  }
#seats-selected { background-color: #ECECEC !important;border-radius: 0; }
#desktop-slider-tool-wrapper .seatselect_change, #mobile-slider-tool-wrapper .seatselect_change { display: inline-block;/*padding: 5px 15px;font-size: 2em;*/ }
.seatselect_change { width: 50px !important; }

#slider-tool, #slider-tool * { font-size: 18px !important; }
#slider-tool .font-weight-bold { color: #009FE3;  font-size: 1.222em !important;  }
.slider-price-range { font-weight: normal !important; }


#panel-heading-sub { font-size: 0.8em; }
.page-header .focuslogin { /*font-size: initial;line-height: initial;*/display: none; }
.focuslogin { width:100% !important; }

#basket_fieldset .title { display: none !important; }

#my-seats * { stop-color:#000; }

/* bestplatzbuchung */
.bestprice-item-header { border: none !important;font-weight: 700;background-color: #fff !important; }
.bestprice-item { margin: 0 !important;border: none !important;padding: 15px !important; }
.bestprice-item:nth-of-type(odd) { background-color: #ececec; }
.bestprice-item:nth-of-type(even) { background-color: #f6f6f6; }

/* saalplanbuchung */
.sapshopneat #seatingplan-container #saalplan3 #layerImage{display: none}

/* modal */
.modal-backdrop { display: none !important; }
.modal.show { background-color: rgba(0,0,0,0.5); }
.modal-dialog { position: absolute !important;top: 50%;left: 50%;transform: translate(-50%,-50%) !important;min-width: 90% !important;height: 80vh;z-index: 99999999;margin: 0 !important; }
.modal-content { height: 100%;border-radius: 0;;overflow-y: auto;  }
.modal-header .close { width: auto; }
.modal-body img { position: static !important; max-width: 100% !important; }


/* bestätigungsseite */
#print_order { display: inline-block !important;text-align: left !important; cursor: pointer; }
.form-invoice-button {display: none !important; }
.confirmation .infotxt  { border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 0;padding: 20px 0; }
.confirmation .order_summary { margin: 20px 0 0 0; }
.confirmation .order_summary tr { border: none !important; }
.confirmation .order_summary tbody tr:nth-child(even) { background-color: #ececec; }
.confirmation .order_summary thead tr { background-color: #727272;  }
.confirmation .order_summary thead tr * { color:#fff !important; }
.confirmation .order_summary .card-header { display: none; }
.confirmation .card-body, .confirmation .card-header { padding: 0; }
.confirmation .card.billed_to { border-top: 1px solid #ddd !important;margin-top: 20px;padding-top: 20px; }
.confirmation .card.payment_method { border-bottom: 1px solid #ddd !important; padding-bottom: 20px; }
.confirmation .ticket-data { padding-left: 1rem !important;line-height: 0; }
.confirmation .ticket-data a.btn { width:100%;line-height: initial;margin: 5px 0;white-space: normal;  }
.confirmation .btn-primary .fa-print { margin: 0 10px 0 0; }


/* payment */
.payment-table input,.payment-table select { border-radius: 0;height: 50px; }
#row-expiry :not(#label_expiryMonth) {
  display: inline-block;
  vertical-align: middle;
}
#label_expiryMonth { display: block; }


/* chunks */
#bundleChunkSearch .form-control { height: 51px; }
#bundleChunkSearch .fa { vertical-align: middle; }
#chunk table tr td .popover { display: none !important; }
#bundleWithChunks .chunks-time-slot-wrapper, #chunk .chunks-time-slot-wrapper { flex: 1 1 0px;max-width: 160px; }


@media screen and (max-width: 479px){
    #sector-wrapper .col-3 { max-width: 50%; }
    

    #chunk table tr td:first-child, #chunk table tr th:first-child { display: none; }
    
    .sapshopneat #basket .card-header, .sapshopneat #basket .card-body { padding-left: 0 !important; padding-right: 0 !important; }
}

@media (min-width: 576px){
    .bestprice-item .d-none.d-sm-block { display: none !important}    
    
    
}
    

@media screen and (max-width: 719px){
    .sapshopneat #basket h1.page-header, .sapshopneat #seat-select h1.facelift-event-heading { font-size: 2.125em; line-height: 1em; }
    
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 0 !important;padding-right: 0 !important; }
}


@media screen and (min-width: 720px) {
    input, select, textarea, form li ol, form li ul { float: none; }
    
    .sapshopneat #basket .personalisation-button, .sapshopneat #basket .checkout { flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);padding: 0 !important; }
    .sapshopneat #basket .personalisation-button{ margin: 0 10px 0 0; }
    .sapshopneat #basket .checkout { margin: 0 0 0 10px; }
    .sapshopneat #basket .checkout * { margin: 0 !important; }
    
    .sapshopneat #seat-select .facelift-event-text div { max-width: calc(100% - 250px);float: left; }
    .sapshopneat a.btn.performanceInfoDateButton { float: right; margin: 0; }
    
    .sapshopneat #basket .extra-price-row div { width: /*auto*/50%; }
    .sapshopneat .btn-outline-danger {  width:50%; }
    .focuslogin { width:50% !important; }

    .sapshopneat h1.invoice-title { font-size: 2.611em; }
    
}

@media (max-width: 767px){
    #bestseat-tab .col-6 { display: block;max-width: none;flex: none;margin: 15px 0; }
    #bestseat-tab .col-6 .btn-secondary { width: 100%; }
    
    .page-header.d-flex { display: block !important; }
    
    #basket_fieldset .card { background-color:#ccc;border-radius: 0;padding: 10px; }
    
    
    .price-select-wrapper .price { flex-grow: 0.5 !important; }
    
    
    #chunk .arrowleft { display: inline-block;width: 20px;padding: 0; }
    #chunk .month {display: inline-block;width: calc(100% - 40px);padding: 0; }
    
    #chunk .arrowright { display: inline-block;width: 20px;padding: 0; }
    
}

@media (min-width: 768px){
    .col-md-2 { max-width:none !important; }
    
    .modal-dialog { min-width: unset !important; }
    
    .confirmation td { padding:10px 0; }
    .confirmation .ticket-data { padding: 10px 20px 10px 0 !important; }
}

@media (max-width: 991px){ 
    .orderdetails.text-right { text-align: left !important; }
    
    .container-timeout > .alert {
      margin-bottom: 10px !important;
    }
}

 


@media (min-width: 992px){    
    
    .facelift-flex-nav ul li { text-align: left !important;}
    
    #text-event-additional .col-lg-6 { flex:none !important; max-width: none !important; }
    
    
    #chunk .flex-lg-column { flex-direction: unset !important; }
    #chunk .col-lg-6 { flex:none !important; max-width: none !important; }
    
    .sapshopneat .btn-outline-danger { width: 50%; }
    #desktop-basket-submit-wrapper .col-lg-4.mb-4 { width:100%;max-width: none;flex:unset;  }
    .focuslogin {  width:auto !important; }
    
    .container-timeout { height: auto !important; }
    .container-timeout > .alert { position: static !important; }

}




@media (min-width: 1160px){
    
    
    .form-check-label { position: relative; }
    .form-check-label .form-check-input { position: absolute;left: 0; }
    .form-check-label span:first-of-type { float: left; }
    /*.form-check-label .fa-question-circle { float: left; }*/
}

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