.kenzap .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .kenzap .kenzap-hall-layout button, .kenzap .kenzap-hall-layout input[type="button"], .kenzap .kenzap-hall-layout input[type="reset"], .kenzap .kenzap-hall-layout input[type="submit"], .kenzap .kenzap-hall-layout img, .kenzap .kenzap-hall-layout ul, .kenzap .kenzap-hall-layout li, .kenzap .kenzap-hall-layout p, .kenzap .kenzap-hall-layout a{ padding: 0; margin: 0; box-shadow: none; border: none; text-decoration: none; list-style:none } .kenzap .kenzap-hall-layout.dn{ visibility: hidden; } .kenzap .kenzap-hall-layout div{ box-sizing: border-box; } .kenzap .kenzap-hall-layout .clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kenzap .kenzap-hall-layout .kenzap-container { max-width: 1170px; margin:0 auto; padding:0 30px; display:block; } .kenzap .kenzap-hall-layout .kenzap-container:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kenzap .kenzap-hall-layout .kenzap-row{ margin:0 -15px 0 -20px; overflow:hidden } .kenzap .kenzap-hall-layout .kenzap-col-9{ width:75%; float:left; padding:0 15px; } .kenzap .kenzap-hall-layout .kenzap-col-4{ width:33.333333%; float:left; padding:0 15px; } .kenzap .kenzap-hall-layout .kenzap-col-3{ width:25%; float:left; padding:0 15px; } .kenzap .kenzap-hall-layout .kenzap-col-2{ width:16.66666667%; float:left; padding:0 15px; } .kenzap .kenzap-hall-layout .kp_wrapper{ padding: 45px 0 10px; overflow-x: scroll; } .kenzap .kenzap-hall-layout .kp_image{ position: relative; overflow: hidden; display: block; margin: 0 auto; border-radius: 3px; display: none; } .kenzap .kenzap-hall-layout .kp_svg{ position: relative; top: 0; left: 0; z-index: 2; display: inline-block; } .kenzap .kenzap-hall-layout .kp_svg polygon{ stroke-width: 3px; fill: var(--avc2, rgba(255,255,255,0.3)); cursor: pointer; } .kenzap .kenzap-hall-layout .kp_svg polygon:hover, .kenzap .kenzap-hall-layout .kp_svg polygon.selected{ fill: var(--sec2, rgba(50,200,50,0.5)); } .kenzap .kenzap-hall-layout .kp_svg polygon.booked{ fill: var(--soc2, #AFC3E5); cursor:auto; } .kenzap #seat_mapping{ width: 100%; min-height: 100%; background-color: #fff; opacity: 1; position: fixed; z-index: 100000; top: 0; bottom: 0; display: none; } .kenzap #svg_number_cont{ display: none; } .kenzap #svg_number_cont, .kenzap #svg_mapping_cont{ width: 90%; height: 80%; padding: 0px; margin: auto; // margin-top: 70px; overflow: scroll; } .kenzap #variation_cont, .kenzap #picker_cont{ display:table;height:100%;margin:auto; } .kenzap #variation_cont{ display: none; } .pvarshow #svg_mapping{ display: none!important; } .pvarshow #variation_cont{ display:table; } .kenzap #variation_cont_zone{ position: fixed; top: 0; height: 100%; width: 100%; left: 0; background: white; z-index: 11; display:none; padding: 10px; } .kenzap .variation_cont_inner, .kenzap .picker_cont_inner{ margin:0 auto;max-width:420px;top:45px;vertical-align:middle;display: table-cell;vertical-align: middle; } .kenzap #variation_cont_zone .variation_cont_inner{ display: block; padding-top: 60px; } .kenzap .picker_cont_inner select{ width:100%;padding:12px;border-radius: 5px; } .kenzap .kp-arrows #svg_mapping_cont{ width: 80%; } .kenzap ul.pvar li{ // color: #949494; display: block; position: relative; float: left; width: 100%; height: 100px; border-bottom: 1px solid #949494; line-height: 1.2; } .kenzap ul.pvar li input[type=radio]{ position: absolute; visibility: hidden; } .kenzap ul.pvar li label{ display: block; position: relative; font-size: 1.35em; padding: 25px 25px 25px 80px; margin: 8px auto; height: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; } .kenzap ul.pvar li:hover label{ // color: #FFFFFF; opacity: 0.9; } .kenzap ul.pvar li .check{ display: block; position: absolute; border: 5px solid #949494; border-radius: 100%; height: 35px; width: 35px; top: 30px; left: 20px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .kenzap ul.pvar li:hover .check { // border: 5px solid #FFFFFF; opacity: 0.9; } .kenzap ul.pvar li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 15px; width: 15px; top: 5px; left: 5px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; } .kenzap ul.pvar input[type=radio]:checked ~ .check { border: 5px solid var(--mc, #ff6600);; } .kenzap ul.pvar input[type=radio]:checked ~ .check::before{ background: var(--mc, #ff6600);; } .kenzap ul.pvar input[type=radio]:checked ~ label{ // color: #0DFF92; } .kenzap #svg_mapping{ display: block; margin: auto; } .kenzap #top_toolbar{ z-index: 19; padding: 12px; // height: 70px; background-color: #fff; box-shadow: 0px 0px 28px 12px rgba(31, 31, 31, 0.07); // margin-bottom: 32px; // position: absolute; width:100%; } .kenzap #seat_mapping_close{ font-size: 16px; margin: 0px 0 0 0px; display: inline-block; // position: absolute; cursor: pointer; line-height: 1; padding: 10px 16px; border-radius: 5px; color: var(--mc, #ff6600); border: 1px solid var(--mc, #ff6600); vertical-align: text-bottom; } .kenzap #seat_mapping_close:hover{ color: #fff; background: var(--mc, #ff6600); cursor: pointer; } .kenzap .var_toolbar_close, .kenzap #seat_mapping_cancel{ float:right; cursor: pointer; } .kenzap .var_toolbar_close .txt, .kenzap #seat_mapping_cancel .txt{ display: none; height: 40px; // display: inline-block; font-size: 16px; margin: 0 8px 12px 0; vertical-align: middle; } .kenzap .var_toolbar_close .times, .kenzap #seat_mapping_cancel .times{ font-size: 54px; line-height: 0.88; } .kenzap .var_toolbar_close .times:hover, .kenzap #seat_mapping_cancel .times:hover{ color: var(--mc, #ff6600); } .kenzap #svg_mapping polygon { stroke-width: 2px; fill: #eee; stroke: #666; } .kenzap .kenzap-hall-layout .kp_svg text{ fill: var(--stcol, #333333); cursor: pointer; } .kenzap .kenzap-hall-layout .kp_svg text.dn, .kenzap #svg_mapping_cont text.dn{ display: none; } .kenzap .kenzap-hall-layout .kp_svg rect, .kenzap .kenzap-hall-layout .kp_svg circle, // .kenzap #svg_mapping text, .kenzap #svg_mapping rect, .kenzap #svg_mapping circle{ cursor: pointer; fill: var(--avc, #AFC3E5); } .kenzap .kenzap-hall-layout .kp_svg text.reserved, .kenzap .kenzap-hall-layout .kp_svg rect.reserved, .kenzap .kenzap-hall-layout .kp_svg circle.reserved, .kenzap #svg_mapping polygon.reserved, // .kenzap #svg_mapping text.reserved, .kenzap #svg_mapping rect.reserved, .kenzap #svg_mapping circle.reserved{ fill: var(--sec, rgba(50,200,50,0.5)); cursor: pointer; } .kenzap .kenzap-hall-layout .kp_svg text.booked, .kenzap .kenzap-hall-layout .kp_svg rect.booked, .kenzap .kenzap-hall-layout .kp_svg circle.booked, // .kenzap #svg_mapping text.booked, .kenzap #svg_mapping rect.booked, .kenzap #svg_mapping circle.booked{ fill: var(--soc, #AFC3E5); cursor: default; } .kenzap #svg_mapping:hover text{ cursor: pointer; } .kenzap #svg_mapping text{ fill: var(--seatsColor, #333333); } .kenzap .seat_head{ display: inline-block; // position: absolute; margin: 8px 0 8px 14px; font-weight: bold; height: 40px; line-height: 1.8em; overflow: hidden; // width: 100%; } .kenzap .seat_head .row1{ display: block; font-weight: normal; } .kenzap .seat_head .row2{ font-size: 13px; margin-top: -8px; font-weight: normal; } .kenzap .sel_texts{ display: inline; } .kenzap .selected_seats{ font-weight:normal; display:inline; margin: 0 0 0 8px; overflow: scroll; cursor: pointer; // width: 60%; } .kenzap .selected_seats span{ margin-left: 15px; font-size: 16px; } .kenzap .kenzap-hall-layout .stage-name{ margin: 0 0 10px; text-align: center; } .kenzap .kenzap-hall-layout a.kp-btn-reserve, .kenzap .kenzap-hall-layout .stage-name h3{ margin: 0 0 20px; display: inline-block; text-align: center; padding: 10px 30px; border-radius: 15px; font-size: 16px; color: var(--mc, #ff6600); border: 1px solid var(--mc, #ff6600); } .kenzap .kenzap-hall-layout .stage-name p{ text-align: center; color: #6f6f6f; font-size: 14px; } .kenzap .kenzap-hall-layout .stage-name .date_select{ border: 0; outline: 0; background: transparent; } .kenzap .kenzap-hall-layout .seat-label{ margin: 0 0 45px; } .kenzap ul.pvar, .kenzap .kenzap-hall-layout .seat-label ul { margin: 0; padding: 0; list-style: none; text-align: center; } .kenzap .kenzap-hall-layout .seat-label ul li { display: inline-block; margin: 8px 20px; font-size: 16px; } .kenzap .kenzap-hall-layout .seat-label ul li:before{ content: " "; border-radius: 50%; width: 24px; height: 24px; border:1px solid #ccc; vertical-align: middle; margin-top:-2px; display: inline-block; margin-right: 20px; } .kenzap .kenzap-hall-layout .seat-label ul li:nth-child(1):before{ background: var(--avc, #F3F3F3); } .kenzap .kenzap-hall-layout .seat-label ul li:nth-child(2):before{ background: var(--soc, #AFC3E5); } .kenzap .kenzap-hall-layout .seat-label ul li:nth-child(3):before{ background: var(--sec, #f78da7); } .kenzap .kenzap-hall-layout .seat-info{ color: #949494; font-size: 14px; width: 80%; max-width: 600px; margin: 0 auto; padding: 0 0 0 57px; background-image: url(../../assets/info.svg); background-size: 37px; background-position: left center; background-repeat: no-repeat; } .kenzap .kenzap-hall-layout .ticket-price{ margin: 50px auto 0 auto; } .kenzap .kenzap-hall-layout .ticket-price table, .kenzap .kenzap-hall-layout .ticket-price th, .kenzap .kenzap-hall-layout .ticket-price td{ border:none; text-align: left; } .kenzap .kenzap-hall-layout .ticket-price table tr td{ color:#6f6f6f; font-size:15px; } .kenzap .kenzap-hall-layout .ticket-price table tr td span{ display:block; color:#b3b3b3; font-size:14px; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > thead > tr > th, .kenzap .kenzap-hall-layout .ticket-price .kp-table > tbody > tr > td{ padding:25px 20px; box-sizing: border-box; } .kenzap .kenzap-hall-layout .ticket-price .kp-table { margin:0; } .kenzap .kenzap-hall-layout table tr td.kp-rem-seat{ color:red; font-size: 26px; padding: 4px; font-weight: bold; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > tbody > tr{ position:relative; border-top:1px solid #eee; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > tbody > tr.selected:before{ content: ""; width:10px; background:var(--mc, #ff6600); position:absolute; left:0; bottom:0; top:0; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > tbody{ display:none; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > .kp-ticket-row > tr:hover td, .kenzap .kenzap-hall-layout .ticket-price .kp-table > .kp-ticket-row > tr:hover{ cursor:pointer; background:#fafafb; } .kenzap .kenzap-hall-layout .ticket-price .kp-table > thead > tr > th{ border:none; background:#fafafb; color:#6f6f70; font-size:15px; font-weight:normal; } .kenzap .kenzap-hall-layout .ticket-price .kp-table{ width:100%; border-spacing: 10px; } .kenzap .kenzap-hall-layout .ticket-price tr, .kenzap .kenzap-hall-layout .ticket-price td{ display:block; overflow:hidden; } .kenzap .kenzap-hall-layout .ticket-price th, .kenzap .kenzap-hall-layout .ticket-price td{ float:left; width:45%; padding:0; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(2), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(2){ float:left; width:20%; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(3), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(3){ float:left; width:25%; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(4), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(4){ float:left; width:10%; } .kenzap .kenzap-hall-layout a.kp-btn-reserve{ display: none; background:#fff; color:var(--mc, #ff6600); border: 1px solid var(--mc, #ff6600); text-decoration: none; border-radius: 5px; float: right; margin-top: 10px; } .kenzap .kenzap-hall-layout a.kp-btn-reserve:hover{ color:#fff; background:var(--mc, #ff6600); cursor: pointer; } .kenzap #seat_mapping button.kp-prev { width: 22px; height: 46px; background: url(../../assets/calendar-events-arrow-left.svg) no-repeat center center; background-size: auto 49px; border: none; position: absolute; left: 14px; bottom: 0; top: 0; margin: auto; } .kenzap #seat_mapping button.kp-next { width: 22px; height: 46px; background: url(../../assets/calendar-events-arrow-right.svg) no-repeat center center; background-size: auto 49px; border: none; position: absolute; right: 14px; bottom: 0; top: 0; margin: auto; } .kenzap .kenzap-hall-layout .ticket-price .m-row{ display: none; } @media screen and (max-width: 37em) { /* width 480px */ .kenzap #svg_mapping_cont{ width: 96%; } .kenzap .kp-arrows #svg_mapping_cont{ width: 70%; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(3), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(3), .kenzap .kenzap-hall-layout .ticket-price th:nth-child(2), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(2){ display: none; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(1), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(1){ width: 70%; } .kenzap .kenzap-hall-layout .ticket-price th:nth-child(4), .kenzap .kenzap-hall-layout .ticket-price td:nth-child(4){ width: 30%; text-align: right; } .kenzap .kenzap-hall-layout .ticket-price .m-row{ display: block; } } .kenzap .woocommerce dl.variation dt.variation-Sector, .kenzap .woocommerce dl.variation dd.variation-Sector{ display: none; }