/*Reset*/ html{color:#000;background:transparent;margin:0; height:100%; width:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}fieldset{border:1px solid;margin:0; padding:5px 9px 11px;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:start;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:bold;}option{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:normal;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} .ui-widget{font-family: verdana,arial,sans-serif,helvetica;font-size: 15px;} html body .ui-widget-header, html body .ui-widget-header a { font-size: 15px; } input[type="checkbox"] {margin:0 5px 0 0;} .rtl input[type="checkbox"] {margin:0 0px 0 5px;} .cNoCloseDialog .ui-dialog-titlebar-close { display:none;visibility:hidden;} /* Hide the default outline on focus (mouse) */ :focus { outline: none; box-shadow: none; } /* Keep an accessible, themeable ring for keyboard nav only */ /*:focus-visible { outline: 2px solid var(--ColTextHighlight, #0a84ff); outline-offset: 2px; }*/ p {line-height:125%;} ul li.ui-menu-item {list-style-image:none; list-style-position:outside; list-style-type:none;} html body footer{ padding:10px 0 100px;} .row.idRow {display:none;} .row .hint {line-height:24px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], textarea { box-sizing:border-box; color:FieldText; font-size:14px; padding:7px 9px; width:200px; border:1px solid ButtonBorder; border-radius:8px; background:Field; height:auto; } input[type="text"].cPhoneIntl {width:250px;} .sfooter { display:inline-block; width:0;height:0;overflow:hidden; } body .ui-widget-header.ui-dialog-titlebar> span{ font-size:150%; text-align:center; } body div.modulebody, body #content>.Module, body .moduleheader,body .menuheader, #content footer {position:relative;} .narrowScrollbar ::-webkit-scrollbar {width: 6px;height:8px;} .narrowScrollbar ::-webkit-scrollbar-track { background: #f1f1f1; } .narrowScrollbar ::-webkit-scrollbar-thumb { background: #888; } .narrowScrollbar ::-webkit-scrollbar-thumb:hover { background: #555; } input.cPhoneIntl[type="tel"]{padding:10px;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus { border-color:var(--ColTextHighlight, currentColor); box-shadow:0 0 0 .18rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 32%, transparent); outline-width:0px; } body .ui-draggable-handle {touch-action:auto;} /*form select { background-color: #E3E3E3; background-position: 95% center; background-repeat: no-repeat; border: 0 none; border-radius: 2px 2px 2px 2px; color: #444; font-size: 14px; height: auto; padding: 5px; cursor:pointer; } */ .hideScreen { width:0 !important;height:0 !important;overflow:hidden !important;display:inline-block; } body.cPlatformClient .hidePlatformClient { display:none !important; } a.cSkipLink, a.cSkipLink:focus, a.cSkipLink:active, a.cSkipLink:visited{ position:absolute; top:-50px; left:0; background:#000; color:#fff; padding:8px; z-index:1000; } body a.cSkipLink:focus{ top:0; } table.cChecklistBoxLeftAlign td {text-align:start;} .cValidationSummery {padding:10px; line-height:150%; margin-top:10px; margin-bottom:10px;} body{font-family: verdana,arial,sans-serif,helvetica;font-size: 15px;margin: 0px;padding: 0px;overflow: auto;min-height:100%; min-width:960px;} #wrap { min-width:960px;} div#container{margin:auto; height:auto; min-height:800px; padding:0; } header#header{ height:174px; padding:0; margin:0; display:block; position:relative;} #cBody #header .cHtmlEditorContent { max-height:100%;overflow:hidden;box-sizing:border-box;} div#left{width:221px; height:100%; padding:10px 9px 10px 10px; margin:0px; display:block;text-align:center;} div#content{ margin:0px; display:block;} .LayoutTwoCol div#container{width:960px;} .LayoutTwoCol header#header {width:960px;} .LayoutTwoCol div#content{padding:10px; width:700px;} .LayoutOneCol div#container{width:960px;} .LayoutOneCol div#content{width:940px; margin-left:10px; margin-right:10px;} .LayoutOneCol header#header{float:none; width:960px;} .LayoutFullWidthAllCenter header#header, .LayoutFullWidthModuleCenter header#header, .LayoutFullWidthCenter header#header, .LayoutFill header#header{width:100%;float:none;} .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter div#content, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter div#content, .LayoutFullWidthCenter div#content, .LayoutFill div#content{float:none;width:auto; margin-left:0px; margin-right:0px;} .LayoutFullWidthAllCenter div#container, .LayoutFullWidthModuleCenter div#container, .LayoutFullWidthCenter div#container, .LayoutFill div#container {width:auto; margin:0 0px;} .LayoutFullWidthCenter.hasSkyscraperAd div#content, .LayoutFill.hasSkyscraperAd div#content {margin-right: 180px;} .LayoutFullWidthCenter.hasSkyscraperAd #googleAdSkyscraperContainer, .LayoutFill.hasSkyscraperAd #googleAdSkyscraperContainer{position:absolute; right:10px;margin:0; top:150px;} .LayoutFullWidthCenter.hasSkyscraperAd div#container, .LayoutFill.hasSkyscraperAd div#container{float:none;} .Module.useraccountbalance .modulebody .modulebody{padding:0; } LayoutFullWidthCenter .LayoutFill .moduleheader, .LayoutFill .modulebody {border-radius:0; } .padding160 { padding-left:160px;} .LayoutFullWidthAllCenter .modulebody .modulebody , .LayoutFullWidthModuleCenter .modulebody .modulebody , .LayoutFullWidthCenter .modulebody .modulebody { margin-left: 0; margin-right: 0; } .headAlign, .headAlignNav {display:inline-block;height:0; top:0;position:absolute;left:0;right:0; margin:0!important;} /*body .HeadAlignNavLeftOfThePage .headAlignNav, .HeadAlignLeftOfThePage .headAlign {} body .HeadAlignNavLeftOfTheModule .headAlignNav, .HeadAlignLeftOfTheModule .headAlign {position:absolute;left:0;right:0;} body .HeadAlignNavCenter header#header .headAlignNav, .HeadAlignCenter header#header .headAlign {position:absolute;left:50%;width:770px;margin-left:-335px;} body .HeadAlignNavRightOfTheModule .headAlignNav, .HeadAlignRightOfTheModule .headAlign {position:absolute;right:0;left:auto;width:770px;} .HeadAlignNavRightOfThePage .headAlignNav, .HeadAlignRightOfThePage .headAlign {position:absolute;right:0;width:770px;left:auto;} body#cBody .HeadAlignNavRightOfTheModule .headAlignNav, body#cBody .HeadAlignNavRightOfThePage .headAlignNav, #cBody .HeadAlignRightOfTheModule .headAlign, #cBody .HeadAlignRightOfThePage .headAlign {left:auto; } */ /*checkout module*/ #paypal-button-container {background-color:rgba(255, 255, 255, 0.36);border-radius:5px; padding:10px; text-align:center;} .checkoutModule .insuranceRadioButtonList td *{text-align:left; } .checkoutModule .deliveryRadioButtonList .cRadioV2, .checkoutModule .insuranceRadioButtonList .cRadioV2, .checkoutModule .paymentMetod .cRadioV2 {display:block;} @media all and (min-width: 2010px) { .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:420px; margin-right:420px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:420px; margin-right:420px;} .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody {margin-left:420px; margin-right:420px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 420px; right: 420px; } } @media all and (min-width: 1800px) and (max-width: 2010px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:320px; margin-right:320px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:320px; margin-right:320px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 320px; right: 320px; } } @media all and (min-width: 1600px) and (max-width: 1800px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:220px; margin-right:220px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:220px; margin-right:220px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 220px; right: 220px; } } @media all and (min-width: 1400px) and (max-width: 1600px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:120px; margin-right:120px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:120px; margin-right:120px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 120px; right: 120px; } } @media all and (min-width: 1200px) and (max-width: 1400px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:60px; margin-right:60px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:60px; margin-right:60px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 60px; right: 60px; } } @media all and (min-width: 1060px) and (max-width: 1200px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:30px; margin-right:30px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:30px; margin-right:30px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 30px; right: 30px; } } @media all and (min-width: 960px) and (max-width: 1060px) { .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:10px; margin-right:10px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:10px; margin-right:10px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 10px; right: 10px; } } @media all and (max-width: 700px) { .cEventEdit .cPictures .row img { max-width: 100%; } } @media all and (max-width: 960px){ .LayoutFullWidthAllCenter header#header>*, .LayoutFullWidthAllCenter .moduleheader, .LayoutFullWidthAllCenter .bannerContent, .LayoutFullWidthAllCenter .modulebody, .LayoutFullWidthCenter .moduleheader>div, .LayoutFullWidthCenter .modulebody {margin-left:0px; margin-right:0px;} .LayoutFullWidthModuleCenter .moduleheader, .LayoutFullWidthModuleCenter .modulebody {margin-left:0px; margin-right:0px;} .LayoutFullWidthAllCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule .headAlignNav, .LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule .headAlignNav, .LayoutFullWidthAllCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthAllCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthCenter.HeadAlignRightOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignLeftOfTheModule .headAlign, .LayoutFullWidthModuleCenter.HeadAlignRightOfTheModule .headAlign { left: 0px; right: 0px; } #wrap .moduleheader>div, #wrap .modulebody {padding-left:10px; padding-right:10px;} .mce-container { overflow:hidden;} .filterrow input, .filterrow select, .filterrow label, .filterrow ul, .filterrow ol, .filterrow li, .filterrow img { max-width:95%;} body .filterrow { padding-top: 10px; } body .filterrow > *, body .filterrow input, body .filterrow select{ margin-top: 10px; } .row input, .row select, .row label, .row ul, .row ol, .row li, .row img { max-width:100%;} body .row { padding-top: 10px; } body .row > *, body .row input, body .row select{ margin-top: 10px; } #mapContainer .row > * {margin-top: 0px; } body .row a, body .row input, body .row .errorMsg{ margin-top: 10px; display:inline-block;} body .row input, body .row select{ max-width:80%;} .row .hint { clear:both;} .selectEventModule .modulebody { padding-left:3px; padding-right:3px;} body .filterLabel { float:none; text-align:start;clear:both;display:block !important;} body .filterText { float:none;} body .padding160 { padding-left:0px;} } .cHideShowNextRow + .row {display:none;} /*.cFarsiHelp {display:none;}*/ /*Head Menu*/ /*div#headmenu{margin-top:133px;margin-left:230px;}*/ /*body.HeadAlignNavLeftOfThePage header#header .headAlignNav { left:0 !important; margin-left:0 !important; margin-right:0 !important; position:absolute !important; right:0 !important; width:auto !important; } body.HeadAlignNavCenter header#header .headAlignNav { left:50% !important; margin-left:-335px !important; margin-right:0 !important; position:absolute !important; right:auto !important; width:770px !important; } body.HeadAlignNavRightOfThePage header#header .headAlignNav { left:auto !important; margin-left:0 !important; margin-right:0 !important; position:absolute !important; right:0 !important; width:770px !important; } body.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.HeadAlignNavRightOfTheModule header#header .headAlignNav { left:0; margin-left:0; position:absolute; right:0; width:auto; }*/ /*@media all and (min-width: 2010px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:420px;right:420px;} } @media all and (min-width: 1800px) and (max-width: 2010px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:320px;right:320px;} } @media all and (min-width: 1600px) and (max-width: 1800px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:220px;right:220px;} } @media all and (min-width: 1400px) and (max-width: 1600px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:120px;right:120px;} } @media all and (min-width: 1200px) and (max-width: 1400px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:60px;right:60px;} } @media all and (min-width: 1060px) and (max-width: 1200px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:30px;right:30px;} } @media all and (min-width: 960px) and (max-width: 1060px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:10px;right:10px;} } @media all and (max-width: 960px) { body.LayoutFullWidthCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.LayoutFullWidthModuleCenter.HeadAlignNavRightOfTheModule header#header .headAlignNav {left:0;right:0;} } *//*body.HeadAlignNavLeftOfTheModule header#header .headAlignNav, body.HeadAlignNavRightOfTheModule header#header .headAlignNav { left:0 !important; margin-left:0 !important; position:absolute !important; right:0 !important; width:auto !important; }*/ div#headmenu {position:absolute;z-index:100;box-sizing:border-box;width:max-content;min-width:0;max-width:none;height:auto;transform:none;} /*body.HeadAlignNavLeftOfThePage div#headmenu, body.HeadAlignNavLeftOfTheModule div#headmenu { left: min(90%, var(--headMenuXOffset,var(--HeadMenuLeft, 0px))); right: auto; transform: none; max-width: calc(100% - var(--headMenuXOffset,var(--HeadMenuLeft, 0px))); } body.HeadAlignNavRightOfThePage div#headmenu, body.HeadAlignNavRightOfTheModule div#headmenu { left: auto; right: min(90%,var(--headMenuXOffset,calc(770px - var(--HeadMenuRight, var(--HeadMenuWidth, 0px))))); transform: none; max-width: calc(100% - var(--headMenuXOffset, calc(770px + var(--HeadMenuRight, var(--HeadMenuWidth, 0px))))); } body.HeadAlignNavCenter div#headmenu { left: min(90%,calc(50% - 335px + var(--HeadMenuCenter))); right: auto; transform: translateX(-50%); max-width: calc(50% + 335px - var(--HeadMenuCenter)); } */ /*Headmenu alignment legacy without --headMenuXOffset*/ body.HeadAlignNavLeftOfThePage div#headmenu, body.HeadAlignNavLeftOfTheModule div#headmenu { left: min(90%, var(--HeadMenuLeft, 0px)); right: auto; transform: none; max-width: calc(100% - var(--HeadMenuLeft, 0px)); } body.HeadAlignNavRightOfThePage div#headmenu, body.HeadAlignNavRightOfTheModule div#headmenu { left: auto; right: min(90%,calc(770px - var(--HeadMenuRight, var(--HeadMenuWidth, 0px)))); transform: none; max-width: calc(100% - calc(770px - var(--HeadMenuRight, var(--HeadMenuWidth, 0px)))); } body.HeadAlignNavCenter div#headmenu { left: min(90%,calc(50% - 335px + var(--HeadMenuCenter))); right: auto; transform: translateX(-50%); max-width: calc(50% + 335px - var(--HeadMenuCenter)); } /*Headmenu alignment new with --headMenuXOffset*/ body.hasHeaderOffset.HeadAlignNavLeftOfThePage div#headmenu, body.hasHeaderOffset.HeadAlignNavLeftOfTheModule div#headmenu { left: var(--headMenuXOffset,0px); max-width: calc(100% - var(--headMenuXOffset, 0px)); } body.hasHeaderOffset.HeadAlignNavRightOfThePage div#headmenu, body.hasHeaderOffset.HeadAlignNavRightOfTheModule div#headmenu { right: var(--headMenuXOffset, 0px); max-width: calc(100% - var(--headMenuXOffset, 0px)); } body.hasHeaderOffset.HeadAlignNavCenter div#headmenu { left: calc(50% + var(--headMenuXOffset)); max-width: calc(100% - var(--headMenuXOffset)); } /*Headlogo alignment legacy without --headLogoXOffset*/ body.HeadAlignRightOfThePage .headLogo, body.HeadAlignRightOfTheModule .headLogo { right: min(90%,calc(770px - var(--headLogoLeft) - var(--headLogoWidth))); } body.HeadAlignCenter .headLogo { left: min(90%,calc(50% - 335px + var(--headLogoLeft))); } /*Headlogo alignment new with --headLogoXOffset*/ body.hasHeaderOffset.HeadAlignLeftOfThePage .headLogo, body.hasHeaderOffset.HeadAlignLeftOfTheModule .headLogo { left: min(90%, var(--headLogoXOffset,0px)); } body.hasHeaderOffset.HeadAlignRightOfThePage div#headmenu.headLogo, body.hasHeaderOffset.HeadAlignRightOfTheModule .headLogo { right: min(90%,var(--headLogoXOffset, 0px)); } body.hasHeaderOffset.HeadAlignCenter .headLogo { left: min(90%,calc(50% + var(--headLogoXOffset))); transform: translateX(-50%); } div#headmenu.cHeadMenuOverflowPending { overflow: hidden; } div#headmenu a{text-decoration:none;font-weight:normal;outline:none 0; display:block; padding:5px;} div#headmenu ul, div#headmenu ul li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding: 0;} div#headmenu ul li {float:left; position:relative; margin:10px 10px 0;} div#headmenu .submenu {z-index:100;position:absolute; top:29px; left:0;display:none; margin:0;padding:6px 0 0;min-width:100%;} #header div#headmenu .submenu li {float:none; text-align:start;margin:0; display:block; border:0 none; padding-top:2px;border-radius:0 0 0 0;border-bottom:0 none;border-top:0 none;border-left:0 none;border-right:0 none;} #header div#headmenu .submenu li {border-left:1px solid;border-right:1px solid; border-bottom:1px dotted;} #header div#headmenu .submenu li:last-child { border-bottom:1px solid;} #header div#headmenu .submenu li:first-child { border-top:1px solid;} #header div#headmenu .submenu li:hover { border-color:transparent;} ul.submenu, ul.submenu li{white-space:nowrap;} div#headmenu ul.submenu li{float:none;} div#headmenu > ul {white-space:nowrap;display:flex;flex-wrap:nowrap;width:max-content;} div#headmenu > ul > li {white-space:nowrap;} div#headmenu .cTopNavMore > a, #header div#headmenu .cTopNavMore > a, #header div#headmenu.TopNavTypesLight .cTopNavMore > a, #header div#headmenu.TopNavTypesDark .cTopNavMore > a { align-items:center !important; cursor:pointer; display:inline-flex !important; flex-wrap:nowrap !important; gap:4px; min-width:max-content; white-space:nowrap !important; width:max-content; } div#headmenu .cTopNavMore > a .fa-ellipsis-h {display:none !important;} div#headmenu .cTopNavMore > a .fa-caret-down {display:inline-block !important; flex:0 0 auto;} div#headmenu .cTopNavMoreText {display:inline-block; flex:0 0 auto; white-space:nowrap;} div#headmenu.TopNavTypesSimple ul li{background:transparent none; border:0px none;} div#headmenu.TopNavTypesSimple ul li[data-selected="1"] { border-bottom:2px solid;border-radius:0;} /*div#headmenu ul.submenu li a::after,*/ div#headmenu.TopNavTypesSimple >ul >li> a::after { content: ' '; box-sizing:border-box; position: absolute; width: 100%; transform: scaleX(0); height: 2px; border:2px solid; bottom: -2px; left: 0; transform-origin: bottom right; transition: transform 0.25s ease-out; } /*div#headmenu ul.submenu li:hover a::after,*/ div#headmenu.TopNavTypesSimple >ul >li:hover> a::after { transform: scaleX(1); transform-origin: bottom left; } div#headmenu.TopNavTypesSimple ul li a {} div#headmenu.TopNavTypesBlocks ul li {-webkit-border-radius: 0px;border-radius: 0px; margin:1px; border:0px none;} div#headmenu.TopNavTypesBlocks ul li a{padding:15px; } /*div#headmenu li:hover .submenu {display:block;}*/ div#headmenu.TopNavTypesLight { font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #444; } div#headmenu.TopNavTypesLight:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div#headmenu.TopNavTypesRounded >ul {border-radius: 100px;} div#headmenu.TopNavTypesLeftRounded >ul {border-top-left-radius: 100px;border-bottom-left-radius: 100px;} div#headmenu.TopNavTypesRightRounded >ul {border-top-right-radius: 100px;border-bottom-right-radius: 100px;} div#headmenu.TopNavTypesLight ul { float: left; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); } div#headmenu.TopNavTypesLight li:hover li, div#headmenu.TopNavTypesLight li { margin:0; float: left; border-style: solid; border-width: 1px; border-color: #BABABA; box-shadow: 0 1px rgba(255,255,255,1) inset; background: #F7F7F7; /* Old browsers */ background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */ border-radius:0; } div#headmenu.TopNavTypesLight li:hover li:hover, div#headmenu.TopNavTypesLight li:hover, div#headmenu.TopNavTypesLight li.current { box-shadow: 0 1px rgba(255,255,255,0.2) inset; border-color: #262626 !important; background: #4D4D4D; /* Old browsers */ background: linear-gradient(top, #4D4D4D 0%,#262626 100%); /* W3C */ } div#headmenu.TopNavTypesLight a { display: block; padding: 10px 15px; color: #444; text-decoration: none; } #header div#headmenu.TopNavTypesLight>ul> li:hover li a{color:#444;} #header div#headmenu.TopNavTypesLight>ul> li:hover li a:hover{color:#fff;} div#headmenu.TopNavTypesLight>ul> li li:hover> a, div#headmenu.TopNavTypesLight>ul> li li:hover> a:hover, div#headmenu.TopNavTypesLight>ul> li:hover> a,div#headmenu.TopNavTypesLight a:hover, div#headmenu.TopNavTypesLight li.current a { color: #FFF; } #header div#headmenu.TopNavTypesLeftRounded>ul> li:first-child a, #header div#headmenu.TopNavTypesRounded>ul> li:first-child a, #header div#headmenu.TopNavTypesLeftRounded>ul> li:first-child, #header div#headmenu.TopNavTypesRounded>ul> li:first-child { border-left-color: #BABABA; border-radius: 100px 0 0 100px; } #header div#headmenu.TopNavTypesRightRounded>ul> li:last-child a, #header div#headmenu.TopNavTypesRounded>ul> li:last-child a, #header div#headmenu.TopNavTypesRightRounded>ul> li:last-child, #header div#headmenu.TopNavTypesRounded>ul> li:last-child { border-radius: 0 100px 100px 0; } #header div#headmenu.TopNavTypesDark li, #header div#headmenu.TopNavTypesDark li a, #header div#headmenu.TopNavTypesDark li:hover li, #header div#headmenu.TopNavTypesDark li:hover li a {border-radius:0; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;box-shadow:inset 0 0 5px 5px #222} div#headmenu.TopNavTypesDark ul li{display:block;margin:0;line-height:48px;border-left:1px solid #4d4d4d;border-right:1px solid #1a1a1a; border-bottom:0px none;border-top:0px none;} div#headmenu.TopNavTypesDark ul li:hover, div#headmenu.TopNavTypesDark ul li.active, div#headmenu.TopNavTypesDark ul li, div#headmenu.TopNavTypesDark-class-active{border-top:none;line-height:49px} div#headmenu.TopNavTypesDark ul li:hover>a,div#headmenu.TopNavTypesDark ul li.active>a,div#headmenu.TopNavTypesDark ul lidiv#headmenu.TopNavTypesDark-class-active>a,div#headmenu.TopNavTypesDark ul lidiv#headmenu.TopNavTypesDark-class-active>span{box-shadow:inset 0 0 15px 3px #222} div#headmenu.TopNavTypesDark ul li a,div#headmenu.TopNavTypesDark ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff} div#headmenu.TopNavTypesDark ul li ul li { border-bottom: 1px solid #1a1a1a; border-top: 1px solid #4d4d4d;} div#headmenu.TopNavTypesDark ul li ul li:hover{border-top:medium none;} div#headmenu.TopNavTypesDark ul li:hover a{box-shadow: 0 0 15px 3px #222 inset;} #header div#headmenu.TopNavTypesDark>ul> li li:hover> a, #header div#headmenu.TopNavTypesDark>ul> li li:hover> a:hover, #header div#headmenu.TopNavTypesDark>ul> li:hover> a, #header div#headmenu.TopNavTypesDark a:hover, #header div#headmenu.TopNavTypesDark li.current a { color: #aaa; } body .headLogo {width:auto;height:auto; min-width:20px; min-height:20px; position:absolute;background-image:none; background-repeat:no-repeat;background-position:left top; background-attachment:scroll; max-width:960px; max-height:500px;} body a.headLogo, body a.headLogo:visited, body a.headLogo:hover { text-decoration: none; } /*Left Menu*/ #left .leftmenu { font-weight: normal; } #left .leftmenu.menuheader {font-weight:bold;} .leftmenu{width:221px;min-height:30px;display:block;text-align:start; line-height:30px;} .menuheader{margin-top:10px;} .menuheader div{padding-left:40px;} .submenuheader div{padding-left:15px} .submenuheader.welcome img{ margin:5px 0 5px 5px; float:left;} .submenuheader.welcome div {float:left; padding-left:5px;} .cMobileMenu>.header>a> i.fa-hover { padding-left:10px;} .cMobileMenu * { border-radius: 0 !important; } .menuitem a{text-decoration:none;display:block;padding-top:3px;padding-bottom:5px;padding-left:30px;outline: none 0;} .menuitem >a.facebook {margin:3px 0 0 30px;} .loginForm .facebook {margin-bottom:7px;} .submenuheader .subMenu {display:none;position:absolute; padding-left:0; z-index:1000000;} .submenuheader.hasSubmenu >div:first-child {Padding: 3px 0 5px 30px;} .submenuheader.hasSubmenu >div:first-child > span{float: right; margin: 8px 11px 0 0;} .cMobileMenu .header.agentMenu.gotoMenu { display:none;} /*subModule*/ .subModule .ui-widget-content, .subModule.ui-widget-content {padding:10px;} .subModule .ui-widget-header {padding:5px;} /*Login Box*/ #signinDialog {display:none; text-align:start;} #signinDialog .row{display:block;} .loginbox{padding:5px;margin:5px; display:block;margin-left:15px;text-align:start;} /*.login .row {padding:0;}*/ .login a {padding:0; line-height:28px;} .loginbox a{display:block;margin:5px;text-decoration:none;} .loginbox a:hover{text-decoration:underline;} #signinDialog a.GuestLoginButton:hover, #signinDialog a.GuestSignupButton:hover { text-decoration:none;} #signinDialog .modeSignUp .nsCard.cGuestCheckout, #signinDialog .modeLogin .nsCard.cGuestCheckout, #signinDialog .loginSetPassword > div { display: flex; flex-direction: column; justify-content: space-between; } body #signinDialog .modeSignUp .two-panel-divider, body #signinDialog .modeLogin .two-panel-divider { display: flex; } #signinDialog .externalButtons > div{ justify-content: center; align-items: center; flex-wrap: wrap; /* allow wrap on narrow screens */ gap: .75rem; /* works for both row & stacked */ row-gap: .75rem; /* extra safety */ column-gap: .75rem; } @media (max-width: 560px) { #signinDialog .externalButtons > div { flex-direction: column; /* stack */ align-items: stretch; } #signinDialog .externalButtons div > a{ width: 100%; margin:0;justify-content:center;} } .login p.error { text-align: center; padding: 5px; } .hidden{display:none;} .farsiText{direction:rtl;font-family:Tahoma;} .copyright{font-size:10px;color:#888;text-align:center;} .footnote{font-size:11px;color:#555;} .login{padding:10px /*10px 0*/;} .login .google, .login .facebook { margin-left: 10px; margin-right: 10px; } .login .cJoinFB{width: auto;display:inline;clear:left;margin:3px 0px;} .login label{display:inline-block;clear:both;padding-bottom:5px;} .login .errorMsg {line-height:44px;} .login input { width: 170px; display: inline-block; clear: left; margin: 3px 0px; } .login .loginBtn{display:block;/*margin:12px 0 12px;*/} .login .loginBtn a{float:left;font-size:80%;} .login .LoginButton {float:right;} .login .fbPicture {margin: 5px 0;} .login p{margin:0;} .login .row.registerRow {padding:15px 0;} .login .row a:not(.nsBtn):hover{text-decoration:underline;} .login .row a.facebook:hover{text-decoration:none;} .leftmenu .registerRow {margin-top:15px; border-top:1px solid #ccc;-webkit-box-shadow: inset 0px 1px 1px 1px #eee;box-shadow: inset 0px 1px 1px 1px #eee; } /*#signinDialog {overflow:hidden;}*/ #signinDialog >*{max-width:700px;} #signinDialog .registerRow {position:absolute;top:0; right:0; width:100px; height:100%; border-left:1px solid #ccc; padding:65px 0 15px 35px;-webkit-box-shadow: inset 1px 0px 1px 1px #eee;box-shadow: inset 1px 0px 1px 1px #eee; } #signinDialog .registerRow .nsBtn {margin-top:20px;} /*login popup*/ #signinDialog input[type="email"], #signinDialog input[type="text"], #signinDialog input[type="password"], #signinDialog input[type="tel"] { width: 240px; } #signinDialog .cCheckboxRow input, .login .cCheckboxRow input { width: auto; } .login .cCheckboxRow label {display:inline; clear:none;} input.invalid {border:2px solid #B92930;} /*input[type="text"].valid {border:2px solid #056336;}*/ input.invalid:focus, input.valid:focus {border:2px inset #ece9d8;} /*combined login dialog*/ #signinDialog, #signinDialog * { box-sizing: border-box; } #cBody #signinDialog .hideInitially { display: none; } #cBody #signinDialog .hideGuestCheckout{ display:none;} #signinDialog .signUpMode, #signinDialog .loginMode, #signinDialog .twoFactorMode, #signinDialog .forgotMode {display:none;} #signinDialog .cLoginMessage > p{ margin-bottom:10px; padding:5px;} #signinDialog .cLoginError > p {padding:5px; margin:10px;} #signinDialog .modeSignUp .signUpMode, #signinDialog .modeLogin .loginMode, #signinDialog .modeForgot .forgotMode {display:block;} #signinDialog .modeSignUp .externalButtons .signUpMode, #signinDialog .modeLogin .externalButtons .loginMode{display:flex;} #signinDialog .modeForgot .forgotMode { display: block; } #signinDialog .loginSetPassword { display:none;} #signinDialog .modeLogin.modeLoginSetPassword .loginSetPassword{display:block;} #signinDialog .modeLogin.modeLoginSetPassword .notSetPassword{display:none;} #signinDialog .modeTwoFactor .twoFactorMode {display:block;} #signinDialog .hint{display:block;clear:both; margin-bottom:10px; font-size:75%;} #signinDialog .cSwitchToSignUp, /*#signinDialog .cSwitchToSignIn {text-align:end; margin-top:-20px; cursor:pointer; text-decoration:underline;}*/ #signinDialog .row {} #signinDialog .left{ width:50%; float:left; clear:none;padding-right:8px;} .rtl #signinDialog .left { float: right; padding-left: 8px; } #signinDialog .right { width: 50%; float: right; clear: none; padding-left: 8px; } .rtl #signinDialog .right { float: left; padding-right: 8px; } #signinDialog label.checkbox { display: inline; } #signinDialog input[type="checkbox"] {width:auto;} #signinDialog .forgotPassword {margin-bottom:10px;} #signinDialog .error.ui-state-error{display:none;} /* modern login/signup dialog */ body .signinDialog.ui-dialog { max-width: calc(100vw - 24px); overflow: hidden; z-index:10000002 !important; } body .signinDialog.ui-dialog .ui-dialog-titlebar { position:relative !important; padding: 14px 54px 14px 24px; } body .signinDialog.ui-dialog .ui-dialog-titlebar-close, body .signinDialog.ui-dialog .ui-dialog-titlebar-close:hover { position:absolute !important; top:50% !important; right:14px !important; bottom:auto !important; width:34px !important; height:34px !important; margin:0 !important; overflow:visible !important; transform:translateY(-50%) !important; font-size:0 !important; line-height:1; text-indent:-9999px; z-index:2; } body .signinDialog.ui-dialog .ui-dialog-titlebar-close:after, body .signinDialog.ui-dialog .ui-dialog-titlebar-close:hover:after { left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; font-size:18px !important; text-indent:0 !important; } .rtl body .signinDialog.ui-dialog .ui-dialog-titlebar, body.rtl .signinDialog.ui-dialog .ui-dialog-titlebar { padding-left:54px; padding-right:24px; } body .signinDialog.ui-dialog .ui-dialog-content { padding:0; } body .signinDialog #signinDialog { max-width:none; overflow:auto; } body .signinDialog #signinDialog .loginForm { position:relative; display:block; padding:22px 24px 24px; } body .signinDialog #signinDialog > * { max-width:none; } body .signinDialog #signinDialog .row { padding-top:12px; } body .signinDialog #signinDialog .cLoginMessage > p, body .signinDialog #signinDialog .cLoginError > p { border-radius:10px; margin:0 0 10px; padding:10px 12px; line-height:1.45; } body .signinDialog #signinDialog .externalButtons, body .signinDialog #signinDialog .nsCardIfAllowGuest.nsCard, body .signinDialog #signinDialog .nsCard.cGuestCheckout { border-color: color-mix(in srgb, currentColor 18%, transparent); border-radius:14px; box-shadow: 0 1px 2px color-mix(in srgb, currentColor 8%, transparent); } body .signinDialog #signinDialog .externalButtons { padding:14px; margin-bottom:4px; } body .signinDialog #signinDialog .externalButtons > div { gap:10px; } body .signinDialog #signinDialog .cSwitchToSignUp, body .signinDialog #signinDialog .cSwitchToSignIn { display:inline-flex; align-items:center; justify-content:center; min-height:32px; } body .signinDialog #signinDialog .loginMode.signUpMode .showHint, body .signinDialog #signinDialog label .showHint { vertical-align:middle; } body .signinDialog #signinDialog input[type="email"], body .signinDialog #signinDialog input[type="text"], body .signinDialog #signinDialog input[type="password"], body .signinDialog #signinDialog input[type="tel"], body .signinDialog #signinDialog select { width:100%; min-height:44px; } body .signinDialog #signinDialog .cLoginEmailRow { display:grid; grid-template-columns:max-content auto 1fr auto; gap:8px; align-items:center; } body .signinDialog #signinDialog .cLoginEmailRow label { grid-column:1; } body .signinDialog #signinDialog .cLoginEmailRow > .showHint { grid-column:2; } body .signinDialog #signinDialog .cLoginEmailRow br { display:none; } body .signinDialog #signinDialog .cLoginEmailRow .cEmail { grid-column:1 / 4; } body .signinDialog #signinDialog .cLoginEmailRow .GoButton { grid-column:4; margin-bottom:3px; } body .signinDialog #signinDialog .left, body .signinDialog #signinDialog .right { width:50%; } body .signinDialog #signinDialog .two-panel-split { margin-top:12px; align-items:stretch; } body .signinDialog #signinDialog .loginForm:not(.cLoginCheckoutMode) .two-panel-split, body .signinDialog #signinDialog .modeForgot .two-panel-split, body .signinDialog #signinDialog .modeTwoFactor .two-panel-split { display:block; } body .signinDialog #signinDialog .two-panel-divider span { background:inherit; } body .signinDialog #signinDialog .cGuestCheckout p, body .signinDialog #signinDialog .loginSetPassword p { line-height:1.45; } body .signinDialog #signinDialog .loginBtn { text-align:end; } body .signinDialog #signinDialog .loginBtn .LoginButton, body .signinDialog #signinDialog .loginBtn .nsBtn { float:none; } body .signinDialog #signinDialog .LoginButton.fullWidth, body .signinDialog #signinDialog .GuestLoginButton.fullWidth { width:100%; } #signinDialog .cLoginBusyOverlay { display:none; } #signinDialog .cCheckingEmail .cLoginBusyOverlay { position:absolute; inset:0; z-index:50; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:180px; text-align:center; background: color-mix(in srgb, currentColor 5%, transparent); backdrop-filter: blur(2px); } #signinDialog .cCheckingEmail .cLoginBusyOverlay:before { content:""; position:absolute; inset:0; background: color-mix(in srgb, currentColor 8%, transparent); } #signinDialog .cLoginBusySpinner, #signinDialog .cEmailCheckStatus { position:relative; z-index:1; } #signinDialog .cLoginBusySpinner { width:34px; height:34px; border:3px solid color-mix(in srgb, currentColor 22%, transparent); border-top-color:var(--ColTextHighlight, currentColor); border-radius:50%; animation:cLoginBusySpin .75s linear infinite; } #signinDialog .cEmailCheckStatus { font-weight:700; } @keyframes cLoginBusySpin { to { transform:rotate(360deg); } } @media (max-width: 720px) { body .signinDialog.ui-dialog { max-width:100vw; width:100vw !important; height:100dvh !important; left:0 !important; top:0 !important; border-radius:0 !important; } body .signinDialog.ui-dialog .ui-dialog-titlebar { padding:12px 48px 12px 18px; } body .signinDialog.ui-dialog .ui-dialog-content { height:calc(100dvh - 54px) !important; max-height:none !important; } body .signinDialog #signinDialog .loginForm { padding:16px; } body .signinDialog #signinDialog .left, body .signinDialog #signinDialog .right, html[dir="rtl"] body .signinDialog #signinDialog .left, html[dir="rtl"] body .signinDialog #signinDialog .right, body.rtl .signinDialog #signinDialog .left, body.rtl .signinDialog #signinDialog .right { float:none; width:100%; padding-left:0; padding-right:0; } body .signinDialog #signinDialog .two-panel-split { grid-template-columns:1fr; } body .signinDialog #signinDialog .two-panel-divider { width:auto; height:38px; } body .signinDialog #signinDialog .cLoginEmailRow { grid-template-columns:1fr; } body .signinDialog #signinDialog .cLoginEmailRow label, body .signinDialog #signinDialog .cLoginEmailRow > .showHint, body .signinDialog #signinDialog .cLoginEmailRow .cEmail, body .signinDialog #signinDialog .cLoginEmailRow .GoButton { grid-column:1; width:100%; } } .floatleft,.floatstart {float:left;} .rtl floatleft,.rtl .floatstart{float:right} .floatright,.floatend {float:right;} .rtl .floatright,.rtl .floatend{float:left} .showHint, form .row .showHint {padding:0; border-radius:20px; margin:0 8px; cursor:pointer;} /*.showHint {padding-right:20px; background: url(/images/ns/questionmarkred.gif) no-repeat center right;} */ .showHint .hintData {display:none;} .ui-tooltip {max-width:400px; padding:8px;} .ui-tooltip * {line-height:130%; } .ui-tooltip.ui-widget-shadow { -webkit-box-shadow: 3px 3px 5px #000000; box-shadow: 3px 3px 5px #000000; } .icon40 {display:inline-block; width:40px; height:40px; background-image:url(/images/icons40x2.png);background-position:0 100px; background-repeat:no-repeat;} .icon40.icon40success,.icon40.icon40ok{background-position:0 0px;} .icon40.icon40warning{background-position:0 -40px;} .icon40.icon40error{background-position:0 -80px;} .icon40.icon40info,.icon40.icon40information{background-position:0 -120px;} .icon40.icon40help,.icon40.icon40question{background-position:0 -160px;} .icon40.icon40helpsmall,.icon40.icon40questionsmall{background-position:0 -572px;height:24px;} .icon40.icon40star,.icon40.icon40favorite{background-position:0 -200px;} .icon40.icon40refresh{background-position:0 -240px;} .icon40.icon40cross{background-position:0 -280px;} .icon40.icon40redcross{background-position:0 -320px;} .icon40.icon40plus{background-position:0 -360px;} .icon40.icon40leftarrow{background-position:0 -400px;} .icon40.icon40bottomarrow{background-position:0 -440px;} .icon40.icon40rightarrow{background-position:0 -480px;} .icon40.icon40toparrow{background-position:0 -520px;} .icon40.cVideoHelp{background-position:0 -646px;} .ui-dialog {max-width:100%; } .ui-dialog.cShowDialogFullScreen {position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100vw !important; height:100vh !important; height:100dvh !important; max-width:none !important; max-height:none !important; display:flex; flex-direction:column; border-radius:0 !important; box-sizing:border-box; overflow:hidden;} .ui-dialog.cShowDialogFullScreen .ui-dialog-titlebar {flex:0 0 auto;} .ui-dialog.cShowDialogFullScreen .ui-dialog-content {flex:1 1 auto; min-height:0; height:auto !important; max-height:none !important; overflow:auto;} .ui-dialog.cShowDialogFullScreen .ui-dialog-buttonpane {flex:0 0 auto; margin-top:0;} .ui-dialog .icon40 {float:left; margin:0 12px 10px 0;} .iconedDialogContainer >div, .iconedDialogContainer >p{margin-left:60px; margin-bottom:8px; } /*body .cHelp a, body .cHelp a:hover, body .cHelp a:visited {color:#191876;}*/ .cHelp .cVideoHelp {border-radius:0;margin-right:0;} .cShadow {display:block;/*box-shadow: 8px 10px 11px #000000;*/} /*Modules*/ .Module{display:block;border-style:solid;border-width:0px;text-align:start;width:100%;margin-bottom:10px;} #content>.Module{ border-radius:10px; box-shadow:0 12px 28px color-mix(in srgb, currentColor 18%, transparent); } .moduleheader{ width:100%; height:30px; margin-top:10px; line-height:30px; background-repeat:no-repeat; border-radius:10px 10px 0 0; box-sizing:border-box; } .moduleheader div{padding-left:40px;padding-right:40px;} .modulebody{ padding:16px; overflow:auto; border-radius:0 0 10px 10px; box-sizing:border-box; } .Module table{ margin-left:auto; margin-right:auto; width:100%;} .Module td, .Module th{padding:10px;} .Module td.leftAlign, .Module th.leftAlign {text-align:start;} .Module td.breakable, .Module th.breakable {word-break: break-all;} .Module .ui-state-default td, .Module .ui-state-focus td, .Module .ui-state-highlight td {font-weight:normal;} .Module a{ text-decoration:none;} .Module a:hover{text-decoration:underline;} .ModuleHeader{font-weight: bold;font-size: larger;margin:7px; display:block;text-align:center;} .Module td.idfield,.Module th.idfield{display:none;} body .filters.ui-widget-content{padding: 7px;display: block;margin:10px 3px;font-weight:normal;border-radius:5px;-webkit-box-shadow: 1px 1px 1px 1px ; box-shadow: 1px 1px 1px 1px ; } .filterLabel{display: block;float:left; width:130px;text-align:right;vertical-align:middle; margin-right:5px;} .filterText {float:left; padding:2px;} .filterrow{ padding-top:10px;display:block;clear:both;} .filterButton{margin-left:20px; } .filterLabelTitle{display: block;float:left;text-align:right;vertical-align:middle;margin-left:10px;font-weight: bolder;} .editLabel{display: block;vertical-align:middle;margin-bottom:5px;} .editValue {padding:0 0 10px 10px;font-size:115%} .filtersV2 { box-sizing:border-box; margin-bottom:10px; border:1px solid; border-radius:3px;} .filtersV2 .filterLabelTitle {font-size:150%; float:none;text-align:start;} .filtersV2 .filterrow .filterCol { width:32%;padding:0 15px; display:inline-block; box-sizing:border-box; max-width:350px;} .filtersV2 .filterrow .filterCol:nth-last-child(1) {width:99%;max-width:900px; } .filtersV2 .filterrow .filterCol:nth-last-child(2) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(2) {width:48%;max-width:700px; } .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3) {width:32%;max-width:350px; } .filtersV2 .filterrow .filterLabel {display:block;float:none;width:auto; text-align:start;padding:0;} .filtersV2 .filterrow input.filterText {width:95%; max-width:300px; } .filtersV2 .filterrow .filterText{ float: none; margin-top:8px;border-radius:4px;max-width:100%;} .filtersV2 .filterrow input, .filtersV2 .filterrow select, .filtersV2 .filterrow label { max-width:95%;} .filtersV2 .filterrow .select2 { margin-top:8px; max-width:80%;margin-bottom:8px;} .filtersV2 .filterrow .select2 .select2-selection--single, .filtersV2 .filterrow .select2 .select2-selection--single span { height:40px;line-height:40px;} .filtersV2 .filterrow .filterText.cDatePicker { max-width:170px;} .filtersV2 .filterrow { padding-bottom:0px;} .filtersV2 {padding-bottom:10px;} .filtersV2 .filterButton { margin:0;} .filtersV2 .cHint { padding:15px;} .cSelectListModule .modulebody { padding-bottom: 80px !important; } .cSelectListModule .cSelectPageIntro { max-width: 900px; } .cSelectListModule .cSelectPageActions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; padding-top: 0; } .cSelectListModule .cSelectPageActions .nsBtn { margin: 0; } .filtersV2 { background: color-mix(in srgb, currentColor 3%, transparent); border-color: color-mix(in srgb, currentColor 18%, transparent); margin: 12px 0 18px; padding: 12px; } .filtersV2 .filterLabelTitle { align-items: center; display: flex; font-size: 115%; gap: 8px; margin: 0; } .filtersV2 .filterrow { align-items: flex-end !important; display: flex !important; flex-wrap: wrap; gap: 12px; padding-top: 10px; } .filtersV2 .filterrow .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(1), .filtersV2 .filterrow .filterCol:nth-last-child(2), .filtersV2 .filterrow .filterCol:nth-last-child(2) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3), .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol ~ .filterCol { flex: 1 1 210px; display: flex; flex-direction: column; justify-content: flex-end; max-width: 360px; min-width: 0; padding: 0; position: relative; width: auto; } .filtersV2 .filterrow:has(> .filterLabelTitle .fa-columns) { align-items: flex-start !important; } .filtersV2 .filterrow:has(> .filterLabelTitle .fa-columns) > .filterLabelTitle { flex: 0 0 100%; margin-bottom: 0 !important; } .filtersV2 .filterrow .filterCol:has(> .cEventSelectorDropDown) { padding-inline-end: 30px; } .filtersV2 .filterrow .filterCol > a[onclick*="openEventSelector"] { align-items: center; bottom: 8px; display: inline-flex; height: 40px; inset-inline-end: 0; justify-content: center; margin: 0; overflow: visible; position: absolute; width: 26px !important; } .filtersV2 .filterrow .filterCol > a[onclick*="openEventSelector"] i { padding: 0 !important; } .filtersV2 .filterrow .filterCol.cSelectFilterAction { align-self: flex-end; align-items: flex-start; flex: 0 0 auto !important; max-width: none; min-width: 0; width: auto; } .filtersV2 .filterrow input[type="text"], .filtersV2 .filterrow input.filterText, .filtersV2 .filterrow select, .filtersV2 .filterrow .filterText, .filtersV2 .filterrow .cSearchEdit { box-sizing: border-box; max-width: 100%; min-height: 40px; width: 100% !important; } .filtersV2 .filterrow .select2-container { box-sizing: border-box; max-width: 100%; min-height: 40px; width: 100% !important; } .filtersV2 .filterrow select.select2-hidden-accessible, .filtersV2 .filterrow .filterText.select2-hidden-accessible { max-width: 1px; min-height: 1px; width: 1px !important; } .filtersV2 .filterrow .filterButton { box-sizing: border-box; min-height: 40px; min-width: max-content; overflow: visible; padding-left: 16px; padding-right: 16px; text-overflow: clip; } .filtersV2 .filterrow .cSelectFilterAction input, .filtersV2 .filterrow .cSelectFilterAction .nsBtn { width: auto !important; } @media (max-width: 770px) { .filtersV2 .filterrow { align-items: stretch !important; } .filtersV2 .filterrow .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(1), .filtersV2 .filterrow .filterCol:nth-last-child(2), .filtersV2 .filterrow .filterCol:nth-last-child(2) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3), .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol, .filtersV2 .filterrow .filterCol:nth-last-child(3) ~ .filterCol ~ .filterCol, .filtersV2 .filterrow .filterCol.cSelectFilterAction { align-items: stretch; flex: 1 1 100%; max-width: none; width: 100%; } .filtersV2 .filterrow .filterButton { width: 100% !important; } } .cSelectListModule .cNSGridViewContainer { margin-top: 10px; } .cNSGridView { border: 1px solid color-mix(in srgb, currentColor 14%, transparent); } .cNSGridView td { vertical-align: middle; } .cNSGridView td a { display: inline-flex; align-items: center; min-height: 32px; } .cNSGridView td a:hover { text-decoration: none; } .cNSGridView td a i { margin: 4px; } .row{padding-top:10px;display:block;clear:both;} .hideContentToggle i{ line-height: 44px; display:inline-block; padding:0 8px;} /*.cEventEdit .row{line-height:42px;}*/ .editText{float:left;/*margin-right:5px;border-color:#000;border-width:1px;padding:2px;*/} .editText.wide, body .row .editText.wide{width:80%; max-width:650px;} .editText label{padding:2px;margin-right:5px;} .editButton:first-child { margin-left: 0;} .editLabelTitle{margin-left: 7px;margin-right: 7px; margin-bottom: 10px;vertical-align: middle; display: inline-block;font-weight: bolder;} .editError{margin-left: 40px;margin-right: 7px;margin-bottom: 10px;vertical-align: middle; display: inline-block; color:Red;} div.loading {text-align:center; height:150px;vertical-align:middle;padding-top:150px;vertical-align:middle;} .bold{font-weight:bold;} .rightalign{text-align:right;display:block;} .hint{font-size: smaller;font-weight: lighter;} .hint.cHintCallout, .cHintCallout { box-sizing: border-box; display: block; border-inline-start: 4px solid var(--ColTextHighlight, currentColor); background: color-mix(in srgb, currentColor 6%, transparent); line-height: 1.45; margin: 8px 0; padding: 10px 12px; text-align: start; } .hint.cHintCallout { font-size: 90%; font-weight: normal; } .textarea{width:95%;margin:10px;} .message{text-align:center; display:block;width:100%;} .middle{display:block;width:500px;text-align:right;float:left; padding-right:10px;} .clear{ clear:both;} .menuHeader{cursor:pointer;} div .noScroll{overflow:hidden;} .rightBtn{margin-right:80px;margin-left:20px;} .moreSpacing, .moreSpacing p{ line-height:150%;} .moreSpacing li{margin: 5px 0;} .confirmation br{line-height:0;} .confirmationModule p, .confirmationModule li{margin-bottom:18px;line-height:145%;text-align:start;} .confirmationModule .modulebody.confirmation {box-sizing:border-box;} .confirmationModule .cSaleConfirmationBody {max-width:980px;margin:0 auto;text-align:start;box-sizing:border-box;} .confirmationModule .cConfirmationIntro {margin:10px 0 18px;} .confirmationModule .cConfBtns, .confirmationModule .cConfLinks {display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center;text-align:center;} .confirmationModule .cConfBtns {margin:10px auto 18px;} .confirmationModule .cConfBtns > * {margin:0;} .confirmationModule .cConfLinks {margin:14px auto 22px;padding:0;} .confirmationModule .cConfLinks li{display:inline-flex;align-items:center;gap:6px;margin:0;list-style:none;} .confirmationModule .cConfLinks li a {margin:0;} .confirmationModule .cConfLinks li i {margin:0;} .confirmationModule .cConfirmGreen {display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:10px;border:1px solid color-mix(in srgb, var(--success, #2e7d32) 55%, transparent);background:color-mix(in srgb, var(--success, #2e7d32) 12%, transparent);color:var(--success, #2e7d32) !important;} .confirmationModule .cConfirmationSection {box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:12px;margin:18px 0;padding:16px 18px;background:color-mix(in srgb, currentColor 3%, transparent);box-shadow:0 1px 2px color-mix(in srgb, black 10%, transparent);} .confirmationModule .cConfirmationSectionTitle {box-sizing:border-box;font-size:130%;font-weight:700;line-height:1.25;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);} .confirmationModule .cConfirmationSection ul {margin:0 0 0 1.25rem;} .rtl .confirmationModule .cConfirmationSection ul {margin:0 1.25rem 0 0;} .confirmationModule .cConfirmationLineItem {margin:0;padding:12px 0;border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);} .confirmationModule .cConfirmationLineItem:last-child {border-bottom:0;} .confirmationModule .cConfirmationNotes li:last-child {margin-bottom:0;} .confirmationModule .cConfirmationEmailActions + .cSaleConfirmationBody {margin-top:10px;} .confirmationModule iframe, .confirmationModule img {max-width:100%;} .confirmationModule .cWordOfMonthPhrase {box-sizing:border-box;max-width:980px;margin:18px auto !important;padding:16px 18px !important;border-color:color-mix(in srgb, currentColor 18%, transparent) !important;border-radius:12px !important;background:color-mix(in srgb, currentColor 3%, transparent);text-align:start;} .confirmationModule .cWordOfMonthPhrase p {margin-bottom:12px;} .confirmationModule .cWordOfMonthPhrase .cCopiable {display:flex;align-items:center;gap:8px;margin:10px 0;} .confirmationModule .cWordOfMonthPhrase .cCopiable input {flex:1 1 auto;min-width:0;width:auto;} .confirmationModule .cWordOfMonthPhrase .cCopiable a {float:none;flex:0 0 auto;} .superscript { font-size: xx-small; vertical-align: top; } .confirmationModule .cInvoice > p {display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:8px 0;border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);} .confirmationModule .cHeaderRow > b {box-sizing:border-box;width:100%;font-weight:600 !important;display:block;} .confirmationModule .cInvoice .cTotalRow {border-top:2px solid;padding-top:14px;margin-top:8px;font-size:115%;} .cPrevStatementSummary {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0 14px;border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);line-height:1.25;} .cPrevStatementSummary .cPrevStatementTitle {display:inline-flex;align-items:center;gap:10px;min-width:0;} .cPrevStatementSummary .cPrevStatementTitle span {min-width:0;overflow-wrap:anywhere;} .cPrevStatementSummary .cPrevStatementToggle, .cPrevStatementSummary .cPrevStatementToggle:visited {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:6px 12px;border:1px solid color-mix(in srgb, currentColor 32%, transparent);border-radius:999px;background:color-mix(in srgb, currentColor 9%, transparent);color:inherit;text-decoration:none !important;font-size:85%;font-weight:700;line-height:1.2;box-shadow:0 1px 2px color-mix(in srgb, black 12%, transparent);} .cPrevStatementSummary .cPrevStatementToggle:hover, .cPrevStatementSummary .cPrevStatementToggle:focus-visible {background:var(--ColBgClickableHover);border-color:var(--ColBorderClickableHover);color:var(--ColTextClickableHover) !important;text-decoration:none !important;} .cPrevStatementSummary .cPrevStatementToggle:focus-visible {outline:2px solid var(--ColTextHighlight);outline-offset:2px;} .cPrevStatementSummary .cPrevStatementCount {display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ColBgClickableDefault);color:var(--ColTextClickableDefault);font-size:85%;line-height:20px;} @media (max-width: 700px) { .confirmationModule .modulebody.confirmation {padding-left:12px;padding-right:12px;} .confirmationModule .cConfBtns {align-items:stretch;} .confirmationModule .cConfBtns > * {width:100%;box-sizing:border-box;justify-content:center;text-align:center;} .confirmationModule .cConfLinks {justify-content:flex-start;} .confirmationModule .cWordOfMonthPhrase {width:100%;border-radius:10px !important;} .confirmationModule .cWordOfMonthPhrase .cCopiable {align-items:stretch;} .confirmationModule .cConfirmationSection {border-radius:10px;padding:14px;margin:14px 0;} .confirmationModule .cInvoice > p {display:block;} .confirmationModule .cInvoice > p b {display:block;margin-top:4px;} .cPrevStatementSummary {align-items:stretch;} .cPrevStatementSummary .cPrevStatementToggle {width:100%;box-sizing:border-box;} } /*Overlay Styles*/ #overlayContent iframe { width: 100%; background-color: #fff; height: 100%; } div.overlayWrapper{top:2%;} div#overlay{margin-left:auto;margin-right:auto; position:relative; width:98%;overflow-y:hidden;} .overlay_ex, div#overlayButtons{display:none;} #overlayTitleBar{padding:0pt 12px;} div#overlayHeaderBtns {float:right; margin:10px 10px 0 0;} div#overlayHeaderBtns >div{float:left; margin:5px;} div#overlayHeaderBtns>span {margin:0 10px;} .ui-dialog-titlebar>span {display:block; width:100%;} div#overlayContent{clear:left;text-align:start;width:auto;background-color:#fff;margin:0;padding:0;} #overlayBody{min-height :100px;min-width:100px;padding:0px;float:right;background-color:#fff;border-width:0px;margin:0px;text-align:center;} div#overlayBodyDiv{width:auto;background-color:#fff;text-align:center;} div#overlayBodyDiv img{ padding:5px;top: 10px;} /*default.aspx*/ /*helpBtn*/ .helpBtn {float:left;background-image:url(/images/ns/questionmarkred.gif);padding-left:20px;padding-top:-2px; background-repeat:no-repeat;} .helpBtnRight {float:right;background-image:url(/images/ns/questionmarkred.gif);padding-left:20px;padding-top:-2px; background-repeat:no-repeat;} .eventSmallLogo {background-color:#fff;padding:3px;width:170px;} table.borderSpacing {border-collapse:separate;border-spacing:2px;} p.partnerEvents {margin:30px auto 20px;font-weight:bold;font-size:140%;width:90%;} table.partnerEvents {font-size:90%;width:90%;} /*Popup*/ .initPopup { display:none; } .initPopup ul {text-align:start; line-height:150%;} .initPopup li {margin:5px 0;} .initPopup .iconedDialogContainer {min-height:40px;} .initPopup {text-align:start;} .initPopup div.ui-dialog-buttonpane{text-align:right;} /*Design page*/ .designmodule textarea {width:100%; display:block;} .designmodule input[type="submit"] {float:right;margin:10px;} .paymentLogos {display:block; clear: both; margin: 10px 0;} /*Html Page*/ .cHtmlEditorEdit {float:right;} .cHtmlEditorEdit + .cHtmlEditorContent {margin-top:60px;} .cHtmlEditorEdit:hover + .cHtmlEditorContent { border:1px solid #CDDC39; background-color: rgba(222, 222, 99, 0.2);} /*BreadCrumb*/ .breadCrumb {margin: 10px 0; overflow:hidden;} .breadCrumb a{padding:0 5px; font-weight:normal; font-size:15px;} .breadCrumb a:first-child {font-weight:bold;font-size:17px;} .breadCrumb small {font-size:60%;} .breadCrumb .selected {} .breadCrumb .selected:hover {cursor:default;text-decoration:none;} /*googleAd*/ /*.hasSkyscraperAd div#container { margin: 0 10px 0 0; float:left; } #googleAdLeaderboard {width: 715px; height:90px; margin-top:20px; overflow:hidden;} #googleAdSkyscraperContainer{width: 160px; height:600px; margin:0 0 0 970px; padding-top:250px;} #googleAdSkyscraper{width: 160px; height:600px; } #googleAdSmallRec {width: 200px; height:200px; margin: 25px 0 0 25px;}*/ /* === Shared base (keeps your selectors; no HTML changes) === */ body a.google, body .google, body a.facebook, body .facebook { display: inline-flex; align-items: center; gap: .6rem; height: 44px; /* modern, tappable size */ line-height: 1; /* use flex centering, not line-height */ padding: 0 25px 0 48px; /* left room for icon */ border-radius: 12px; font-weight: 600; font-size: 14px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; text-decoration: none !important; box-shadow: 0 1px 2px rgba(0,0,0,.06); transition: transform .02s ease, box-shadow .2s ease, background-color .15s ease, border-color .15s ease, color .15s ease; background-repeat: no-repeat; background-position: 14px center; /* icon position */ background-size: 18px 18px; /* icon size */ white-space:nowrap; } body a.facebook, body .facebook { background-size: 24px 24px; /* icon size */ } /* Keep text color stable across states */ body a.google, body a.google:hover, body a.google:visited, body a.google:active, body a.google:link { color: #1f1f1f !important; } body a.facebook, body a.facebook:hover, body a.facebook:visited, body a.facebook:active, body a.facebook:link { color: #fff !important; } /* === Google (outlined) === */ body .google, body a.google { background-color: #fff !important; border: 1px solid #dadce0 !important; /* Multicolor G as crisp inline SVG */ background-image: url("data:image/svg+xml;utf8,\ \ \ \ \ \ "); } body a.google:hover { border-color: #c7c9cc !important; } body a.google:active { transform: translateY(1px); } body a.google:focus-visible { outline: none; box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, #f78336), transparent 55%), 0 1px 2px rgba(0,0,0,.06); } /* === Facebook (solid) === */ body .facebook, body a.facebook { background-color: #1877F2; border: 1px solid #1877F2; /* White 'f' glyph as inline SVG */ background-image: url("data:image/svg+xml;utf8,\ \ \ "); } body a.facebook:hover { background-color: #166fe0; border-color: #166fe0; } body a.facebook:active { transform: translateY(1px); } body a.facebook:focus-visible { outline: none; box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, #f78336), transparent 55%), 0 1px 2px rgba(0,0,0,.06); } /* === Disabled states (works for anchors with [disabled] or .disabled) === */ html body a.google[disabled], html body .google.disabled, html body a.facebook[disabled], html body .facebook.disabled, html body a.google[aria-disabled="true"], html body a.facebook[aria-disabled="true"] { opacity: .6; cursor: not-allowed; filter: saturate(.7); pointer-events: none; } #switcher {position:absolute; top:0;} /*generic rules*/ .hide{display:none;} /* Tooltip */ .tooltip div.corner, .tooltip div.top, .tooltip div.arrow, .tooltip div.origin_tl, .tooltip div.origin_tr, .tooltip div.origin_bl, .tooltip div.origin_br, .tooltip div.content, .tooltip div.closeButton{background:url(/images/ns/yellowsheet.gif) no-repeat;position: absolute;} .tooltip{display:none;z-index: 100001;cursor: default;position:absolute;} .tooltip div.origin_tl,.tooltip div.origin_tr,.tooltip div.origin_bl,.tooltip div.origin_br{background-position: bottom right;} .tooltip div.corner,.tooltip div.top{top:-5px;} .tooltip div.corner{background-position:0px -19px;height:25px;width:5px;left:-5px;} .tooltip div.top{background-position:right -19px;height:5px;width:100%;} .tooltip div.content{background-position: bottom left;position:relative;padding: 5px 25px 10px 10px; left: -5px;} .tooltip div.closeButton{background-position:-72px top;width:17px;height:16px;top:5px;right:10px;cursor:pointer;z-index: 100002;} .tooltip div.arrow{background-position:100px top;height:15px;width:15px;z-index: 100002;} .tooltip div.origin_tl{top:0px;left:0px;} .tooltip div.origin_tr{top:0px;right:100%;} .tooltip div.origin_bl{bottom:0px;left:0px;} .tooltip div.origin_br{bottom:0px;right:100%;} .tooltip div.arrow_lt{margin: 0px 0px 0px 20px;} .tooltip div.arrow_lt .arrow{background-position:-56px top;left:-17px;top:8px;} .tooltip div.arrow_lb{margin: 0px 0px 0px 20px;} .tooltip div.arrow_lb .arrow{background-position:-56px top;left:-17px;bottom:10px;} .tooltip div.arrow_rt{margin: 0px 20px 0px 0px;} .tooltip div.arrow_rt .arrow{background-position:-21px top;right:-12px;top:8px;} .tooltip div.arrow_rb{margin: 0px 20px 0px 0px;} .tooltip div.arrow_rb .arrow{background-position:-21px top;right:-12px;bottom:8px;} .tooltip div.arrow_tl{margin: 20px 0px 0px 0px;} .tooltip div.arrow_tl .arrow{background-position:-2px top;left:5px;top:-17px;} .tooltip div.arrow_tr{margin: 20px 0px 0px 0px;} .tooltip div.arrow_tr .arrow{background-position:-2px top;right:15px;top:-17px;} .tooltip div.arrow_bl{margin: 0px 0px 20px 0px;} .tooltip div.arrow_bl .arrow{background-position:-38px top;left:10px;bottom:-14px;} .tooltip div.arrow_br{margin: 0px 0px 20px 0px;} .tooltip div.arrow_br .arrow{background-position:-38px top;right:10px;bottom:-14px;} .tooltip { text-align:start; } .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*Btn*/ .nsBtn { font-weight: 700; font-family: inherit; cursor: pointer; vertical-align: bottom; white-space: nowrap; max-width: -webkit-fill-available; text-overflow: ellipsis; overflow: hidden; box-sizing:border-box; border:1px solid currentColor; box-shadow:0 1px 2px color-mix(in srgb, currentColor 12%, transparent); transition:filter .15s ease, transform .02s ease, box-shadow .15s ease, border-color .15s ease; } .ie .nsBtn { width: auto; overflow: visible; line-height: normal; } /* Fixes double padding */ .nsBtn[disabled] { cursor: default; } .nsBtn::-moz-focus-inner { border: none; } body .nsBtn.small { height: 28px; padding: 0 8px; font-size: 12px; line-height:28px;} body .nsBtn.medium { height: 44px; padding: 0 10px; font-size: 14px; line-height:44px;} a.nsBtn.medium p {line-height:30px;} a.nsBtn.medium { height: 44px;} body .nsBtn.large { height: 40px; padding: 0 24px; font-size: 16px; line-height:40px; } .nsBtn.fullWidth{ width: 100%; text-align: center; display:inline-block;} .nsBtn.large .fa-spin{ margin-left: -12px; margin-right: 8px; } .nsBtn.medium .fa-spin{ margin-left: -5px; margin-right: 5px; } .nsBtn.small .fa-spin{ margin-left: -2px; margin-right: 3px; } a .fa-spin, button .fa-spin{ margin-left: -2px; margin-right: 5px; } body .nsBtn:hover { filter: brightness(108%); box-shadow:0 3px 8px color-mix(in srgb, currentColor 16%, transparent); } body .nsBtn:active { filter: brightness(92%); transform:translateY(1px); } body .nsBtn:focus-visible { outline:none; box-shadow:0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent), 0 1px 2px color-mix(in srgb, currentColor 10%, transparent); } .nsBtn.primary { background:var(--ColBgPrimaryBtn, transparent) none; border-color:var(--ColBorderPrimaryBtn, currentColor); color:var(--ColTextPrimaryBtn, inherit); } div a.nsBtn.primary, div button.nsBtn.primary {color: var(--ColTextPrimaryBtn, inherit);} .nsBtn.primary:hover { background:var(--ColBgPrimaryBtn, transparent) none; } .nsBtn.secondary { background:var(--ColBgClickableDefault, var(--ColBgPrimaryBtn)) none; border-color:var(--ColBorderClickableDefault, var(--ColBorderPrimaryBtn)); color:var(--ColTextClickableDefault, var(--ColTextPrimaryBtn)); } .nsBtn.secondary:hover { background:var(--ColBgClickableHover, var(--ColBgClickableDefault, var(--ColBgPrimaryBtn))) none; border-color:var(--ColBorderClickableHover, var(--ColBorderClickableDefault, var(--ColBorderPrimaryBtn))); color:var(--ColTextClickableHover, var(--ColTextClickableDefault, var(--ColTextPrimaryBtn))); } .nsBtn.utility:hover { background:var(--ColBgUtilityBtn, transparent) none; } .nsBtn[disabled], .nsBtn[disabled]:hover, .nsBtn.utility { background:var(--ColBgUtilityBtn, transparent) none; border-color:var(--ColBorderUtilityBtn, currentColor); color:var(--ColTextUtilityBtn, inherit); } .nsBtn.primary[disabled], .nsBtn.secondary[disabled] { opacity:0.65; } .nsBtn.utility[disabled] { opacity:0.65;} /* for dark backgrounds */ .nsBtn.utility.dark { background:color-mix(in srgb, currentColor 16%, transparent); border-color:color-mix(in srgb, currentColor 34%, transparent); color:inherit; } .nsBtn.utility.dark:hover { background:color-mix(in srgb, currentColor 22%, transparent); filter: none; } .nsBtn.dark[disabled], .nsBtn.dark[disabled]:hover { background:color-mix(in srgb, currentColor 10%, transparent); color:inherit; border-color:color-mix(in srgb, currentColor 20%, transparent); opacity:0.65; } .nsBtn.utility.dark[disabled] { border-color:color-mix(in srgb, currentColor 20%, transparent); } a.nsBtn, a.nsBtn:hover {text-decoration:none;} a.nsBtn {display:inline-block;} .nsBtn {-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px;} .nsBtn.hasSpinner .fa-spinner {display:inline-block; margin:0 8px; visibility:hidden; } html body .nsBtn.medium.hasSpinner { padding-right:50px;} .nsBtn.hasSpinner.disabled .fa-spinner, .nsBtn.hasSpinner:disabled .fa-spinner, .nsBtn.hasSpinner[disabled] .fa-spinner { visibility: visible; } .nsBtn .fa-spinner { display: none; } .nsBtn.disabled .fa-spinner, .nsBtn:disabled .fa-spinner, .nsBtn[disabled] .fa-spinner { display: inline-block; margin-right: 10px; } .nsBtn.disabled .spinner, .nsBtn:disabled .spinner, .nsBtn[disabled] .spinner { visibility: visible; } .nsBtn .spinner { /*background-image: url("//static.ticketor.net/account/img/ajax-loader.gif");*/ float: left; min-height: 20px; visibility: hidden; margin: 0 7px 0 3px; height:100%; background-position: center; background-repeat:no-repeat; } /*BillPaymentModule*/ .BillPaymentModule .cPayBtns {display:none;} /*.BillPaymentModule .cPayByCard {width:450px; float:left; padding-right:20px;margin-top:20px;} .BillPaymentModule .cPayByPaypal {width:180px; float:left; padding-left:10px; margin-top:20px;} */.BillPaymentModule td {text-align:start;} .BillPaymentModule .ui-state-error {margin-bottom:40px;padding:20px;} .BillPaymentModule input { width:170px;} .BillPaymentModule .two-panel-split { grid-template-columns: 2fr 56px 1fr ;} .googleMap { background-image: url(/images/map.png); height: 24px; display: inline-block; cursor: pointer; clear: both; margin: 5px; background-position: top center; width: 24px; } body .cMobileMenu {position:absolute; height: 30px; top:0px; right:15px;background-color:#fff; border:none 0px; z-index:1000; font-size:12px; width:100%; width:auto; cursor:pointer;} body nav.cMobileMenu.hidePrint > *, body nav.cMobileMenu.hidePrint > ul>li{display:inline-block;float:right;height:30px; margin:0;padding:0; border:0px none;} body nav.cMobileMenu.hidePrint ul li{border:0px none;} body nav.cMobileMenu.hidePrint a {padding-left:10px; padding-right:10px;} body nav.cMobileMenu.hidePrint a {height:30px; line-height:30px; border:0px none;} body nav.cMobileMenu.hidePrint i {height:20px; line-height:20px; border:0px none;} .cMobileMenu .menuheader {margin-top:0;} .cMobileMenu .header {height:28px; line-height:28px; vertical-align:middle;font-size:14px;text-overflow: ellipsis; text-align:start;} .cMobileMenu .header .fa, .cMobileMenu .header .fab, .cMobileMenu .header .fas, .cMobileMenu .header .far {font-size:18px; } .cMobileMenu ul, .cMobileMenu li {margin:0; list-style:none;} /*floating cart*/ .cMobileMenu .cFloatingCart p, .cMobileMenu .cFloatingCart a[role="menuitem"] {width:230px; display:inline-block;padding-bottom:0;padding-top:0;border:0 none; } .cFloatingCart {width:230px; } .cFloatingCart > ul { max-height: 350px; overflow-y: auto; overflow-x: hidden; } .cFloatingCart .cartDetails p { text-align: start; box-sizing: border-box; font-size: 90%; border-bottom: dotted 1px #aaa; padding: 5px 2px; width: 100%; } .cFloatingCart .cartDetails {padding:5px; margin-top:3px;box-sizing:border-box;} .cFloatingCart .cardButtons {margin: 15px 0 10px; line-height:35px;} .cFloatingCart .cardButtons a {font-size:90%; margin:3px; vertical-align:middle;} .cMobileMenu .icon{float: left; margin: 5px 8px 5px 5px;} @media all and (min-width: 769px) { body nav.cMobileMenu.hidePrint > ul>li.cFloatingCart.fixed, .cFloatingCart.fixed { position:fixed; top:40px;left:10px;height:unset;border:1px dashed;width:auto;} .cFloatingCart.fixed ul{display:block !important;position:relative !important;width:232px;top:0 !important;} .cFloatingCart, .cFloatingCart * { box-sizing: border-box; } } /*cFloatingMenu*/ .cMobileMenu .languageMenu > div { background-color: blue; color: #fff; display: inline-block; padding: 0 5px; } .cMobileMenu i {line-height:30px;} .cMobileMenu .cMenuCount {border:1px solid;width:15px; height:15px;border-radius:50px;display:inline-block;text-align:center;vertical-align:top; line-height:15px; margin:3px;} .cHeadDropDownMenu >ul{display:none;} /*adminhelpModule*/ .adminhelpModule h1{ margin:20px 0 40px;text-align:center; } .adminhelpModule .modulebody > h2 {margin-top:50px; margin-bottom:0;} .adminhelpModule h2{ margin-top:20px;} body .Module.adminhelpModule p {text-indent:5px; line-height:180%; margin-bottom:10px;} .Module.adminhelpModule h3 {margin:10px 0;} .Module.adminhelpModule li {margin-bottom:10px;line-height:180%;} .Module.adminhelpModule a:not(.nsBtn) {text-decoration:underline;} .Module.adminhelpModule.cSingle h2 {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;line-height:180%;} .Module.adminhelpModule.cSingle h1 {display:none;} .adminhelpModule iframe {margin:20px 0; max-width:90%;} /*search btn*/ #cSearchBox {padding: 3px 10px; width:300px; font-size:130%;} .cSearch {text-align:right;font-size:150%;} .cSearchArea .highlight { background-color: yellow; color:black; } .hideForSearch {display:none !important;} /*cHelp*/ body div.cBlog, body div.cHelp {float:right; padding:0; margin:6px 6px 0 0;height:16px; overflow:visible;} html[dir=rtl] body div.cBlog, html[dir=rtl] body div.cHelp {float:left;} .devider {margin:35px 0 15px; border-bottom:1px solid #666; padding:5px;} /*Validators*/ /*label.error, input.error {background-color:#F6DCDC; box-shadow: 0 0 5px #FF0000 inset; -webkit-box-shadow:0 0 5px #FF0000 inset;} select:focus, input[type=text]:focus { border-bottom:2px solid #07f; } select.valid, input[type=text].valid { border-bottom:2px solid #058420; } */ select.valid + .errorMsg, input.valid + .errorMsg { display: none; } /*input.success{border:2px solid #090;}*/ .errorMsg, body .row .errorMsg { background: rgba(217, 48, 37, .10); border: 1px solid rgba(217, 48, 37, .55); border-inline-start: 4px solid #d93025; border-radius: 6px; color: #d93025; clear: both; display: block; font-size: 85%; font-weight: 700; line-height: 1.25; margin-top: 6px; margin-inline-start: 0; margin-left: 0; max-width: min(100%, 34rem); padding: 6px 8px; width: fit-content; } /*EventInfoOverlay*/ #cBody.eventInfoOverlayBody .fbShare {padding:10px; float:left;} #cBody.eventInfoOverlayBody .eventDetails {text-align:center;} #cBody.eventInfoOverlayBody .eventDetails img{display:inline-block;} .aboutUsModule{line-height:200%;} .aboutUsModule h3 {padding:20px;} .contactUsModule p{line-height:200%;} .contactUsModule .modulebody {padding:20px 40px;} .contactUsModule h3 {padding:20px;} .contactUsModule .row {margin-bottom:15px;} .contactUsModule .row a.nsBtn {margin:20px 20px 20px 0;} .contactUsModule .row .editLabel {margin-right:15px; width:135px;} .eventCalendar {width:45px; float:left;} .eventCalendar p {border:1px solid #c1c1c1; text-align:center; font-size:11px;} .eventCalendar p.day {border-bottom-width:3px;border-top-width:0px;height:26px;line-height:26px;font-size:20px; font-weight:bold;} .moduleEventInfo2 .eventCalendarFull { margin-right:10px;} .eventCalendarFull {width:60px; float:left;min-height:95px;} .eventCalendarFull >div {border:1px solid #c1c1c1; text-align:center; font-size:13px;} .eventCalendarFull div.bottom {border-bottom-width:3px;border-top-width:0px;} .eventCalendarFull div.bottom .day {height:28px;line-height:30px;font-size:24px; font-weight:bold;} .eventCalendarFull div.bottom .dayOfWeek {font-size:12px; font-weight:bold;} .eventCalendarFull .year {font-size:9px; text-align:center; font-weight:bold;} .eventCalendarFull .time {text-align:center; margin:4px 0; font-size:14px;} /*Event Info*/ .eventInfo, .eventInfo * { box-sizing:border-box;max-width:100%;} .eventInfo iframe { max-width:100%;} .eventInfo { display:grid !important; grid-template-columns:minmax(260px, min(42%, 520px)) minmax(0, 1fr); gap:clamp(16px, 3vw, 32px); align-items:start; padding:clamp(14px, 2vw, 24px) 0 24px; border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent); box-shadow:0 1px 0 color-mix(in srgb, currentColor 10%, transparent); margin:0 auto 20px; } .eventInfo .eventBasicInfo, .eventInfo .eventSecInfo {float:none; width:auto; min-width:0; padding:0;} .eventInfo.cEventInfoNoMedia {grid-template-columns:minmax(0, 1fr);} .eventInfo.cEventInfoNoMedia .eventBasicInfo {display:none;} .eventInfo.horizontalFlyer {grid-template-columns:minmax(0, 1fr);} .eventInfo.cEventInfoHorizontalMode { grid-template-columns:minmax(0, 1fr) minmax(280px, 38%); } .eventInfo .eventHeroMedia, .eventInfo .eventFullWidthInfo {grid-column:1 / -1; min-width:0;} .eventInfo .eventBasicInfo .googleMapSmall {float:left; margin-right:10px; border:1px solid #AAAAAA;border-radius:3px;} .eventInfo .eventCalendar { position: absolute; } .eventDetails iframe {max-width:90%;} .eventDetails #fullAd{display:block; clear:both;padding:5px; border:1px solid #aaa; margin-top:40px; margin-bottom:20px; border-radius:15px;-webkit-box-shadow: 1px 1px 1px 1px ;box-shadow: 1px 1px 1px 1px ;max-width:100%; } .eventInfo .eventLogo { display:block; width:100%; height:auto; max-height:min(70vh, 620px); max-width:unset; object-fit:contain; border:1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius:12px; background:color-mix(in srgb, currentColor 4%, transparent); box-shadow:0 1px 2px color-mix(in srgb, currentColor 12%, transparent); } .eventInfo.horizontalFlyer .eventLogo {max-height:none;} .eventInfo .eventToolbarPanel {margin-bottom:14px;} .eventInfo .cEventToolbar { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:6px; margin:0; padding-bottom:0 !important; } .eventInfo .cEventToolbar > div, .eventInfo .cEventToolbar > div.showHint { display:inline-flex; align-items:center; justify-content:center; min-height:36px; min-width:36px; margin:0; padding:0 8px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .eventInfo .cEventToolbar > div:last-child {border-right:1px solid color-mix(in srgb, currentColor 16%, transparent);} .eventInfo .cEventToolbar a, .eventInfo .cEventToolbar > div > div { display:inline-flex; align-items:center; gap:6px; min-height:34px; line-height:1.2; text-decoration:none; } .eventInfo .cEventToolbar .cLabel {font-size:90%;} .eventInfo .cEventToolbar .cAutoDropDownV2 {height:auto; overflow:visible;} .eventInfo .cEventToolbar .cAutoDropDownV2 ul { top:calc(100%); right:0; left:auto; margin:0; box-sizing:border-box; width:max-content; min-width:min(220px, calc(100vw - 32px)); max-width:min(340px, calc(100vw - 32px)); padding:6px; overflow-x:hidden; overflow-y:auto; max-height:min(520px, calc(100vh - 32px)); background:color-mix(in srgb, Canvas 96%, CanvasText); color:CanvasText; border:1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius:8px; box-shadow:0 8px 20px color-mix(in srgb, black 18%, transparent); } .eventInfo .cEventToolbar .cAutoDropDownV2 li {line-height:1.35;} .eventInfo .cEventToolbar .cAutoDropDownV2 li a { box-sizing:border-box; display:flex; align-items:center; gap:10px; width:100%; min-height:36px; padding:8px 10px; border-radius:5px; color:inherit; opacity:1; white-space:normal; overflow-wrap:anywhere; } .eventInfo .cEventToolbar .cAutoDropDownV2 li a:hover, .eventInfo .cEventToolbar .cAutoDropDownV2 li a:focus { background:color-mix(in srgb, var(--ColTextHighlight, CanvasText) 12%, transparent); color:inherit; } .eventInfo .cEventToolbar .cAutoDropDownV2 li i { flex:0 0 1.35em; margin:0; text-align:center; opacity:.8; } .eventInfo .eventBasicInfoTable {width:100%; margin:0 0 14px; border-collapse:separate; border-spacing:0;} .eventInfo .eventBasicInfoTable td {padding:0; vertical-align:middle;} .eventInfo .eventCalendarCell {width:78px; padding-inline-end:14px !important;} .eventInfo .eventTitleCell {text-align:start !important;} .eventInfo .eventName {font-size:clamp(22px, 3vw, 34px); line-height:1.15; margin:0;} .eventInfo .eventCalendarFull { float:none; width:68px; min-height:0; margin:0; border:1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius:10px; overflow:hidden; box-shadow:0 1px 2px color-mix(in srgb, currentColor 10%, transparent); } .eventInfo .eventCalendarFull > div {border:0 none; text-align:center;} .eventInfo .eventCalendarFull .ui-widget-header {padding:6px 4px;} .eventInfo .eventCalendarFull .year {display:block; font-size:9px; opacity:.8;} .eventInfo .eventCalendarFull div.bottom {border-top:1px solid color-mix(in srgb, currentColor 18%, transparent); border-bottom:0 none; padding:6px 4px;} .eventInfo .eventCalendarFull div.bottom .day {height:auto; line-height:1; font-size:28px;} .eventInfo .eventCalendarFull div.bottom .dayOfWeek {font-size:12px; margin-top:4px;} .eventInfo .eventCalendarFull .time {font-size:13px; line-height:1.3; margin:6px 4px;} .eventInfo .eventTimeRow, .eventInfo .eventLocation { padding-top:0; margin:12px 0; line-height:1.5; } .eventInfo .eventTimeRow {display:flex; align-items:flex-start; gap:10px;} .eventInfo .eventTimeRow i {flex:0 0 auto; margin-top:2px;} .eventInfo .eventLocation a { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:0 10px; align-items:start; text-decoration:none; } .eventInfo .eventLocation a:hover .cEventLocaltion {text-decoration:underline;} .eventInfo .eventLocation i {grid-row:1 / span 2; margin-top:4px;} .eventInfo .eventLocation .cEventLocaltion {display:block; font-weight:bold; line-height:1.35;} .eventInfo .eventLocation .venueAddress {display:block; font-size:90%; opacity:.82; line-height:1.45; margin-top:3px;} .eventInfo .eventReviews {padding-top:0; margin:14px 0;} .eventInfo .eventReviews a {color:inherit; text-decoration:none;} .eventInfo .eventReviews .cAggregate {display:inline-block; padding:10px 12px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px;} .eventInfo .eventReviews .stars {width:auto;} .eventInfo .eventSecInfo .mainButton {margin:0 0 30px 10px;} .eventInfo .eventSecInfo .facebook {margin:0 0 20px 10px; width:110px; } .eventInfo .cAdditionalEventInfo { display:none; margin-bottom:12px;} .eventInfo .eventMoreInfoRow {padding-top:14px; margin-top:14px; border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);} .eventInfo .eventMoreInfoRow .nsBtn {margin:0;} .eventReturnPolicy {font-size:90%; line-height:1.55;} .eventReturnPolicy h3 {margin-bottom:10px; } .eventSaleStatus {padding:8px 0 14px; line-height:1.5;} .eventDetails .eventComment2 {margin:10px 0; text-align:center; clear:both;} .eventComment p {line-height:normal;} .eventInfo .cEventDescription { display:block; width:100%; overflow:hidden; max-width:100%; border:0 none; border-radius:0; background:transparent; } .eventInfo .cEventDescriptionShowMore {margin-top:8px;} .eventInfo .eventVideo {padding:24px 0 !important;} .eventInfo .eventVideo iframe, .eventInfo .eventVideo video {max-width:100%;} .eventInfo .venueMap {display:block; width:100%; height:auto; text-align:start; margin:18px 0 0; max-width:100%;} .eventInfo .venueMap a {display:inline-block; text-align:start;} body .eventInfo .venueMap img { display:block; max-width:min(100%, 420px); max-height:260px; border:1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius:10px; box-shadow:0 1px 2px color-mix(in srgb, currentColor 12%, transparent); } @media (max-width: 900px) { .eventInfo, .eventInfo.cEventInfoHorizontalMode {grid-template-columns:minmax(0, 1fr);} .eventInfo .eventBasicInfo, .eventInfo .eventSecInfo {width:auto; padding:0;} .eventInfo .cEventToolbar {justify-content:flex-start;} .eventInfo .eventLogo {max-height:none;} } @media (max-width: 520px) { .eventInfo {gap:16px; padding-top:12px;} .eventInfo .eventBasicInfoTable, .eventInfo .eventBasicInfoTable tbody, .eventInfo .eventBasicInfoTable tr, .eventInfo .eventBasicInfoTable td {display:block; width:100% !important;} .eventInfo .eventCalendarCell {padding-inline-end:0 !important; margin-bottom:10px;} .eventInfo .cEventToolbar .cLabel {display:none;} .eventInfo .eventLocation a {grid-template-columns:1.2em minmax(0, 1fr);} } .rtl .eventInfo .eventCalendarCell {padding-inline-end:0 !important; padding-inline-start:14px !important;} .rtl .eventInfo .eventToolbarPanel {text-align:left !important;} .rtl .eventInfo .cEventToolbar .cAutoDropDownV2 ul {right:auto; left:0;} .add-to-calendar-checkbox { cursor:pointer;} .cAddToCalendar { margin:10px 0;} .cAddToCalendar>div>label { opacity:.8;} .cAddToCalendar > div > a { margin-top:8px;font-size:90%;} .cAddToCalendar > div > a .fa, .cAddToCalendar > div > a .fab, .cAddToCalendar > div > a .fas, .cAddToCalendar > div > a .far { opacity: 0.7; } /*cEventList*/ .cEventList .month {font-size:26px; font-family: Dosis, sans-serif; text-transform:uppercase;} .cEventList .day {font-size:30px; font-family: Dosis, sans-serif;} .cEventList .dayOfWeek {font-size:17px; font-family: Dosis, sans-serif;text-transform:uppercase;} .cEventList .time {font-size:15px; font-family: Dosis, sans-serif;} .cEventList .eventSmallLogo {padding:0px; border:1px solid #aaa; border-radius:7px;-webkit-box-shadow: 1px 1px 1px 1px ;box-shadow: 1px 1px 1px 1px ; } .cEventList .eventName {font-size:22px; text-align:start;} .cEventList .googleMap {display:none;} .cEventList .eventVenue {text-align:start; margin-top:15px;} .cEventList tr {border-bottom:1px solid #ccc;-webkit-box-shadow: 1px 1px 1px 1px #ddd;box-shadow: 1px 1px 1px 1px #ddd;} .cEventList tr:first-child{border-bottom:0px none;-webkit-box-shadow: 0px 0px 0px 0px ;box-shadow: 0px 0px 0px 0px #ddd;} .cEventList td {padding:20px;} .cEventList th {padding:10px 20px;} .row.cEventToolbar > div.showHint, .cEventToolbar > div {display:inline-block; padding:0 15px;border-right:1px dotted; border-radius:0;margin:5px 0;} .cEventToolbar > div > div > div> i, .cEventToolbar > div > div { padding:0; margin:0;} .cEventToolbar > div > div > span + i {padding-left:5px; } .cEventToolbar > div:last-child {border-right:0 none; } .cCanUserBuyMessage { text-align:center; } .cCanUserBuyMessage p, .cCanUserBuyMessage div {padding:8px 0;} /*Frame Mode*/ body.inFrame > :last-child {margin-bottom:100px;} body.inFrame {min-width:400px; padding-bottom:0; } body.inFrame #wrap{min-width:400px;} body.inFrame div#container {width:100%; min-height:0;} body.inFrame div#content {width:100%; margin-left:0; margin-right:0;} body.inFrame #chat-button {display:none !important;} body.inFrame #chat-box {display:none !important;} body.inFrame #cTour {display:none !important;} body.inFrame.noModuleHeader .moduleheader{display:none;} body#cBody.inFrame.moduleOnly #header, body#cBody.inFrame.moduleOnly footer{display:none;} body#cBody.inFrame.moduleOnly .Module {margin:0;} body#cBody.inFrame.moduleOnly .moduleheader {margin:0;} body#cBody.inFrame.moduleOnly #content>*{display:none;} body#cBody.inFrame.moduleOnly #content .Module{display:block;} body#cBody.inFrame.noModuleWrap .Module{-webkit-box-shadow: inset 0px 0px 0px 0px #fff;box-shadow: inset 0px 0px 0px 0px #fff; border:0px none; border-radius:0px; } body#cBody.inFrame.noModuleWrap .modulebody {border-radius:0; border:0px none;} body#cBody.inFrame.transparent .modulebody, body#cBody.inFrame.transparent .Module, body#cBody.inFrame.transparent {background:transparent;} body.inFrame.noHeader header#header {height:30px; } body.inFrame.noHeader header#header .headLogo{display:none;} body.inFrame.noHeader.noMenu header#header {height:0px;} body.inFrame.noTopNav div#cControlPanel{display:none !important;} body.inFrame.noTopNav div#headmenu {display:none;} body.noMenu #cTour, body.noMenu #chat-button, body.noMenu #chat-box {display:none !important;} #cEmbed .embedResult {margin-top:25px;} #cEmbed .embedResult input, #cEmbed .embedResult textarea {width:100%;} /*mobile */ .cMobileBuy {display:none; padding:10px 0; text-align:start; clear:both;} .reflowTh {display:none; margin-right:5px;} #cBody .headMenuIcon {display:none;} #cBody .cMobileMenu .fa.fa-caret-left, #cBody .cMobileMenu .fa.fa-caret-down, #cBody .cMobileMenu .fa.fa-caret-right {font-size:14px; opacity:0.8;margin-left:10px;margin-right:10px;} #cBody .cMobileMenu .fa.fa-caret-left {display:none;} #cBody .cMobileMenu .submenuheader .fa-caret-down {display:none;} .cMobileMenu .header >div>a{padding:0 20px;} .cMaximizeImage img {max-width:unset; } @media (max-width: 950px) { #cBody {min-width:300px;} #cBody #wrap{min-width:300px;} #cBody header#header{width:100%;} #cBody div#container {width:100%;} #cBody div#content {width:100%; margin-left:0; margin-right:0;} #cBody .Module{-webkit-box-shadow: inset 0px 0px 0px 0px #fff;box-shadow: inset 0px 0px 0px 0px #fff; border:0px none; border-radius:0px; } .filterText {max-width:100%;} img {max-width:100%; height:auto;} .headLogo img {max-width:unset;} } @media (min-width: 770px) { .cMobileNav { display:none!important; } } @media (max-width: 770px) { .cFloatingCart > ul { max-height: unset; overflow-y: unset; overflow-x: unset; } body #header .headAlignNav, body #header .headAlign {position:unset !important;} body .headLogo img { max-width: 100%; } #cBody #header {min-height:90px;} body#cBody #headmenu {display:none;} body#cBody .headMenuIcon {display:block; float:left; text-align:start;padding:12px; border:0px none;border-radius:0px;position:absolute;top:35px;border-radius:200px; } body#cBody .headMenuIcon {z-index:1250;} #cBody #cMobileMenuTitle, #cBody #cMobileNavTitle {display:none;} #cBody .headMenuIcon span {display:inline-block; float:left; line-height:16px;} #cBody .headMenuIcon span.ui-icon {margin-right:15px;} #cBody .cMobileMenu {display:none;} #cMobileNav div a {display:block;} #cBody .cMobileMenu .languageMenu > div { display: block; padding-left: 5px; } .cMobileMenu li {width:230px; } #header .cMobileMenu a[role="menuitem"] {width:210px; display:inline-block;} #cBody .cMobileMenu .header i:first-child{margin-left:10px;} #cBody .cMobileMenuRight > * {float:right;} #cBody .cMobileMenuLeft > * {float:left;} #cBody .cMobileMenu {height:0px; overflow:hidden; top:75px; position:absolute; z-index:1240; width:auto; background:none;border-radius:0px;} #cBody .cMobileMenuRight{right:0;} #cBody .cMobileMenuLeft{left:0;} #cBody .cMobileMenu .fa.fa-caret-down, #cBody .cMobileMenuRight .fa.fa-caret-right {display:none;} #cBody .cMobileMenuRight .fa.fa-caret-left {display:inline-block;} #cBody .cMobileMenuLeft .fa.fa-caret-left {display:none;} #cBody .cMobileMenuLeft .fa.fa-caret-right {display:inline-block;} #cBody .cMobileMenu > ul {display:block;clear:both;height:auto !important; width:100%; } #cBody .cMobileMenu > ul > li {display:block; } #cBody .cMobileMenu > ul > li > a{display:block; border-bottom:1px solid;} #cBody .cMobileMenuRight > ul > li ul {top:50px !important;left:0px !important;margin-left:-50px;} #cBody .cMobileMenuLeft > ul > li ul {top:50px !important;left:0px !important;margin-left:50px;} #cBody ul[role="menubar"] ul[role="menu"] {position:relative;} #cBody .cMobileMenu ul> ul ul li {padding-left:20px;} #cBody .cMobileMenu li {clear:both; display:block; float:none; margin:0px; border:0px none; height:auto;} #cBody .cMobileMenu li >p, #cBody .cMobileMenu li >a, #cBody .cMobileMenu li >span, #cBody .cMobileMenu li >div {padding:10px 10px; text-align:start;} #cBody .cMobileMenu.selected {width:auto; height:auto; overflow:visible; display:block; z-index:1260;} /*#cBody .cMobileMenu.selected ul {display:block;}*/ #cBody .cMobileMenu .header.agentMenu.gotoMenu { display:block;} #cBody .cMobileMenu .header.adminMenu { display:none;} #cBody .cMobileMenu .header.adminMenu.supperAdminMenu { display:block;} /*html body#cBody #header {background-size:contain;}*/ #cBody .cEventList .eventSmallLogo {width:100px;} .cMobileBuy {display:block;} #cBody .moduleheader {width:auto;} .cBuyCol {display:none;} #cBody .eventInfo .eventBasicInfo {width:100%;padding:0;} #cBody .eventInfo .eventSecInfo {width:100%; text-align:start;} table.reflow {border:0px none;border-collapse:separate;border-spacing:0;width:100%;} table.reflow th {display:none;} table.reflow tr:has(th) {display:none;} table.reflow tr:has(td) { display:block; margin:0 0 12px; padding:10px 12px; border:1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); box-shadow:0 1px 2px color-mix(in srgb, CanvasText 8%, transparent); } table.reflow .reflowTh {display:inline-block; float:none; margin-right:8px; font-weight:bold; opacity:.82;} table.reflow td {display:block; text-align:start; padding:7px 0;} table.reflow td > * {float:none;} table.reflow td {border-top:0px; border-bottom:1px dotted color-mix(in srgb, currentColor 24%, transparent);} table.reflow td:last-child {border-bottom:0 none;} /*#c1Body .priceContainer .priceLabel {text-align:start; display:block; float:left; width:auto;} #cBody .shipping, #cBody .billing, #cBody .cardInfo, #cBody .cashInfo {max-width:100%; float:left; width:auto; clear:both; margin-bottom:15px;} */ #cBody .ui-dialog {max-width:100%;padding:0;} .ticket {max-width:100%;} .editText {max-width:100%;} #cBody #signinDialog .modeSignUp .right {float:left;} body#cBody .headLogo{ top:0!important; left:50% !important; right:auto !important; width:auto !important; max-width:calc(100vw - 160px) !important; height:90px !important; transform:translateX(-50%) !important; z-index:900; display:flex !important; align-items:center; justify-content:center; text-align:center; background-position:center top; } body#cBody .headLogo img{display:block;max-height:100%;width:auto;margin-left:auto;margin-right:auto;} body#cBody .headLogo h2 {font-size:26px; overflow:hidden; height:90px; line-height:90px; text-overflow:ellipsis; max-width:100%;} } @media (max-width: 380px) { #cBody .cEventList .cThumbnailCol {display:none; } #cBody .cEventList td {padding:10px;} #cBody .eventInfo .eventBasicInfo .venueMap{width:100%;} } .cThumbnailCol a { display:inline-block; position:relative;overflow:hidden;} .media-box-thumbnail-container div.sales, .cThumbnailCol a div.sales{ background: #ff3019; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); color: white; font-weight: bold; margin-right: -60px; padding: 5px; position: absolute; right: 30px; text-align: center; top: 30px; transform: rotate(30deg); width: 220px; z-index: 0; } .media-box-thumbnail-container div.sales { font-size:120%;} .Module .subModuleHeader {padding:5px 20px;margin:10px 10px 0 10px;} .Module .subModuleContent {margin:0 10px 10px; padding:20px;} .addTicketorMerchantAccount p {text-indent:15px; line-height:150%;} .addTicketorMerchantAccount p a {text-decoration:underline;} body .ui-dialog .ui-dialog-buttonpane button, body .ui-dialog .ui-dialog-buttonpane a {margin:5px;} .moduleheader > div {height:100%;overflow:hidden;} .fa,.fab,.fal,.far,.fas {box-sizing: border-box;} .fa-hover{transition: transform 0.2s ease 0s;opacity:.7; } .fa-hover:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); cursor: pointer; opacity:1; } .fa-border {padding:7px; border:1px solid; border-radius:50px;} .fa-15x{font-size:1.5em;} .fa-4x{font-size:4em;} .cVideoHelp .fa-2x, .cHelp .fa-2x, .cBlog .fa-2x {font-size:24px;} .ui-state-default {text-shadow: none;} .buyTickets {text-align:start;} .cDropDownMenu {float:right;height:22px; overflow:hidden; position:absolute; right:10px;top:10px;} .cDropDownMenu >div {text-align:right; opacity:.8;} .cDropDownMenu >div:hover {opacity:1;} .cDropDownMenu >div> i {float:right; padding-left:5px;} .cDropDownMenu ul {padding:10px; } .cDropDownMenu ul, .cDropDownMenu li {list-style:none; line-height:200%; margin:0;} .cDropDownMenu li a:hover {text-decoration:none; opacity:1;} .cDropDownMenu li i {margin-right:5px;} .cDropDownMenu li a {opacity:.8;} .type_agentssales .cEventBuyModule .cPurchasePasswordContainer { display: none; } .AgentsSalesModule { margin-bottom: 150px; } .AgentsSalesModule ::-webkit-scrollbar {width: 6px;height:8px;} .AgentsSalesModule ::-webkit-scrollbar-track { background: #f1f1f1; } .AgentsSalesModule ::-webkit-scrollbar-thumb { background: #888; } .AgentsSalesModule ::-webkit-scrollbar-thumb:hover { background: #555; } .AgentsSalesModule .cMainArea {margin-right: 300px;padding-right:10px; overflow:hidden;margin-bottom:200px;} .AgentsSalesModule .cRightRail{width:300px; position:absolute; right:0; top:0; border:1px solid;padding:10px 5px 5px 5px;z-index:10;} .AgentsSalesModule .cShoppingCartCollapsed .cMainArea {margin-right:0; padding-right:5px; overflow:hidden;} .AgentsSalesModule .cShoppingCartCollapsed .cRightRail{width:40px;height:30px; overflow:hidden;position:fixed;} .AgentsSalesModule .cRightRail .subprice {font-weight:bold;} .AgentsSalesModule .cRightRail h3 .cAction {float:right; padding:4px 8px;} .AgentsSalesModule .itemsRow {white-space:nowrap; overflow-x:auto;margin-bottom:0px; padding-bottom:10px; } .AgentsSalesModule .itemsRow> div {width: 190px; padding:5px; display:inline-block; vertical-align:top; cursor:pointer;border-radius:5px;} .AgentsSalesModule .itemsRow> div:hover {opacity:.8; border:1px solid #999;} .AgentsSalesModule .itemsRow> div.selected {opacity:.8; border:1px solid #000; } .AgentsSalesModule .itemsRow .flexPriceContainer input {width:100px;max-width:90%;text-align:center;font-size:100%;font-weight:bold;padding:2px;margin-bottom:4px;} .flexPriceContainer input { width: 35px;} .AgentsSalesModule #cEventFilterRow {padding:5px 0 10px; } .AgentsSalesModule #cEventFilterRow input{margin-right:10px;} .AgentsSalesModule #cProductTitle, .AgentsSalesModule #cEventTitle {padding:10px;margin-bottom:10px;} .AgentsSalesModule #cSelectedEvent {padding:7px;display:none;} .AgentsSalesModule #cProds, .AgentsSalesModule #cEvents {margin-bottom:15px;} .AgentsSalesModule #cProds> div >a> img, .AgentsSalesModule #cEvents> div >a> img {margin:5px 10px; max-width:170px;} .AgentsSalesModule #cProds .eventInfos p {text-align:center;} .AgentsSalesModule #cProds .eventInfos, .AgentsSalesModule #cEvents .eventInfos { white-space:normal;} .AgentsSalesModule #cEvents .eventCalendarFull {margin-right:5px;} .AgentsSalesModule #cEvents .eventCalendarFull .time { font-size:70%;} .AgentsSalesModule #cPriceLevels > div, .AgentsSalesModule #cPricevariations > div {margin:5px 10px; min-height:90px; background:none;} .AgentsSalesModule #cPriceLevels > div > *, .AgentsSalesModule #cPricevariations > div > * {color:#000; } .AgentsSalesModule .paymentMethods { margin-top:10px; text-align:center;} .AgentsSalesModule .paymentMethods .row{ text-align:start; margin-bottom:10px;} .AgentsSalesModule .paymentMethods a{ margin-right:5px; margin-bottom:5px; padding-right:40px;} .AgentsSalesModule #cPriceLevels > div .price, .AgentsSalesModule #cPricevariations > div .price {text-align:center; font-size:150%; font-weight:bold;} .AgentsSalesModule #cPriceLevels > div .title, .AgentsSalesModule #cPricevariations > div .title {text-align:center;white-space:normal;} .AgentsSalesModule #cPriceLevels > div .neededCount, .AgentsSalesModule #cPricevariations > div .neededCount {text-align:center; font-size:200%; font-weight:bold; color:Black;} .AgentsSalesModule .price0{background:none; background-color:#33B75C;} .AgentsSalesModule .price1{background:none; background-color:#FFE83C;} .AgentsSalesModule .price2{background:none; background-color:#FF3818;} .AgentsSalesModule .price3{background:none; background-color:#FF8A26;} .AgentsSalesModule .price4{background:none; background-color:#009CD5;} .AgentsSalesModule .price5{background:none; background-color:#A042A1;} .AgentsSalesModule .price6{background:none; background-color:#8F002E;} .AgentsSalesModule .price7{background:none; background-color:#EFB3EF;} .AgentsSalesModule .price8{background:none; background-color:#CFFFCF;} .AgentsSalesModule .price9{background:none; background-color:#7ffff0;} .AgentsSalesModule #cNeedCount {display:none; border: 2px solid #000; border-radius:5px; padding:3px;background:#fff;color:#000;} .AgentsSalesModule #cNeedCount > div {width:70px; font-size:30px;text-align:center; line-height:70px; font-weight:bold; height:70px; padding:3px; border: 1px solid #999;} .AgentsSalesModule #cNeedCount .errorMsg {display:none;} .AgentsSalesModule #cNeedCountInp {width:90px; height:70px;vertical-align:top;font-size:30px;text-align:center;padding:0;line-height:60px; border:0 none;box-shadow:none;} .AgentsSalesModule #cCart .fa-times {color:Red;} .AgentsSalesModule #cCart>div {padding-top:10px;} .AgentsSalesModule h3 {border-bottom:1px solid; padding-bottom:3px;margin-bottom:15px;} .AgentsSalesModule .cRightRail label:not(.cCheckboxV2) {padding:5px 0;display:block;} .AgentsSalesModule .cRightRail input[type="text"] {width:150px;} .AgentsSalesModule .cRightRail, .AgentsSalesModule .cRightRail #cCart {overflow-y:auto;} .AgentsSalesModule .cSeatingChart {display:block;text-align:center;clear:both;padding:10px 0;} .AgentsSalesModule #cHistory {border-bottom:1px solid #666; min-height:150px; margin:0 10px 0 0;} .AgentsSalesModule #cHistory li {list-style:none; padding:5px 0; border-bottom: 1px dotted ;} .AgentsSalesModule #cHistory ul {margin:0;} .AgentsSalesModule .cStripeCardReaderSelector select, .AgentsSalesModule .cStripeCardReaderSelector button {margin-bottom:5px; } /* POS refresh: scoped to the box-office sales page so the core sales flow and shared controls stay intact. */ .AgentsSalesModule, .AgentsSalesModule * { box-sizing:border-box; } .AgentsSalesModule { margin-bottom:60px; } .AgentsSalesModule > .moduleheader { height:64px; min-height:64px; display:flex; align-items:center; justify-content:center; line-height:1.1 !important; overflow:hidden; } .AgentsSalesModule > .moduleheader > div { width:100%; height:64px; min-height:0; display:flex; align-items:center; justify-content:center; gap:10px; padding:0 116px; position:relative; font-size:26px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .AgentsSalesModule > .moduleheader .fa-cash-register { font-size:1.1em; } .AgentsSalesModule > .moduleheader .cHelp { position:absolute; top:50%; right:70px; margin:0; width:38px; height:38px; transform:translateY(-50%); } .AgentsSalesModule > .moduleheader .cHelp + div { position:absolute; top:50%; right:14px; transform:translateY(-50%); width:38px; height:38px; padding:0 !important; } .AgentsSalesModule > .moduleheader .cHelp a, .AgentsSalesModule > .moduleheader .cHelp + div a { width:38px; height:38px; padding:0 !important; display:inline-flex; align-items:center; justify-content:center; border:1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 7%, transparent); color:inherit; text-decoration:none; } .AgentsSalesModule > .moduleheader .cHelp a:hover, .AgentsSalesModule > .moduleheader .cHelp a:focus-visible, .AgentsSalesModule > .moduleheader .cHelp + div a:hover, .AgentsSalesModule > .moduleheader .cHelp + div a:focus-visible { background:color-mix(in srgb, currentColor 13%, transparent); text-decoration:none; } .AgentsSalesModule > .moduleheader .cHelp .fa-2x, .AgentsSalesModule > .moduleheader .cHelp + div .fa-times { font-size:18px; line-height:1; } .rtl .AgentsSalesModule > .moduleheader .cHelp { right:auto; left:62px; } .rtl .AgentsSalesModule > .moduleheader .cHelp + div { right:auto; left:14px; } .AgentsSalesModule .modulebody > .hideForETicketPrint { display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 360px); gap:12px; align-items:start; } .AgentsSalesModule .cMainArea { margin-right:0; padding:0; overflow:visible; margin-bottom:40px; min-width:0; width:100%; max-width:100%; } .AgentsSalesModule .cMainArea, .AgentsSalesModule .cMainArea label, .AgentsSalesModule .itemsRow, .AgentsSalesModule .itemsRow > div { color:var(--ColText, CanvasText); } .rtl .AgentsSalesModule .cMainArea { margin-left:0; padding-left:0; } .AgentsSalesModule .cRightRail { position:sticky; top:10px; right:auto; width:auto; max-height:calc(100vh - 20px); overflow:auto; border:1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius:8px; padding:0; /*background:var(--ColBgUtilityBtn, Canvas); color:var(--ColTextUtilityBtn, CanvasText);*/ box-shadow:0 1px 2px color-mix(in srgb, currentColor 10%, transparent); z-index:10; } .AgentsSalesModule .cRightRail label, .AgentsSalesModule .cRightRail .priceLabel, .AgentsSalesModule .cRightRail p, .AgentsSalesModule .cRightRail span { color:inherit; } .AgentsSalesModule #cShoppingCartBody { padding-inline:2px; } .AgentsSalesModule #cShoppingCartBody > hr { margin:12px 0; } .AgentsSalesModule .cShoppingCartCollapsed .cMainArea { margin-right:0; padding-right:0; } .AgentsSalesModule .cShoppingCartCollapsed .cRightRail { position:sticky; top:10px; width:auto; height:auto; min-height:52px; } .AgentsSalesModule #cShoppingCart, .AgentsSalesModule #cHistory { padding:12px; } .AgentsSalesModule .cShoppingCartHeader, .AgentsSalesModule #cHistory h3 { display:flex; align-items:center; gap:8px; min-height:44px; height:auto !important; line-height:1.2 !important; margin:0 0 12px; padding:0 0 10px; } .AgentsSalesModule .cShoppingCartHeader .fa-shopping-cart { flex:0 0 auto; } .AgentsSalesModule #cHistory { border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; /*background:var(--ColBgUtilityBtn, Canvas);*/ min-height:0; margin:0; } .AgentsSalesModule #cHistory h3 { justify-content:space-between; padding:0 0 8px; border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent); } .AgentsSalesModule #cHistory h3 > span { display:inline-flex; align-items:center; gap:8px; min-width:0; } .AgentsSalesModule #cHistory ul { margin:0; padding:0; } .AgentsSalesModule #cHistory li { list-style:none; margin:0 0 8px; padding:10px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; color:var(--ColTextUtilityBtn, CanvasText); background:color-mix(in srgb, var(--ColTextUtilityBtn, currentColor) 7%, var(--ColBgUtilityBtn, Canvas)); line-height:1.35; overflow-wrap:anywhere; } .AgentsSalesModule #cHistory li:last-child { margin-bottom:0; } .AgentsSalesModule #historyEmpty { margin:0; padding:10px; border:1px dashed color-mix(in srgb, currentColor 22%, transparent); border-radius:8px; opacity:.85; } .AgentsSalesModule .cRightRail h3 .cAction, .AgentsSalesModule #cHistory h3 .cHistoryClose { float:none; width:36px; height:36px !important; line-height:36px !important; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; margin-inline-start:auto; border:1px solid color-mix(in srgb, currentColor 18%, transparent); background:color-mix(in srgb, currentColor 6%, transparent); color:inherit; cursor:pointer; } .AgentsSalesModule #cHistory h3 .cHistoryClose:hover, .AgentsSalesModule #cHistory h3 .cHistoryClose:focus-visible { background:color-mix(in srgb, currentColor 12%, transparent); } .AgentsSalesModule #cHistory h3 .cHistoryClose i { font-size:18px; line-height:1; } .AgentsSalesModule .cRightRail h3 .cAction ~ .cAction { margin-inline-start:0; } .AgentsSalesModule .cMainArea > .row:first-child { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 12px !important; padding:10px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:var(--ColBgUtilityBtn, Canvas); } .AgentsSalesModule #cPurchasePassword { flex:0 1 420px; width:min(100%, 420px); min-width:180px; } .AgentsSalesModule #cProductTitle, .AgentsSalesModule #cEventTitle { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; margin:0 0 10px; border-radius:8px; cursor:pointer; } .AgentsSalesModule #cProductTitle h2, .AgentsSalesModule #cEventTitle h2 { margin:0; line-height:1.25; } .AgentsSalesModule #cProductTitle > div, .AgentsSalesModule #cEventTitle > div { float:none !important; } .AgentsSalesModule #cSelectedEvent { flex:1 1 100%; padding:4px 0 0; opacity:.82; } .AgentsSalesModule #cProducts, .AgentsSalesModule #cEvents, .AgentsSalesModule #cPriceLevels, .AgentsSalesModule #cPricevariations, .AgentsSalesModule #cNeedCount { border:1px solid color-mix(in srgb, currentColor 15%, transparent); border-radius:8px; /*background:var(--ColBgUtilityBtn, Canvas);*/ } .AgentsSalesModule #cProducts { box-sizing:border-box; padding:12px; } .AgentsSalesModule #cProducts > .row:first-child { margin-top:0; } .AgentsSalesModule #cEventFilterRow, .AgentsSalesModule #cProdFilterRow, .AgentsSalesModule #cProducts > .row:first-child { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 0; margin:0 0 10px; } .AgentsSalesModule #cEventFilterRow label, .AgentsSalesModule #cProdFilterRow label, .AgentsSalesModule #cProducts > .row:first-child label { display:inline-flex; align-items:center; min-height:44px; margin:0; font-weight:bold; } .AgentsSalesModule #cEventFilterRow label { /*color:var(--ColTextHighlight);*/ text-shadow:none; } .AgentsSalesModule #cProdFilterRow label, .AgentsSalesModule #cProducts > .row:first-child label { /*color:var(--ColTextUtilityBtn, CanvasText);*/ text-shadow:none; } .AgentsSalesModule #cEventFilterRow input, .AgentsSalesModule #cProdFilterRow input, .AgentsSalesModule #cProducts > .row:first-child input { min-width:170px; margin:0; } .AgentsSalesModule .itemsRow { display:flex; flex-wrap:nowrap; align-items:stretch; gap:10px; white-space:normal; overflow-x:auto; overflow-y:hidden; width:100%; max-width:100%; min-width:0; margin:0 0 16px; padding:10px; scrollbar-width:thin; } .AgentsSalesModule .itemsRow > div { flex:0 0 210px; width:210px; min-width:0; min-height:112px; margin:0; padding:10px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:color-mix(in srgb, var(--ColTextUtilityBtn, currentColor) 7%, var(--ColBgUtilityBtn, Canvas)); color:var(--ColTextUtilityBtn, CanvasText); box-shadow:0 1px 1px color-mix(in srgb, currentColor 8%, transparent); transition:border-color .15s ease, background-color .15s ease, transform .02s ease; display:flex; flex-direction:column; align-items:stretch; } .AgentsSalesModule .itemsRow > div:hover, .AgentsSalesModule .itemsRow > div:focus-within { opacity:1; border-color:var(--ColTextHighlight); } .AgentsSalesModule .itemsRow > div:active { transform:translateY(1px); } .AgentsSalesModule .itemsRow > div.selected { opacity:1; border-color:var(--ColTextHighlight); box-shadow:0 0 0 2px color-mix(in srgb, var(--ColTextHighlight) 28%, transparent); } .AgentsSalesModule .itemsRow > div > a { display:block; min-height:0; text-decoration:none; color:inherit; } .AgentsSalesModule .itemsRow > div > a:visited { color:inherit; } .AgentsSalesModule #cProds > div > a > img, .AgentsSalesModule #cEvents > div > a > img { display:block; max-width:100%; max-height:92px; margin:0 auto 8px; border-radius:6px; object-fit:cover; } .AgentsSalesModule #cEvents .eventCalendarFull { float:none; margin:0 auto 8px; min-height:0; background:color-mix(in srgb, var(--ColTextUtilityBtn, currentColor) 5%, var(--ColBgUtilityBtn, Canvas)); color:var(--ColTextUtilityBtn, FieldText); border-radius:4px; overflow:hidden; box-shadow:0 0 0 1px color-mix(in srgb, currentColor 18%, transparent) inset; } .AgentsSalesModule #cEvents .eventCalendarFull > div { background:transparent; } .AgentsSalesModule #cEvents .eventCalendarFull .ui-widget-header { background:var(--ColBgClickableActive); color:var(--ColTextClickableActive); border-color:color-mix(in srgb, var(--ColTextClickableActive) 28%, transparent); } .AgentsSalesModule #cEvents .eventCalendarFull .ui-widget-header * { color:inherit; } .AgentsSalesModule #cEvents .eventCalendarFull .bottom, .AgentsSalesModule #cEvents .eventCalendarFull .bottom * { color:var(--ColTextUtilityBtn, FieldText); } .AgentsSalesModule #cEvents .eventCalendarFull .time { margin:0; padding:4px 2px; color:var(--ColTextUtilityBtn, FieldText); } .AgentsSalesModule #cProds .eventInfos p, .AgentsSalesModule #cEvents .eventInfos p { margin:4px 0; line-height:1.25; text-align:center; } .AgentsSalesModule #cProds .eventInfos, .AgentsSalesModule #cProds .eventInfos *, .AgentsSalesModule #cEvents .eventInfos, .AgentsSalesModule #cEvents .eventInfos * { color:var(--ColTextUtilityBtn, CanvasText); } .AgentsSalesModule #cProds .eventName, .AgentsSalesModule #cEvents .eventName { font-weight:bold; } .AgentsSalesModule #cProds .eventVenue, .AgentsSalesModule #cEvents .eventVenue { font-size:90%; opacity:.82; } .AgentsSalesModule #cEvents .cSeatingChart { margin:auto 0 0; padding:9px 10px; min-height:40px; line-height:1.25; display:flex; align-items:center; justify-content:center; gap:6px; border-top:1px solid color-mix(in srgb, currentColor 14%, transparent); color:var(--ColTextUtilityBtn, CanvasText); white-space:normal; } .AgentsSalesModule #cEvents .cSeatingChart i { flex:0 0 auto; } .AgentsSalesModule h3.label, .AgentsSalesModule h3.cNeedCount { margin:16px 0 8px; padding:0 2px 7px; line-height:1.25; } .AgentsSalesModule #cPriceLevelDesc, .AgentsSalesModule #cPriceVariationDesc { margin:0 0 10px; line-height:1.4; opacity:.88; } .AgentsSalesModule #cPriceLevels > div, .AgentsSalesModule #cPricevariations > div { flex:0 0 168px; width:168px; min-height:82px; padding:12px 14px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:6px; text-align:start; background:color-mix(in srgb, var(--ColTextUtilityBtn, currentColor) 7%, var(--ColBgUtilityBtn, Canvas)); color:var(--ColTextUtilityBtn, var(--ColText, CanvasText)); border-inline-start:6px solid var(--pos-price-color, var(--ColTextHighlight)); box-shadow:0 1px 2px color-mix(in srgb, currentColor 12%, transparent); } .AgentsSalesModule #cPriceLevels > div > *, .AgentsSalesModule #cPricevariations > div > * { color:inherit; } .AgentsSalesModule #cPriceLevels > div .price, .AgentsSalesModule #cPricevariations > div .price { font-size:125%; line-height:1.1; margin:0; text-align:start; width:100%; } .AgentsSalesModule #cPriceLevels > div .title, .AgentsSalesModule #cPricevariations > div .title { font-size:88%; line-height:1.25; margin:0; text-align:start; width:100%; } .AgentsSalesModule #cPriceLevels > div .neededCount, .AgentsSalesModule #cPricevariations > div .neededCount { font-size:90%; min-height:1.2em; line-height:1.2; margin:0; opacity:.9; text-align:start; } .AgentsSalesModule #cNeedCount { align-items:center; gap:8px; padding:10px; } .AgentsSalesModule #cNeedCount > div { flex:0 0 42px; width:42px; height:42px; min-height:42px; line-height:1; border-radius:8px; padding:0; display:inline-flex; align-items:center; justify-content:center; font-size:20px; background:Field; color:FieldText; border:1px solid color-mix(in srgb, currentColor 24%, transparent); } .AgentsSalesModule #cNeedCount > div:first-child { flex-basis:72px; width:72px; } .AgentsSalesModule #cNeedCountInp { width:100%; height:100%; line-height:1; font-size:22px; border-radius:8px; padding:0 8px; text-align:center; box-shadow:none; } .AgentsSalesModule #cAddToCart { min-width:220px; height:56px !important; line-height:56px !important; margin:10px 0 20px !important; text-align:center; } .AgentsSalesModule #cCart { max-height:220px; overflow:auto; padding:0 0 8px; } .AgentsSalesModule #cCart > div, .AgentsSalesModule #cCart > p { position:relative; margin:0 0 8px; padding:10px 10px 10px 38px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:color-mix(in srgb, var(--ColTextUtilityBtn, currentColor) 7%, var(--ColBgUtilityBtn, Canvas)); line-height:1.35; overflow-wrap:anywhere; } .rtl .AgentsSalesModule #cCart > div, .rtl .AgentsSalesModule #cCart > p { padding:10px 38px 10px 10px; } .AgentsSalesModule #cCart .fa-times { position:absolute; top:50%; left:10px; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; color:var(--danger, #d14343); font-size:18px; line-height:1; transform:translateY(-50%); } .rtl .AgentsSalesModule #cCart .fa-times { left:auto; right:10px; } .AgentsSalesModule #cBuyerContainer, .AgentsSalesModule .promotionCode, .AgentsSalesModule .cSeason, .AgentsSalesModule .cGiftCard { display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .AgentsSalesModule #cBuyerContainer label, .AgentsSalesModule .promotionCode label, .AgentsSalesModule .cSeason label, .AgentsSalesModule .cGiftCard label { flex:1 1 100%; } .AgentsSalesModule .cRightRail input[type="text"], .AgentsSalesModule .cRightRail input[type="number"], .AgentsSalesModule .cRightRail input[type="email"], .AgentsSalesModule .cRightRail select { width:auto; max-width:100%; } .AgentsSalesModule #cBuyer, .AgentsSalesModule #cPromotionWord, .AgentsSalesModule #cGiftCard, .AgentsSalesModule #cSeason { flex:1 1 160px; min-width:0; } .AgentsSalesModule .cRightRail button.nsBtn.utility { width:42px; min-width:42px; height:42px; min-height:42px; padding:0; display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px; } .AgentsSalesModule .cRightRail button.nsBtn.utility i { margin:0; } .AgentsSalesModule .cSeason button.nsBtn.utility, .AgentsSalesModule .cGiftCard button.nsBtn.utility { width:44px; min-width:44px; } .AgentsSalesModule .priceContainer .row { display:grid; grid-template-columns:auto minmax(0, 1fr) auto minmax(58px, auto); align-items:center; gap:8px; padding:6px 2px; line-height:1.3; } .AgentsSalesModule .priceContainer .row > .priceLabel:first-child, .AgentsSalesModule .priceContainer .row > label.priceLabel { grid-column:1 / 3; } .AgentsSalesModule .priceContainer .row > input[type="checkbox"].priceLabel { grid-column:1; width:1.05rem; height:1.05rem; margin:0; padding:0; align-self:center; justify-self:center; transform:translateY(4px); } .AgentsSalesModule .priceContainer .row > input[type="checkbox"].priceLabel + .priceLabel { grid-column:2; } .AgentsSalesModule .priceContainer .priceCurrency { grid-column:3; min-width:1em; text-align:end; } .AgentsSalesModule .priceContainer .subprice, .AgentsSalesModule .priceContainer .totalPrice, .AgentsSalesModule .priceContainer .totalPriceCash { grid-column:4; font-weight:bold; text-align:end; } .AgentsSalesModule .priceContainer input.subprice { width:82px; text-align:end; } .AgentsSalesModule .paymentMethods { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:14px; } .AgentsSalesModule .paymentMethods .row { flex:1 1 100%; } .AgentsSalesModule .paymentMethods a.nsBtn { flex:1 1 145px; min-height:46px; height:auto !important; line-height:1.2 !important; display:inline-flex; justify-content:center; align-items:center; margin:0; padding:12px 14px; white-space:normal; } .AgentsSalesModule .cRightRail p.row > a.nsBtn:only-child, .AgentsSalesModule .cRightRail .row > a.nsBtn.cPay:only-child { grid-column:1 / -1; justify-self:stretch; box-sizing:border-box; width:100%; min-height:46px; height:auto !important; line-height:1.2 !important; display:flex; align-items:center; justify-content:center; margin:0; padding:12px 14px; text-align:center; white-space:normal; } .AgentsSalesModule .cRightRail #cDelivery, .AgentsSalesModule .cRightRail #cShipping, .AgentsSalesModule .cRightRail #cQuestions, .AgentsSalesModule .cRightRail .cTipContainer > a.nsBtn.cPay { grid-column:1 / -1; justify-self:stretch; box-sizing:border-box; width:100%; min-height:46px; height:auto !important; line-height:1.2 !important; display:flex; align-items:center; justify-content:center; margin:0; padding:12px 14px; text-align:center; white-space:normal; } .AgentsSalesModule .cRightRail #cBuyerContainer, .AgentsSalesModule .cRightRail .promotionCode, .AgentsSalesModule .cRightRail .cSeason, .AgentsSalesModule .cRightRail .cGiftCard { padding-inline:2px; } .AgentsSalesModule #cCashInfo, .AgentsSalesModule #cCheckInfo, .AgentsSalesModule #cInvoicedInfo, .AgentsSalesModule #cFreeInfo, .AgentsSalesModule #cCardReaderInfo, .AgentsSalesModule #cBuyerInfo, .AgentsSalesModule #cShippingInfo, .AgentsSalesModule #cQuestionsInfo { box-sizing:border-box; } .AgentsSalesModule #cCashInfo .row, .AgentsSalesModule #cCheckInfo .row, .AgentsSalesModule #cInvoicedInfo .row, .AgentsSalesModule #cFreeInfo .row, .AgentsSalesModule #cCardReaderInfo .row, .AgentsSalesModule #cBuyerInfo .row { margin:0 0 12px; padding:0; line-height:1.35; } .AgentsSalesModule #cCashInfo .row:first-child, .AgentsSalesModule #cCheckInfo .row:first-child, .AgentsSalesModule #cInvoicedInfo .row:first-child, .AgentsSalesModule #cFreeInfo .row:first-child, .AgentsSalesModule #cCardReaderInfo .row:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; margin:0 0 16px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 5%, transparent); } .AgentsSalesModule #cCashInfo label, .AgentsSalesModule #cCheckInfo label, .AgentsSalesModule #cInvoicedInfo label, .AgentsSalesModule #cFreeInfo label, .AgentsSalesModule #cCardReaderInfo label, .AgentsSalesModule #cBuyerInfo label { display:block; margin:0 0 6px; font-weight:bold; } .AgentsSalesModule #cCashInfo input, .AgentsSalesModule #cCheckInfo input, .AgentsSalesModule #cInvoicedInfo input, .AgentsSalesModule #cFreeInfo input, .AgentsSalesModule #cCardReaderInfo input, .AgentsSalesModule #cBuyerInfo input, .AgentsSalesModule #cCashInfo select, .AgentsSalesModule #cCheckInfo select { width:100%; max-width:100%; } .AgentsSalesModule #cCashInfo a.nsBtn.large, .AgentsSalesModule #cCheckInfo a.nsBtn.large, .AgentsSalesModule #cInvoicedInfo a.nsBtn.large, .AgentsSalesModule #cFreeInfo a.nsBtn.large, .AgentsSalesModule #cCardReaderInfo a.nsBtn.large, .AgentsSalesModule #cBuyerInfo a.nsBtn.large, .AgentsSalesModule #cShippingAddress { width:100%; min-height:48px; height:auto !important; line-height:1.2 !important; display:flex; align-items:center; justify-content:center; margin:4px 0 0; padding:13px 16px; text-align:center; } .AgentsSalesModule #cShippingInfo table, .AgentsSalesModule #cShippingInfo tbody, .AgentsSalesModule #cShippingInfo tr, .AgentsSalesModule #cShippingInfo td { display:block; width:100%; box-sizing:border-box; } .AgentsSalesModule #cShippingInfo table { border:0 none; padding:0; background:transparent; } .AgentsSalesModule #cShippingInfo tr { margin:0 0 12px; } .AgentsSalesModule #cShippingInfo td { padding:0; } .AgentsSalesModule #cShippingInfo td.col1 { margin:0 0 6px; font-weight:bold; } .AgentsSalesModule #cShippingInfo input, .AgentsSalesModule #cShippingInfo select, .AgentsSalesModule #cShippingInfo textarea { width:100%; max-width:100%; } .AgentsSalesModule .cQuestionsInfo .questions { margin-top:0; } .AgentsSalesModule .cQuestionsInfo .questions .row, .AgentsSalesModule .cQuestionsInfo .questions .eventSpecific, .AgentsSalesModule .cQuestionsInfo .questions .ticketSpecific { margin:0 0 12px; padding:12px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .AgentsSalesModule .cQuestionsInfo .questions .eventSpecific, .AgentsSalesModule .cQuestionsInfo .questions .ticketSpecific { border-left:4px solid var(--ColTextHighlight); } .rtl .AgentsSalesModule .cQuestionsInfo .questions .eventSpecific, .rtl .AgentsSalesModule .cQuestionsInfo .questions .ticketSpecific { border-left:1px solid color-mix(in srgb, currentColor 14%, transparent); border-right:4px solid var(--ColTextHighlight); } .AgentsSalesModule .cDeliverySelector { padding:0; } .AgentsSalesModule .cDeliverySelector h3 { margin:0 0 12px; padding:0 0 10px; } .AgentsSalesModule .cDeliverySelector > select { width:100%; max-width:100%; margin:0 0 16px; } .AgentsSalesModule .cDeliverySelector .cDeliveryQuestion { padding:12px; margin:0 0 12px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .ui-dialog.cPOSDialog { box-sizing:border-box; max-width:calc(100vw - 24px); } .ui-dialog.cPOSDialog .ui-dialog-content { box-sizing:border-box; padding:16px; } .ui-dialog.cPOSDialog .ui-dialog-buttonpane { margin-top:0; padding:10px 16px; } .ui-dialog.cPOSDialog .ui-dialog-buttonpane button { min-height:42px; } .ui-dialog.cPOSDialog .ui-dialog-titlebar-close:after { transform:translate(-100%, -50%); font-size:24px; } .ui-dialog.cPOSDialog .ui-dialog-titlebar-close:hover:after { transform:translate(-100%, -50%) scale(1.12); } .ui-dialog.cPOSDialog .ui-dialog-titlebar-close { font-size:0 !important; } .ui-dialog.cPOSDialog #cCashInfo .row, .ui-dialog.cPOSDialog #cCheckInfo .row, .ui-dialog.cPOSDialog #cInvoicedInfo .row, .ui-dialog.cPOSDialog #cFreeInfo .row, .ui-dialog.cPOSDialog #cCardReaderInfo .row, .ui-dialog.cPOSDialog #cBuyerInfo .row { display:grid; grid-template-columns:minmax(140px, 32%) auto minmax(150px, 1fr) minmax(98px, max-content); gap:6px 8px; align-items:center; margin:0 0 8px; padding:0; line-height:1.25; position:relative; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child { display:grid; grid-template-columns:minmax(0, 1fr) auto max-content; gap:6px 8px; align-items:center; padding:12px; margin:0 0 10px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 5%, transparent); position:relative; } .ui-dialog.cPOSDialog #cCashInfo label, .ui-dialog.cPOSDialog #cCheckInfo label, .ui-dialog.cPOSDialog #cInvoicedInfo label, .ui-dialog.cPOSDialog #cFreeInfo label, .ui-dialog.cPOSDialog #cCardReaderInfo label, .ui-dialog.cPOSDialog #cBuyerInfo label { display:block; grid-column:1; margin:0; font-weight:bold; } .ui-dialog.cPOSDialog #cCashInfo br, .ui-dialog.cPOSDialog #cCheckInfo br, .ui-dialog.cPOSDialog #cInvoicedInfo br, .ui-dialog.cPOSDialog #cFreeInfo br, .ui-dialog.cPOSDialog #cCardReaderInfo br, .ui-dialog.cPOSDialog #cBuyerInfo br { display:none; } .ui-dialog.cPOSDialog #cCashInfo .priceLabel, .ui-dialog.cPOSDialog #cCheckInfo .priceLabel, .ui-dialog.cPOSDialog #cInvoicedInfo .priceLabel, .ui-dialog.cPOSDialog #cFreeInfo .priceLabel, .ui-dialog.cPOSDialog #cCardReaderInfo .priceLabel { grid-column:1; } .ui-dialog.cPOSDialog #cCashInfo .priceCurrency, .ui-dialog.cPOSDialog #cCheckInfo .priceCurrency, .ui-dialog.cPOSDialog #cInvoicedInfo .priceCurrency, .ui-dialog.cPOSDialog #cFreeInfo .priceCurrency, .ui-dialog.cPOSDialog #cCardReaderInfo .priceCurrency { grid-column:2; min-width:1.25em; text-align:end; justify-self:end; } .ui-dialog.cPOSDialog #cCashInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cCheckInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cInvoicedInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cFreeInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cCardReaderInfo .row > label:not([for]) { grid-column:3; margin:0; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child > label:not([for]), .ui-dialog.cPOSDialog #cCheckInfo .row:first-child > label:not([for]), .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child > label:not([for]), .ui-dialog.cPOSDialog #cFreeInfo .row:first-child > label:not([for]), .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child > label:not([for]) { justify-self:end; min-width:4.5em; text-align:end; white-space:nowrap; } .ui-dialog.cPOSDialog #cCashInfo input, .ui-dialog.cPOSDialog #cCheckInfo input, .ui-dialog.cPOSDialog #cInvoicedInfo input, .ui-dialog.cPOSDialog #cFreeInfo input, .ui-dialog.cPOSDialog #cCardReaderInfo input, .ui-dialog.cPOSDialog #cBuyerInfo input, .ui-dialog.cPOSDialog #cCashInfo select, .ui-dialog.cPOSDialog #cCheckInfo select { grid-column:2 / 4; width:100% !important; max-width:100%; } .ui-dialog.cPOSDialog #cCashInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cCheckInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cInvoicedInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cFreeInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cCardReaderInfo .priceCurrency + input { grid-column:3; } .ui-dialog.cPOSDialog #cCashInfo .errorMsg, .ui-dialog.cPOSDialog #cCheckInfo .errorMsg, .ui-dialog.cPOSDialog #cInvoicedInfo .errorMsg, .ui-dialog.cPOSDialog #cFreeInfo .errorMsg, .ui-dialog.cPOSDialog #cCardReaderInfo .errorMsg, .ui-dialog.cPOSDialog #cBuyerInfo .errorMsg, .ui-dialog.cPOSDialog #cCashInfo label.error, .ui-dialog.cPOSDialog #cCheckInfo label.error, .ui-dialog.cPOSDialog #cInvoicedInfo label.error, .ui-dialog.cPOSDialog #cFreeInfo label.error, .ui-dialog.cPOSDialog #cCardReaderInfo label.error, .ui-dialog.cPOSDialog #cBuyerInfo label.error { grid-column:4; align-self:center; margin:0; padding:6px 8px; line-height:1.2; min-height:0; position:absolute; inset-inline-end:0; top:50%; transform:translateY(-50%); white-space:nowrap; } .ui-dialog.cPOSDialog #cCashEmail + .errorMsg, .ui-dialog.cPOSDialog #cCashEmail + label.error, .ui-dialog.cPOSDialog #cCheckEmail + .errorMsg, .ui-dialog.cPOSDialog #cCheckEmail + label.error, .ui-dialog.cPOSDialog #cInvoicedEmail + .errorMsg, .ui-dialog.cPOSDialog #cInvoicedEmail + label.error, .ui-dialog.cPOSDialog #cFreeEmail + .errorMsg, .ui-dialog.cPOSDialog #cFreeEmail + label.error, .ui-dialog.cPOSDialog #cCardReaderEmail + .errorMsg, .ui-dialog.cPOSDialog #cCardReaderEmail + label.error, .ui-dialog.cPOSDialog #cBuyerEmail + .errorMsg, .ui-dialog.cPOSDialog #cBuyerEmail + label.error { display:none !important; } .ui-dialog.cPOSDialog #cCashInfo .row > a:not(.nsBtn), .ui-dialog.cPOSDialog #cCheckInfo .row > a:not(.nsBtn), .ui-dialog.cPOSDialog #cInvoicedInfo .row > a:not(.nsBtn), .ui-dialog.cPOSDialog #cFreeInfo .row > a:not(.nsBtn), .ui-dialog.cPOSDialog #cCardReaderInfo .row > a:not(.nsBtn), .ui-dialog.cPOSDialog #cBuyerInfo .row > a:not(.nsBtn) { grid-column:2 / -1; } .ui-dialog.cPOSDialog #cCheckInfo #cCheckMethodName + a:not(.nsBtn) { grid-column:4; justify-self:end; align-self:center; width:42px; height:42px; min-width:42px; padding:0 !important; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ColBorderUtilityBtn); border-radius:8px; background:var(--ColBgUtilityBtn); color:var(--ColTextUtilityBtn); line-height:1; text-decoration:none !important; } .ui-dialog.cPOSDialog #cCheckInfo #cCheckMethodName + a:not(.nsBtn):hover, .ui-dialog.cPOSDialog #cCheckInfo #cCheckMethodName + a:not(.nsBtn):focus { color:var(--ColTextUtilityBtn); text-decoration:none !important; filter:brightness(1.08); } .ui-dialog.cPOSDialog #cCheckInfo #cCheckMethodName + a:not(.nsBtn) i { margin:0; line-height:1; } .ui-dialog.cPOSDialog #cCashInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cCheckInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cInvoicedInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cFreeInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cCardReaderInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cBuyerInfo .cEasyEmailContainer { display:flex !important; flex-wrap:wrap; gap:4px; align-items:center; margin:-2px 0 8px; padding-inline-start:calc(32% + 8px); } .ui-dialog.cPOSDialog .cEasyEmailContainer > span.nsBtn { width:auto; min-width:28px; height:28px; line-height:28px; padding:0 7px; text-align:center; } .ui-dialog.cPOSDialog #cCashInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cCheckInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cInvoicedInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cFreeInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cCardReaderInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cBuyerInfo a.nsBtn.large, .ui-dialog.cPOSDialog #cShippingAddress { width:100%; min-height:48px; height:auto !important; line-height:1.2 !important; display:flex; align-items:center; justify-content:center; grid-column:1 / -1; margin:2px 0 0; padding:13px 16px; text-align:center; } .ui-dialog.cPOSDialog #cShippingInfo table, .ui-dialog.cPOSDialog #cShippingInfo tbody, .ui-dialog.cPOSDialog #cShippingInfo tr, .ui-dialog.cPOSDialog #cShippingInfo td { display:block; width:100%; box-sizing:border-box; } .ui-dialog.cPOSDialog #cShippingInfo table { border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; padding:14px; background:color-mix(in srgb, currentColor 4%, transparent); } .ui-dialog.cPOSDialog #cShippingInfo tr { margin:0 0 12px; } .ui-dialog.cPOSDialog #cShippingInfo td { padding:0; } .ui-dialog.cPOSDialog #cShippingInfo td.col1 { margin:0 0 6px; font-weight:bold; } .ui-dialog.cPOSDialog #cShippingInfo input, .ui-dialog.cPOSDialog #cShippingInfo select, .ui-dialog.cPOSDialog #cShippingInfo textarea { width:100%; max-width:100%; } .ui-dialog.cPOSDialog .cQuestionsInfo .questions .row, .ui-dialog.cPOSDialog .cQuestionsInfo .questions .eventSpecific, .ui-dialog.cPOSDialog .cQuestionsInfo .questions .ticketSpecific, .ui-dialog.cPOSDialog .cDeliverySelector .cDeliveryQuestion { margin:0 0 12px; padding:12px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .ui-dialog.cDeliverySelector .ui-dialog-content { padding:16px; } .ui-dialog.cDeliverySelector .cDeliverySelector { display:flex; flex-direction:column; gap:12px; } .ui-dialog.cDeliverySelector .cDeliveryOptionGroup { padding:12px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .ui-dialog.cDeliverySelector .cDeliveryOptionGroup h3 { margin:0 0 10px; padding:0 0 8px; border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent); font-size:16px; line-height:1.3; } .ui-dialog.cDeliverySelector .cDeliveryOptionGroup > select { display:block; width:100%; max-width:640px; margin:0; } .ui-dialog.cDeliverySelector .questions { margin-top:10px; } .ui-dialog.cDeliverySelector .ui-dialog-buttonpane { padding:10px 16px; margin-top:0; text-align:end; } .ui-dialog.cDeliverySelector .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; display:flex; justify-content:flex-end; gap:10px; } .ui-dialog.cDeliverySelector .ui-dialog-buttonpane button { min-width:88px; min-height:42px; } .ui-dialog.cPOSDialog #cSearchInvoiceInfo a.nsBtn { display:flex; align-items:center; justify-content:center; text-align:center; } #cPrintOverlay.cPOSPrintTicketsOverlay { position:fixed !important; z-index:10040 !important; } #cPrintTickets.cPOSPrintTicketsPanel { box-sizing:border-box; position:fixed !important; inset-block-start:16px !important; inset-block-end:16px !important; inset-inline-start:50% !important; inset-inline-end:auto !important; transform:translateX(-50%); width:min(810px, calc(100vw - 32px)) !important; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); margin-inline-start:0 !important; overflow:auto; -webkit-overflow-scrolling:touch; z-index:10050 !important; border-radius:10px; box-shadow:0 12px 32px color-mix(in srgb, black 35%, transparent); } body.cPOSPrintPreviewOpen { overflow:hidden; } #cPrintTickets.cPOSPrintTicketsPanel .cPrintTicketsClose { position:sticky; top:0; inset-inline-start:0; z-index:2; display:flex; align-items:center; justify-content:center; gap:.45rem; width:100%; min-height:48px; border:0 none; border-radius:0; background:var(--ColBgClickableActive); color:var(--ColTextClickableActive); font-weight:bold; cursor:pointer; } #cPrintTickets.cPOSPrintTicketsPanel .cPrintTicketsClose:hover, #cPrintTickets.cPOSPrintTicketsPanel .cPrintTicketsClose:focus-visible { filter:brightness(1.08); outline:0; } #cPrintTickets.cPOSPrintTicketsPanel .etickets { padding:12px; } @media (max-width: 560px) { #cPrintTickets.cPOSPrintTicketsPanel { inset-block-start:0 !important; inset-block-end:0 !important; width:100vw !important; max-width:100vw; border-radius:0; } #cPrintTickets.cPOSPrintTicketsPanel .etickets { padding:10px; } .ui-dialog.cPOSDialog #cCashInfo .row, .ui-dialog.cPOSDialog #cCheckInfo .row, .ui-dialog.cPOSDialog #cInvoicedInfo .row, .ui-dialog.cPOSDialog #cFreeInfo .row, .ui-dialog.cPOSDialog #cCardReaderInfo .row, .ui-dialog.cPOSDialog #cBuyerInfo .row { grid-template-columns:auto minmax(0, 1fr); gap:6px; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child { grid-template-columns:minmax(0, 1fr) auto auto; } .ui-dialog.cPOSDialog #cCashInfo label, .ui-dialog.cPOSDialog #cCheckInfo label, .ui-dialog.cPOSDialog #cInvoicedInfo label, .ui-dialog.cPOSDialog #cFreeInfo label, .ui-dialog.cPOSDialog #cCardReaderInfo label, .ui-dialog.cPOSDialog #cBuyerInfo label, .ui-dialog.cPOSDialog #cCashInfo .priceLabel, .ui-dialog.cPOSDialog #cCheckInfo .priceLabel, .ui-dialog.cPOSDialog #cInvoicedInfo .priceLabel, .ui-dialog.cPOSDialog #cFreeInfo .priceLabel, .ui-dialog.cPOSDialog #cCardReaderInfo .priceLabel { grid-column:1 / -1; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child .priceLabel, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child .priceLabel, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child .priceLabel, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child .priceLabel, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child .priceLabel { grid-column:1; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child .priceCurrency { grid-column:2; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child .priceCurrency + label { grid-column:3; text-align:end; } .ui-dialog.cPOSDialog #cCashInfo input, .ui-dialog.cPOSDialog #cCheckInfo input, .ui-dialog.cPOSDialog #cInvoicedInfo input, .ui-dialog.cPOSDialog #cFreeInfo input, .ui-dialog.cPOSDialog #cCardReaderInfo input, .ui-dialog.cPOSDialog #cBuyerInfo input, .ui-dialog.cPOSDialog #cCashInfo select, .ui-dialog.cPOSDialog #cCheckInfo select, .ui-dialog.cPOSDialog #cCashInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cCheckInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cInvoicedInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cFreeInfo .row > label:not([for]), .ui-dialog.cPOSDialog #cCardReaderInfo .row > label:not([for]) { grid-column:1 / -1; } .ui-dialog.cPOSDialog #cCashInfo .priceCurrency, .ui-dialog.cPOSDialog #cCheckInfo .priceCurrency, .ui-dialog.cPOSDialog #cInvoicedInfo .priceCurrency, .ui-dialog.cPOSDialog #cFreeInfo .priceCurrency, .ui-dialog.cPOSDialog #cCardReaderInfo .priceCurrency { grid-column:1; align-self:center; } .ui-dialog.cPOSDialog #cCashInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cCheckInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cInvoicedInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cFreeInfo .priceCurrency + input, .ui-dialog.cPOSDialog #cCardReaderInfo .priceCurrency + input { grid-column:2; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child .priceCurrency, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child .priceCurrency { grid-column:2; } .ui-dialog.cPOSDialog #cCashInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cCheckInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cInvoicedInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cFreeInfo .row:first-child .priceCurrency + label, .ui-dialog.cPOSDialog #cCardReaderInfo .row:first-child .priceCurrency + label { grid-column:3; align-self:center; text-align:end; } .ui-dialog.cPOSDialog #cCheckInfo .row:nth-child(2) { grid-template-columns:minmax(0, 1fr) auto; } .ui-dialog.cPOSDialog #cCheckInfo .row:nth-child(2) > label[for="cCheckMethodName"] { grid-column:1 / -1; } .ui-dialog.cPOSDialog #cCheckInfo .row:nth-child(2) > #cCheckMethodName { grid-column:1; grid-row:2; } .ui-dialog.cPOSDialog #cCheckInfo .row:nth-child(2) > #cCheckMethodName + a:not(.nsBtn) { grid-column:2; grid-row:2; align-self:center; justify-self:end; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; } .ui-dialog.cPOSDialog #cCashInfo .errorMsg, .ui-dialog.cPOSDialog #cCheckInfo .errorMsg, .ui-dialog.cPOSDialog #cInvoicedInfo .errorMsg, .ui-dialog.cPOSDialog #cFreeInfo .errorMsg, .ui-dialog.cPOSDialog #cCardReaderInfo .errorMsg, .ui-dialog.cPOSDialog #cBuyerInfo .errorMsg, .ui-dialog.cPOSDialog #cCashInfo label.error, .ui-dialog.cPOSDialog #cCheckInfo label.error, .ui-dialog.cPOSDialog #cInvoicedInfo label.error, .ui-dialog.cPOSDialog #cFreeInfo label.error, .ui-dialog.cPOSDialog #cCardReaderInfo label.error, .ui-dialog.cPOSDialog #cBuyerInfo label.error { grid-column:1 / -1; justify-self:start; position:static; transform:none; } .ui-dialog.cPOSDialog #cCashInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cCheckInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cInvoicedInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cFreeInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cCardReaderInfo .cEasyEmailContainer, .ui-dialog.cPOSDialog #cBuyerInfo .cEasyEmailContainer { padding-inline-start:0; } .ui-dialog.cDeliverySelector .ui-dialog-content { padding:12px; } .ui-dialog.cDeliverySelector .cDeliveryOptionGroup { padding:10px; } .ui-dialog.cDeliverySelector .cDeliveryOptionGroup h3 { font-size:15px; } .ui-dialog.cDeliverySelector .ui-dialog-buttonpane .ui-dialog-buttonset { flex-direction:column; } .ui-dialog.cDeliverySelector .ui-dialog-buttonpane button { width:100%; } } @media (max-width: 900px) { .AgentsSalesModule .modulebody > .hideForETicketPrint { display:flex; flex-direction:column; gap:12px; } .AgentsSalesModule .cMainArea { order:1; } .AgentsSalesModule .cRightRail { order:2; position:relative; top:auto; max-height:none; width:100%; } .AgentsSalesModule .cShoppingCartCollapsed .cRightRail { position:relative; width:100%; height:auto; } .AgentsSalesModule .cShoppingCartCollapsed #cShoppingCartBody { display:block !important; } } @media (max-width: 560px) { .AgentsSalesModule > .moduleheader > div { height:58px; min-height:0; padding:0 104px; gap:8px; font-size:20px; flex-wrap:nowrap; overflow:hidden; text-overflow:ellipsis; } .AgentsSalesModule > .moduleheader { height:58px; min-height:58px; } .AgentsSalesModule > .moduleheader .cHelp { right:64px; width:36px; height:36px; } .AgentsSalesModule > .moduleheader .cHelp + div { right:10px; width:36px; height:36px; } .AgentsSalesModule > .moduleheader .cHelp a, .AgentsSalesModule > .moduleheader .cHelp + div a { width:36px; height:36px; } .rtl .AgentsSalesModule > .moduleheader .cHelp { right:auto; left:64px; } .rtl .AgentsSalesModule > .moduleheader .cHelp + div { right:auto; left:10px; } .AgentsSalesModule .modulebody { padding:8px !important; } .AgentsSalesModule .itemsRow { gap:8px; padding:8px; } .AgentsSalesModule .itemsRow > div { flex-basis:min(78vw, 210px); width:min(78vw, 210px); } .AgentsSalesModule h3.cNeedCount { display:none; } .AgentsSalesModule #cAddToCart { box-sizing:border-box; width:100%; min-width:0; min-height:52px; height:auto !important; line-height:1.2 !important; margin:10px 0 14px !important; padding:14px 16px; text-align:center; } .AgentsSalesModule #cEventFilterRow input, .AgentsSalesModule #cProdFilterRow input, .AgentsSalesModule #cProducts > .row:first-child input, .AgentsSalesModule #cPurchasePassword { flex:1 1 100%; width:100%; } .AgentsSalesModule #cEventFilterRow label, .AgentsSalesModule #cProdFilterRow label, .AgentsSalesModule #cProducts > .row:first-child label { flex:1 1 100%; min-height:0; } .AgentsSalesModule .cMainArea > .row:first-child .nsBtn, .AgentsSalesModule #cOpenAddMerchandisePopup { width:100%; justify-content:center; } .AgentsSalesModule .cShoppingCartHeader { flex-wrap:wrap; } .AgentsSalesModule .cRightRail h3 .cAction { width:34px; height:34px !important; line-height:34px !important; } .AgentsSalesModule .paymentMethods a.nsBtn { flex-basis:100%; } } .CFDModule footer, .CFDModule .moduleheader { display:none !important;} .cCFDBtns {text-align:right; } .cCFDBtns fieldset{display:inline-block;text-align:left;padding:5px;} .cCFDBtns fieldset legend{font-size:80%;} .cCFDBtns a{font-size:120%;padding:8px; border:1px solid; margin:5px;display:inline-block;} #cCreditFrameContainer, #cCreditFrameContainer * { box-sizing: border-box; } #cCreditFrameContainer.openOnCFD iframe { display: none; } #cCreditFrameContainer .cfdMsg {display:none;font-size:130%;text-align:center; } #cCreditFrameContainer.openOnCFD .cfdMsg {display:block; } .cQuestionsInfo .questions {margin-top:20px;} .cQuestionsInfo .questions div.row{display:block;} .cQuestionsInfo .questions hr {border-top:1px solid #aaa;} .cQuestionsInfo .questions .eventTitle {font-weight:bold; padding:10px 10px 3px;border-bottom:1px solid #aaa; margin:10px;} .cQuestionsInfo .questions .row>span {clear:both; display:block; padding-bottom:5px;} .cQuestionsInfo .questions .row>span.errorMsg {display:inline;} .cQuestionsInfo .questions .ticketnumber{font-weight:bold; padding:10px 10px 3px;} .cQuestionsInfo .questions .eventSpecific {margin-left: 10px; padding-left:10px; border-left:1px solid #eee;} .cQuestionsInfo .questions .ticketSpecific {margin-left: 25px; padding-left:10px;border-left:1px solid #eee;margin-bottom:0;} .cDeliverySelector h3 {border-bottom:1px solid;margin: 10px 0;} .cDeliverySelector > select{max-width:90%;margin-bottom:20px;} .cDeliverySelector .cDeliveryQuestion {display:none;} .cDeliverySelector .cDeliveryQuestion .cCheckoutQuestion span {display:inline-block; padding-right: 10px;} .cCheckoutQuestion label .cCheckoutQuestionLabel { display: block; clear: both; margin-bottom: 10px; margin-top: 5px; } a#cCreditFrameContainer {overflow:hidden; position:fixed;top:0; left:0; bottom:0; right:0;display:none;background-color:#fff;} a#cCreditFrameContainer iframe {position:absolute; top:0; left:0; right:0; bottom:0;} #cSeatingChartFrameContainer { padding:0; margin:0; overflow:hidden;} .cSeatingChartFrameContainerDialog { position: fixed !important; top: 0 !important; left: 0 !important; } .cSeatingChartFrameContainerDialog .ui-dialog-titlebar-close { display:none !important;} .cSeatingChartFrameContainerDialog .ui-dialog-title { max-width:50%;} .cSeatingChartFrameContainerDialog .ui-dialog-titlebar a { text-decoration:none;} body .gridPager table {width:auto;border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius:8px;display:inline-table; margin-top:16px;margin-bottom:16px;height:auto; right:30px; inset-inline-end:30px; position:sticky; border-collapse:separate; border-spacing:0; overflow:hidden; background:color-mix(in srgb, currentColor 3%, transparent); box-shadow:0 1px 2px color-mix(in srgb, CanvasText 10%, transparent);} .gridPager td:not(:first-child) {border-left:1px solid color-mix(in srgb, currentColor 14%, transparent);} .rtl .gridPager td:not(:first-child) {border-left:0 none;border-right:1px solid color-mix(in srgb, currentColor 14%, transparent);} .gridPager td{padding:0;margin:0;} .gridPager td > span {} .gridPager table td > a {font-weight:normal; margin:0;} body .gridPager > td { text-align:right;} body .gridPager span, body .gridPager a { align-items:center; box-sizing:border-box; display:inline-flex;justify-content:center;width:auto; min-width:40px; min-height:40px;line-height:1.2;padding:0 12px; text-align:center; text-shadow:none; } body .gridPager a:hover, body .gridPager a{ margin:0; background:Field; color:FieldText; text-decoration:none; } body .gridPager span{ background:var(--ColBgClickableActive, color-mix(in srgb, currentColor 14%, transparent)); color:var(--ColTextClickableActive, inherit); font-weight:bold; } .gridPager a:hover{ background:var(--ColBgClickableHover, color-mix(in srgb, currentColor 8%, transparent)); color:var(--ColTextClickableHover, inherit); opacity:1; } .ui-autocomplete.ui-front{z-index:3000;} table td.AlignLeft, table th.AlignLeft {text-align:start;} body .topMost {z-index: 10000000;} .Module .cQuantityUpdate:hover {text-decoration:none;} .cHtmlEditorContent , .cHtmlEditorContent *, .cHtmlEditorContent p, .cHtmlEditorContent li{ line-height:150%;} .tour_item.active { z-index: 9998; position: relative; } #tour_mask { background-color: color-mix(in srgb, Canvas 78%, CanvasText 22%); display: block; height: 100%; left: 0; opacity: 0.56; position: fixed; top: 0; width: 100%; z-index: 20; } #tour_dialog { background: color-mix(in srgb, CanvasText 86%, Canvas 14%); border: 1px solid color-mix(in srgb, Canvas 20%, transparent); border-radius: 10px; box-shadow: 0 18px 45px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.08) inset; color: Canvas; display: none; line-height: 1.5; padding: 24px; position: absolute !important; text-shadow: none; z-index: 9999; text-align:start; width: min(640px, calc(100vw - 32px)); max-width: calc(100vw - 32px); font-size: 15px; box-sizing:border-box; } #tour_dialog *, #tour_dialog *:before, #tour_dialog *:after {box-sizing:border-box;} #tour_dialog a {color:inherit;} #tour_dialog:hover a {opacity:1;} #tour_dialog .msg { min-height: 36px; position: relative; } #tour_dialog .cTourContent > h3:first-child { margin:0 52px 14px 0; padding:0; } .rtl #tour_dialog .cTourContent > h3:first-child {margin:0 0 14px 52px;} #tour_dialog hr { border: 0 none; border-top: 1px solid color-mix(in srgb, Canvas 24%, transparent); clear: both; margin: 18px 0; } #tour_dialog .button { align-items:center; background: Canvas; border: 1px solid Canvas; border-radius: 7px; color: CanvasText; cursor: pointer; display:inline-flex; font: inherit; font-weight:700; justify-content:center; min-height:40px; min-width:88px; padding:8px 14px; text-align:center; text-decoration:none; text-shadow:none; vertical-align:top; float:right; } #tour_dialog .button:hover, #tour_dialog .button:focus { filter: brightness(1.08); color: CanvasText !important; outline: 2px solid color-mix(in srgb, var(--ColTextHighlight, #1171c5) 70%, Canvas); outline-offset: 2px; } #tour_dialog .cTourClose { background: color-mix(in srgb, Canvas 10%, transparent); border-color: color-mix(in srgb, Canvas 26%, transparent); border-radius: 50%; color: Canvas; float:none; height:40px; min-height:40px; min-width:40px; padding:0; position:absolute; inset-block-start:-4px; inset-inline-end:-4px; width:40px; } #tour_dialog .arrow { position: absolute; width: 0; height: 0; } #tour_dialog .arrow.top { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid color-mix(in srgb, CanvasText 86%, Canvas 14%); bottom: -10px; left: 48%; } #tour_dialog .arrow.bottom, #tour_dialog .arrow.top_inside { border-bottom: 10px solid color-mix(in srgb, CanvasText 86%, Canvas 14%); border-left: 10px solid transparent; border-right: 10px solid transparent; left: 48%; top: -8px; } #tour_dialog .arrow.right { border-bottom: 10px solid transparent; border-right: 10px solid color-mix(in srgb, CanvasText 86%, Canvas 14%); border-top: 10px solid transparent; left: -10px; top: 8px; } #tour_dialog .arrow.left { border-bottom: 10px solid transparent; border-left: 10px solid color-mix(in srgb, CanvasText 86%, Canvas 14%); border-top: 10px solid transparent; right: -10px; top: 8px; } #tour_dialog p { margin-bottom:14px; line-height:1.55;} #tour_dialog img, #tour_dialog iframe { max-width:100%;} #tour_dialog .cTourVideo { margin: 12px 0 18px; } #tour_dialog .cTourVideo iframe { aspect-ratio: 16 / 9; background:#111; border:1px solid color-mix(in srgb, Canvas 30%, transparent); display:block; height:auto; width:100%; } #tour_dialog .cTourNextCopy { border-top:1px solid color-mix(in srgb, Canvas 18%, transparent); margin-top:18px; padding-top:18px; } #cTour { position: fixed; z-index: 95; cursor: pointer; white-space:nowrap; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); right: -154px; top: 45%; width:338px;min-height:38px; padding:8px 16px; color: var(--ColTextPrimaryBtn, #000); font-size: 17px; cursor: pointer; border: 1px solid var(--ColBorderPrimaryBtn, #dc9267);font-weight: 700; text-align: center; background: var(--ColBgPrimaryBtn, #f89945); border-radius: 10px 10px 0 0; box-shadow: 0 8px 22px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:center; gap:8px; line-height:1.2; text-shadow:none; } #cTour:hover, #cTour:focus { filter:brightness(1.05); outline: 2px solid color-mix(in srgb, var(--ColTextHighlight, #1171c5) 75%, Canvas); outline-offset:3px; } @media screen and (max-width: 650px) { #cTour { display: none !important; } #tour_dialog { bottom:auto !important; left:max(16px, env(safe-area-inset-left)) !important; max-height:calc(100dvh - 32px); overflow:auto; position:fixed !important; right:max(16px, env(safe-area-inset-right)) !important; top:max(16px, env(safe-area-inset-top)) !important; width:auto !important; } #tour_dialog .arrow {display:none;} } #add-to-calendar-checkbox-label{cursor:pointer}.add-to-calendar-checkbox~a{display:none}.add-to-calendar-checkbox:checked~a{display:block;width:150px;margin-left:160px;}input[type=checkbox].add-to-calendar-checkbox{position:absolute;top:-9999px;left:-9999px} .cHorizontalTable { border:1px solid;} .cHorizontalTable th { border-bottom:1px solid;} .cHorizontalTable td { border-bottom:1px solid;} .row label.cInputContainer { padding:0;} .cSchedulerRow { display: none; } .adminhelpModule iframe { max-width:100%;} /*cBuyPackage section*/ .cBuyPackage { margin: 20px; } .cBuyPackage .packageEventsHeader {padding-bottom:10px;margin:10px;border-bottom:1px solid #999; } .cBuyPackage .cPriceSelector { clear:both;} .cBuyPackage .INeedRow select { margin:10px;} .cBuyPackage .packageEvent .thumbnail{ max-width: 185px;max-height:185px; width:auto; padding:0; border: 1px solid #aaa; border-radius:7px; box-shadow:1px 1px 1px 1px; margin:0 15px;} .cBuyPackage .packageEvent .eventInfos { display: inline-block; max-width:560px;} .cBuyPackage .cTicketSection { margin: 15px 30px 30px 15px; } .cBuyPackage .packageEvent .packageEventTickets {margin:10px 0px; border-top: 1px solid #aaa; padding:10px;} .cBuyPackage .packageEvent .cPriceSelectorHeader{max-width:500px; padding:10px;margin:0 auto;} .cBuyPackage .packageEvent .cPriceSelector {max-width:500px; border-top: 1px solid #aaa; padding:10px;margin:0 auto;} .cBuyPackage .packageEvent { border-bottom: 1px solid #333; margin-bottom:20px; } .cBuyPackage .eventTitle { font-size:140%; line-height:140%;} .cBuyPackage .cPriceSelector2 { text-align:center;max-width:500px; padding:10px;margin:0 auto;} .cBuyPackage .packageEventTickets p { padding:8px; border-bottom:1px solid #ccc;} .cSocialShare { z-index: 2; } .cSocialShare ul .fa ,.cSocialShare ul .fab ,.cSocialShare ul .fas,.cSocialShare ul .far { height:42px; line-height:42px; font-size: 16px; width: 42px; text-align: center; text-decoration: none; margin: 2px 2px; border-radius:50px; } .cSocialShare .fa-hover { opacity:1;} .cSocialShare ul .fa:hover,.cSocialShare ul .fab:hover { opacity: 0.7; } .cSocialShare .fa-facebook-f { background: #3B5998; color: white; } .cSocialShare .fa-twitter { background: #55ACEE; color: white; } .cSocialShare .fa-google-plus-g { background: #dd4b39; color: white; } .cSocialShare .fa-linkedin-in { background: #007bb5; color: white; } .cSocialShare .fa-whatsapp { background: #46C655; color: white; } .cFacebookMessenger.fa-facebook-messenger { background: #59ABFD; color: white; } .cShareByEmail { background-color:#ecd63a; color:#fff; } .cSocialShare .fa-youtube { background: #bb0000; color: white; } .cSocialShare .fa-instagram { background: #125688; color: white; } .cSocialShare .fa-pinterest-p { background: #cb2027; color: white; } /*.fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }*/ .cSocialShare .fa-skype { background: #00aff0; color: white; } .cSocialShare .fa-android { background: #a4c639; color: white; } .cSocialShare .fa-dribbble { background: #ea4c89; color: white; } .cSocialShare .fa-vimeo-v { background: #45bbff; color: white; } .cSocialShare .fa-tumblr { background: #2c4762; color: white; } .cSocialShare .fa-vine { background: #00b489; color: white; } .cSocialShare .fa-foursquare { background: #45bbff; color: white; } .cSocialShare .fa-stumbleupon { background: #eb4924; color: white; } .cSocialShare .fa-flickr { background: #f40083; color: white; } .cSocialShare .fa-yahoo { background: #430297; color: white; } .cSocialShare .fa-soundcloud { background: #ff5500; color: white; } .cSocialShare .fa-reddit { background: #ff5700; color: white; } .cSocialShare .fa-rss { background: #ff6600; color: white; } .cSocialShare.cDropDownMenu li a {opacity:1;} .cAutoDropDown:hover {z-index:1000 !important;} .cAutoDropDownV2 {display:inline-block; height:22px; overflow:visible; position:relative; text-align:start;} .cAutoDropDownV2 > div { background:transparent; border:0 none; cursor:pointer; display:inline-block; line-height:22px; opacity:.8; padding:0; text-decoration:none; } .cAutoDropDownV2 > div:hover, .cAutoDropDownV2:focus-within > div {opacity:1;} .cAutoDropDownV2 > div:focus {outline:2px solid color-mix(in srgb, var(--ColTextHighlight, currentColor) 55%, transparent); outline-offset:2px;} .cAutoDropDownV2 > div > i {padding-inline-start:5px;} .cAutoDropDownV2 ul { display:none; inset-inline-end:0; padding:10px; position:absolute; text-align:start; z-index:1000 !important; } .cAutoDropDownV2:hover ul, .cAutoDropDownV2:focus-within ul {display:block;} .cAutoDropDownV2 ul, .cAutoDropDownV2 li {list-style:none; line-height:200%; margin:0;} .cAutoDropDownV2 li a { color:inherit; opacity:.9; text-decoration:none; } .cAutoDropDownV2 li a:hover, .cAutoDropDownV2 li a:focus { background:color-mix(in srgb, var(--ColTextHighlight, currentColor) 10%, transparent); color:var(--ColTextHighlight, currentColor); opacity:1; text-decoration:none; } .cAutoDropDownV2 li i {margin-inline-end:5px;} .cAutoDropDownV2.cActionMenu {min-width:0 !important;} .cAutoDropDownV2.cActionMenu > div {min-width:28px; text-align:center;} .cAutoDropDownV2.cActionMenu .cLabel { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap; width:1px; } .cAutoDropDownV2.cActionMenu > div > i {padding-inline-start:0;} /*.cAutoDropDownV2.cActionMenu:hover > div, .cAutoDropDownV2.cActionMenu:focus-within > div {color:var(--ColTextClickableHover, var(--ColTextHighlight, currentColor));} */.cAutoDropDownV2.cActionMenu > ul {display:none !important;} .cAutoDropDownV2.cActionMenu.cOpen > ul {display:block !important;} .cAutoDropDownV2.cActionMenu ul {min-width:max-content;} .cAutoDropDownV2.cActionMenu li {line-height:1.35;} .cAutoDropDownV2.cActionMenu li a {align-items:center; display:flex; gap:.45em; padding:.35em .55em; white-space:nowrap;} .cAutoDropDownV2.cActionMenu li i {flex:0 0 1.25em; margin:0; text-align:center;} .cAutoDropDownV2.cActionMenu.cActionMenuLabeled {height:auto;} .cAutoDropDownV2.cActionMenu.cActionMenuLabeled > div { align-items:center; border:1px solid var(--ColBorderClickableDefault, color-mix(in srgb, currentColor 18%, transparent)); border-radius:8px; background:var(--ColBgClickableDefault, color-mix(in srgb, currentColor 5%, transparent)); color:var(--ColTextClickableDefault, inherit); cursor:pointer; display:inline-flex; gap:7px; min-height:38px; min-width:0; padding:7px 11px; text-shadow:none; } .cAutoDropDownV2.cActionMenu.cActionMenuLabeled:hover > div, .cAutoDropDownV2.cActionMenu.cActionMenuLabeled.cOpen > div, .cAutoDropDownV2.cActionMenu.cActionMenuLabeled > div:focus { background:var(--ColBgClickableHover, color-mix(in srgb, currentColor 8%, transparent)); border-color:var(--ColBorderClickableHover, color-mix(in srgb, currentColor 24%, transparent)); color:var(--ColTextClickableHover, inherit); } .cAutoDropDownV2.cActionMenu.cActionMenuLabeled .cLabel { clip:auto; display:inline; height:auto; margin:0; overflow:visible; position:static; white-space:normal; width:auto; } .cAutoDropDownV2.cActionMenu.cActionMenuLabeled > ul { padding:6px; border-radius:8px; box-shadow:0 8px 20px color-mix(in srgb, CanvasText 18%, transparent); } .cAutoDropDownV2.cActionMenu.cActionMenuLabeled li a {border-radius:6px; padding:.55em .7em;} .add-to-calendar.cDropDownMenu > div >i { float:none; } .cHtmlEditorContent {max-width:100%; } .cHtmlEditorContent *{max-width:100%; } .cSocialShareFooter ul, .cSocialShareFooter li {list-style:none; } .cSocialShareFooter li {display:inline-block;} #cControlPanel .ui-accordion-content {overflow-y:overlay !important;} /*body #wowslider-container1 { max-width: 900px; }*/ #wowslider-container1 img { width:100%;/*height:100%;*/max-width:100vw;} #wowslider-container1 .ws-title { transform:translate3d(75px, 0px, 0px) !important;} .cNoClose .ui-dialog-titlebar-close {display: none } .cCookieConsent { position: fixed; bottom: 0; left: 0; right: 360px; background-color: #000; color: #fff; font-size: 18px; padding: 15px 50px 15px 15px; z-index: 100000; } @media (max-width: 770px) { body .cCookieConsent {right: 80px; } } .cCookieConsent > i { color: #fff; position: absolute; right: 15px; top: 12px; } .cCookieConsent a, .cCookieConsent a:visited { color: #fff; text-decoration:underline;} #cContactAdminForm p{ margin-bottom:10px; text-indent:10px; line-height:150%;} #cContactAdminForm input, #cContactAdminForm textarea{ margin:10px 0; } .BillPaymentModule, .BillPaymentModule * { box-sizing:border-box; } .BillPaymentModule .moduleheader {height:auto; line-height:normal;} .BillPaymentModule .moduleheader > div {display:flex; align-items:center; gap:6px; min-height:52px; padding:12px 16px; overflow:visible; line-height:1.2;} .BillPaymentModule .modulebody {overflow:visible;} .BillPaymentModule .cBillPaymentTopBar { align-items:flex-start; display:flex; gap:12px; justify-content:space-between; margin:0 0 18px; padding:16px; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:10px; background:color-mix(in srgb, currentColor 3%, transparent); box-shadow:0 1px 2px color-mix(in srgb, CanvasText 8%, transparent); } .BillPaymentModule .cBillPaymentIntro h2 {margin:0 0 4px; line-height:1.25;} .BillPaymentModule .cBillPaymentIntro p {margin:0; line-height:1.45; opacity:.82;} .BillPaymentModule .cBillPaymentActions {flex:0 0 auto;} .BillPaymentModule .cBillPaymentActions > ul {inset-inline-end:0; inset-inline-start:auto; min-width:190px;} .rtl .BillPaymentModule .cBillPaymentActions > ul {inset-inline-end:auto; inset-inline-start:0;} .BillPaymentModule .cBillPaymentNotice {padding:15px; font-size:130%; line-height:1.45; margin-bottom:16px;} .BillPaymentModule .modulebody > p[style*="float"] { border-radius:999px; box-shadow:0 1px 2px color-mix(in srgb, CanvasText 10%, transparent); color:#fff !important; float:none !important; line-height:1.25; margin:6px 0 16px auto !important; max-width:max-content; padding:8px 18px !important; text-align:center !important; } .rtl .BillPaymentModule .modulebody > p[style*="float"] { margin-left:0 !important; margin-right:auto !important; } .BillPaymentModule .confirmation { padding:16px; margin-bottom:16px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:10px; background:color-mix(in srgb, currentColor 3%, transparent); } .BillPaymentModule .confirmation:empty {display:none;} .BillPaymentModule .confirmation h3{ margin:0 0 12px; line-height:1.3;} .BillPaymentModule .confirmation p { line-height:160%; margin-bottom:8px;} .BillPaymentModule .cStatementBody, .BillPaymentModule > .modulebody > h2, .BillPaymentModule > .modulebody > h3, .BillPaymentModule table.statement {max-width:100%;} .BillPaymentModule table.statement { border-collapse:separate; border-spacing:0; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:10px; overflow:hidden; table-layout:fixed; width:100% !important; } .BillPaymentModule table.statement th, .BillPaymentModule table.statement td { padding:10px 12px !important; border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent); overflow-wrap:anywhere; } .BillPaymentModule table.statement th:last-child, .BillPaymentModule table.statement td:last-child {text-align:end; width:180px;} .BillPaymentModule table.statement tr:last-child td {border-bottom:0 none;} .BillPaymentModule table.statement tr:not(.ui-widget-header):not(.ui-state-highlight) { background:color-mix(in srgb, currentColor 3%, transparent) !important; color:inherit !important; } .BillPaymentModule table.statement tr:not(.ui-widget-header):not(.ui-state-highlight):nth-child(even) { background:color-mix(in srgb, currentColor 5%, transparent) !important; } .BillPaymentModule table.statement tr[style*="green"] td {color:var(--success, #2e7d32) !important;} .BillPaymentModule table.statement tr.ui-widget-header th { background:var(--ColBgClickableActive, color-mix(in srgb, currentColor 14%, transparent)) !important; color:var(--ColTextClickableActive, inherit) !important; } .BillPaymentModule table.statement tr.ui-state-highlight td { background:var(--ColBgClickableDefault, color-mix(in srgb, currentColor 10%, transparent)) !important; color:var(--ColTextClickableDefault, inherit) !important; font-weight:bold; } .BillPaymentModule .cSavedPaymentAction {display:flex; justify-content:center; margin:8px 0 18px;} .rtl .BillPaymentModule .cSavedPaymentAction {justify-content:center;} .BillPaymentModule .cSavedPaymentAction .nsBtn { min-width:min(360px, 100%); padding-inline:18px; } .BillPaymentModule .cBillPaymentMethods { align-items:stretch; margin-top:12px; } .BillPaymentModule .cPaymentMethod {min-width:0;} .BillPaymentModule .nsCard { border-radius:10px; padding:16px; } .BillPaymentModule .devider {margin:0 0 14px; padding-bottom:10px;} .BillPaymentModule table.cardInfo { border-collapse:separate; border-spacing:0 8px; width:100%; } .BillPaymentModule table.cardInfo th, .BillPaymentModule table.cardInfo td { padding:4px 0; vertical-align:top; } .BillPaymentModule table.cardInfo .col1 { width:170px; padding-inline-end:12px; text-align:end; } .BillPaymentModule table.cardInfo label {font-weight:bold; line-height:1.35;} .BillPaymentModule table.cardInfo input, .BillPaymentModule table.cardInfo select {max-width:100%;} .BillPaymentModule .cCardHolderName, .BillPaymentModule .cCCNo, .BillPaymentModule .cZip {width:min(320px, 100%);} .BillPaymentModule .cSecurityCode {width:90px;} .BillPaymentModule .cExpMonth {width:135px;} .BillPaymentModule .cExpYear {width:115px;} .BillPaymentModule .creditCardImg {margin-inline-start:8px;} .BillPaymentModule .cPayByPayPal { display:flex; flex-direction:column; gap:12px; max-width:520px; min-height:0; } .BillPaymentModule .cPayByPayPal .devider {margin-bottom:0;} .BillPaymentModule .cPayByPayPalCopy { border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:10px; background:color-mix(in srgb, currentColor 4%, transparent); padding:12px; } .BillPaymentModule .cPayByPayPalCopy p {line-height:1.45; margin:0; opacity:.86;} .BillPaymentModule .cPayByPayPal .nsBtn { align-self:stretch; max-width:none !important; width:100%; } .BillPaymentModule .nsBtn, .BillPaymentModule button, .BillPaymentModule input[type="button"], .BillPaymentModule input[type="submit"] { max-width:100% !important; overflow:visible; text-overflow:clip; white-space:normal; } .BillPaymentModule .nsBtn { align-items:center; display:inline-flex; justify-content:center; line-height:1.2 !important; min-height:44px; height:auto !important; } .BillPaymentModule .cPayCredit {width:100%;} .BillPaymentModule .cBillPaymentReturnAction { display:flex; justify-content:flex-end; padding:24px 0 0; } .rtl .BillPaymentModule .cBillPaymentReturnAction {justify-content:flex-start;} @media(max-width:760px) { .BillPaymentModule .cBillPaymentTopBar {display:grid; padding:12px;} .BillPaymentModule .cBillPaymentActions, .BillPaymentModule .cBillPaymentActions > div, .BillPaymentModule .cBillPaymentActions > ul {width:100%;} .BillPaymentModule .cBillPaymentActions > div {justify-content:center;} .BillPaymentModule .cBillPaymentMethods {grid-template-columns:1fr;} .BillPaymentModule .two-panel-divider {width:auto;} .BillPaymentModule table.cardInfo, .BillPaymentModule table.cardInfo tbody, .BillPaymentModule table.cardInfo tr, .BillPaymentModule table.cardInfo th, .BillPaymentModule table.cardInfo td {display:block; width:100%;} .BillPaymentModule table.cardInfo .col1 { padding:0; text-align:start; width:100%; } .BillPaymentModule table.cardInfo .col2 {padding-bottom:8px;} .BillPaymentModule table.cardInfo input, .BillPaymentModule table.cardInfo select {width:100%;} .BillPaymentModule .cSecurityCode, .BillPaymentModule .cExpMonth, .BillPaymentModule .cExpYear {width:100%;} .BillPaymentModule .creditCardImg {display:block; margin:8px 0 0;} .BillPaymentModule table.statement th:last-child, .BillPaymentModule table.statement td:last-child {width:92px; white-space:normal; word-break:break-word;} .BillPaymentModule .cSavedPaymentAction, .BillPaymentModule .cBillPaymentReturnAction {display:grid; justify-content:stretch;} .BillPaymentModule .cSavedPaymentAction .nsBtn, .BillPaymentModule .cBillPaymentReturnAction .nsBtn, .BillPaymentModule .cPayByPayPal .nsBtn {max-width:none !important; width:100%;} } @media print { .BillPaymentModule .cBillPaymentTopBar, .BillPaymentModule .cBillPaymentReturnAction {display:none !important;} .BillPaymentModule table.statement {box-shadow:none;} } .myReviewsModule h3 { margin: 15px 0 5px; } .myReviewsModule .cReviews { margin-top:25px;} .myReviewsModule .cEventReview .cReviews{ margin-left:30px;} .myReviewsModule .cEventReview .hint { margin-left:40px;margin-bottom:20px;} .Module.Reviews h3 { margin-bottom:15px;} .Module.Reviews .cReviews { padding-bottom:10px; border-bottom:1px solid; margin-bottom:20px;} .Module.Reviews .cAggregate .cAnswer { margin-bottom:10px;} .Module.Reviews .ReviewAnswerGroup .cAnswer{ padding-bottom:15px;margin-bottom:5px;border-bottom:1px solid;} .Module.Reviews .cQuestion .cReviewQuestion { display: none; } .Module.Reviews .cQuestion .cReviewAnswer { height: auto; margin-bottom:10px;} .Module.Reviews .cQuestion .reviewDate { padding-bottom:5px;} .Module.Reviews .cQuestion .reviewDateContainer, .Module.Reviews .cQuestion .cCunsumerName { text-align:right; font-size:80%;line-height:150%;} .Module.Reviews .cQuestion .cAnswer { width:auto;} .Module.Reviews .cQuestion .reviewDateContainer { padding-bottom:5px;} .Module.Reviews .cReviewActions { border:1px solid; border-radius:5px; text-align:center;margin-bottom:10px; opacity:.5;} .Module.Reviews .cReviewActions .fa ,.Module.Reviews .cReviewActions .far,.Module.Reviews .cReviewActions .fab,.Module.Reviews .cReviewActions .fas { font-size:200%;padding-right:4px;} .Module.Reviews .cReviewActions > *{ margin:15px;} .Module.Reviews .ReviewRow:hover .cReviewActions { opacity:1;} .Module.Reviews .ReviewRow { padding:10px; margin-bottom:20px;} .Module.Reviews .ReviewRow .cReviewActions .approved { color:#0dcd0d;} .Module.Reviews .ReviewRow .cReviewActions .deletedMessage { color:#ae1515;} body .Module.Reviews .ReviewRow.deleted { background-color:#e8b0b06e;} .Module.Reviews .ReviewRow.Alt { background-color:#9291911f;} .Module.myReviewsModule .cPrivacy ol li:first-child , .Module.myReviewsModule .cPrivacy ol li:nth-child(3) { display:none;} .ReviewAnswerGroup .cReviewAnswer:before { content: "\201C"; display: block; font-size: 350%; height: 1px; margin-left: -0.55em; position: relative; top: 0px; } /*reviewit.css*/ body label.star { padding:5px;} body label.star:before { content: '\f005'; } input.star:checked ~ label.star:before { font-weight:900;} div.stars { width: 270px; display: inline-block; } input.star { display: none !important; } label.star { float: right; padding: 10px; font-size: 36px; color: #444; transition: all .2s; } label.star span { display:none;} input.star:checked ~ label.star:before { content: '\f005'; color: #FD4; transition: all .25s; } input.star-5:checked ~ label.star:before { color: #FE7; text-shadow: 0 0 20px #952; } input.star-1:checked ~ label.star:before { color: #F62; } label.star:hover { transform: rotate(-15deg) scale(1.3); } label.star:before { content: '\f006'; font-family: "Font Awesome 5 Free",FontAwesome; } .cPrivacy ol { background-color: #fff; border: 1px solid #333; border-radius: 5px; display: none; padding: 10px; position: absolute; right: 0; top: 0; width: 262px; color:#222; } .cPrivacy:hover ol{display:block;} .cPrivacy ol, .cPrivacy li {list-style:none;} .cPrivacy li.selected {font-weight:bold;} .cPrivacy li {cursor:pointer; font-size:80%; margin:6px 0;} .cPrivacy i {font-size:120%;} body { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} .cAnswer {width:500px;max-width:100%;} .cPrivacy {float:right; margin-top:20px; position: relative; width: 100px; text-align:right;} .cReviewAnswer {width:484px;height:100px; margin:10px 0 10px 10px;max-width:100%;} .saveStatus { color: #999;margin: 0;text-align:end;} .media-boxes-drop-down-menu > li > a.cSortByDistance { display:none;} .cSortByDistance.selected { display:block;} /*Ads*/ .cTAd { overflow: hidden;margin: 10px; padding: 10px; border: 1px solid #666; max-width: 100%; border-radius: 5px; text-align:start;background-color:#fff; position:relative;} .cTAdInner { height: 200px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; max-width: 100%; text-align:center;} .cAdAd { position:absolute; top:0; right:10px; font-size:80%; color:#222;background-color:#aaa;padding:2px 8px;} .cTAd .cAdEvent {max-width:300px;max-height:180px;overflow:hidden; display :inline-block; margin:10px; white-space:normal; cursor:pointer; position:relative;} .cTAd .cAdEvent img {max-width:280px; max-height:180px; } .cTAd .cAdEvent .cEventInfo {display:none; position:absolute; top:0; left:0;right:0;bottom:0;background-color:rgba(200,200,200,.8); padding:5px; overflow-x:hidden;overflow-y:auto; color:#333;} /*.cTAd .cAdEvent > div a, .cTAd .cAdEvent > div a:hover, .cTAd .cAdEvent > div a:active { color:#}*/ .cTAd .cAdEvent:hover .cEventInfo { display:block;} .cTAdInner::-webkit-scrollbar { height: 6px; } .cTAd .cEventInfo::-webkit-scrollbar { width:6px;} /* Track */ .cTAd .cEventInfo::-webkit-scrollbar-track, .cTAdInner::-webkit-scrollbar-track {background: #f1f1f1; } /* Handle */ .cTAd .cEventInfo::-webkit-scrollbar-thumb, .cTAdInner::-webkit-scrollbar-thumb {background: #999; border-radius:10px;} /* Handle on hover */ .cTAd .cEventInfo::-webkit-scrollbar-thumb:hover, .cTAdInner::-webkit-scrollbar-thumb:hover {background: #555; } .cExchangeModule .cAdminNote { margin:30px 10px; } .cExchangeModule .cInvoiceTickets h3{margin:20px 0 10px; } .cExchangeModule .cInvoiceTickets .cExchangePolicy { font-size:80%; padding: 5px 0 15px 30px; } .cExchangeModule .cInvoiceTickets .cTicket { padding: 5px 0 5px 20px; } .cExchangeModule .cInvoiceTickets .cTicket a, .cExchangeModule .cInvoiceTickets .cTicket span { padding-left:40px; } .fullscreenDialog { position:fixed !important; } .cExpandable { overflow:hidden;} .cExpandableExpand {display:block;text-align:center;padding:10px 20px;} .cExpandableExpand a, .cExpandableExpand a:hover{text-decoration:none;} .cDonation .cExpandable {max-height:100px; } .cDonationItem .cDonationDescription .cExpandableCollapsed { -webkit-mask-image: linear-gradient(to bottom, #000 58%, rgba(0,0,0,.58) 80%, rgba(0,0,0,.08) 100%); mask-image: linear-gradient(to bottom, #000 58%, rgba(0,0,0,.58) 80%, rgba(0,0,0,.08) 100%); } .cDonationItem .cDonationDescription .cExpandableActions { margin-top: -28px; position: relative; text-align: center; z-index: 1; } .cDonationItem .cDonationDescription .cExpandableExpand { background: transparent; border: 0; display: inline-flex; justify-content: center; line-height: 1.2; min-height: 36px; min-width: 0; padding: 8px 12px; text-decoration: none; } .cDonationItem .cDonationDescription .cExpandableExpand:focus-visible { outline: 2px solid var(--ColTextHighlight, currentColor); outline-offset: 2px; } .cDonationItem .cDonationShareRow { align-items: center; display: flex; justify-content: flex-end; margin: 0; } .cDonationItem .productInfo.cDonation { box-sizing: border-box; display: grid; gap: 24px; margin: 0 auto; max-width: 1120px; width: 100%; } .cDonationItem .cDonationHero { align-items: start; border-inline-start: 4px solid var(--ColTextHighlight, currentColor); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; margin-bottom: 4px; padding: 4px 0 6px 12px; } .cDonationItem .cDonationEyebrow { color: var(--ColTextHighlight, currentColor); font-weight: bold; grid-column: 1; letter-spacing: 0; margin: 0; text-transform: uppercase; font-size: .82em; line-height: 1.25; } .cDonationItem .cDonationHero .productName { grid-column: 1; line-height: 1.15; margin: 0; max-width: 18em; } .cDonationItem .cDonationHero .cDonationShareRow { grid-column: 2; grid-row: 1 / span 2; justify-self: end; } .cDonationItem .cDonationLayout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); } .cDonationItem .cDonationStory, .cDonationItem .cDonationFormPanel, .cDonationItem .cDonationCommunity { box-sizing: border-box; min-width: 0; } .cDonationItem .cDonationStory { display: grid; gap: 14px; } .cDonationItem .cDonationGaugeRow { margin: 0; text-align: center; } .cDonationItem .cDonationGaugeRow .cGauge { background: color-mix(in srgb, currentColor 8%, transparent); max-width: min(180px, 100%); } .cDonationItem .cDonationGaugeRow .cGauge .percentage { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 8%, transparent) inset; background:unset; } .cDonationItem .cDonationGaugeRow .cGauge .mask { background: var(--DonationSurface, Canvas); display: block; left: 28%; right: 28%; top: 56%; } .cDonationItem .cDonationGaugeRow .cGauge .value { color: inherit; font-weight: bold; padding-bottom: 7px; text-shadow: none; } .cDonationItem .cDonationDescription { margin: 0; } .cDonationItem .cDonationFormPanel { background: color-mix(in srgb, currentColor 4%, transparent); border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-inline-start: 4px solid var(--ColTextHighlight, currentColor); display: grid; gap: 14px; padding: 18px; } .cDonationItem .cDonationFormPanel h2 { line-height: 1.2; margin: 0; } .cDonationItem .cDonationField { margin: 0; } .cDonationItem .cDonationFieldLabel { display: block; font-weight: bold; line-height: 1.35; margin: 0; } .cDonationItem .cfreqList, .cDonationItem .cAmountList { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; } .cDonationItem .productInfo.cDonation .cfreqList button, .cDonationItem .productInfo.cDonation .cAmountList button { margin: 0; min-width: 88px; } .cDonationItem .productInfo.cDonation .cfreqList button[aria-checked="true"], .cDonationItem .productInfo.cDonation .cAmountList button[aria-checked="true"] { outline: 2px solid color-mix(in srgb, var(--ColTextHighlight, currentColor) 75%, transparent); outline-offset: 2px; } .cDonationItem .cDonationHint { line-height: 1.45; margin: 0; } .cDonationItem .productInfo.cDonation .cAmountList .cOtherAmountContainer { align-items: center; display: inline-flex; gap: 6px; margin: 0; } .cDonationItem .productInfo.cDonation .cOtherAmount { box-sizing: border-box; max-width: 150px; } .cDonationItem .cDonationCoverCost { line-height: 1.45; margin: 0; } .cDonationItem .cDonationFormPanel .cButton { margin: 2px 0 0; } .cDonationItem .cDonationFormPanel .cAddDonationToCart { box-sizing: border-box; justify-content: center; min-height: 44px; width: 100%; } .cDonationItem .cDonationCommunity { background: color-mix(in srgb, currentColor 3%, transparent); border: 1px solid color-mix(in srgb, currentColor 14%, transparent); padding: 16px; } .cDonationItem .cDonationCommunity .cRecentDonorsTitle { margin-top: 0; } .productInfo.cDonation .cAmountList button { margin:10px; } .productInfo.cDonation .cAmountList .cOtherAmountContainer { margin:10px; display:inline-block; } .cPreCheckoutContainer .cDonationItem { margin:10px 0 30px; padding-bottom:30px; border-bottom:1px solid; } .cDonationItem .cCollectePercentageRow, .cDonationItem .cCollectedDonationRow{ text-align:center; } .cDonationItem .cCollectePercentageRow span, .cDonationItem .cCollectedDonationRow span { display:inline-block; font: 800 40px monospace; } .cDonationItem .cRecentDonorsTitle { margin-top:40px;border-bottom:1px solid; padding-bottom:15px;margin-bottom:20px;} .cDonorsList { column-width: 300px; opacity:0.9;} .cDonationItem .cDonorsList { column-width: 280px; margin: 0; } .cDonorsList ul, .cDonorsList li{ margin: 0; padding: 0; list-style-type: none; } .cDonorsList li { display: flex; } .cDonorsList li div:first-child{ flex:0 1 auto; padding-left:5px; } .cDonorsList li div:nth-child(2){ border-bottom: dotted 2px; height: 12px; margin: 0 5px 5px 5px; flex: 1 1 auto; } .cDonorsList li div:last-child { display:flex; flex-direction:row; flex: 0 1 auto; padding-right:5px; } @media (max-width: 760px) { .cDonationItem .cDonationShareRow { justify-content: flex-end; } .cDonationItem .productInfo.cDonation { gap: 18px; } .cDonationItem .cDonationHero { grid-template-columns: minmax(0, 1fr) auto; } .cDonationItem .cDonationLayout { grid-template-columns: minmax(0, 1fr); } .cDonationItem .cDonationFormPanel, .cDonationItem .cDonationCommunity { padding: 14px; } .cDonationItem .cfreqList, .cDonationItem .cAmountList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .cDonationItem .productInfo.cDonation .cfreqList button, .cDonationItem .productInfo.cDonation .cAmountList button, .cDonationItem .productInfo.cDonation .cOtherAmountContainer, .cDonationItem .productInfo.cDonation .cOtherAmount { box-sizing: border-box; max-width: 100%; width: 100%; } .cDonationItem .productInfo.cDonation .cOtherAmountContainer { grid-column: 1 / -1; } .cDonationItem .cGauge { max-width: min(220px, 100%); } .cDonationItem .cDonorsList { column-width: auto; } .cDonationItem .cDonorsList li { font-size: .95em; } } .cDonorsList ul li { padding:5px;margin:0, 10px;} .cDonorsList ul li:first-child { margin-top:0px; } .cPreCheckoutContainer .media-boxes-filter, .cPreCheckoutContainer .media-boxes-search, .cPreCheckoutContainer .cSortBy {display:none !important;} .cReadOnly .cHideReadOnly, .cReadOnly+.ui-dialog-buttonpane .cHideReadOnly{ display:none;} /*modern forms*/ /*dialog*/ body .ui-dialog { border:1px solid color-mix(in srgb, currentColor 24%, transparent); border-radius:10px; box-shadow:0 18px 45px color-mix(in srgb, currentColor 22%, transparent); overflow:hidden; } body .ui-widget-overlay.ui-front { z-index:1500 !important; } body .ui-dialog.ui-front { z-index:1501 !important; } body .ui-dialog-titlebar { font-size:150%; text-align:center; border-radius:0px; border-width:0px 0px 1px; padding:.55em 2.6em .55em 1em; } body .ui-dialog .ui-dialog-content { background:inherit; color:inherit; } body .ui-dialog .ui-dialog-content.cShowDialog { box-sizing:border-box; line-height:1.45; padding:14px 16px; } body .ui-dialog .ui-dialog-content.cShowDialog + .ui-dialog-buttonpane { border-top:1px solid color-mix(in srgb, currentColor 16%, transparent); margin-top:0; } /*Forms*/ /*text box*/ .row.cTextV2 .hint {clear:both;} body form div.cTextV2 { position: relative; margin-top: 25px; } .cTextV2 .iti + label { top: -18px; } .row.cTextV2 {padding-top:0;} .cTextV2 label { position: absolute; top: -10px; left: 0px; font-size: 16px; font-weight: 500; transform-origin: 0 0; transition: all 0.2s ease; line-height:100%; } .cTextV2 .border { display:none; /*position: absolute; top: 50px; left: 0; height: 2px; width: 100%; background: var(--ColTextHighlight, currentColor); transform: scaleX(0); transform-origin: 0 0; transition: all 0.15s ease;*/ } .filtersV2 select, .filtersV2 input, .cTextV2 select, .cTextV2 input { /*box-sizing:border-box;*/ /*width: 100%;*/ /* border: 0; font-family: inherit; */ margin-top: 12px; margin-bottom: 5px; /*padding: 0 10px; height: 38px;*/ /*font-size: 16px;*/ /*font-weight: 500;*/ /*border-bottom: 2px solid #c8ccd4;*/ /*background: none; background-color:none;*/ /*border-radius: 0;*/ transition: all 0.15s ease; } .cTextV2 select:focus +span+ label , .cTextV2 select:focus + label, .cTextV2 input:focus +span+ label , .cTextV2 input:focus + label { color: var(--ColTextHighlight, currentColor); transform: translateY(3px) scale(0.75); } .cTextV2 .errorMsg {display:none;} .cTextV2 .error { -webkit-box-shadow: none; box-shadow: none; } /*.cTextV2 select.valid + label + .border, .cTextV2 select.valid + span + label + .border, .cTextV2 input.valid + label + .border, .cTextV2 input.valid + span + label + .border{ transform: scaleX(1); background: #058420; } .cTextV2 select.error + span + label + .border, .cTextV2 select.error + label + .border, .cTextV2 input.error + span + label + .border, .cTextV2 input.error + label + .border { transform: scaleX(1); background: #f00; } */ body .row.cTextV2 label { white-space:nowrap; } /*body .row.cTextV2 .border,*/ body .row.cTextV2 label { margin-top:0; } body .row.cTextV2 input, body .row.cTextV2 select, body .row.cTextV2 * {max-width:95%;} body .row.cTextV2 .iti, body .row.cTextV2 .iti *{max-width:unset;} /* select::-webkit-scrollbar {width: 6px;height:8px;} select::-webkit-scrollbar-track { background: #F1F1F1; } select::-webkit-scrollbar-thumb { background: #A8A8A8; border-radius:3px;} select::-webkit-scrollbar-thumb:hover { background: #888; } */ /*Checkbox v2*/ /*.cCheckboxV2 {*/ /*display: block;*/ /*position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display:inline-block; min-height:21px; }*/ /* Hide the browser's default checkbox */ /*.cCheckboxV2 input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }*/ /* Create a custom checkbox */ /*.cCheckboxV2 .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #ccc; }*/ /* On mouse-over, add a grey background color */ /*.cCheckboxV2:hover .checkmark, .cCheckboxV2:hover input ~ .checkmark { background-color: #ccc; }*/ /* Create the checkmark/indicator (hidden when not checked) */ /*.cCheckboxV2 .checkmark:after { content: ""; position: absolute; display: none; }*/ /* Show the checkmark when checked */ /*.cCheckboxV2 input:checked ~ label .checkmark:after , .cCheckboxV2 input:checked ~ .checkmark:after {*/ /*.cCheckboxV2 input ~ label .checkmark:after , .cCheckboxV2 input ~ .checkmark:after { display: block; }*/ /* Style the checkmark/indicator */ /*.cCheckboxV2 .checkmark:after { left: 7px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .rtl .cCheckboxV2{ padding-left:0px; padding-right:35px; } .rtl .cCheckboxV2 .checkmark { left: initial; right:0; } .rtl .cCheckboxV2 .checkmark:after { right: 7px; left:initial; } .cCheckboxV2 input.error ~ label .checkmark, .cCheckboxV2 input.error ~ .checkmark { background-color:#f6dcdc; border: 1px solid red; } .cCheckboxV2 input:disabled ~ label .checkmark, .cCheckboxV2 input:disabled ~ .checkmark { opacity:0.6; } .cCheckboxV2.error{ background-color:transparent; box-shadow:none; -webkit-box-shadow:none }*/ /* radiobutton v2 */ /*.cRadioV2 { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display:inline-block; min-height:21px; } .rtl .cRadioV2{ padding-left: 0px; padding-right: 35px; }*/ /* Hide the browser's default radio button */ /*.cRadioV2 input { position: absolute; opacity: 0; cursor: pointer; }*/ /* Create a custom radio button */ /*.cRadioV2 .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #eee; border-radius: 50%; } .rtl .cRadioV2 .checkmark{ right:0; left:auto; }*/ /* On mouse-over, add a grey background color */ /*.cRadioV2:hover .checkmark, .cRadioV2:hover input ~ .checkmark { background-color: #ccc; }*/ /* Create the indicator (the dot/circle - hidden when not checked) */ /*.cRadioV2 .checkmark:after { content: ""; position: absolute; display: none; }*/ /* Show the indicator (dot/circle) when checked */ /*.cRadioV2 input:checked ~ .checkmark:after, .cRadioV2 input:checked ~ label .checkmark:after {*/ /*.cRadioV2 input ~ .checkmark:after, .cRadioV2 input ~ label .checkmark:after { display: block; }*/ /* Style the indicator (dot/circle) */ /*.cRadioV2 .checkmark:after { top: 7px; left: 7px; width: 7px; height: 7px; border-radius: 50%; background: white; } .cRadioV2 input.error ~ label .checkmark, .error .cRadioV2 .checkmark{background-color:#f6dcdc; border: 1px solid red;} .cRadioButtonList label {padding:3px 10px; }*/ /*v2 updated */ /* Normalize fonts & color on forms */ input, select, textarea, button { box-sizing: border-box; font: inherit; color: inherit; } /* Inputs, selects, textareas */ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], textarea { /*width: 100%;*/ max-width: 100%; background: Field; color: FieldText; border: 1px solid ButtonBorder; border-radius: 8px; padding: .65rem .8rem; line-height: 1.25; box-shadow: 0 1px 2px color-mix(in srgb, FieldText 10%, transparent); transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-dropdown { background-color: Field; border-color: ButtonBorder; color: FieldText; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-results__option { color: FieldText; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--ColBgClickableActive, Highlight); color: var(--ColTextClickableActive, HighlightText); } .select2-container--open { z-index: 100006; } .iti { color: FieldText; } input:hover, textarea:hover { border-color: GrayText; } input:focus-visible, textarea:focus-visible { outline: none; border-color: var(--ColTextHighlight, currentColor); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent); } input::placeholder, textarea::placeholder { color: color-mix(in srgb, FieldText 58%, transparent); } input[type="number"] { padding-inline:.45rem; } input.cTimePicker[type="text"], input.cTimeView[type="text"] { min-width:120px; direction:ltr; } input.cDurationDays[type="number"], input.cDurationHours[type="number"], input.cDurationMins[type="number"], .cDurationDays input[type="number"], .cDurationHours input[type="number"], .cDurationMins input[type="number"] { width:60px; min-width:60px; padding:.28rem .25rem; text-align:center; } input + input, select + select {margin-left:8px; } select { max-width: 100%; background: Field; color: FieldText; border: 1px solid ButtonBorder; border-radius: 8px; padding: .6rem .8rem .6rem .8rem; box-shadow: 0 1px 2px color-mix(in srgb, FieldText 10%, transparent); } select:not([multiple]) { padding: .6rem 2.8em .6rem .8rem; line-height: 1.25; appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-origin: content-box; background-position: right -1.55em center; background-size: 0.75em auto; } select:hover { border-color: GrayText; } select:focus-visible { outline: none; border-color: var(--ColTextHighlight, currentColor); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent); } select option { background: Field; color: FieldText; } /* Checkboxes, radios */ input[type="checkbox"], input[type="radio"] { accent-color: var(--ColBgClickableDefault, var(--ColBgPrimaryBtn)); width: 1.05rem; height: 1.05rem; } input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline: 2px solid color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent); outline-offset: 2px; } input[type="checkbox"] + label, input[type="radio"] + label { padding-left: 8px; } .cRadioV2, .cCheckboxV2 { padding-top: 10px; padding-bottom: 10px; line-height:1.25; } /* Range */ input[type="range"] { width: 100%; accent-color: var(--ColBgClickableDefault, var(--ColBgPrimaryBtn)); } /* Buttons */ button, .btn, input[type="button"], input[type="submit"] { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; border-radius: 10px; padding: .6rem 1rem; border: 1px solid transparent; line-height: 1; cursor: pointer; transition: transform .02s ease, box-shadow .2s ease, background-color .15s ease, color .15s ease, border-color .15s ease; text-decoration: none; } .btn--primary, input[type="submit"].primary, button.primary { background: var(--ColBgPrimaryBtn, transparent); color: var(--ColTextPrimaryBtn, inherit); border-color: var(--ColBorderPrimaryBtn, currentColor); box-shadow: 0 1px 2px color-mix(in srgb, currentColor 10%, transparent); } .btn--primary:hover { filter: brightness(1.05); } .btn--primary:active { transform: translateY(1px); } .btn--utility, button.utility { background: var(--ColBgUtilityBtn, transparent); color: var(--ColTextUtilityBtn, inherit); border-color: var(--ColBorderUtilityBtn, currentColor); } .btn--clickable, a.button, .button { background: var(--ColBgClickableDefault, var(--ColBgPrimaryBtn)); color: var(--ColTextClickableDefault, var(--ColTextPrimaryBtn)); border-color: var(--ColBorderClickableDefault, var(--ColBorderPrimaryBtn)); box-shadow: 0 1px 2px color-mix(in srgb, currentColor 10%, transparent); } .btn--clickable:hover { background: var(--ColBgClickableHover, var(--ColBgClickableDefault, var(--ColBgPrimaryBtn))); color: var(--ColTextClickableHover, var(--ColTextClickableDefault, var(--ColTextPrimaryBtn))); border-color: var(--ColBorderClickableHover, var(--ColBorderClickableDefault, var(--ColBorderPrimaryBtn))); } .btn--clickable:active { background: var(--ColBgClickableActive, var(--ColBgPrimaryBtn)); color: var(--ColTextClickableActive, var(--ColTextPrimaryBtn)); border-color: var(--ColBorderClickableActive, var(--ColBorderPrimaryBtn)); } /* Validation */ input.valid, textarea.valid, select.valid { border-color: var(--ColTextHighlight, currentColor) !important; box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 26%, transparent); } input.error, input.invalid, textarea.error, select.error, .htmlEditor + .error { background-color: color-mix(in srgb, #d93025 8%, var(--input-bg, Canvas)) !important; border-color: #d93025 !important; box-shadow: 0 0 0 .18rem rgba(217, 48, 37, .24), 0 1px 2px rgba(0,0,0,.08) !important; } .cRichTextCharCount.error { color: #d93025 !important; text-shadow: 0 0 0 .15rem rgba(217, 48, 37, .18); } .form-help { color: color-mix(in srgb, currentColor 70%, transparent); font-size: .9rem; } /*End form 2.0*/ .mce-floatpanel { z-index:10000001 !important; } /*Gauge*/ .cGauge { position: relative; border-radius: 50%/100% 100% 0 0; overflow: hidden; } .cGauge:before{ content: ""; display: block; padding-top: 50%; /* ratio of 2:1*/ } .cGauge .chart { overflow: hidden; } .cGauge .mask { position: absolute; left: 20%; right: 20%; bottom: 0; top: 40%; background-color: #fff; border-radius: 50%/100% 100% 0 0; } .cGauge .percentage { position: absolute; top: -1px; left: -1px; bottom: 0; right: -1px; background-color: var(--background, #aaa); transform:rotate(var(--rotation)); transform-origin: bottom center; transition-duration: 1s; } /*.cGauge:hover { --rotation: 120deg !important; }*/ .cGauge .value { position:absolute; bottom:0%; left:0; width:100%; text-align: center; color:#000; padding-bottom:8px; } .cGauge .min { position:absolute; bottom:0; left:5%; } .cGauge .max { position:absolute; bottom:0; right:5%; } /*Toggle switch*/ .cToggleSwitch .cSwitch { position: relative; display: inline-block; width: 52px; height: 26px; overflow:visible; margin-bottom:5px; } .cToggleSwitch, .cToggleSwitch > span {line-height:26px; display:inline-block;min-height:26px; vertical-align:middle;} .cToggleSwitch input { opacity: 0; width: 0; height: 0; position:absolute; } .cToggleSwitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s; } .cToggleSwitch .slider:before { position: absolute; content: ""; height: 20px; width: 22px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } .cToggleSwitch [disabled] + .slider{ background-color: #999; } .cToggleSwitch input:not(:checked) + .slider { /*background-color: #2196F3;*/ background-color: #ccc; } .cToggleSwitch input:focus + .slider { /*box-shadow: 0 0 1px #2196F3;*/ } .cToggleSwitch .checkedDisabled + .slider:before , .cToggleSwitch input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); } /* Rounded sliders */ .cToggleSwitch .slider.round { border-radius: 34px; } .cToggleSwitch .slider.round:before { border-radius: 50%; } /*end toggle switch*/ ul[role="menubar"] { margin: 10px; padding: 10px; /*font-size: 110%;*/ list-style: none; /*background-color: #eee;*/ } ul[role="menubar"] [role="menuitem"], ul[role="menubar"] [role="separator"] { padding: 0.25em; /*background-color: #eee; border: 2px solid #eee;*/ } /*ul[role="menubar"] [role="separator"] { padding-top: 0.15em; background-image: url('../images/separator.png'); background-position: center; background-repeat: repeat-x; }*/ ul[role="menubar"] [role="menuitem"]:focus, ul[role="menubar"] [role="menuitem"]:hover, ul[role="menubar"] [role="separator"]:focus, ul[role="menubar"] [role="separator"]:hover { /*background-color: black; color: white;*/ } ul[role="menubar"] a[role="menuitem"] { text-decoration: none; /*color: black;*/ } ul[role="menubar"] li { list-style: none; margin: 0; padding: 0; } ul[role="menubar"] > li { display: inline; position: relative; } ul[role="menubar"] ul[role="menu"] { display: none; position: absolute; top: 0px; left: 0; margin: 0; padding: 0; } ul[role="menubar"] ul[role="menu"] li a { display: block; white-space:nowrap; padding-left:10px; padding-right:10px; } sup>.fa,sup>.fas,sup>.far,sup>.fab{padding-left:5px; font-size:85%;} /*ul[role="menubar"] ul[role="menu"] a[aria-haspopup="true"]::after { content: url('../images/right-arrow-brown.png'); padding-right: 2em; }*/ .cWatchModule h2, .cWatchModule p{padding:10px;line-height:200%;} .cWatchModule .cBarCode { font-size:18px; padding:15px; max-width:90%; box-sizing:border-box; width:370px; } .cWatchModule .cCountDown{ text-align:center; padding:30px 0; font-size:400%; font-weight:bold; } .cPlatformClient .cHelp .cVideoHelp { display:none; } .TCSection::-webkit-scrollbar { height: 6px; } .TCSection::-webkit-scrollbar-thumb { background: #9e9999; border-radius: 10px; } .TCSection::-webkit-scrollbar-track { background: #f1f1f1; } /*Html Editor*/ .TCFooter .TCSocial a{color:inherit;} /*.cTipSelector {text-align:center;} .cTipSelector a.nsBtn.medium {height:60px;width:80px;line-height:10px;margin:10px;} .cTipSelector a p {line-height:30px;} .cTipSelector a.singleLine.nsBtn.medium p {line-height:60px;} .cTipSelector .cCustomAmount.utility .cCustomAmountInput{display:none;} .cTipSelector .cCustomAmount.primary > p {display:none;} .cTipSelector .cCustomAmount.primary .cCustomAmountInput{display:block;} .cTipSelector .cCustomAmount input {width:70px;text-align:center;} */ /* ===== Tip Selector (selected item has .primary) ===== */ /* Grid of tip options */ .cTipSelector { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: .75rem; } /* Base “card button” for each anchor (works with existing nsBtn classes) */ html body .cTipSelector .nsBtn.medium:hover, html body .cTipSelector .nsBtn.medium { text-decoration: none; display: grid; place-items: center; text-align: center; padding: .9rem .75rem; /* logical padding by default */ border-radius: 12px; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent) inset; background: color-mix(in srgb, currentColor 3%, transparent); color: inherit; cursor: pointer; user-select: none; min-block-size: 74px; transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .02s ease; } .cTipSelector .nsBtn > p { margin: 0; line-height: 1.15; font-weight: 700; } .cTipSelector .nsBtn.singleLine > p { line-height: 1.35; } /* Hover / focus / active */ html body .cTipSelector .nsBtn.medium:hover { border-color: color-mix(in srgb, var(--ColTextHighlight, currentColor) 45%, transparent); } html body .cTipSelector .nsBtn.medium:focus-visible { outline: none; border-color: var(--ColTextHighlight, currentColor); box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent), 0 0 0 1px var(--ColTextHighlight, currentColor) inset; } html body .cTipSelector .nsBtn.medium:active { transform: translateY(1px); } /* SELECTED state (your code adds .primary) */ html body .cTipSelector .nsBtn.medium.primary { border-color: var(--ColTextHighlight, currentColor); background: color-mix(in srgb, var(--ColTextHighlight, currentColor) 8%, transparent); box-shadow: 0 0 0 1px var(--ColTextHighlight, currentColor) inset, 0 0 0 .18rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 30%, transparent); } /* Custom amount: reveal its input when selected (.primary) or when focused */ .cTipSelector .cCustomAmountInput { display: none; margin-block-start: .6rem; inline-size: 100%; } .cTipSelector .nsBtn.cCustomAmount.primary .cCustomAmountInput { display: block; } .cTipSelector .nsBtn.cCustomAmount.primary > p {display:none;} /* Custom amount input styling */ .cTipSelector .cCustomAmountInput input[type="number"] { inline-size: 100%; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent) inset; border-radius: 10px; padding: .5rem .6rem; /*background: color-mix(in srgb, currentColor 3%, transparent); */ text-align: end; /* logical: right in LTR, left in RTL */ } .cTipSelector .cCustomAmountInput input[type="number"]:focus-visible { outline: none; border-color: var(--ColTextHighlight, currentColor); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ColTextHighlight, currentColor) 35%, transparent), 0 0 0 1px var(--ColTextHighlight, currentColor) inset; } /* Small screens */ @media (max-width: 520px) { .cTipSelector { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } } #cBody .ui-icon.ui-icon-triangle-1-e, #cBody .ui-icon.ui-icon-triangle-1-w, #cBody .ui-icon.ui-icon-triangle-1-n, #cBody .ui-icon.ui-icon-triangle-1-s, #cBody .ui-icon.ui-icon-closethick, #cBody .ui-icon.ui-icon-closethick:hover, #cBody .ui-icon.ui-icon-help, #cBody .ui-icon.ui-icon-arrowreturnthick-1-w, #cBody .ui-icon.ui-icon-arrowreturnthick-1-e {background-image:none;text-indent:0; } body .ui-icon.ui-icon-triangle-1-e::before, body .ui-icon.ui-icon-triangle-1-w::before, body .ui-icon.ui-icon-triangle-1-n::before, body .ui-icon.ui-icon-triangle-1-s::before, body .ui-icon.ui-icon-closethick::before, body .ui-icon.ui-icon-help::before, body .ui-icon.ui-icon-arrowreturnthick-1-w::before, body .ui-icon.ui-icon-arrowreturnthick-1-e::before { font-family: "Font Awesome 5 Free"; font-weight: 900; text-indent:0; vertical-align:middle; margin-right:20px; } .ui-icon.ui-icon-triangle-1-e::before{content:'\f0da';} .ui-icon.ui-icon-triangle-1-s::before{content:'\f0d7';} .ui-icon.ui-icon-triangle-1-n::before{content:'\f0d8';} .ui-icon.ui-icon-triangle-1-w::before{content:'\f0d9';} .ui-icon.ui-icon-closethick::before {content: '\f00d'; margin-left:2px;} .ui-icon.ui-icon-help::before {content: '\f128'; margin-left:2px;} .ui-icon.ui-icon-arrowreturnthick-1-w::before {content: '\f2ea';} .ui-icon.ui-icon-arrowreturnthick-1-e::before {content: '\f2f9';} .rtl .fa-caret-right:before{ content: "?"; } .rtl .editText{float:right;} .rtl .cTextV2 .border,.rtl .cTextV2 label{ left:initial; right:0px; } .rtl .row .editLabel{ margin-right: 0px; margin-left:15px; text-align:start; } .cNSGridViewContainer{position:relative;} .cNSGridView {height:auto; overflow:auto;scrollbar-width: thin;margin-bottom:20px;} .cNSGridViewContainer.cMaximized {position:fixed; top:0;bottom:0;left:0;right:0;height:100vh;z-index:10000;overflow-y:auto; } .cNSGridViewContainer .cNSGridToolbar { text-align:right;} .cNSGridViewContainer .cNSGridToolbar a { border:1px solid; border-radius:3px; cursor:pointer; display:inline-block;padding:5px;margin:5px;} .cNSGridViewContainer.cMaximized .fa-expand-arrows-alt { display:none;} .cNSGridViewContainer:not(.cMaximized) .fa-compress {display:none; } .cNSGridViewContainer.cMaximized a, .cNSGridViewContainer.cMaximized a:hover, .cNSGridViewContainer.cMaximized a:visited, .cNSGridViewContainer.cMaximized {background-color:#fff !important;color:#000 !important; } .cNSGridViewContainer.cMaximized th a, .cNSGridViewContainer.cMaximized th a:hover, .cNSGridViewContainer.cMaximized th a:visited, .cNSGridViewContainer.cMaximized th {background-color:#000 !important;color:#fff !important; } .cNSGridViewContainer.cMaximized .cScrollRight, .cNSGridViewContainer.cMaximized .cScrollLeft { position:fixed;} .cNSGridView tr.ui-widget-header{position:sticky;top:0;z-index:1;} .cNSGridView tr.ui-widget-header a:hover {text-decoration:none; } .Module .cNSGridView .breakable {word-break:unset; } .cNSGridView tr.ui-widget-header a{ display: block; width: 100%; } .cNSGridView tr.ui-widget-header th, .cNSGridView tr.ui-widget-header td { padding: 12px 4px; overflow: hidden; text-align: left; vertical-align: middle; } .cNSGridView tr.ui-widget-header a{ padding: 5px 25px 5px 8px; position: relative; } .cNSGridViewContainer *{ box-sizing:border-box;} .cNSGridView tr.ui-widget-header :not(.desc) a:before, .cNSGridView tr.ui-widget-header :not(.asc) a:after { border: 4px solid; border-left-color: transparent; border-right-color: transparent; content: ""; display: block; height: 0; right: 5px; top: 50%; position: absolute; width: 0; } .cNSGridView tr.ui-widget-header :not(.desc) a:before { /*border-bottom-color: #666;*/ border-top-color: transparent; margin-top: -9px; } .cNSGridView tr.ui-widget-header :not(.asc) a:after { /*border-top-color: #666;*/ border-bottom-color: transparent; margin-top: 1px; } .cNSGridView .NSGridViewPager table{width:auto; display:inline-table; position:sticky;right:40px; inset-inline-end:40px;margin:12px 10px;border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;background:color-mix(in srgb, currentColor 3%, transparent);box-shadow:0 1px 2px color-mix(in srgb, CanvasText 10%, transparent);} .cNSGridView .NSGridViewPager table td{border:0 none;border-left:1px solid color-mix(in srgb, currentColor 14%, transparent); padding:0;} .cNSGridView .NSGridViewPager table td:first-child{border-left:0 none;} .rtl .cNSGridView .NSGridViewPager table td{border-left:0 none;border-right:1px solid color-mix(in srgb, currentColor 14%, transparent);} .rtl .cNSGridView .NSGridViewPager table td:first-child{border-right:0 none;} .cNSGridView .NSGridViewPager a, .cNSGridView .NSGridViewPager span{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;min-width:40px;min-height:40px;padding:0 12px;line-height:1.2;text-align:center;text-decoration:none;text-shadow:none;} .cNSGridView .NSGridViewPager a{background:Field;color:FieldText;} .cNSGridView .NSGridViewPager a:hover{background:var(--ColBgClickableHover, color-mix(in srgb, currentColor 8%, transparent));color:var(--ColTextClickableHover, inherit);text-decoration:none;} .cNSGridView .NSGridViewPager span{background:var(--ColBgClickableActive, color-mix(in srgb, currentColor 14%, transparent));color:var(--ColTextClickableActive, inherit);font-weight:bold;} .cNSGridView td a i {margin:5px;} .cNSGridView::-webkit-scrollbar { width: 8px; height: 8px; } .cNSGridView::-webkit-scrollbar-track { background: #f1f1f1; } .cNSGridView::-webkit-scrollbar-thumb { background: #555; border-radius:10px; } .cEditBannerContainer :not(.modulebody){ position:relative;overflow:visible;margin:0;} .cEditBannerContainer .cEditBanner{position:absolute; top:8px; right:62px; z-index:1100;} .cEditBannerContainer .cEditBanner:nth-child(2){top:50px;} #header .cHtmlEditorContent, footer .cHtmlEditorContent { text-align:start;} #header .cHtmlEditorContent { padding-top:30px;padding-left:20px; padding-right:20px;} /*.cEditBannerContainer + .bannerContent {min-height:65px; }*/ .cDesignBgVideoHost {isolation:isolate; position:relative;} .cDesignBgVideoHost:not(#cBody):not(body) {overflow:hidden;} .cDesignBgVideoHost > .cDesignBgVideo {display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none; z-index:-1;} .cDesignBgVideoHost > .cDesignBgVideo.cDesignBgVideoFixed {position:fixed;} @media (prefers-reduced-motion: reduce) { .cDesignBgVideo {display:none !important;} } .cScrollLeft, .cScrollRight {position:absolute; top:0; bottom:0; width:50px; background:#666 url('/Images/LeftArrow.png') ; opacity:.5; z-index:6; display:none; cursor:pointer;} .cScrollLeft {left:0;background:#666 url('/Images/LeftArrow.png') repeat-y center;} .cScrollRight {right:0;background:#666 url('/Images/RightArrow.png') repeat-y center;} .cNSGridViewContainer .cScrollLeft, .cNSGridViewContainer .cScrollRight {top:50px; } body .ui-dialog .ui-dialog-title { float:none; margin-left:auto;margin-right:auto;} .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover { background:none !important;background-color:transparent !important; border:0 none !important;color:inherit !important;font-size:inherit !important;} .ui-dialog .ui-dialog-titlebar-close * { display:none;} .ui-dialog .ui-dialog-titlebar-close:after{ content: "\f00d"; position: absolute; left: 4px; top: 0; text-indent: 0; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 150%; left:0;top:50%;transform:translate(-100%, -50%); } .ui-dialog .ui-dialog-titlebar-close:hover::after {transform:translate(-100%, -50%) scale(1.2); } body .ui-dialog .ui-dialog-titlebar-close { right:10px;top:0;bottom:0;width:auto; height:unset;margin:0;} .TwoColContainer{ display: flex; gap: 20px; flex-wrap: wrap; max-width: 800px; margin: auto; box-sizing:border-box; } .box { flex: 1 1 300px; /*min-height: 200px;*/ /*background: #88888838;*/ border: 1px solid; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 20px; } #cBody.mce-content-body .Module, #cBody.mce-content-body .modulebody { border-radius: 0; margin: 0; padding: 0; } .nsCard { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 14px; padding: 1rem; box-shadow: /* crisp inner ring so edges read on any bg */ 0 0 0 1px color-mix(in srgb, currentColor 5%, transparent) inset, /* micro drop */ 0 1px 1px color-mix(in srgb, black 5%, transparent); } /*Two pannels seperated by OR*/ .two-panel-split { display: grid; grid-template-columns: 1fr 56px 1fr; gap: 1.25rem; align-items: stretch; } .two-panel-divider { position: relative; width: 56px; display: flex; align-items: center; justify-content: center; } .two-panel-divider::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; transform: translateX(-50%); } .two-panel-divider span { position: relative; z-index: 1; font-weight: 700; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 999px; padding: .25rem .5rem; box-shadow: 0 1px 2px color-mix(in srgb, currentColor 10%, transparent); } @media (max-width: 720px) { .two-panel-split { grid-template-columns: 1fr; gap: .75rem; } .two-panel-divider { height: 40px; width: auto; } .two-panel-divider::before { top: 50%; left: 0; right: 0; height: 1px; width: auto; transform: none; } } .cWordOfMouthCommissionAmountContainer *{line-height:44px; padding:0 8px;} /*copiable*/ .cCopiable * { box-sizing: border-box; } .cCopiable { margin: 10px 0; } .cCopiable input { width: 100%; } .cCopiable button, .cCopiable a { float: right; padding: 5px; } .cUserCardModule { width:min(1040px, calc(100vw - 52px)); max-width:none; margin:0 auto 10px; } .cUserCardModule .moduleheader > div { display:flex; align-items:center; gap:10px; padding-inline-start:16px; } .cUserCardModule .modulebody { padding:14px; overflow:visible; } .cUserCardLayout { display:grid; grid-template-columns:minmax(300px, .9fr) minmax(360px, 1.1fr); gap:14px; align-items:start; } .cUserCardPrimary, .cUserCardSecondary { min-width:0; } .cUserCardHero { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:12px; align-items:center; margin-bottom:12px; padding:12px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .cUserCardAvatar { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; color:var(--ColTextHighlight); background:color-mix(in srgb, var(--ColTextHighlight) 12%, transparent); } .cUserCardAvatar .fa, .cUserCardAvatar .fas { font-size:30px; } .cUserCardIdentity h2 { margin:0 0 4px; line-height:1.15; font-size:150%; } .cUserCardIdentity p { margin:0; line-height:1.35; opacity:.82; } .cUserCardHeroActions { display:flex; justify-content:flex-end; } .cUserCardHeroActions .nsBtn { display:inline-flex; align-items:center; justify-content:center; gap:6px; float:none; white-space:normal; text-align:center; } .cUserCardPillSection { margin-bottom:12px; } .cUserCardMiniLabel { display:block; margin-bottom:6px; font-size:85%; font-weight:bold; opacity:.74; } .cUserCardPills { display:flex; flex-wrap:wrap; gap:8px; min-width:0; } .cUserCardPill, .cUserCardEmptyPill { display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:4px 9px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:999px; line-height:1.3; overflow-wrap:anywhere; background:color-mix(in srgb, var(--ColTextHighlight) 8%, transparent); } .cUserCardEmptyPill { background:color-mix(in srgb, currentColor 4%, transparent); opacity:.82; } .cUserCardContactList { display:grid; gap:8px; } .cUserCardContact { display:grid; grid-template-columns:38px minmax(0, 1fr) auto; gap:9px; align-items:center; margin:0; padding:10px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 3%, transparent); } .cUserCardIcon { display:grid; place-items:center; width:38px; height:38px; border-radius:8px; color:var(--ColTextHighlight); background:color-mix(in srgb, var(--ColTextHighlight) 10%, transparent); } .cUserCardContactBody { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; } .cUserCardLabel { flex:1 1 100%; font-size:85%; font-weight:bold; opacity:.74; } .cUserCardContactBody > a { float:none; padding:0; max-width:100%; overflow-wrap:anywhere; font-weight:bold; } .cUserCardStatus { display:inline-flex; align-items:center; gap:5px; padding:3px 8px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:999px; font-size:82%; line-height:1.35; background:color-mix(in srgb, currentColor 5%, transparent); } .cUserCardStatus.isOptedIn { color:var(--success); background:color-mix(in srgb, var(--success) 10%, transparent); } .cUserCardStatus.isOptedOut { color:var(--danger); background:color-mix(in srgb, var(--danger) 10%, transparent); } .cUserCardCopy, .cUserCardCopy:visited, .cUserCardCopy:hover { float:none !important; display:inline-grid; place-items:center; width:38px; height:36px; padding:0 !important; border:1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius:8px; text-decoration:none; } .cUserCardContact > input { display:none; } .cUserCardSectionHeader { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:12px; border-top:1px solid color-mix(in srgb, currentColor 16%, transparent); } .cUserCardSecondary > .cUserCardSectionHeader:first-child { margin-top:0; padding-top:0; border-top:0; } .cUserCardSectionHeader h3 { display:flex; align-items:center; gap:8px; margin:0; line-height:1.25; font-size:105%; color:var(--ColTextHighlight); } .cUserCardSectionHeader .nsBtn { display:inline-flex; align-items:center; gap:6px; float:none; } .cUserCardSummary { margin-top:10px; padding:10px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 3%, transparent); overflow:auto; } .cUserCardActionPanel, .cUserCardGroupPanel { margin-top:10px; padding:10px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 3%, transparent); } .cUserCardActionPanel { display:grid; grid-template-columns:minmax(130px, .8fr) minmax(0, 1.2fr); gap:12px; align-items:center; } .cUserCardBalance { min-width:0; } .cUserCardBalanceValue { display:inline-block; font-size:145%; font-weight:bold; line-height:1.15; text-decoration:none; } .cUserCardBalanceValue.isCredit { color:var(--success); } .cUserCardBalanceValue.isOutstanding { color:var(--danger); } .cUserCardBalanceValue.isSettled { color:var(--ColTextHighlight); } .cUserCardBalanceHint { display:block; margin-top:4px; opacity:.8; } .cUserCardActions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; } .cUserCardActions .nsBtn { display:inline-flex; align-items:center; justify-content:center; gap:6px; float:none; white-space:normal; text-align:center; } .cUserCardSummaryMetrics { display:grid; gap:10px; } .cUserCardSummaryGroupHeader { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 7px; } .cUserCardSummaryGroupHeader h4 { margin:0; font-size:95%; line-height:1.25; color:var(--ColTextHighlight); } .cUserCardSummaryLink { display:inline-flex; align-items:center; gap:5px; float:none; padding:0; color:var(--ColTextHighlight); font-size:84%; font-weight:bold; line-height:1.25; text-decoration:none; } .cUserCardSummaryLink:hover { text-decoration:underline; } .cUserCardSummaryTiles { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; } .cUserCardSummaryMetric { min-width:0; padding:9px; border:1px solid color-mix(in srgb, currentColor 12%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .cUserCardSummaryMetric span { display:block; margin-bottom:4px; font-size:80%; font-weight:bold; opacity:.72; } .cUserCardSummaryMetric strong { display:block; line-height:1.2; overflow-wrap:anywhere; } .cPersonGroupEdit { max-width:760px; margin:0 auto 10px; } .cPersonGroupEdit, .cPersonGroupEdit * { box-sizing:border-box; } .cPersonGroupEdit .moduleheader > div { display:flex; align-items:center; gap:10px; padding-inline-start:16px; } .cPersonGroupEdit .modulebody { padding:18px; overflow:visible; } .cPersonGroupNotice { margin:0 0 14px; padding:10px 12px; } .cPersonGroupNotice p { display:flex; align-items:center; gap:8px; margin:0; line-height:1.4; } .cPersonGroupIntro { display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:12px; padding:14px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 4%, transparent); } .cPersonGroupUserIcon { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; color:var(--ColTextHighlight); background:color-mix(in srgb, var(--ColTextHighlight) 12%, transparent); } .cPersonGroupUserIcon .fa, .cPersonGroupUserIcon .fas { font-size:30px; } .cPersonGroupIntro h2 { margin:0 0 4px; line-height:1.2; font-size:145%; } .cPersonGroupIntro p { margin:0; line-height:1.35; opacity:.82; overflow-wrap:anywhere; } .cPersonGroupHelp { margin:14px 0; padding:12px 14px; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-inline-start:4px solid var(--ColTextHighlight); border-radius:8px; background:color-mix(in srgb, var(--ColTextHighlight) 7%, transparent); line-height:1.5; } .cPersonGroupTableWrap { overflow:auto; border:1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius:8px; background:color-mix(in srgb, currentColor 3%, transparent); } .cPersonGroupTable { width:100%; min-width:560px; border:0 none; border-collapse:separate !important; border-spacing:0; } .cPersonGroupTable th, .cPersonGroupTable td { padding:10px 12px; vertical-align:middle; text-align:start; border-block-end:1px solid color-mix(in srgb, currentColor 12%, transparent); } .cPersonGroupTable th:first-child, .cPersonGroupTable td:first-child { width:110px; text-align:center; } .cPersonGroupTable tr:last-child td { border-block-end:0 none; } .cPersonGroupTable tr.rowalternate td { background:color-mix(in srgb, currentColor 4%, transparent); } .cPersonGroupTable input[type="checkbox"] { width:1.15rem; height:1.15rem; margin:0; } .cPersonGroupEdit .moduleButtons { display:flex; justify-content:flex-end; margin-top:14px; padding-top:14px; border-top:1px solid color-mix(in srgb, currentColor 14%, transparent); } .cPersonGroupEdit .moduleButtons .nsBtn { display:inline-flex; align-items:center; justify-content:center; gap:8px; } .ui-dialog .cPersonGroupEdit .moduleButtons { display:none; } .ui-dialog .cPersonGroupEdit > .moduleheader { display:none; } @media print { body.cPOSPrintPreviewOpen { overflow:visible !important; } #cPrintOverlay.cPOSPrintTicketsOverlay { display:none !important; } #cPrintTickets.cPOSPrintTicketsPanel { position:static !important; inset:auto !important; transform:none !important; width:auto !important; max-width:none !important; max-height:none !important; margin:0 !important; overflow:visible !important; border-radius:0 !important; box-shadow:none !important; } #cPrintTickets.cPOSPrintTicketsPanel .etickets { max-width:none; overflow:visible; padding:0; } } @media (max-width: 560px) { .cUserCardModule { width:calc(100vw - 28px); } .cUserCardModule .modulebody { padding:10px; } .cUserCardLayout { grid-template-columns:1fr; gap:12px; } .cUserCardHero, .cUserCardHero { grid-template-columns:1fr; justify-items:start; } .cUserCardHeroActions, .cUserCardHeroActions .nsBtn { width:100%; } .cUserCardSectionHeader { align-items:stretch; flex-direction:column; } .cUserCardSummaryGroupHeader { align-items:flex-start; flex-direction:column; } .cUserCardSectionHeader .nsBtn { justify-content:center; width:100%; } .cUserCardActionPanel { grid-template-columns:1fr; } .cUserCardActions { justify-content:stretch; } .cUserCardActions .nsBtn { flex:1 1 150px; } .cUserCardSummaryTiles { grid-template-columns:1fr; } .cPersonGroupEdit { width:calc(100vw - 28px); } .cPersonGroupEdit .modulebody { padding:10px; } .cPersonGroupIntro { grid-template-columns:1fr; justify-items:start; } .cPersonGroupTableWrap { overflow:visible; } .cPersonGroupTable { min-width:0; } .cPersonGroupTable tr.ui-widget-header { display:none; } .cPersonGroupTable tr { display:grid; gap:8px; padding:12px; border-block-end:1px solid color-mix(in srgb, currentColor 16%, transparent); } .cPersonGroupTable td { display:grid; grid-template-columns:minmax(94px, auto) minmax(0, 1fr); gap:8px; align-items:center; padding:0; border:0 none; text-align:start; } .cPersonGroupTable td::before { content:attr(data-label); font-size:85%; font-weight:bold; opacity:.72; } .cPersonGroupTable td:first-child { width:auto; text-align:start; } .cPersonGroupEdit .moduleButtons { justify-content:stretch; } .cPersonGroupEdit .moduleButtons .nsBtn { width:100%; } } .cColumnSelector ul { list-style: none; } .cColumnSelector li { list-style: none; padding: 4px 4px; } .cColumnSelector > div { border-top: 1px dotted; padding-top:15px;} .cShoppingCartAuctionMode .cQuantityUpdate { display: none; } /*fix unsupported cover bg image on iphone*/ @supports (-webkit-touch-callout: none) { html body#cBody { background-attachment: scroll; background-size: cover; background-position: center top; } } body#cBody.cDesktopMode, body#cBody.cDesktopMode #wrap, body#cBody.cDesktopMode #container { min-width:950px; } body#cBody.cDesktopMode #header .headAlign, body#cBody.cDesktopMode #header .headAlignNav { position:absolute !important; } body#cBody.cDesktopMode #headmenu { display:block; } body#cBody.cDesktopMode .headMenuIcon, body#cBody.cDesktopMode .cMobileNav { display:none !important; }