/* ********** Page Zoom Begin ********** */ html { /*margin: 0px 0px 0px 0px auto;*/ /*margin: 0 auto;*/ margin: 0px 0px 0px 0px; width: 400px; min-height: 100%; transform-origin: left top; transform: scale(1.00); } @media screen and (min-width: 320px) { html { transform: scale(0.80); } } @media screen and (min-width: 324px) { html { transform: scale(0.81); } } @media screen and (min-width: 328px) { html { transform: scale(0.82); } } @media screen and (min-width: 332px) { html { transform: scale(0.83); } } @media screen and (min-width: 336px) { html { transform: scale(0.84); } } @media screen and (min-width: 340px) { html { transform: scale(0.85); } } @media screen and (min-width: 344px) { html { transform: scale(0.86); } } @media screen and (min-width: 348px) { html { transform: scale(0.87); } } @media screen and (min-width: 352px) { html { transform: scale(0.88); } } @media screen and (min-width: 356px) { html { transform: scale(0.89); } } @media screen and (min-width: 360px) { html { transform: scale(0.90); } } @media screen and (min-width: 364px) { html { transform: scale(0.91); } } @media screen and (min-width: 368px) { html { transform: scale(0.92); } } @media screen and (min-width: 372px) { html { transform: scale(0.93); } } @media screen and (min-width: 376px) { html { transform: scale(0.94); } } @media screen and (min-width: 380px) { html { transform: scale(0.95); } } @media screen and (min-width: 384px) { html { transform: scale(0.96); } } @media screen and (min-width: 388px) { html { transform: scale(0.97); } } @media screen and (min-width: 392px) { html { transform: scale(0.98); } } @media screen and (min-width: 396px) { html { transform: scale(0.99); } } @media screen and (min-width: 400px) { html { transform: scale(1.00); } } @media screen and (min-width: 404px) { html { transform: scale(1.01); } } @media screen and (min-width: 408px) { html { transform: scale(1.02); } } @media screen and (min-width: 412px) { html { transform: scale(1.03); } } @media screen and (min-width: 416px) { html { transform: scale(1.04); } } @media screen and (min-width: 420px) { html { transform: scale(1.05); } } @media screen and (min-width: 424px) { html { transform: scale(1.06); } } @media screen and (min-width: 428px) { html { transform: scale(1.07); } } @media screen and (min-width: 432px) { html { transform: scale(1.08); } } @media screen and (min-width: 436px) { html { transform: scale(1.09); } } @media screen and (min-width: 440px) { html { transform: scale(1.10); } } @media screen and (min-width: 444px) { html { transform: scale(1.11); } } @media screen and (min-width: 448px) { html { transform: scale(1.12); } } @media screen and (min-width: 452px) { html { transform: scale(1.13); } } @media screen and (min-width: 456px) { html { transform: scale(1.14); } } @media screen and (min-width: 460px) { html { transform: scale(1.15); } } @media screen and (min-width: 464px) { html { transform: scale(1.16); } } @media screen and (min-width: 468px) { html { transform: scale(1.17); } } @media screen and (min-width: 472px) { html { transform: scale(1.18); } } @media screen and (min-width: 476px) { html { transform: scale(1.19); } } @media screen and (min-width: 480px) { html { transform: scale(1.20); } } @media screen and (min-width: 484px) { html { transform: scale(1.21); } } @media screen and (min-width: 488px) { html { transform: scale(1.22); } } @media screen and (min-width: 492px) { html { transform: scale(1.23); } } @media screen and (min-width: 496px) { html { transform: scale(1.24); } } @media screen and (min-width: 500px) { html { transform: scale(1.25); } } @media screen and (min-width: 504px) { html { transform: scale(1.26); } } @media screen and (min-width: 508px) { html { transform: scale(1.27); } } @media screen and (min-width: 512px) { html { transform: scale(1.28); } } @media screen and (min-width: 516px) { html { transform: scale(1.29); } } @media screen and (min-width: 520px) { html { transform: scale(1.30); } } @media screen and (min-width: 524px) { html { transform: scale(1.31); } } @media screen and (min-width: 528px) { html { transform: scale(1.32); } } @media screen and (min-width: 532px) { html { transform: scale(1.33); } } @media screen and (min-width: 536px) { html { transform: scale(1.34); } } @media screen and (min-width: 540px) { html { transform: scale(1.35); } } @media screen and (min-width: 544px) { html { transform: scale(1.36); } } @media screen and (min-width: 548px) { html { transform: scale(1.37); } } @media screen and (min-width: 552px) { html { transform: scale(1.38); } } @media screen and (min-width: 556px) { html { transform: scale(1.39); } } @media screen and (min-width: 560px) { html { transform: scale(1.40); } } @media screen and (min-width: 564px) { html { transform: scale(1.41); } } @media screen and (min-width: 568px) { html { transform: scale(1.42); } } @media screen and (min-width: 572px) { html { transform: scale(1.43); } } @media screen and (min-width: 576px) { html { transform: scale(1.44); } } @media screen and (min-width: 580px) { html { transform: scale(1.45); } } @media screen and (min-width: 584px) { html { transform: scale(1.46); } } @media screen and (min-width: 588px) { html { transform: scale(1.47); } } @media screen and (min-width: 592px) { html { transform: scale(1.48); } } @media screen and (min-width: 596px) { html { transform: scale(1.49); } } @media screen and (min-width: 600px) { html { transform: scale(1.50); } } @media screen and (min-width: 604px) { html { transform: scale(1.51); } } @media screen and (min-width: 608px) { html { transform: scale(1.52); } } @media screen and (min-width: 612px) { html { transform: scale(1.53); } } @media screen and (min-width: 616px) { html { transform: scale(1.54); } } @media screen and (min-width: 620px) { html { transform: scale(1.55); } } @media screen and (min-width: 624px) { html { transform: scale(1.56); } } @media screen and (min-width: 628px) { html { transform: scale(1.57); } } @media screen and (min-width: 632px) { html { transform: scale(1.58); } } @media screen and (min-width: 636px) { html { transform: scale(1.59); } } @media screen and (min-width: 640px) { html { transform: scale(1.60); } } @media screen and (min-width: 644px) { html { transform: scale(1.61); } } @media screen and (min-width: 648px) { html { transform: scale(1.62); } } @media screen and (min-width: 652px) { html { transform: scale(1.63); } } @media screen and (min-width: 656px) { html { transform: scale(1.64); } } @media screen and (min-width: 660px) { html { transform: scale(1.65); } } @media screen and (min-width: 664px) { html { transform: scale(1.66); } } @media screen and (min-width: 668px) { html { transform: scale(1.67); } } @media screen and (min-width: 672px) { html { transform: scale(1.68); } } @media screen and (min-width: 676px) { html { transform: scale(1.69); } } @media screen and (min-width: 680px) { html { transform: scale(1.70); } } @media screen and (min-width: 684px) { html { transform: scale(1.71); } } @media screen and (min-width: 688px) { html { transform: scale(1.72); } } @media screen and (min-width: 692px) { html { transform: scale(1.73); } } @media screen and (min-width: 696px) { html { transform: scale(1.74); } } @media screen and (min-width: 700px) { html { transform: scale(1.75); } } @media screen and (min-width: 704px) { html { transform: scale(1.76); } } @media screen and (min-width: 708px) { html { transform: scale(1.77); } } @media screen and (min-width: 712px) { html { transform: scale(1.78); } } @media screen and (min-width: 716px) { html { transform: scale(1.79); } } @media screen and (min-width: 720px) { html { transform: scale(1.80); } } @media screen and (min-width: 724px) { html { transform: scale(1.81); } } @media screen and (min-width: 728px) { html { transform: scale(1.82); } } @media screen and (min-width: 732px) { html { transform: scale(1.83); } } @media screen and (min-width: 736px) { html { transform: scale(1.84); } } @media screen and (min-width: 740px) { html { transform: scale(1.85); } } @media screen and (min-width: 744px) { html { transform: scale(1.86); } } @media screen and (min-width: 748px) { html { transform: scale(1.87); } } @media screen and (min-width: 752px) { html { transform: scale(1.88); } } @media screen and (min-width: 756px) { html { transform: scale(1.89); } } @media screen and (min-width: 760px) { html { transform: scale(1.90); } } @media screen and (min-width: 764px) { html { transform: scale(1.91); } } @media screen and (min-width: 768px) { html { transform: scale(1.92); } } @media screen and (min-width: 772px) { html { transform: scale(1.93); } } @media screen and (min-width: 776px) { html { transform: scale(1.94); } } @media screen and (min-width: 780px) { html { transform: scale(1.95); } } @media screen and (min-width: 784px) { html { transform: scale(1.96); } } @media screen and (min-width: 788px) { html { transform: scale(1.97); } } @media screen and (min-width: 792px) { html { transform: scale(1.98); } } @media screen and (min-width: 796px) { html { transform: scale(1.99); } } @media screen and (min-width: 800px) { html { transform: scale(2.00); } } @media screen and (min-width: 804px) { html { transform: scale(2.01); } } @media screen and (min-width: 808px) { html { transform: scale(2.02); } } @media screen and (min-width: 812px) { html { transform: scale(2.03); } } @media screen and (min-width: 816px) { html { transform: scale(2.04); } } @media screen and (min-width: 820px) { html { transform: scale(2.05); } } @media screen and (min-width: 824px) { html { transform: scale(2.06); } } @media screen and (min-width: 828px) { html { transform: scale(2.07); } } @media screen and (min-width: 832px) { html { transform: scale(2.08); } } @media screen and (min-width: 836px) { html { transform: scale(2.09); } } @media screen and (min-width: 840px) { html { transform: scale(2.10); } } @media screen and (min-width: 844px) { html { transform: scale(2.11); } } @media screen and (min-width: 848px) { html { transform: scale(2.12); } } @media screen and (min-width: 852px) { html { transform: scale(2.13); } } @media screen and (min-width: 856px) { html { transform: scale(2.14); } } @media screen and (min-width: 860px) { html { transform: scale(2.15); } } @media screen and (min-width: 864px) { html { transform: scale(2.16); } } @media screen and (min-width: 868px) { html { transform: scale(2.17); } } @media screen and (min-width: 872px) { html { transform: scale(2.18); } } @media screen and (min-width: 876px) { html { transform: scale(2.19); } } @media screen and (min-width: 880px) { html { transform: scale(2.20); } } @media screen and (min-width: 884px) { html { transform: scale(2.21); } } @media screen and (min-width: 888px) { html { transform: scale(2.22); } } @media screen and (min-width: 892px) { html { transform: scale(2.23); } } @media screen and (min-width: 896px) { html { transform: scale(2.24); } } @media screen and (min-width: 900px) { html { transform: scale(2.25); } } @media screen and (min-width: 904px) { html { transform: scale(2.26); } } @media screen and (min-width: 908px) { html { transform: scale(2.27); } } @media screen and (min-width: 912px) { html { transform: scale(2.28); } } @media screen and (min-width: 916px) { html { transform: scale(2.29); } } @media screen and (min-width: 920px) { html { transform: scale(2.30); } } @media screen and (min-width: 924px) { html { transform: scale(2.31); } } @media screen and (min-width: 928px) { html { transform: scale(2.32); } } @media screen and (min-width: 932px) { html { transform: scale(2.33); } } @media screen and (min-width: 936px) { html { transform: scale(2.34); } } @media screen and (min-width: 940px) { html { transform: scale(2.35); } } @media screen and (min-width: 944px) { html { transform: scale(2.36); } } @media screen and (min-width: 948px) { html { transform: scale(2.37); } } @media screen and (min-width: 952px) { html { transform: scale(2.38); } } @media screen and (min-width: 956px) { html { transform: scale(2.39); } } @media screen and (min-width: 960px) { html { transform: scale(2.40); } } @media screen and (min-width: 964px) { html { transform: scale(2.41); } } @media screen and (min-width: 968px) { html { transform: scale(2.42); } } @media screen and (min-width: 972px) { html { transform: scale(2.43); } } @media screen and (min-width: 976px) { html { transform: scale(2.44); } } @media screen and (min-width: 980px) { html { transform: scale(2.45); } } @media screen and (min-width: 984px) { html { transform: scale(2.46); } } @media screen and (min-width: 988px) { html { transform: scale(2.47); } } @media screen and (min-width: 992px) { html { transform: scale(2.48); } } @media screen and (min-width: 996px) { html { transform: scale(2.49); } } @media screen and (min-width: 1000px) { html { transform: scale(2.50); } } @media screen and (min-width: 1004px) { html { transform: scale(2.51); } } @media screen and (min-width: 1008px) { html { transform: scale(2.52); } } @media screen and (min-width: 1012px) { html { transform: scale(2.53); } } @media screen and (min-width: 1016px) { html { transform: scale(2.54); } } @media screen and (min-width: 1020px) { html { transform: scale(2.55); } } @media screen and (min-width: 1024px) { html { transform: scale(2.56); } } @media screen and (min-width: 1028px) { html { transform: scale(2.57); } } @media screen and (min-width: 1032px) { html { transform: scale(2.58); } } @media screen and (min-width: 1036px) { html { transform: scale(2.59); } } @media screen and (min-width: 1040px) { html { transform: scale(2.60); } } @media screen and (min-width: 1044px) { html { transform: scale(2.61); } } @media screen and (min-width: 1048px) { html { transform: scale(2.62); } } @media screen and (min-width: 1052px) { html { transform: scale(2.63); } } @media screen and (min-width: 1056px) { html { transform: scale(2.64); } } @media screen and (min-width: 1060px) { html { transform: scale(2.65); } } @media screen and (min-width: 1064px) { html { transform: scale(2.66); } } @media screen and (min-width: 1068px) { html { transform: scale(2.67); } } @media screen and (min-width: 1072px) { html { transform: scale(2.68); } } @media screen and (min-width: 1076px) { html { transform: scale(2.69); } } @media screen and (min-width: 1080px) { html { transform: scale(2.70); } } @media screen and (min-width: 1084px) { html { transform: scale(2.71); } } @media screen and (min-width: 1088px) { html { transform: scale(2.72); } } @media screen and (min-width: 1092px) { html { transform: scale(2.73); } } @media screen and (min-width: 1096px) { html { transform: scale(2.74); } } @media screen and (min-width: 1100px) { html { transform: scale(2.75); } } @media screen and (min-width: 1104px) { html { transform: scale(2.76); } } @media screen and (min-width: 1108px) { html { transform: scale(2.77); } } @media screen and (min-width: 1112px) { html { transform: scale(2.78); } } @media screen and (min-width: 1116px) { html { transform: scale(2.79); } } @media screen and (min-width: 1120px) { html { transform: scale(2.80); } } @media screen and (min-width: 1124px) { html { transform: scale(2.81); } } @media screen and (min-width: 1128px) { html { transform: scale(2.82); } } @media screen and (min-width: 1132px) { html { transform: scale(2.83); } } @media screen and (min-width: 1136px) { html { transform: scale(2.84); } } @media screen and (min-width: 1140px) { html { transform: scale(2.85); } } @media screen and (min-width: 1144px) { html { transform: scale(2.86); } } @media screen and (min-width: 1148px) { html { transform: scale(2.87); } } @media screen and (min-width: 1152px) { html { transform: scale(2.88); } } @media screen and (min-width: 1156px) { html { transform: scale(2.89); } } @media screen and (min-width: 1160px) { html { transform: scale(2.90); } } @media screen and (min-width: 1164px) { html { transform: scale(2.91); } } @media screen and (min-width: 1168px) { html { transform: scale(2.92); } } @media screen and (min-width: 1172px) { html { transform: scale(2.93); } } @media screen and (min-width: 1176px) { html { transform: scale(2.94); } } @media screen and (min-width: 1180px) { html { transform: scale(2.95); } } @media screen and (min-width: 1184px) { html { transform: scale(2.96); } } @media screen and (min-width: 1188px) { html { transform: scale(2.97); } } @media screen and (min-width: 1192px) { html { transform: scale(2.98); } } @media screen and (min-width: 1196px) { html { transform: scale(2.99); } } @media screen and (min-width: 1200px) { html { transform: scale(3.00); } } .modal-content { border: 0; } .modal-body { padding: 0; } .modal-dialog { /*max-width: 378px;*/ width: 400px; margin: 0; } /* ********** Page Zoom End ********** */ /* ********** Color definition Begin ********** */ :root { /*--vw: 100vw;*/ /*--scale: calc(100vw / 400px);*/ /*--scale: calc(100vw / 105.833333333);*/ /*--scale: calc(var(--vw) / 105.833333333);*/ --scale: 1.0; --font-scale: 1.0; --font-scale-fa: 100%; --checkbox-scale: 2; --checkbox-margin-top: -1px; --checkbox-margin-left: -2px; --checkbox-margin-right: 28px; --checkbox-ul-label-padding-top: 2.5px; --acheckbox-margin-top: -4.5px; --tcheckbox-margin-top: -4.5px; --radio-scale: 1.7; --radio-margin-top: 0px; --radio-margin-right: 22px; --radio-ul-label-padding-top: 1px; --fixedMenuBarHeight: 52px; --red-color: #FF6E60; --green-color: #999736; --viridian-green-color: #009698; --light-purple-color: #D2737F; /* purple * 1.25 */ --purple-color: #A85C66; --dgray-color: #484641; --lgray-color: #A5AAA6; --llgray-color: #EEEEEE; --lllgray-color: #F8F8F8; } .red { color: var(--red-color); } .green { color: var(--green-color); } .purple { color: var(--purple-color); } .dgray { color: var(--dgray-color); } .lgray { color: var(--lgray-color); } .llgray { color: var(--llgray-color); } /* ********** Color definition End ********** */ /* ********** Spacing definition Begin ********** */ .sp_ss_v { height: 8px; } .sp_ss_h { width: 8px; } .sp_s_v { height: 16px; } .sp_s_h { width: 16px; } .sp_m_v { height: 24px; } .sp_m_h { width: 24px; } .sp_l_v { height: 32px; } .sp_xl_v { height: 64px; } .content-splitter-ll { margin: 24px 24px 0px 24px; padding: 0px 0px 24px 0px; border-top: 1px solid var(--llgray-color); } /* ********** Spacing definition End ********** */ /* ********** Font definition Begin ********** */ .fa, .fab, .fad, .fal, .far, .fas { font-size: var(--font-scale-fa); } label { font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; } .block_title { font-weight: 600; font-size: calc(22px * var(--font-scale)); line-height: 38px; font-family: "Open Sans"; color: var(--dgray-color); } .selector_c_title { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .selector_c_subtitle { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .hla_card_title { position: relative; width: 100%; overflow: hidden; font-weight: 400; /*font-size: 16px;*/ /*font-size: 4vw;*/ /*font-size: calc(4vw / var(--scale));*/ font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); } .hla_card_subtitle { position: relative; width: 100%; overflow: hidden; font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .hlb_card_title { font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: white; } .hlb_card_text { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: white; } .vla_card_title { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .vla_card_text1 { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); } .vla_card_text2 { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--lgray-color); } .vla_card_text3 { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); } .vla_card_text3_icon { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--green-color); } .menu-option { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .menu-option-group-divider { height: 12px; width: 100%; border-bottom: 1px solid var(--llgray-color); } .menu-option-divider { height: 12px; width: 100%; } .menu-option-subtitle { font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--lgray-color); } .menu-bottom { height: 64px; width: 100%; } .ev-view-cost-font-bold { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .ev-view-cost-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .ev-view-like-font-bold { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); } .ev-view-like-font { font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); } .session-ticket-box-title-font { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); } .ticket-policy-block-title-font { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); } .ticket-policy-title-font { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .ticket-policy-subtitle-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--red-color); } .messenger-checkbox-title-font { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .messenger-checkbox-subtitle-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .final-notes-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .guide-box-title-font { font-weight: 600; font-size: calc(19px * var(--font-scale)); line-height: 35px; font-family: "Open Sans"; color: var(--dgray-color); } .guide-box-text-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .input-title-font { font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); } .input-subtitle-font { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .font-t2 { font-weight: 600; font-size: calc(22px * var(--font-scale)); line-height: 38px; font-family: "Open Sans"; } .font-t3 { font-weight: 600; font-size: calc(19px * var(--font-scale)); line-height: 35px; font-family: "Open Sans"; } .font-l { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; } .font-lb { font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; } .font-r { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; } .font-rb { font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; } .font-s { font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; } .font-sb { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; } .font-ss { font-weight: 300; font-size: calc(9px * var(--font-scale)); line-height: 11px; font-family: "Open Sans"; } #terms-of-use h1, #privacy h1, h1 { font-weight: 600; font-size: calc(19px * var(--font-scale)); } #terms-of-use h2, #privacy h2, h2 { font-weight: 600; font-size: calc(17px * var(--font-scale)); } #terms-of-use h3, #privacy h3, h3 { font-weight: 600; font-size: calc(15px * var(--font-scale)); } #terms-of-use h4, #privacy h4, h4 { font-weight: 600; font-size: calc(13px * var(--font-scale)); } h5 { font-weight: 600; font-size: calc(12px * var(--font-scale)); } /* ********** Font definition End ********** */ /* ********** Layout definition Begin ********** */ .rounded-corners { border-radius: 5px; } .horizontal-list-a-card-frame { border: 1px solid var(--lgray-color); border-radius: 6px; box-shadow: 8px 8px 16px -7px rgba(0,0,0,0.1); -webkit-box-shadow: 8px 8px 16px -7px rgba(0,0,0,0.1); -moz-box-shadow: 8px 8px 16px -7px rgba(0,0,0,0.1); } .menu-header { height: 52px; padding: 8px 16px 8px 16px; background-color: white; border-bottom: 1px solid var(--dgray-color); } .menu-header button.left { margin: 0px; float: left; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); opacity: 1.00; } .menu-header button.right, .modal-header button.right { margin: 0px; float: right; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--green-color); opacity: 1.00; } .menu-header button:hover, .menu-header button:focus, .modal-header button.right:hover, .modal-header button.right:focus { opacity: 0.5; } .menu-header button:disabled, .modal-header button.right:disabled { opacity: 0.3; } .menu-modal .modal-dialog { margin: 0px; width: 400px; } .menu-modal .modal-dialog .modal-content { /*padding: 0px 24px 0px 24px;*/ border: 0px; } .menu-modal .menu-option-box button.left { display: inline-block; margin: 0px; float: none; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); opacity: 1.00; } .menu-modal .menu-option-box button:hover, .menu-modal .menu-option-box button:focus { opacity: 0.5; } .menu-modal .modal-dialog .modal-content .modal-body { /*padding: var(--fixedMenuBarHeight) 0 0 0;*/ padding: 0px; } .popup-layer-a-modal .modal-dialog { margin: 0px; width: 400px; } .popup-layer-a-modal .modal-dialog .modal-content { border: 0; } .popup-layer-a-modal .modal-dialog .modal-content .modal-header, .popup-layer-a-modal .modal-dialog .modal-content .modal-footer { display: none; } /*.popup-layer-a-modal .modal-dialog .modal-content .modal-header { padding: 16px 16px 16px 16px; border-bottom: 1px solid var(--dgray-color); } .popup-layer-a-modal .modal-dialog .modal-content .modal-header button.left { display: inline-block; margin: 0px; float: none; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); opacity: 1.00; } .popup-layer-a-modal .modal-dialog .modal-content .modal-header button.right { display: inline-block; margin: 0px; float: right; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--green-color); opacity: 1.00; } .popup-layer-a-modal .modal-dialog .modal-content .modal-header button:hover, .popup-layer-a-modal .modal-dialog .modal-content .modal-header button:focus { opacity: 0.5; }*/ .popup-layer-a-modal .modal-dialog .modal-content .modal-body { padding: 0px; } .popup-layer-a-horizontal-split-bar { margin: 0px 24px; border-bottom: 1px solid var(--lgray-color); } .navigation-a-box { padding-left: 16px; } .navigation-b-box { margin: 0px 24px; padding: 16px 0px; border-bottom: 1px solid var(--lgray-color); } .event-category { padding: 32px 24px 0px 24px; font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); text-transform: uppercase; } .event-title { padding: 0px 24px 32px 24px; font-weight: 600; font-size: calc(22px * var(--font-scale)); /*line-height: 38px;*/ line-height: 28px; font-family: "Open Sans"; color: var(--dgray-color); max-height: 76px; } .event-place-box, .event-address-box, .event-date-box, .event-language-box, .event-vacancy-box { padding: 0px 24px 8px 24px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); white-space: nowrap; } .event-place-box .btn-link { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; } .card-d-box, .event-host-box { margin: 24px; padding: 16px; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); border: 1px solid var(--lgray-color); border-radius: 8px; } .card-d-box button, .event-host-box button { padding: 0px; font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--green-color); } .event-about-title-box, .event-announcement-title-box, .event-policies-title-box { padding: 0px 24px 16px 24px; font-weight: 600; font-size: calc(22px * var(--font-scale)); line-height: 38px; font-family: "Open Sans"; color: var(--dgray-color); } .event-about-box { overflow: hidden; padding: 0px 24px; margin-bottom: 16px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .event-policies-sub-title-box { padding: 0px 24px 16px 24px; font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .event-policy-box { overflow: hidden; padding: 0px 24px 16px 24px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .session_ticket_box .ticket-box { position: relative; padding: 0px 24px 24px 24px; } .ticket-policy-form .ticket-box { position: relative; padding: 24px 24px 32px 24px; } #event-buy-ticket-form-view .guide-box { position: relative; padding: 0 24px 32px 24px; } .event-buy-ticket-form { position: relative; padding: 0 24px; } .event-buy-ticket-form [id^="collapse-form-"], .event-buy-ticket-form [id^="expand-form-"] { padding: 0px; } .input-title-box { padding: 24px 0px; } .vertical-listing-h { margin: 0px 24px 8px 24px; } .vertical-listing-h-frame { padding: 24px; border-radius: 4px; background-color: var(--llgray-color); } .compressed-vertical-listing-j .vertical-listing-j-title { margin-bottom: 8px; } .vertical-listing-j-title { padding: 0px 24px; margin-bottom: 32px; /*border-top: 1px solid var(--lgray-color);*/ } .vertical-listing-j-item-outer-frame { padding: 0px 24px 24px 24px; } .compressed-vertical-listing-j .vertical-listing-j-item-outer-frame { padding-bottom: 8px; } .vertical-listing-j-item-inner-frame { padding-bottom: 24px; border-bottom: 1px solid var(--llgray-color); } .compressed-vertical-listing-j .vertical-listing-j-item-inner-frame { padding-bottom: 4px; /* border-bottom: unset; */ } .compressed-vertical-listing-j .vertical-listing-j-item-frame .font-r { /* compressed to font-s */ font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; } .vertical-listing-e-item-box { margin: 0px 24px; } .vertical-listing-e-item-icon { display: table-cell; padding-right: 16px; } .vertical-listing-e-item-text { display: table-cell; vertical-align: middle; } .data-listing-a-box { padding: 0px 24px 64px 24px; } .data-listing-a-title-box { padding: 24px 0px; margin: 0px 24px; border-bottom: 1px solid var(--llgray-color); } .data-listing-a-datatitle-box { padding-top: 24px; } .data-listing-a-data-box { padding-bottom: 24px; border-bottom: 1px solid var(--llgray-color); } .data-input-a-title-box { display: table; width: 100%; padding: 24px 24px 0px 24px; } .data-input-a-title-box.sub { display: table; width: 100%; padding: 24px 0px 0px 0px; } .data-input-a-title { display: table-cell; vertical-align: middle; } .data-input-a-drop-box { padding: 0px 24px 0px 24px; } .data-input-a-drop-box.sub { padding: 0px 0px 0px 0px; } .data-input-a-subtitle { padding-bottom: 24px; } .data-input-a-label { padding: 24px 0px; } .data-input-a-option { display: inline-block; margin-right: 24px; } .data-input-a1-input-left { display: inline-block; width: 163px; margin-right: 24px; vertical-align: top; } .data-input-a1-input-right { display: inline-block; width: 163px; vertical-align: top; } /* .modal .data-input-a1-input-left { width: 151px; } .modal .data-input-a1-input-right { width: 151px; } */ .selector-g { margin-bottom: 24px; } .selector-g label { font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); margin-bottom: 24px; } .selector-g ul li { height: 24px; margin-bottom: 8px; } .selector-g ul { list-style-type: none; padding: 0; white-space: nowrap; } .selector-g ul input { vertical-align: top; } .search-icon { width:100%; height:100%; background-image: url('iconfinder_2040_searchpad_change_c12_2400494.svg'); background-size: 100% 100%; } .next-arrow { width:100%; height:100%; background-image: url('iconfinder_next_arrow_3831001.svg'); background-size: 100% 100%; } .right-arrow { width:100%; height:100%; background-image: url('right_arrow.svg'); background-size: 100% 100%; } .right-arrow-white { width:100%; height:100%; background-image: url('right_arrow_white.svg'); background-size: 100% 100%; } .right-arrow-image { transform: rotate(0deg); transition: transform 0.5s linear; } .right-arrow-image.open { transform: rotate(90deg); transition: transform 0.5s linear; } .card-d-frame { margin: 24px; padding: 16px; border: 1px solid var(--lgray-color); border-radius: 8px; overflow: hidden; } .share-drop-box { display: none; margin: 16px 24px 24px 24px; } .share-icon-div { display: inline-block; margin-left: 16px; } .share-icon { width: 58px; height: 58px; } /* ********** Layout definition End ********** */ /* ********** Button definition Begin ********** */ .full-width-button { width: 100%; margin-top: 16px; padding: 8px; border: 2px solid var(--green-color); border-radius: 4px; background-color: white; font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--green-color); } .half-width-button { width: 164px; margin-top: 16px; padding: 8px; border: 2px solid var(--green-color); border-radius: 4px; background-color: white; font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--green-color); white-space: normal; } .navigation-a-button { min-width: 70px; font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); padding: 4px; margin-left: 8px; border-radius: 4px; border: 1px solid var(--lgray-color); background-color: white; } .navigation-a-button.activated { font-weight: 400; color: var(--purple-color); } .navigation-a-button:hover, .navigation-a-button:focus { font-weight: 400; font-size: calc(14px * var(--font-scale)); color: var(--purple-color); } .navigation-b-button { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--green-color); padding: 0; background-color: white; text-decoration: underline; } .navigation-b-button.activated { font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; color: var(--dgray-color); text-decoration: none; } .navigation-b-button:not([disabled]):not(.activated):hover, .navigation-b-button:not([disabled]):not(.activated):focus { color: var(--purple-color); text-decoration: underline; } .navigation-b-button:disabled, .navigation-b-button:disabled { color: var(--lgray-color); text-decoration: none; } .navigation-b-dot { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); padding: 0; background-color: white; vertical-align: middle; } .navigation-b-dot.nbb3 { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; } .navigation-b-button.nbb1 { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; } .navigation-b-button.nbb2 { font-weight: 600; font-size: calc(19px * var(--font-scale)); line-height: 35px; } .navigation-b-button.nbb3 { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; } .card-a-button { width: 224px; padding: 16px; border: none; border-radius: 4px; background-color: white; font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .vertical-listing-a1-button { font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); padding: 8px 6px; margin-left: 8px; border-radius: 4px; border: 1px solid var(--lgray-color); background-color: white; /*background-color: rgb(255,255,255,0.7);*/ } .vertical-listing-a1-button:hover, .vertical-listing-a1-button:focus { font-weight: 400; font-size: calc(14px * var(--font-scale)); color: var(--purple-color); } .ev-view-get-button { float:right; padding: 8px; border-radius: 4px; background-color: var(--red-color); font-weight: 400; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: white !important; } .ev-view-buy-tickets-button { padding: 8px; border-radius: 4px; background-color: var(--red-color); font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: white !important; } .ev-tickets-view-continue-button { width: 100%; padding: 8px; border-radius: 4px; background-color: var(--red-color); font-weight: 400; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: white !important; } /* ********** Button definition End ********** */ .asterisk{ color: var(--purple-color); vertical-align: top; font-weight: 700; } div.hsplit { position:relative; width:100%; height:0; padding-bottom:1%; } .fa-caret-down { transform: rotate(0deg); transition: transform 0.5s linear; } .fa-caret-down.open { transform: rotate(180deg); transition: transform 0.5s linear; } /* ********** For Google Map Autocomplete to show up on Modal Begin ********** */ .pac-container { z-index: 1050; top: 38px !important; left: 2px !important; } /* ********** For Google Map Autocomplete to show up on Modal End ********** */ /* ********** Backbone Forms Begin ********** */ input:not([type='button']):disabled { background: var(--lllgray-color); } [data-fields] label, [length-help], [data-error] { font-weight: 300; font-size: calc(12px * var(--font-scale)); line-height: 15px; font-family: "Open Sans"; color: var(--dgray-color); } [data-editor] input[type="text"], [data-editors] input[type="text"], [data-editors] textarea { width: 100%; padding: 16px; border: 2px solid var(--llgray-color); border-radius: 4px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } [data-editor] input[type="text"]:focus, [data-editors] input[type="text"]:focus, [data-editors] textarea:focus, [data-editor] input[type="number"]:focus, [data-editors] input[type="number"]:focus { outline: 0; /*border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/ border-color: #a85c66; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 92, 102, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 92, 102, .6); } [data-editors] textarea { resize: none; } [data-error] { color: red; } [data-fieldsets] .error label, [data-fieldsets] .error [data-error], [data-fields] .error label, [data-fields] .error [data-error], [data-editors].error [data-error], .ticket-sale-period-review-box .error { color: red; } /* ********** Backbone Forms Search Begin ********** */ .search-text { position: relative; display: block; } .search-text > input[type="text"]+span { position: absolute; display: block; top: 19.5px; right: 8px; width: 16px; height: 16px; background-image: url('close.svg'); background-size: 100% 100%; cursor: pointer; } /* ********** Backbone Forms Search End ********** */ /* ********** Backbone Forms Checkbox Begin ********** */ input[type="checkbox"] { width: 14.19px; height: 14.19px; padding: 16px; border: 2px solid var(--llgray-color); border-radius: 4px; margin-top: var(--checkbox-margin-top); margin-left: var(--checkbox-margin-left); margin-right: var(--checkbox-margin-right); transform-origin: top left; transform: scale(var(--checkbox-scale)); vertical-align: top; } input[type="checkbox"]:disabled { filter:invert(15%); } :not(li) > input[type="checkbox"] { margin-top: var(--acheckbox-margin-top); margin-right: 8px; } div[style*="display:table-cell"] > div[data-editors] > input[type="checkbox"] { margin-top: var(--tcheckbox-margin-top); margin-right: 8px; } input[type="checkbox"] + label { padding-top: var(--checkbox-ul-label-padding-top); font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } /* ********** Backbone Forms Checkbox End ********** */ /* ********** Backbone Forms Radio Begin ********** */ input[type="radio"] { width: 16px; height: 14.19px; padding: 16px; margin-top: var(--radio-margin-top); /* margin-left: -1px; */ margin-right: var(--radio-margin-right); transform-origin: top left; transform: scale(var(--radio-scale)); } input[type="radio"] + label { padding-top: var(--radio-ul-label-padding-top); font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } /* ********** Backbone Forms Radio End ********** */ /* ********** Backbone Forms ToggleCheckbox Begin ********** */ .switch { /* The switch - the box around the slider */ position: relative; display: inline-block; width: 80%; height: 0; padding-bottom: 55%; margin-top: 10%; margin-left: 10%; } .switch input { /* Hide default HTML checkbox */ opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--llgray-color); -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 82%; width: 56%; left: 6%; bottom: 10%; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { /*background-color: #2196F3;*/ background-color: var(--green-color); } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(55%); -ms-transform: translateX(55%); transform: translateX(55%); } /* Rounded sliders */ .slider.round { border-radius: 999999px; } .slider.round:before { border-radius: 50%; } /* ********** Backbone Forms ToggleCheckbox End ********** */ .number-spinner { position: relative; content: ""; width: 100%; height: 0; padding-bottom: 26.19%; left: 0%; bottom: 0%; margin: 0px; } .number-spinner input { /* Hide default HTML Text Input */ opacity: 0; width: 0 !important; height: 0; } .number-spinner-down { position: absolute; content: ""; height: 0; width: 26.19%; padding-bottom: 26.19%; left: 0%; bottom: 0%; border-radius: 50%; background-image: url("iconfinder_minus_1814110.svg"); background-size: 100% 100%; /*mask: url("iconfinder_minus_1814110.svg"); mask-size: cover; background-color: var(--dgray-color);*/ } .number-spinner-down.disabled { background-image: url("iconfinder_minus_1814110_.svg"); /*background-color: var(--lgray-color);*/ } .number-spinner-up { position: absolute; content: ""; height: 0; width: 26.19%; padding-bottom: 26.19%; right: 0%; bottom: 0%; border-radius: 50%; background-image: url("iconfinder_plus_1814113.svg"); background-size: 100% 100%; /*mask: url("iconfinder_plus_1814113.svg"); mask-size: cover; background-color: var(--dgray-color);*/ } .number-spinner-up.disabled { background-image: url("iconfinder_plus_1814113_.svg"); /*background-color: var(--lgray-color);*/ } .number-spinner-num-box { position: absolute; content: ""; height: 0; width: 47.62%; padding-bottom: 26.19%; right: 26.19%; bottom: 0%; } .number-spinner-num-text { font-weight: 300; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; color: var(--dgray-color); } /* ********** Backbone Forms ToggleRadio Begin ********** */ @import url('https://fonts.googleapis.com/css?family=Roboto:700,900'); :root { --ratingGreyColor: #d0cccd; --ratingBlueColor: #00b9ee; --ratingDarkColor: #555e63; } /*.normal-container { position: absolute; height: 100%; width: 100%; }*/ .smile-rating-container { position: relative; height: 10%; min-width: 220px; max-width: 520px; margin: auto; font-family: 'Roboto', sans-serif; top: 20%; } .submit-rating { display: flex; align-items: center; justify-content: center; } .rating-label { position: relative; font-size: 1.6em; text-align: center; flex: 0.34; z-index: 3; font-weight: bold; cursor: pointer; color: var(--ratingGreyColor); transition: 500ms; } .rating-label:hover, .rating-label:active { color: var(--ratingGreyColor); } .rating-label-fun { left: -58px; text-align: right; } .rating-label-meh { left: 58px; text-align: left; color: #222; } .smile-rating-container input { display: none; } .smile-rating-toggle-container { } .toggle-rating-pill { position: relative; height: 65px; width: 165px; background: var(--ratingGreyColor); border-radius: 500px; transition: all 500ms; } .smile-rating-toggle { position: absolute; width: 54px; height: 54px; background-color: white; left: 182px; border-radius: 500px; transition: all 500ms; z-index: 4; } .rating-eye { position: absolute; height: 12px; width: 8px; top: 22px; background: var(--ratingGreyColor); border-radius: 500px; z-index: 5; transition: all 440ms; animation: blink-eye 3s infinite; } @keyframes blink-eye { 0% { height: 12px; width: 8px; top: 22px; } 20% { height: 12px; width: 8px; top: 22px; } 40% { height: 12px; width: 8px; top: 22px; } 60% { height: 12px; width: 8px; top: 22px; } 80% { height: 12px; width: 8px; top: 22px; } 90% { height: 12px; width: 8px; top: 22px; } 95% { height: 2px; width: 8px; top: 30px; } 100% { height: 12px; width: 8px; top: 22px; } } .rating-eye-left { left: 192px; } .rating-eye-right { left: 216px; } .mouth { position: absolute; width: 28px; height: 20px; z-index: 6; border: 4px solid var(--ratingGreyColor); border-radius: 10%; border-bottom-color: rgba(1,1,1,0); border-right-color: rgba(1,1,1,0); border-left-color: rgba(1,1,1,0); top: 42px; left: 190px; transition: all 500ms; } /* Toggle Changes */ #meh:checked~.rating-label-meh { color: var(--ratingDarkColor); } #fun:checked~.rating-label-meh { color: var(--ratingGreyColor); } #fun:checked~.mouth { border: 4px solid var(--ratingBlueColor); border-bottom-color: rgba(1,1,1,0); border-right-color: rgba(1,1,1,0); border-left-color: rgba(1,1,1,0); top: 23px; left: 291px; transform: rotateX(180deg); border-radius: 100%; } #fun:checked~.rating-label-fun { color: var(--ratingDarkColor); } #fun:checked~.smile-rating-toggle { left: 282px; } #fun:checked~.rating-eye-left { left: 292px; } #fun:checked~.rating-eye-right { left: 316px; } #fun:checked~.toggle-rating-pill { background-color: var(--ratingBlueColor); } #fun:checked~.rating-eye { background-color: var(--ratingBlueColor); } @media only screen and (max-width:524px) { /*.normal-container { position: absolute; height: 100%; width: 100%; }*/ .smile-rating-container { position: relative; height: 10%; width: 490px; margin: auto; font-family: 'Roboto', sans-serif; top: 20%; } .submit-rating { display: flex; align-items: center; justify-content: center; } .rating-label { position: relative; font-size: 1.6em; text-align: center; flex: 0.34; z-index: 3; font-weight: bold; cursor: pointer; color: var(--ratingGreyColor); transition: 500ms; } .rating-label:hover, .rating-label:active { color: var(--ratingGreyColor); } .rating-label-fun { left: -58px; text-align: right; } .rating-label-meh { left: 50px; text-align: left; color: #222; } .smile-rating-container input { display: none; } .smile-rating-toggle-container { } .toggle-rating-pill { position: relative; height: 65px; width: 165px; background: var(--ratingGreyColor); border-radius: 500px; transition: all 500ms; } .smile-rating-toggle { position: absolute; width: 54px; height: 54px; background-color: white; left: 168px; border-radius: 500px; transition: all 500ms; z-index: 4; } .rating-eye { position: absolute; height: 12px; width: 8px; background: var(--ratingGreyColor); border-radius: 500px; top: 22px; z-index: 5; transition: all 440ms; } .rating-eye-left { left: 180px; } .rating-eye-right { left: 201px; } .mouth { position: absolute; width: 28px; height: 20px; z-index: 6; border: 4px solid var(--ratingGreyColor); border-radius: 10%; border-bottom-color: rgba(1,1,1,0); border-right-color: rgba(1,1,1,0); border-left-color: rgba(1,1,1,0); top: 42px; left: 177px; transition: all 500ms; } /* Toggle Changes */ #meh:checked~.rating-label-meh { color: var(--ratingDarkColor); } #fun:checked~.rating-label-meh { color: var(--ratingGreyColor); } #fun:checked~.mouth { border: 4px solid var(--ratingBlueColor); border-bottom-color: rgba(1,1,1,0); border-right-color: rgba(1,1,1,0); border-left-color: rgba(1,1,1,0); top: 23px; left: 275px; transform: rotateX(180deg); border-radius: 100%; } #fun:checked~.rating-label-fun { color: var(--ratingDarkColor); } #fun:checked~.smile-rating-toggle { left: 266px; } #fun:checked~.rating-eye-left { left: 275px; } #fun:checked~.rating-eye-right { left: 300px; } #fun:checked~.toggle-rating-pill { background-color: var(--ratingBlueColor); } #fun:checked~.rating-eye { background-color: var(--ratingBlueColor); } } /* ********** Backbone Forms ToggleRadio End ********** */ /* ********** Backbone Forms End ********** */ /* ********** Create Wizard From Begin ********** */ .create-wizard-form, .create-wizard-step2-form, .create-wizard-step3-form, .create-session-wizard-form, .create-ticket-wizard-form, .copy-ticket-wizard-form, .specify-vacancy-form, .specify-datetime-form, .ticket-sale-period-review-panel, .create-main-form-wizard-form, .create-custom-form-wizard-form, .copy-main-form-wizard-form, .copy-custom-form-wizard-form, .private-message-form, /* .event-message-form, */ .create-table-form, .add-column-form { /* padding: 20px; */ font-size: 16px; } .create-wizard-step2-form .btn-lg .fa-stack, .create-wizard-step3-form .btn-lg .fa-stack { font-size: 12px; } .create-wizard-form [length-help], .create-session-wizard-form [length-help], .create-ticket-wizard-form [length-help], .create-custom-form-wizard-form [length-help], .create-table-form [length-help], .add-column-form [length-help] { color: #A8A8A8; } .form-field { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; background-color: #F4F6F8; } .create-wizard-form input:not([type='button']), /*.create-wizard-form textarea,*/ /*.create-session-wizard-form input:not([type='button']),*/ /*.create-session-wizard-form textarea,*/ .create-wizard-step2-form input:not([type='button']), .create-wizard-step3-form input:not([type='button']), .create-ticket-wizard-form input:not([type='button']), .create-ticket-wizard-form textarea, .specify-vacancy-form input:not([type='button']), .specify-datetime-form input:not([type='button']), .create-custom-form-wizard-form input:not([type='button']), .event-buy-ticket-form input:not([type='button']), .private-message-form input:not([type='button']), .event-message-form input:not([type='button']), .event-message-reply-form input:not([type='button']), .re-edit-ticket-form input:not([type='button']), .email-form input:not([type='button']), .inquiry-response-form input:not([type='button']), /*.create-table-form input:not([type='button']),*/ .add-column-form input:not([type='button']), .claim-your-ticket-form input:not([type='button']), #edit-profile-form textarea, #detail-text-form textarea, #open-case-form input:not([type='button']) { padding: 16px; border: 2px solid var(--llgray-color); border-radius: 4px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .create-wizard-form input:not([type='button']):focus, /*.create-wizard-form textarea:focus,*/ /*.create-session-wizard-form input:not([type='button']):focus,*/ /*.create-session-wizard-form textarea:focus,*/ .create-wizard-step2-form input:not([type='button']):focus, .create-wizard-step3-form input:not([type='button']):focus, .create-ticket-wizard-form input:not([type='button']):focus, .create-ticket-wizard-form textarea:focus, .specify-vacancy-form input:not([type='button']):focus, .specify-datetime-form input:not([type='button']):focus, .create-custom-form-wizard-form input:not([type='button']):focus, .event-buy-ticket-form input:not([type='button']):focus, .private-message-form input:not([type='button']):focus, .event-message-form input:not([type='button']):focus, .event-message-reply-form input:not([type='button']):focus, .re-edit-ticket-form input:not([type='button']):focus, .email-form input:not([type='button']):focus, .inquiry-response-form input:not([type='button']):focus, /*.create-table-form input:not([type='button']):focus,*/ .add-column-form input:not([type='button']):focus, .claim-your-ticket-form input:not([type='button']):focus, #edit-profile-form textarea:focus, #detail-text-form textarea:focus, #open-case-form input:not([type='button']):focus { border: 2px solid #66afe9; } .claim-your-ticket-form input { font-size: calc(11.5px * var(--font-scale)) !important; } .create-wizard-form [name='numberAvailable']::-moz-placeholder, /*.create-ticket-wizard-form [name='numberAvailable']::-webkit-input-placeholder,*/ .create-ticket-wizard-form [name='numberAvailable']::-moz-placeholder { padding: 0px !important; } #modify-a-recurring-event-form .error input, #add-one-day-form .error input, .create-wizard-form .error input:not([type="checkbox"]):not([type="radio"]), .create-wizard-form .error textarea, .create-wizard-form .error .select2-selection--single, .create-session-wizard-form .error input, .create-session-wizard-form .error textarea, .create-session-wizard-form .error .select2-selection--single, .create-wizard-step2-form .error input:not([type="checkbox"]):not([type="radio"]), .create-ticket-wizard-form .error textarea, .create-ticket-wizard-form .error input:not([type="checkbox"]):not([type="radio"]), .create-ticket-wizard-form .error textarea, .create-ticket-wizard-form .error .select2-selection--single, .copy-ticket-wizard-form .error .select2-selection--single, .specify-vacancy-form .error input, .specify-datetime-form .error input, .create-custom-form-wizard-form .error textarea, .create-custom-form-wizard-form .error .select2-selection--single, .create-custom-form-wizard-form .error input, .copy-main-form-wizard-form .error .select2-selection--single, .copy-custom-form-wizard-form .error .select2-selection--single, .event-buy-ticket-form .error input:not([type="checkbox"]):not([type="radio"]), .private-message-form .error input, .event-message-form .error input, .event-message-reply-form .error input, .re-edit-ticket-form .error input, .email-form .error input, .inquiry-response-form .error input, .create-table-form .error input, .add-column-form .error input, .claim-your-ticket-form .error input, #edit-profile-form .error textarea, #event-guest-order-form .error input:not([type="checkbox"]), #make-announcement-form [data-editors].error input:not([type="checkbox"]):not([type="radio"]), #make-announcement-form .note-editor.error, #write-review-form [data-editors].error input:not([type="checkbox"]):not([type="radio"]), #write-review-form .note-editor.error, #write-response-form .note-editor.error, #confirm-delete-ticket-form .error input, #confirm-delete-session-form .error input, #confirm-delete-date-form .error input, #edit-profile-form .error input, #detail-text-form .error textarea, #payment-detail-view-form .error input, #payment-detail-view-form #card-element.error, #confirm-cancel-order-form .error input, #confirm-refund-order-form .error input, #top-up-form .error input, #top-up-form #card-element.error, #open-case-form .error .select2-selection--single, #open-case-form .error input, #open-case-form .note-editor.error, #confirm-decline-form .error input, #compose-reclaim-form .error input, #confirm-drop-case-form .error input, #confirm-escalate-form .error input { border: 1px solid red !important; outline: 0 !important; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; } .create-ticket-wizard-form [data-editors].error ul, #make-announcement-form [data-editors].error ul, #write-review-form [data-editors].error ul { overflow: visible; } .create-wizard-step2-form [data-editors].error input[type="checkbox"], .create-ticket-wizard-form [data-editors].error input[type="checkbox"], .event-buy-ticket-form [data-editors].error input[type="checkbox"], #make-announcement-form [data-editors].error input[type="checkbox"], #write-review-form [data-editors].error input[type="checkbox"], #event-guest-order-form [data-editors].error input[type="checkbox"] { outline: 1px solid red; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; } .create-wizard-form [data-editors].error input[type="radio"], .create-wizard-step2-form [data-editors].error input[type="radio"], .create-ticket-wizard-form [data-editors].error input[type="radio"], .event-buy-ticket-form [data-editors].error input[type="radio"], #make-announcement-form [data-editors].error input[type="radio"], #write-review-form [data-editors].error input[type="radio"] { outline: 1px solid red; border-radius: 50%; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6) !important; margin-left: 2px; margin-top: 2px; } .create-wizard-form [data-fields='title'] input, .create-wizard-form [data-fields='place'] input, /*.create-wizard-form [data-fields='about'] textarea,*/ .create-wizard-form [data-editors='numberAvailable'] input, .create-wizard-form .daysHoursMinutes input, .create-session-wizard-form [data-fields='name'] input, .create-session-wizard-form [data-fields='place'] input, /*.create-session-wizard-form [data-fields='about'] textarea,*/ .create-wizard-step2-form [data-editors*='vacancyLimit'] input, .create-ticket-wizard-form [data-fields='name'] input, .create-ticket-wizard-form [data-editors='customSize'] input, .create-ticket-wizard-form [data-editors='numberAvailable'] input, .create-ticket-wizard-form #priceFree input, .create-ticket-wizard-form .quantityPrice input, .create-ticket-wizard-form .daysHoursMinutes input, /*.create-ticket-wizard-form [data-fields='about'] textarea,*/ .specify-vacancy-form [data-editors='vacancyLimit'] input, .specify-datetime-form .dateTime input, .create-custom-form-wizard-form [data-fields='question'] input, .event-buy-ticket-form [data-editors] > input:not([type="checkbox"]):not([type="radio"]), .private-message-form [data-editors^='reply-'] input, .event-message-form [data-editors^='reply-'] input, .event-message-form [data-editors^='comment-'] input, .event-message-form input.note-image-input, .event-message-reply-form [data-editors^='comment-'] input, .event-message-reply-form input.note-image-input, .re-edit-ticket-form [data-editors] > input, .email-form [data-fields] input, .inquiry-response-form [data-fields] input, .create-table-form [data-fields] input, .add-column-form [data-fields] input, .claim-your-ticket-form [data-editors] input, #edit-profile-form [data-editors='about'] textarea, #detail-text-form [data-editors='detail'] textarea, #open-case-form input.note-image-input { width: 100%; } /*.create-wizard-form [data-editors='startDate'],*/ /*.create-wizard-form [data-editors='startTime'],*/ /*.create-wizard-form [data-editors='endDate'],*/ /*.create-wizard-form [data-editors='endTime'],*/ /*.create-session-wizard-form [data-editors='startDate'],*/ /*.create-session-wizard-form [data-editors='startTime'],*/ /*.create-session-wizard-form [data-editors='endDate'],*/ /*.create-session-wizard-form [data-editors='endTime'],*/ .create-ticket-wizard-form [data-editors='saleStartDate'], .create-ticket-wizard-form [data-editors='saleStartTime'], .create-ticket-wizard-form [data-editors='saleEndDate'], .create-ticket-wizard-form [data-editors='saleEndTime'] { display: inline-block; vertical-align: top; } .create-wizard-form .session-box, .create-wizard-step2-form .ticket-box, .create-wizard-step3-form .main-form-box, .create-wizard-step3-form .custom-form-box { position: relative; margin-bottom: 10px; overflow:hidden; padding: 10px; border: 1px solid #C7CECE; } .create-wizard-form .session-box-icons, .create-wizard-step2-form .ticket-box-icons, .create-wizard-step3-form .form-box-icons, .ticket-sale-period-review-box-icons { float: right; vertical-align: top; color: #2F8299; margin-bottom: 5px; } .create-wizard-form .session-box-icons .fa, .create-wizard-step2-form .ticket-box-icons .fa, .create-wizard-step3-form .form-box-icons .fa, .ticket-sale-period-review-box-icons .fa { font-size: 16px; } .create-wizard-step2-form .ticket-box-buttons, .create-wizard-step3-form .form-box-buttons { margin-bottom: 5px; } .create-wizard-step3-form .form-box-buttons { display: inline-flex; width: 50%; vertical-align: top; } .create-wizard-step3-form .form-box-buttons .btn { white-space: normal; } .create-wizard-form #schedule-sessions-btn { width: 100%; } .create-wizard-form #address-group, .create-session-wizard-form #address-group { padding-bottom: 10px; } /*.create-wizard-form [name='street'], .create-wizard-form [name='street2'], .create-session-wizard-form [name='street'], .create-session-wizard-form [name='street2'] { width: 100%; }*/ /*.create-wizard-form [data-editors='city'], .create-session-wizard-form [data-editors='city'] { display: inline-block; width: 45%; }*/ /*.create-wizard-form [name='city'], .create-session-wizard-form [name='city'] { width: 100%; }*/ /*.create-wizard-form [data-editors='state'], .create-session-wizard-form [data-editors='state'] { display: inline-block; width: 30%; }*/ /*.create-wizard-form [name='state'], .create-session-wizard-form [name='state'] { width: 100%; }*/ /*.create-wizard-form [data-editors='zip'], .create-session-wizard-form [data-editors='zip'] { display: inline-block; width: 23%; }*/ /*.create-wizard-form [name='zip'], .create-session-wizard-form [name='zip'] { width: 100%; }*/ /*.create-wizard-form [data-editors='country'], .create-session-wizard-form [data-editors='country'] { display: inline-block; width: 40%; }*/ /*.create-wizard-form [name='country'], .create-session-wizard-form [name='country'] { width: 100%; }*/ .create-wizard-form #location-map, .create-wizard-form .session-location-map, .create-session-wizard-form #location-map { width: 100%; height: 0; padding-bottom: 56.25%; background-color: #E5E3D5; } .select2-results li { padding: 16px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .select2-container--default .select2-selection--single { padding: 16px; height: 55px /*auto*/; border: 2px solid var(--llgray-color); border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .select2-container--default .select2-selection--single .select2-selection__placeholder { padding: 0px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--lgray-color); } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 53.5px !important; } .select2-container--default .select2-selection--multiple { padding: 16px; min-height: 55px /*auto*/; border: 2px solid var(--llgray-color); border-radius: 4px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); height: 23px !important; padding: 0px; margin-top: 0; margin-bottom: 0 !important; margin-right: 0; background-color: unset; border: 0; } .select2-search { width: 100%; height: 19px !important; margin-bottom: 0 !important; } .select2-search .select2-search__field { width: 100% !important; padding: 16px; margin-top: 0 !important; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: var(--lllgray-color); } /*.create-wizard-form .select2-selection--single,*/ /*.create-session-wizard-form .select2-selection--single,*/ /*.copy-ticket-wizard-form .select2-selection--single,*/ /*.create-custom-form-wizard-form .select2-selection--single,*/ /*.copy-main-form-wizard-form .select2-selection--single,*/ /*.copy-custom-form-wizard-form .select2-selection--single,*/ /*#order-details-view .select2-selection--single,*/ /*#attendees-view .select2-selection--single,*/ /*#table-view .select2-selection--single { padding: 5px; margin-bottom: 10px; height: 38px; border: 1px solid #CCCCCC; border-radius: unset; }*/ /*.create-wizard-form .select2-selection__arrow,*/ /*.create-session-wizard-form .select2-selection__arrow,*/ /*.copy-ticket-wizard-form .select2-selection__arrow,*/ /*.create-custom-form-wizard-form .select2-selection__arrow,*/ /*.copy-main-form-wizard-form .select2-selection__arrow,*/ /*.copy-custom-form-wizard-form .select2-selection__arrow,*/ /*#order-details-view .select2-selection__arrow,*/ /*#attendees-view .select2-selection__arrow,*/ /*#table-view .select2-selection__arrow { height: 36px !important; }*/ /*.create-wizard-form [data-fields='about'] textarea,*/ /*.create-session-wizard-form [data-fields='about'] textarea,*/ /*.create-ticket-wizard-form [data-fields='about'] textarea,*/ #edit-profile-form [data-editors='about'] textarea { min-height: 160px; resize: none; border: 1px solid #CCCCCC; } .create-wizard-form [data-editors='about'] textarea, .create-wizard-form [data-editors='refundPolicyDetails'] textarea, .create-session-wizard-form [data-editors='about'] textarea, .create-ticket-wizard-form [data-editors='about'] textarea { min-height: 200px; } .create-custom-form-wizard-form [data-editors='question'] textarea { min-height: 150px; } #detail-text-form [data-editors='detail'] textarea { min-height: 224px; } /* focus style from bootstrap.css */ .create-wizard-form .select2-selection--single:focus, /*.create-wizard-form [data-fields='about'] textarea:focus,*/ .create-session-wizard-form .select2-selection--single:focus, /*.create-session-wizard-form [data-fields='about'] textarea:focus,*/ /*.create-ticket-wizard-form [data-fields='about'] textarea:focus,*/ .copy-ticket-wizard-form .select2-selection--single:focus, .create-custom-form-wizard-form .select2-selection--single:focus, .copy-main-form-wizard-form .select2-selection--single:focus, .copy-custom-form-wizard-form .select2-selection--single:focus, .event-buy-ticket-form .select2-selection--single:focus, /*.event-buy-ticket-form input:focus,*/ .event-buy-ticket-form input:not([type="checkbox"]):focus,*/ .select2-search__field:focus, .claim-your-ticket-form input:focus, #edit-profile-form [data-editors='about'] textarea:focus, #detail-text-form [data-editors='detail'] textarea:focus, .select2-container--default.select2-container--focus .select2-selection--multiple { outline: 0; /*border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/ border-color: #a85c66; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 92, 102, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 92, 102, .6); } .create-wizard-form .image-frame, .crop-image-modal .image-frame { border: 1px solid #CCCCCC; } .create-wizard-form #image-container { padding: 0px; } .create-wizard-form #image-container.empty { border: 4px dashed #0099B4; } .create-wizard-step2-form .btn-default, .create-wizard-step3-form .btn-default { color: #0095CB; border-color: #0095CB; background: #F4F6F8; } .create-wizard-step2-form .btn-default:hover, .create-wizard-step3-form .btn-default:hover { color: #FFFFFF; background: #0095CB; } .create-wizard-form .daysHoursMinutes-group, .create-ticket-wizard-form .quantityPrice-group, .create-ticket-wizard-form .daysHoursMinutes-group, .specify-datetime-form .dateTime-group { margin-bottom: 5px; } .create-wizard-form .daysHoursMinutes, .create-ticket-wizard-form .quantityPrice, .create-ticket-wizard-form .daysHoursMinutes, .specify-datetime-form .dateTime { display: inline-block; vertical-align: top; width: 100%; } .create-wizard-form .middle-split, .create-ticket-wizard-form .middle-split, .specify-datetime-form .middle-split { display: inline-block; width: 0%; } @media (min-width:400px){ .create-ticket-wizard-form .quantityPrice { display: inline-block; width: 48%; } .create-wizard-form .daysHoursMinutes, .create-ticket-wizard-form .daysHoursMinutes { display: inline-block; width: 30%; } .create-wizard-form .middle-split, .create-ticket-wizard-form .middle-split, .specify-datetime-form .middle-split { display: inline-block; width: 4%; } .create-ticket-wizard-form .dateTime, .specify-datetime-form .dateTime { display: inline-block; width: 48%; } } .create-ticket-wizard-form #ticket-advance-setting { font-size: 18px; } .create-wizard-form [data-editors='price'], .create-ticket-wizard-form [data-editors='price'], #event-guest-order-form [data-editors='cancelRefund2'], #event-guest-order-form [data-editors='refundAmount'], #my-balance-form [data-editors='claimAmount'], #top-up-form [data-editors='topUpAmount'], #open-case-form [data-editors='requestAmount'], #compose-reclaim-form [data-editors='requestAmount'] { position: relative; } .create-wizard-form [data-editors='price'] input, .create-ticket-wizard-form [data-editors='price'] input, #event-guest-order-form [data-editors='cancelRefund2'] input, #event-guest-order-form [data-editors='refundAmount'] input, #my-balance-form [data-editors='claimAmount'] input, #top-up-form [data-editors='topUpAmount'] input, #open-case-form [data-editors='requestAmount'] input, #compose-reclaim-form [data-editors='requestAmount'] input { padding-left: 20px; } .create-wizard-form [data-editors='price']:before, .create-ticket-wizard-form [data-editors='price']:before, #event-guest-order-form [data-editors='cancelRefund2']:before, #event-guest-order-form [data-editors='refundAmount']:before, #my-balance-form [data-editors='claimAmount']:before, #top-up-form [data-editors='topUpAmount']:before, #open-case-form [data-editors='requestAmount']:before, #compose-reclaim-form [data-editors='requestAmount']:before { position: absolute; content: '$'; top: 17.5px; left: 12px; z-index: 1; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } #event-guest-order-form [data-editors='cancelRefund2']:before, #event-guest-order-form [data-editors='cancelRefund2'] input { color: var(--red-color) !important; } .create-wizard-form [data-editors='saleStart'] ul, .create-wizard-form [data-editors='saleEnd'] ul, .create-wizard-form [data-editors='refundPolicy'] ul, .create-wizard-step2-form [data-editors='refundPolicy'] ul, .create-wizard-step3-form [data-editors] ul, .create-ticket-wizard-form [data-editors='saleStart'] ul, .create-ticket-wizard-form [data-editors='saleEnd'] ul, .create-ticket-wizard-form [data-editors='onDays'] ul, .create-ticket-wizard-form [data-editors='onDates'] ul, .create-main-form-wizard-form [data-editors] ul, .create-custom-form-wizard-form [data-editors] ul, .event-buy-ticket-form [data-editors] ul, .re-edit-ticket-form [data-editors] ul, #make-announcement-form [data-editors] ul, #write-review-form [data-editors] ul, #host-acknowledge-form [data-editors] ul { list-style-type: none; padding: 0; white-space: nowrap; overflow: hidden; margin-bottom: 0; } .create-ticket-wizard-form [data-editors='onDays'] ul, .create-ticket-wizard-form [data-editors='onDates'] ul { overflow: initial; } .create-wizard-form [data-editors='saleStart'] ul input, .create-wizard-form [data-editors='saleEnd'] ul input, .create-wizard-step2-form [data-editors='refundPolicy'] ul input, .create-wizard-step3-form [data-editors] ul input, .create-ticket-wizard-form [data-editors='saleStart'] ul input, .create-ticket-wizard-form [data-editors='saleEnd'] ul input, .create-ticket-wizard-form [data-editors='onDays'] ul input, .create-ticket-wizard-form [data-editors='onDates'] ul input, .event-buy-ticket-form [data-editors] ul input, .re-edit-ticket-form [data-editors] ul input, #make-announcement-form [data-editors] ul input, #write-review-form [data-editors] ul input { vertical-align: top; } .create-wizard-form [data-editors='saleStart'] ul label, .create-wizard-form [data-editors='saleEnd'] ul label, .create-wizard-form [data-editors='refundPolicy'] ul label, .create-wizard-step2-form [data-editors='refundPolicy'] ul label, /*.create-wizard-step3-form [data-editors] ul label,*/ .create-ticket-wizard-form [data-editors='saleStart'] ul label, .create-ticket-wizard-form [data-editors='saleEnd'] ul label, .create-ticket-wizard-form [data-editors='onDays'] ul label, .create-ticket-wizard-form [data-editors='onDates'] ul label, /* .event-buy-ticket-form [data-editors] ul label, */ .re-edit-ticket-form [data-editors] ul label, #make-announcement-form [data-editors] ul label, #host-acknowledge-form [data-editors] ul label { white-space: normal; padding-top: var(--radio-ul-label-padding-top); margin-bottom: 0px; /* margin-left: 5px; */ padding-right: 34px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } #make-announcement-form [data-editors] ul label, #host-acknowledge-form [data-editors] ul label { white-space: pre-wrap; word-break: break-word; padding-right: 0; } #make-announcement-form [data-editors] ul label { width: 310px; padding-right: 0; } .create-wizard-form [data-editors='saleStart'] ul li, .create-wizard-form [data-editors='saleEnd'] ul li, .create-wizard-step3-form [data-editors] ul li, .create-ticket-wizard-form [data-editors='saleStart'] ul li, .create-ticket-wizard-form [data-editors='saleEnd'] ul li, .create-ticket-wizard-form [data-editors='onDays'] ul li, .create-ticket-wizard-form [data-editors='onDates'] ul li, .create-custom-form-wizard-form [data-editors] ul li, .event-buy-ticket-form [data-editors] ul li, .re-edit-ticket-form [data-editors] ul li, #make-announcement-form [data-editors] ul li, #write-review-form [data-editors] ul li, #host-acknowledge-form [data-editors] ul li { height: 24px; margin-bottom: 24px; } .create-wizard-form [data-editors] ul li, #host-acknowledge-form [data-editors] ul li { display: table; } .create-wizard-form [data-editors] ul li input, .create-wizard-form [data-editors] ul li label, #host-acknowledge-form [data-editors] ul li input, #host-acknowledge-form [data-editors] ul li label { display: table-cell; } .rating img, #write-review-form [data-editors] ul li img { display:inline-block; width:19px; height:19px; margin: 0 auto; vertical-align:text-bottom; } .create-wizard-step2-form [data-editors='refundPolicy'] ul li { height: 57px; margin-bottom: 24px; } .create-wizard-step2-form [data-editors*='vacancyLimit'] { margin-bottom: 10px; } .create-wizard-step2-form .refund-policy-frame { border: 2px solid #CCCCCC; margin-top: 5px; margin-bottom: 5px; padding: 10px; } .create-custom-form-wizard-form table { width: 100%; border: 2px solid #CCCCCC; } .create-custom-form-wizard-form table th, .create-custom-form-wizard-form table td, #event-buy-ticket-view table th, #event-buy-ticket-view table td { border: 1px solid #CCCCCC; padding: 5px; } .create-custom-form-wizard-form #addSelection-box a { float: right; margin-top: 10px; } .create-custom-form-wizard-form #addSelection-box [data-editors='addSelection'] input { width: 100%; } .create-custom-form-wizard-form #addSelection-box [data-editors='addSelection'] { overflow: auto; } .create-custom-form-wizard-form #addSelection-box #selection-table td div { line-height: 36px; } /* .create-custom-form-wizard-form .btn { margin-left: 5px; } */ #event-view .btn-block { color: #FFFFFF; background: #31C485; } #event-view .btn-block:hover { color: #94C0D5; background: #199570; } .create-wizard-step2-form [id^="datepicker"], .create-wizard-step2-form [id^="datepicker"] .datepicker-inline, .create-wizard-step2-form [id^="datepicker"] .table-condensed, .create-ticket-wizard-form [id^="datepicker"], .create-ticket-wizard-form [id^="datepicker"] .datepicker-inline, .create-ticket-wizard-form [id^="datepicker"] .table-condensed { /* width: 168px; */ /* height:168px; */ /* font-size: x-small; */ font-family: "Open Sans"; width: 352px; font-size: 24px; } .create-wizard-step2-form [id^="datepicker"] table, .create-ticket-wizard-form [id^="datepicker"] table { table-layout: fixed; border-collapse: separate; border-spacing: 2px; } .create-wizard-step2-form [id^="datepicker"] table .dow, .create-ticket-wizard-form [id^="datepicker"] table .dow { width: 48px; } .create-wizard-step2-form [id^="datepicker"] table td, .create-ticket-wizard-form [id^="datepicker"] table td { padding: unset !important; height: 48px; } .create-ticket-wizard-form [id^="datepicker"] td.active { /* background-image: linear-gradient(to bottom,var(--light-purple-color),var(--purple-color)) !important; */ background: unset !important; background-image: unset !important; border-radius: 50% !important; border: 2px dotted var(--purple-color) !important; color: var(--dgray-color) !important; } .create-wizard-step2-form [id^="datepicker"] td.active { /* background-image: linear-gradient(to bottom,var(--light-purple-color),var(--purple-color)) !important; */ background: unset !important; background-image: unset !important; border-radius: 50% !important; border: 2px solid var(--purple-color) !important; color: var(--dgray-color) !important; } .create-wizard-step2-form [id^="datepicker"] .goodday:not([class^="old"]):not([class^="new"]):not([class^="active"]), .create-ticket-wizard-form [id^="datepicker"] .goodday:not([class^="old"]):not([class^="new"]):not([class^="active"]) { color: var(--dgray-color); } /* ********** Create Wizard From End ********** */ .docs-cropped .modal-body { text-align: center; } .docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas { max-width: 100%; } /* ********** FB Page Table ********** */ #fb-page-table, #fb-event-table { width: 95%; border-collapse: collapse; } /* Zebra striping */ #fb-page-table tr:nth-of-type(odd), #fb-event-table tr:nth-of-type(odd) { background: #eee; } #fb-page-table th, #fb-event-table th { background: #333; color: white; font-weight: bold; } #fb-page-table td, #fb-page-table th, #fb-event-table td, #fb-event-table th { padding: 2px; border: 1px solid #ccc; text-align: left; } #fb-page-table td > div, #fb-page-table th > div, #fb-event-table td > div, #fb-event-table th > div { height: 90px; } #fb-page-table td.nostretch, #fb-page-table th.nostretch, #fb-event-table td.nostretch, #fb-event-table th.nostretch { width: 1%; white-space: nowrap; } /* ********** Event Guest View ********** */ #event-guest-view .note-post, #event-message-view .note-post, #event-message-reply-view .note-reply, #private-message-form .note-post { float: right; } #event-message-view .note-editor, #event-message-reply-view .note-editor, #open-case-form .note-editor { margin-bottom : 0 !important; } /* #event-message-view .mbox-content, */ #event-message-reply-view .dialog { border-radius: 15px; background-color: #F4F6F8; padding: 5px; } .event-message-reply-form [data-editors^='comment-'] input { border-radius: 15px; } #event-review-ticket-table td, #ticket-form-table td { border: 1px solid black; padding: 5px; } /* ********** Loading Modal ********** */ /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ .loading_modal { position: fixed; z-index: 2000; top: 0; left: 0; margin: 0; padding: 0; display: none; justify-content: center; align-items: center; height: 100vh; /* width: 100vw; max-width: 400px; */ width: 400px; background: rgba( 255, 255, 255, .8 ); } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .loading_modal { display: flex; } .loading_icon_box { position: relative; width: 120px; height: 120px; border-radius: 50%; } .loading_text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: 1; text-align: center; font-weight: 600; font-size: calc(22px * var(--font-scale)); line-height: 28px; font-family: "Open Sans"; padding-top: 48px; color: var(--purple-color); } .loading_icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background: linear-gradient(#ffffff, #dddddd, #bbbbbb); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 10px),#fff 0); animation: loading_animate 1.2s linear infinite; } @keyframes loading_animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading_icon span { position: absolute; width: 100%; height: 100%; border-radius: 50%; } /*.loading_icon:after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: solid white 10px; border-radius: 50%; }*/ /* ********** PhotoSwipe Begin ********** */ .photoswipe-gallery { display:block; margin: 16px 24px 0px 24px; } .photoswipe-gallery .photoswipe-gallery__img { display:inline-block; position:relative; width:100%; height:100%;; vertical-align:top; } .photoswipe-gallery .photoswipe-gallery__img--main { display:inline-block; position:relative; width:66.67%; height:0; padding-bottom:37.5%; vertical-align:top; } .photoswipe-gallery .photoswipe-gallery-thumbnail-frame { position:absolute; top:0; bottom:0; right:0; left:0; text-align: center; } .photoswipe-gallery .photoswipe-gallery__img--side { display:inline-block; position:relative; width:100%; height:0; padding-bottom:56.25%; vertical-align:top; } .photoswipe-gallery .photoswipe-gallery__img--sub { display:inline-block; position:relative; width:33.33%; height:0; padding-bottom:37.5%; vertical-align:top; } .photoswipe-gallery .photoswipe-gallery-thumbnail { /*max-width:100%;*/ /*max-height:100%;*/ /*height:auto;*/ width:100%; height:100%; object-fit:cover; } .pswp__button--hide { background: url(/font-awesome_4-7-0_eye-slash_44_30_ecf0f1_none.png) 0 0 no-repeat !important; background-size: 44px 44px !important; } .pswp__button--unhide { background: url(/font-awesome_4-7-0_eye_44_30_ecf0f1_none.png) 0 0 no-repeat !important; background-size: 44px 44px !important; } .pswp__button--delete { background: url(/font-awesome_4-7-0_trash_44_30_ecf0f1_none.png) 0 0 no-repeat !important; background-size: 44px 44px !important; } #pswp__hidden_drop { position:absolute; top:0; bottom:0; right:0; left:0; background-color: white; opacity:0.8; } .pswp__caption__center { /* max-width: calc(420px / var(--scale)) */; /* font-s */ font-weight: 300; /* font-size: calc(12px * var(--font-scale)); */ font-size: 12px; line-height: 15px; font-family: "Open Sans"; } .pswp__caption__center .font-ss { font-weight: 300; /* font-size: calc(9px * var(--font-scale)); */ font-size: 9px; line-height: 11px; font-family: "Open Sans"; } .pswp__share-tooltip a { padding: 0px 12px; margin: 6px 0px; } /* ********** PhotoSwipe End ********** */ /* ********** summernote Begin ********** */ .tooltip { pointer-events: none; /* prevent tooltip from flickering */ } .note-form-group, .note-group-image-url, .sn-checkbox { padding: 0 24px; } .note-form-label { width: 100%; padding-top: 16px; font-weight: 400; font-size: calc(16px * var(--font-scale)); line-height: 22px; font-family: "Open Sans"; } .note-placeholder { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--lgray-color); } .note-editable { font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } .sn-checkbox input[type="checkbox"] { margin-top: 0px; margin-left: var(--checkbox-margin-left); } .sn-checkbox label { padding-left: 35px; margin-top: 2px; } .note-btn-primary { border-color: var(--green-color); background-color: var(--green-color); } /* ********** summernote End ********** */ /* ********** Bootstrap DatePicker Begin ********** */ .datepicker table tr td.highlight { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } /* ********** Bootstrap DatePicker End ********** */ /* ********** jQuery TimePicker Begin ********** */ .ui-timepicker-wrapper { z-index: 10; } .ui-timepicker-list li { width: 100%; padding: 8px 16px; border-radius: 4px; font-weight: 300; font-size: calc(14px * var(--font-scale)); line-height: 19px; font-family: "Open Sans"; color: var(--dgray-color); } /* ********** jQuery TimePicker End ********** */ /* ********** Modal Begin ********** */ .close:focus, .close:hover { filter: alpha(opacity=80); opacity: 0.8; } .close { filter: alpha(opacity=40); opacity: 0.4; } /* ********** Modal End ********** */ /* ********** Image Selection Begin ********** */ .chosen-img-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; transition: .3s ease; background-color: white; opacity: 0; } .chosen-img .chosen-img-overlay { opacity: 0.5; } .chosen-img-select { position:absolute; top:4px; left:4px; width:24px; height:24px; border-radius:50%; font-size: calc(20px * var(--font-scale)); text-align:center; color: #0066ff; background-color:white; opacity: 0; } .chosen-img-check { display:inline-block; width:100%; height:100%; background-image: url('iconfinder_ic_check_circle_48px_3669380.svg'); background-size: 100% 100%; } .chosen-img .chosen-img-select { opacity: 1; } /* ********** Image Selection End ********** */ /* ********** Misc Effects Begin ********** */ .blur-content::after { content: ""; position: absolute; top: 115px; right: 0; width: 100%; height: 20px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* ********** Misc Effects End ********** */ /* @keyframes TitleImageFadeInOut { 0% { opacity:1; } 20% { opacity:1; } 33% { opacity:0; } 87% { opacity:0; } 100% { opacity:1; } } */ @keyframes TitleImageFadeInOut { 0% { opacity:1; } 16.67% { opacity:1; } 33.33% { opacity:0; } 50% { opacity:0; } 66.67% { opacity:0; } 83.33% { opacity:0; } 100% { opacity:1; } } #title-image { position: relative; width: 400px; height: 210px; } #title-image img { position: absolute; top: 0; left: 0; } /* image 3 : ^\___/ */ /* image 2 : _/^\__ */ /* image 1 : ___/^\ */ #title-image img:nth-of-type(1) { animation-delay: 16s; } #title-image img:nth-of-type(2) { animation-delay: 8s; } #title-image img:nth-of-type(3) { animation-delay: 0s; } #title-image img { animation-name: TitleImageFadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 24s; /*animation-direction: alternate;*/ } /* Hide scrollbar for Chrome, Safari and Opera */ /* #horizontal-list-a-scroll::-webkit-scrollbar, #horizontal-list-b-scroll::-webkit-scrollbar { display: none; } */ /* Hide scrollbar for IE, Edge and Firefox */ /* #horizontal-list-a-scroll, #horizontal-list-b-scroll { -ms-overflow-style: none; */ /* IE and Edge */ /*scrollbar-width: none; */ /* Firefox */ /* } */