/*! jQuery UI - v1.12.1 - 2017-10-25 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgImgOpacityContent=75&bgImgOpacityHeader=75&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgTextureError=inset_soft&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=dadada&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=dadada&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=828282&borderColorContent=dadada&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=4c9b7f&fcHeader=484848&borderColorHeader=c5dcd3&bgTextureHeader=highlight_soft&bgColorHeader=c5dcd3&cornerRadius=4px&fwDefault=normal&fsDefault=12px&ffDefault=Verdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:12px}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #dadada}.ui-widget-content{border:1px solid #dadada;background:#fff;color:#828282}.ui-widget-content a{color:#828282}.ui-widget-header{border:1px solid #c5dcd3;background:#c5dcd3 url('../style/images/ui-bg_highlight-soft_75_c5dcd3_1x100.png') 50% 50% repeat-x;color:#484848;font-weight:bold}.ui-widget-header a{color:#484848}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #dadada;background:#e6e6e6 url('../style/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url('../style/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #dadada;background:#fff url('../style/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#dadada;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url('../style/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url('../style/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url('../style/images/ui-icons_222222_256x240.png')}.ui-widget-header .ui-icon{background-image:url('../style/images/ui-icons_4c9b7f_256x240.png')}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url('../style/images/ui-icons_454545_256x240.png')}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('../style/images/ui-icons_454545_256x240.png')}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('../style/images/ui-icons_2e83ff_256x240.png')}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../style/images/ui-icons_cd0a0a_256x240.png')}.ui-button .ui-icon{background-image:url('../style/images/ui-icons_888888_256x240.png')}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa} /*------- JQUERY overrides -----------*/ .ui-widget-header { background-image:none; background-color:#5777A9; color:White; } .ui-dialog .ui-dialog-title { float:left; margin-right:16px; margin-left:0; } .ui-dialog-titlebar.ui-widget-header a { left:auto; right:0.3em; } .ui-widget-header .ui-icon {background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png'); } .ui-button { } /* see overrides under buttons section */ .numericSpinner.ui-spinner-input { width:2em; direction:ltr; } INPUT.numericSpinner { border:none!important; } .ui-widget-content { color:#494949; } /* lock dir {{*/ body.dir-RTL .ui-dialog, body.dir-RTL .ui-autocomplete { right:auto; } /*}}*/ .no-close .ui-dialog-titlebar-close { display: none; } .ui-autocomplete-term{ font-weight:bold; } body.dir-RTL .ui-datepicker-prev .ui-icon-circle-triangle-e { background-position: -80px -192px; } body.dir-RTL .ui-datepicker-next .ui-icon-circle-triangle-w { background-position: -48px -192px; } /*------- Buttons -----------*/ .buttons, .itemsButtonsContainer, .buttonsConatiner, .buttonsContainer, .pageButtonsContainer, .seatsPlanButtonContainer, .buttonsFooter { display: block; /*float: right;*/ text-align: right; margin-right: 1em; padding: 0.5em 0 0.5em 0; } .buttons { float: right; } INPUT[type='button'], INPUT[type='submit'], INPUT[type='reset'], Button { border: none; } .buttons .button, Button.small_button_a, .itemsButtonsContainer .button, .buttonsConatiner .button, .buttonsContainer .button, .pageButtonsContainer INPUT[type='button'], .seatsPlanButtonContainer INPUT[type='button'], .loginButtons INPUT[type='button'], .buttonsContainer A.linkHref, .basketToolbar A.linkHref, .addCouponCtl .button, .buttonsFooter button { display: inline-block; } .buttons .button A, Button, .itemsButtonsContainer .button A, .buttonsConatiner .button A, .buttonsContainer .button A, .pageButtonsContainer INPUT[type='button'], .seatsPlanButtonContainer INPUT[type='button'], .loginButtons INPUT[type='button'], .buttonsContainer A.linkHref, .basketToolbar A.linkHref, button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default, .buttonsFooter button, INPUT.small_button_a, div.small_button_a a, div.small_button_b a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; text-align: center; } .buttons .button A, .itemsButtonsContainer .button A, .buttonsConatiner .button A, .buttonsContainer .button A, .pageButtonsContainer INPUT[type='button'], .seatsPlanButtonContainer INPUT[type='button'], .loginButtons INPUT[type='button'], .buttonsContainer A.linkHref, .basketToolbar A.linkHref, button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default, #frmCreateAccount .formFooter INPUT, .buttonsFooter button, .small_button_a, .small_button_b, .small_button_a a, .small_button_b a { color: white; } Button.small_button_a, .button.small_button_a A, INPUT.small_button_a { font-size: 12pt; font-weight: bold; background: #66a825; text-shadow: #386b0b 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #498f13; -webkit-box-shadow: inset 0 0 1em #498f13; box-shadow: inset 0 0 1em #498f13; padding: 0.6em 0.5em; min-width: 140px; display: inline-block; } .pageButtonsContainer INPUT[type='button'] { padding: 0.2em 0.5em; } .button.small_button_b A, .button.small_button_c A, INPUT.small_button_b, INPUT.small_button_c, Button.small_button_b, Button.small_button_c { font-size: 12pt; font-weight: bold; background: #5777a9; text-shadow: #293a8f 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #0e5e97; -webkit-box-shadow: inset 0 0 1em #0e5e97; box-shadow: inset 0 0 1em #0e5e97; padding: 0.6em 0.5em; min-width: 140px; display: inline-block; } .basketToolbar A.linkHref, .buttonsContainer A.linkHref, .buttonsContainer button.linkHref, button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default { background: #5777a9; padding: 2px 15px 2px 15px; min-width: 120px; margin-left: 0.2em; } button.ui-state-default.ui-dialog-titlebar-close { min-width: 0px; } .button a:hover, .buttonsContainer A.linkHref:hover, .basketToolbar A.linkHref:hover { /*color:inherit;*/ text-decoration: none; } .button.small_button_a A:hover, Button.small_button_a:hover, .itemsButtonsContainer .button A:hover, INPUT.small_button_a:hover, .buttonsContainer A.linkHref:hover, .basketToolbar A.linkHref:hover { background: #85b028; font-weight: bold; text-shadow: #386b0b 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #379a0b; -webkit-box-shadow: inset 0 0 1em #379a0b; box-shadow: inset 0 0 1em #379a0b; } .button.small_button_b A:hover, .button.small_button_c A:hover, INPUT.small_button_b:hover, INPUT.small_button_c:hover, Button.small_button_b:hover, Button.small_button_c:hover { background: #767fac; font-weight: bold; text-shadow: #293a8f 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #56a20e; -webkit-box-shadow: inset 0 0 1em #56a20e; box-shadow: inset 0 0 1em #56a20e; } .button.small_button_a A:focus, .button.small_button_a A:active, Button.small_button_a:focus, Button.small_button_a:active, .itemsButtonsContainer .button A:focus, .itemsButtonsContainer .button A:active, .buttonsConatiner .button A:focus, .buttonsConatiner .button A:active, INPUT.small_button_a:focus, INPUT.small_button_a:active, .buttonsContainer A.linkHref:focus, .buttonsContainer A.linkHref:active, .basketToolbar A.linkHref:focus, .basketToolbar A.linkHref:active { background: #3a8504; font-weight: bold; text-shadow: #386b0b 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #5ca513; -webkit-box-shadow: inset 0 0 1em #5ca513; box-shadow: inset 0 0 1em #5ca513; } .button.small_button_b A:focus, .button.small_button_b A:active, .button.small_button_c A:focus, .button.small_button_c A:active, INPUT.small_button_b:focus, INPUT.small_button_b:active, INPUT.small_button_c:focus, INPUT.small_button_c:active, Button.small_button_b:focus, Button.small_button_c:focus, Button.small_button_b:active, Button.small_button_c:active { background: #3a8504; font-weight: bold; text-shadow: #293a8f 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #a7d0b7; -webkit-box-shadow: inset 0 0 1em #a7d0b7; box-shadow: inset 0 0 1em #a7d0b7; } .buttons .button A.dis, .buttons .button A.dis:hover, Button.small_button_a.disabled, Button.small_button_a.disabled:hover, .itemsButtonsContainer .button.disabled A:hover, .buttonsConatiner .button A.dis, .buttonsConatiner .button A.dis:hover, .buttonsContainer .button.disabled A, .buttonsContainer .button.disabled A:hover, INPUT.small_button_a.disabled, INPUT.small_button_a.disabled:hover, .buttonsContainer A.linkHref.disabled, .buttonsContainer A.linkHref.disabled:hover, .basketToolbar A.linkHref.disabled, .basketToolbar A.linkHref.disabled:hover { background: #cbcdd2; font-weight: bold; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: default; } .addCouponCtl .button, .addCouponCtl .button:hover { background: #5777a9 url('../style/flowbase.css/images/ic_add.png') no-repeat center center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: inset 0 0 1em #0e5e97; -moz-box-shadow: inset 0 0 1em #0e5e97; box-shadow: inset 0 0 1em #0e5e97; min-width: 25px; width: 25px; height: 25px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .addCouponCtl .button:hover { -webkit-box-shadow: inset 0 0 1em #0e5e97; -moz-box-shadow: inset 0 0 1em #0e5e97; box-shadow: inset 0 0 1em #0e5e97; } .button.small_button_b A.dis, .button.small_button_b A.dis:hover, .button.small_button_c A.dis, .button.small_button_c A.dis:hover, INPUT.small_button_b.disabled, INPUT.small_button_b.disabled:hover, INPUT.small_button_c.disabled, INPUT.small_button_c.disabled:hover, Button.small_button_b.disabled, Button.small_button_b.disabled:hover, Button.small_button_c.disabled, Button.small_button_c.disabled:hover { background: #461daa; } .greenImageButton { background-image: url('../style/flowbase.css/images/ui-icons_4c9b7f_256x240.png'); } .redImageButton { background-image: url('../style/flowbase.css/images/ui-icons_cd0a0a_256x240.png'); } .blueImageButton { background-image: url('../style/flowbase.css/images/ui-icons_2e83ff_256x240.png'); } .imageButton { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; } .plus { background-position: 0px -192px; cursor: pointer; } .minus { background-position: -16px -192px; cursor: pointer; } .small_arrow_1_right, .small_arrow_1_left { display: none; } @media screen and (max-width: 780px) { .button.addToBasket A, .btnAddToBasket.small_button_a { min-width: 0; color: transparent; background-image: url('../style/flowbase.css/images/buttonPlus.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; font-size: small; font-weight: normal; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0.5em 0.3em; } .button.addToBasket A:hover, .btnAddToBasket.small_button_a:hover { text-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-image: url('../style/flowbase.css/images/buttonPlus.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .itemsButtonsContainer .button.moreInfo { float: left; } .button.moreInfo A, .btnMoreInfo.small_button_b { background-color: Transparent; color: Blue; text-decoration: underline; font-size: small; min-width: 0; } .button.moreInfo A:hover, .btnMoreInfo.small_button_b:hover { background-color: Transparent; color: Blue; text-decoration: underline; font-size: small; min-width: 0; } .addCouponCtl .button, .addCouponCtl .button:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pageButtonsContainer { margin-right: 0; text-align: center; } .button.small_button_b A, .button.small_button_c A, INPUT.small_button_b, INPUT.small_button_c, Button.small_button_b, Button.small_button_c, .button.small_button_b A:hover, .button.small_button_c A:hover, INPUT.small_button_b:hover, INPUT.small_button_c:hover, Button.small_button_b:hover, Button.small_button_c:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; } .buttonsContainer .button { width: 100%; text-align: center; margin: 4px; } .screen-Show_aspx Button.small_button_a, .screen-Show_aspx .button.small_button_a A, .screen-Show_aspx INPUT.small_button_a { min-width: 0; text-indent: -1000px; color: transparent; background-image: url('../style/flowbase.css/images/buttonPlus.png'); background-repeat: no-repeat; background-position: center center; background-size: 50%; font-size: small; box-shadow: none; padding: 0.5em 0.3em; } } /*------- Printing -----------*/ @media print { body { margin: 0; } .screenPartContainer { display: none; } .screenPartContainer.screen-content { display: block; top: 0 !important; left: 0 !important; } button, div.button { display: none !important; } } body { /*lifted from jquery-ui*/ min-height: 0; /* support: IE7 */ } body:after { clear: both; } body:before, body:after { content: ""; display: table; border-collapse: collapse; } html, body { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; border-left: 0; width: 100%; /*height: 100%;*/ } body { font-family: arial, verdana, sans-serif; color: #404041; background-color: #2d2b2c; } INPUT { font-family: arial, verdana, sans-serif; /* should be added to make all input elements the same size (IE) */ } /*------- General Useful elements -----------*/ a, button.btnLink { color: #005c9f; text-decoration: none; } a:hover, button.btnLink:hover { color: #ed263a; text-decoration: underline; } a.disabled { text-decoration: none; color: lightgray; cursor: default; } a img { border: none; } .small { font-size: 90%; } .large { font-size: 1.1em; } .huge { font-size: 150%; } .hidden { display: none !important; } div.clear { display: block; height: 1px; width: 1px; clear: both; } /* div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }*/ /*------- page elements -----------*/ body { margin: 0 auto; } .toggleGalleriaAnimation { display: none; } @media all { body { width: 85%; /* 970px;*/ max-width: 1280px; min-width: 640px; } body.template-Template_1 #group_Main > .screen-content { min-width: 200px; max-width: calc(100% - 30em); /* width: auto; */ /* display: inline-block; */ } body.template-Template_1 #group_Main > .screen-content + .screenPartContainer, body.template-Template_1 #group_Main > .screenPartContainer + .screenPartContainer { /*min-width: 30em;*/ /*max-width: 35%;*/ width: 30em; } #group_Header { width: 85%; } } @media all and (max-width: 800px) { body.template-Template_1 #group_Main > .screen-content { width: 100%; max-width: 100%; position: inherit; } body.template-Template_1 #group_Main > .screen-content + .screenPartContainer, body.template-Template_1 #group_Main > .screenPartContainer + .screenPartContainer { width: auto; max-width: 100%; } } @media all and (max-device-width: 800px) { body { width: 100%; } #group_Header { width: 100%; } } .screen-content { /*-position: absolute; top: 210px; bottom: 0;-*/ width: 100%; color: #494949; min-height: 33em; background-color: #f3f3f3; } .screen-content.ph_default_page { position: inherit; } .template-TemplateFull .screen-content { clear: left; float: left; max-width: 65%; min-height: 100%; } .announcement { background-color: #5777a9; color: white; display: block; /*width: 100%;*/ height: 155px; margin-bottom: 3px; padding: 5px 20px 0 20px; } .announcement h2 { display: inline-block; font-family: "Myriad Pro", Myriad, 'PT Sans', tahoma, verdana, sans-serif; margin-left: 0px; font-size: 14pt; font-weight: bold; line-height: 40px; margin-top: 5px; } .announcement span { float: right; } .item_separator { display: none; } .pageTitle, .general_caption { background-color: #66a825; color: white; display: block; height: 55px; margin-bottom: 3px; padding: 5px 20px 0 20px; margin-left: 0px; font-size: 14pt; font-weight: bold; line-height: 40px; margin-top: 5px; } #group_Header { min-width: 640px; max-width: 1280px; } #group_Header + DIV { clear: both; } #group_Header .header-submenu { background-color: #565555; float: left; width: 100%; } .errorMessage { color: #eb0000; font-style: italic; font-size: 120%; } /*------- ajax refreshing -----------*/ .plzWait { text-align: center; } .plzWait .ajax-refreshing.container { width: 50px; height: 50px; } .plzWait .msg { font-size: large; display: block; } .ajax-refreshing, .ui-dialog .ui-dialog-content.ajax-refreshing { background-image: url('../style/flowbase.css/images/roller.gif'); background-position: 50% 50%; background-repeat: no-repeat; } .ajax-refreshing-small { background: url('../style/flowbase.css/images/roller-small.gif') no-repeat scroll 0 3px transparent; width: 30px; height: 30px; display: inline-block; } #paymentsTable table.ajax-refreshing td, table.ajax-refreshing th { border-style: none !important; } .ajax-refreshing * { visibility: hidden; } /**/ .instructions { color: Red; padding: 0 0.5em; } /*------- page elements -----------*/ .ph_logo { /*display: inline-block;*/ float: left; /* width: 250px; */ /* height: 35px; */ margin: 5px 0px 3px 0px; /* cursor: pointer; */ } .ph_menubutton, .ph_menuback { display: none; } .ph_supportedcultures { float: right; } .ph_supportedcultures select { border: 0 !important; /*Removes border*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: #565555 url('../style/flowbase.css/images/combo_gray.png') right -2px no-repeat; /*Position of the background-image*/ background-position: right; width: 130px; /*Width of select dropdown to give space for arrow image*/ height: 20px; padding: 2px 2px; text-indent: 0.01px; text-overflow: ""; font-size: 9pt; color: White; /*font-family: arial, verdana, sans-serif;*/ } select.supportedCulturesDropdown option { text-align: left; direction: ltr; } .ph_supportedcultures select::-ms-expand { display: none; /* hide default arrow in IE10 */ } .item_background { padding: 0.5em; } IMG.item_image { width: 40px; height: 40px; background-position: center center; margin-right: auto; } /*TransactionDetails*/ table#transactionItems td + td { padding-left: 2em; } /**/ .highlight { border: 1px solid #fcefa1; background: #fbf9ee url('../style/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x; color: #363636; display: block; } .highlight .ui-icon { background-image: url('../style/images/ui-icons_2e83ff_256x240.png'); display: inline-block; vertical-align: text-bottom; margin-right: 0.3em; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @media screen and (max-width: 780px) { a, INPUT[type='button'], INPUT[type='submit'], INPUT[type='text'], input[type='email'] { -webkit-appearance: none; } body { background: none; background-color: #f3f3f3; /*margin-bottom: 45px; */ } body, #group_Header { min-width: 300px; /*overflow-y: auto;*/ overflow-y: visible; height: 100%; } body/*DON'T REMOVE - Fix scroll issues in IOS*/ { -webkit-overflow-scrolling: touch; } body #group_Header-fixed/*DON'T REMOVE - Fix scroll issues in IOS*/ { transform: translate3d(0, 0, 0); } #group_Header { box-shadow: 0 2px 2px black; height: 70px; /*height: 102px;*/ } #group_Header.menudisplayed { height: 100%; } #group_Header.menudisplayed { z-index: 30; overflow-x: hidden; } .ph_logo { background-image: url('../style/flowbase.css/images/logo_esro.png'); width: 100px; background-repeat: no-repeat; /*margin-left:60px;*/ } .ph_menubutton { width: 40px; height: 30px; display: block; float: left; margin: 8px 5px 4px 5px; } .menu_btn { background: url('../style/flowbase.css/images/mnubtn.png') no-repeat; background-size: 40px 30px; display: block; } .menu_btn.selected { background-image: url('../style/flowbase.css/images/mnubtnSel.png'); } .ph_supportedcultures { float: right; clear: left; display: none; max-width: 49%; } .ph_supportedcultures.displayed { display: block; margin-top: 40px; } IMG.item_image { width: 35px; height: 35px; } input[type='text'], input[type='number'], input[type='password'], textarea, select, input[type=email], input[type=tel] { font-size: 16px; } .general_caption, .pageTitle { background-color: Transparent; color: inherit; height: auto; line-height: normal; font-size: 15px; padding-left: 15px; } div[role=tooltip]/*Properties of the popup-tooltip*/ { opacity: 1 !important; filter: alpha(opacity=1) !important; color: Red; font-weight: bold; duration: 6000 !important; } } .hint { display: none; } /* lock dir {{*/ body.dir-RTL .ui-selectmenu-menu .ui-menu { float: left; } /*}}*/ img[src=''] { display: none; } .ms-fix-borderRadius { -ms-behavior: url('../style/ie/PIE.htc'); } .ms-fix-backgroundSize { -ms-behavior: url('../style/ie/backgroundsize.min.htc'); } .ms-fix-backgroundSize.ms-fix-borderRadius { -ms-behavior: url('../style/ie/PIE.htc') url('../style/ie/backgroundsize.min.htc'); } /* Fix bug in FireFox (Hide Spinner in Input Number ) http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29 */ input[type=number][class~=numericSpinner]::-webkit-outer-spin-button, input[type=number][class~=numericSpinner]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number][class~=numericSpinner] { -moz-appearance: textfield; } /*End fix bug in FireFox*/ #group_Header-fixed div[id^="PH_SearchPage"] { display: none; } /* lock dir {{*/ body.dir-RTL .qtip-content { text-align: right; } /*}}*/ tr.row.CAPTCHA > td.label { visibility: hidden; } .recaptcha-container.error { border: 1px red solid; border-radius: 3px; padding: 1em; margin-left: -1em; } .recaptcha-container.error span.error { color: Red; margin-top: 1em; display: inline-block; } BODY.dir-RTL .qtip-content { direction: rtl; } img.sro4 { height: 30px; } /*------- Search Box -----------*/ .ph_search_box { /* position: relative; */ /* right: 5px; */ /* top: 2em; */ float: right; /* clear: right; */ /* width: 150px; */ text-align: right; /* display: inline-block; */ /* vertical-align: top; */ /* margin-right: 0.3em; */ /* z-index: 1; */ margin: 4px; } .SearchTextBox { display: inline-block; vertical-align: middle; } .freeTextLabel { display:none; } /* lock dir{{*/ BODY.dir-RTL FORM.frmSearch input { background-position: left 2px; } /*}}*/s FORM.frmSearche input:focus { border: 1px solid #fff; } .SearchTextButton { display: none; } .smallButton { vertical-align: middle; display: inline-block; /*background-color: #5777A9;*/ width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 9pt; font-weight: bold; cursor: pointer; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); } @media screen and (max-width:780px) { .ph_search_box { position:absolute; top:5px; right:34px; } .SearchBoxContainer input { display:none; width:9em; } .SearchTextButton { display:inline; background-image:url('../style/flowbase.css/images/ic_search.png'); background-size:15px 15px; background-repeat:no-repeat; } .SearchBoxContainer:hover input { display:block; } .SearchBoxContainer:hover .SearchTextButton { display:none; } .SearchTextButton IMG { visibility:hidden; } FORM.frmSearch input { width: 74%; float: right; font-size: 14px; margin-top: 3px; } } li.searchSuggestion.ui-menu-item { width:100%; box-sizing:border-box; } li.searchSuggestion.ui-menu-item, li.searchSuggestion.ui-menu-item>.ui-menu-item-wrapper{ float:left; } li.searchSuggestion { padding:0.3em; } li.searchSuggestion img { max-width:5em; float:left; margin-right:0.3em; width:auto; height:auto; } li.searchSuggestion>div>span { display:block; color:#999999; } li.searchSuggestion span.name { color:inherit; } li.searchSuggestion span+span { font-size:0.9em; } li.searchSuggestion span.description { display:none; } li.searchSuggestion span.genresList { font-size:0.8em; } li.searchSuggestion span.genresList span+span:before { content:',\20'; } li.searchSuggestion span.term { color:blue; } #searchPage { display:none; } .eventsCalendar .ui-datepicker { width:100%; border:none; } /*------- Login Control -----------*/ .loginControl FIELDSET { border:0; padding:0; } .loginControl FIELDSET LEGEND { display:none; } .loginControl FORM, .oboLoginFormContainer FORM { float:left; width:380px; width:calc(230px + 10em); } .loginControl .row, .oboLoginFormContainer DIV.item_data_background { clear:both; float:left; width:100%; margin-top:0.1em; margin-bottom:0.1em; } .loginOrRegister:not(.onlyLogin) .loginControl .row .label, .oboLoginFormContainer DIV.item_data_background SPAN.small_text_a { float:left; width:30%; } .loginOrRegister:not(.onlyLogin) .loginControl .row .field { width:69%; } .loginControl .row INPUT, .oboLoginFormContainer DIV.item_data_background SPAN.item_data_background, .oboLoginFormContainer .obologinButtons INPUT { float:right; } .loginControl .row .field input[type=text], .loginControl .row .field input[type=email], .loginControl .row .field input[type=password], .loginControl .loginButtons, .loginControl .rememberMe { margin-left:0; width:230px; } .loginControl .loginButtons { float:right; text-align:left; margin-right:5px; } .loginControl .loginButtons * { margin-right:0.2em; float:left; } .loginControl #btnLogin, .loginControl #btnCreateAccount, .oboLoginFormContainer .obologinButtons INPUT { font-size: 1.2em; font-weight: inherit; background: #5777A9; text-shadow: #293A8F 0.1em 0.1em 0.5em; -moz-box-shadow: inset 0 0 1em #0E5E97; -webkit-box-shadow: inset 0 0 1em #0E5E97; box-shadow: inset 0 0 1em #0E5E97; padding: 0.2em 0.3em; min-width: inherit; } .loginControl #btnLogin[disabled] { background:#CBCDD2; } .loginControl #btnLogin { margin-left:0; } .loginControl #btnCreateAccount { float:right; margin-right:0; } .loginControl>div { float:left; /*clear:both;*/ padding-right:1em; } .loginControl>div.hasExternalLoginControls { border-right:1px solid #d4d4d4; } .loginControl>div+div { border-style:none; } .loginControl .rememberMe { padding-top:0.3em; float:left; } /* .loginControl>div.rememberMe { clear:left; }*/ .loginControl>div.hasExternalLoginControls .rememberMe { position:relative; right: -30px; background-color:white; bottom: -2px; } .loginControl>div.hasExternalLoginControls .rememberMe > * { float:right; } .loginControl #signinButton { display:block; } .loginControl .fb-login-button { display:block; } /**/ /*.loginControl>div.external { margin-left:1em; }*/ .exLogin-button { display: inline-block; color: white; width: 100%; white-space: nowrap; margin: 0.5em 0; cursor: pointer; border: 0; padding: 0; } .exLogin-button .icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; } .exLogin-button .caption { display: inline-block; vertical-align: middle; padding-left: 24px; padding-right: 24px; } /* custom facebook signin style */ .fb-login-custom { background: #3E5B97; } .fb-login-custom .icon { background: url('../style/base.css/images/exLogin/fb-20x20.png') #3E5B97 2px 50% no-repeat; background-origin: content-box; border-right: #003556 1px solid; } .fb-login-custom .caption { font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif; font-weight:bold; } .sg-login-button{ background:#1673e6; } .sg-login-button .icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 46 48'%3E%3Cstyle%3E.st0{fill:#ffffff}%3C/style%3E%3Cpath d='M8.2 10.5l3.7 19.6h22.2l3.7-19.6S32.2 6.8 23 6.8c-9.1 0-14.8 3.7-14.8 3.7zm0 24v4.2s5.9 2.5 14.8 2.5 14.8-2.5 14.8-2.5v-4.2s-5.7 2.6-14.8 2.6c-9 0-14.8-2.6-14.8-2.6zM5.8 22.8H.5v3.7h3.4v5.3h3.9v-7c.1-1.1-.8-2-2-2zm34.4 0c-1.1 0-2.1.9-2.1 2.1v7H42v-5.3h3.4v-3.7l-5.2-.1z' class='st0' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .externalTitle { display:none; } @media screen and (max-width:780px) { .loginControl>div.external { /*margin-left:1em;*/ margin-top: 76px; } .loginControl>div.hasExternalLoginControls .rememberMe > * { float:none; } .loginControl>div.hasExternalLoginControls .rememberMe { /* position:absolute;*/ background-color:white; /*bottom: 6px;*/ right: 0px; } .loginOrRegister:not(.onlyLogin) .loginControl .row .label { width: auto; } .user-loginForm .small_text_d { display:none; } .loginControl FORM { width:100%; position:relative; padding-bottom:20px; } .user-loginForm > .small_text_a { visibility:hidden; } .loginControl>div, .loginControl FORM, .loginControl .row { float:none; } .loginControl>div { padding-left:1em; /*height: 280px;*/ } .loginControl>div.hasExternalLoginControls { height: 209px; } .loginControl .row { margin-top:0.4em; } .loginControl .row .label { width:auto; } .loginControl .row .label, .loginControl .row INPUT { float:none; display:block; margin-top: 0.1em; } .loginControl .rememberMe * { display:inline-block!important; } .loginControl .external:empty { display:none; } .loginControl FORM #btnForgot { position:absolute; bottom:-57px; text-decoration:underline; } .loginControl .loginButtons * { float:none; } .loginControl #btnLogin { width:100%; display:block; padding-top:0.5em; padding-bottom:0.5em; position: absolute; bottom: -36px; } #frmCreateAccount label { width: 71px; display: inline-block; } #frmCreateAccount TD.DpQuestionsContainer label { width: auto; } #frmCreateAccount select, #frmCreateAccount input:not([type='checkbox']) { width: 100%; } #frmCreateAccount input[class*="small_button"] { width: 100%; } #frmCreateAccount #btnClear { display:none; } #frmCreateAccount #fldDataProtection { display:none; } #frmCreateAccount TD.DpQuestionsContainer #fldDataProtection { display:initial; width: auto; } .oboLoginFormContainer DIV.item_data_background { clear:both; float:left; /*width:87%;*/ margin-top:0.1em; margin-bottom:0.1em; } .oboLoginFormContainer DIV.item_data_background input { width:82%; } .oboLoginFormContainer .item_data_background.obologinButtons input { width:75% !important; float: left; margin-top: 12px; margin-left: 35px; } .oboLoginFormContainer FORM { float:left; width: 100%; } .oboLoginFormContainer DIV.item_data_background SPAN.item_data_background { width: 64%; } } /*------- login widget -----------*/ .divLoginWidget { display:none; position: absolute; right: 0; background-color: white; -moz-border-radius: 5px; /* -moz-border-radius-topright: 0; */ -webkit-border-radius: 5px; /* -webkit-border-top-right-radius: 0; */ border-radius: 5px; /* border-top-right-radius:0; */ padding-bottom: 8px; z-index: 99999; text-align:left; } .divLoginWidgetHeader { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 4px; background-color: #5777A9; color: White; } .divLoginWidget .loginControl { padding:0.5em; } .divLoginWidget .loginControl .rememberMe span { background-color:white; color: #5777A9; padding:0px !important; } .justLoggedIn, .justLoggedIn * { visibility:hidden; } @media screen and (max-width:780px) { #signInBox.float_menu_item .divLoginWidget { color: Black; margin-top: 5px; right:auto; left:0px; position:fixed; width:100%; } #signInBox.float_menu_item .divLoginWidget .rememberMe { position: initial; } } /*------- float menu -----------*/ .ph_float_menu { /*position: absolute; right: 5px;*/ float:right; top: 0; display: inline-block; /* height: 12px; */ /* margin: 18px 0px 0px 0px; */ vertical-align: top; text-align: right; } .siteMenuContainer > a { display: inline-block; line-height: 12px; color: #A6A7AD; padding: 0 10px 0 10px; border-color:#A6A7AD; border-right: 1px solid #A6A7AD; } .siteMenuContainer > a:last-child { border-right: none; } .siteMenuContainer > a:hover { color: #fff; text-decoration: none; } .siteMenuContainer > a.selected, .siteMenuContainer > a.selected:hover { font-weight: bold; color: #fff; } .basketQtyHolder { background: url('../style/flowbase.css/images/ic_basket.png'); width:19px; height:14px; text-align:center; color:#66A825; display:inline-block; margin-left:0.2em; font-weight:bold; font-size:0.8em; } .ph_float_menu #signInBox > SPAN { background-color: #5777A9; padding: 0 10px 0 10px; color:White; } #customerBox .greeting { color: #69BD1C; } #customerBox .greetingFirst, #customerBox .crmId, #customerBox .loyaltyPoints, #customerBox .qualityPoints { display:none; } #customerBox .logout { color:White; } .flm_myAccount.float_menu_item { background-image:url('../style/flowbase.css/images/ic_settings.png'); display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 0pt; font-weight: bold; cursor: pointer; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); vertical-align:top; padding:0px; margin-top:-3px; } @media only screen and (max-width: 780px) { .ph_float_menu { display:none; float:left; clear:left; text-align:justify; width:100%; } .ph_float_menu.displayed { display:block; margin-left: 3%; } .float_menu_background { padding: 0 10px; } #customerBox .greeting { color: white; border: 1px white; border-style: ridge; padding: 4px; background:#565555; max-width:76px; max-width: calc(100% - 89px); float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: url('../style/flowbase.css/images/ic_settings.png'); background-repeat:no-repeat; padding-left: 24px; background-position: 5px; } #customerBox .logout { color: transparent; background-image: url('../style/flowbase.css/images/logout.png'); background-size: 28px 15px; background-repeat: no-repeat; background-origin: content-box; border: 1px white; border-style: ridge; padding: 4px; background-color: #565555; margin-top: 0px; float: left; background-position-x: 9px; } body.dir-LTR #customerBox .crmId { display:none; } /* lock dir {{*/ body.dir-LTR #customerBox .greeting { border-bottom-left-radius: 9px; border-top-left-radius: 9px; } body.dir-LTR #customerBox .logout { border-bottom-right-radius: 9px; border-top-right-radius: 9px; } body.dir-RTL #customerBox .greeting { border-bottom-right-radius: 9px; border-top-right-radius: 9px; background-position-x: 97%; padding-left: 11px; } body.dir-RTL #customerBox .logout { border-bottom-left-radius: 9px; border-top-left-radius: 9px; background-position-x: 2px; } /* }} */ .siteMenuContainer > a { position:relative; background-color:rgb(90,90,95); background-size: 4em 4em; background-position:center top; background-repeat:no-repeat; border:none; margin:1%; width: 24%; height:6.2em; display:inline-block; border-radius: 5%; padding:0 10px; float:left; } .siteMenuContainer > a:hover { background-color:rgb(100,133,209); } .siteMenuContainer > a > SPAN { position:absolute; bottom:0.1em; color:#ffffff; text-align: center; width: 84%; } #signInBox.float_menu_item { display: block; position: absolute; margin-top: -32px; color: white; border: 1px white; border-style: ridge; padding: 4px; background: #565555; border-radius: 10px; } .ph_float_menu #signInBox > SPAN { background-color:Transparent; } .flm_home_page { background-image: url('../style/flowbase.css/images/menu/mnuHome.png'); } .flm_my_basket { background-image: url('../style/flowbase.css/images/menu/mnuBasket.png'); } .flm_OBO_Account { background-image: url('../style/flowbase.css/images/menu/mnuUnions.png'); } #customerBox { display:block; /*04.02.2015*/ position: absolute; margin-top: -42px; width:50%; width: calc(100% - 198px); } .flm_myAccount { display:none !important; /*04.02.2015*/ } /* lock dir{{*/ .basketQtyHolder { background: url('../style/flowbase.css/images/ic_basket_mobile.png') no-repeat; width:19px; height:16px; margin-top: -20px; padding-top: 4px; left: 44% !important; position: absolute; } /*}}*/ } /*------- JQUERY overrides -----------*/ .ui-widget { font-family:inherit; font-size:1.2rem; } .ui-widget-header { background-color:White; color:#000; border:0; } .ui-dialog .ui-dialog-content { font-size:1.4rem; } .ui-combobox { position:relative; display:inline-block; } .ui-combobox .ui-button { position:absolute; right:5px; top:1px; bottom:1px; } .ui-dialog .ui-dialog-buttonpane button { color: black; font-weight: bold; } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } .small_button_a.proceed { float: right; } .small_button_a.proceed:focus { /*outline-offset: 5px; not supported in IE*/ border: 2px solid transparent; box-shadow: 0 0 0 2px white inset; } .no-shadow, .button.small_button_a a, button.small_button_a, .button.small_button_a a:hover, button.small_button_a:hover, .button.small_button_a a:focus, button.small_button_a:focus, .button.small_button_a a:active, button.small_button_a:active, input.small_button_a, input.small_button_a:hover, .button.small_button_b A, .button.small_button_c A, INPUT.small_button_b, INPUT.small_button_c, Button.small_button_b, Button.small_button_c, .button.small_button_b A:hover, .button.small_button_c A:hover, INPUT.small_button_b:hover, INPUT.small_button_c:hover, Button.small_button_b:hover, Button.small_button_c:hover, .buttonsContainer A.linkHref, .buttonsContainer A.linkHref:hover, .buttonsContainer button.linkHref, .buttonsContainer button.linkHref:hover, .button.small_button_b A:focus, .button.small_button_b A:active, .button.small_button_c A:focus, .button.small_button_c A:active, INPUT.small_button_b:focus, INPUT.small_button_b:active, INPUT.small_button_c:focus, INPUT.small_button_c:active, Button.small_button_b:focus, Button.small_button_c:focus, Button.small_button_b:active, Button.small_button_c:active { text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .no-border-radius, .button.small_button_a a, button.small_button_a, .button.small_button_a a:hover, button.small_button_a:hover, .button.small_button_a a:focus, button.small_button_a:focus, .button.small_button_a a:active, button.small_button_a:active, input.small_button_a, input.small_button_a:hover { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .button.small_button_a a, button.small_button_a, .button.small_button_a a:hover, button.small_button_a:hover, .button.small_button_a a:focus, button.small_button_a:focus, .button.small_button_a a:active, button.small_button_a:active { color: white; font-size: medium; background: #cb2b19; border-bottom: solid #70180e; } .button.small_button_a a:disabled, button.small_button_a:disabled, .button.small_button_a a:hover:disabled, button.small_button_a:hover:disabled, .button.small_button_a a:focus:disabled, button.small_button_a:focus:disabled, .button.small_button_a a:active:disabled, button.small_button_a:active:disabled { background-color: #999999; } @media only screen and (max-width: 780px) { .button.small_button_a a, button.small_button_a, .button.small_button_a a:hover, button.small_button_a:hover, .button.small_button_a a:focus, button.small_button_a:focus, .button.small_button_a a:active, button.small_button_a:active { font-weight: normal; } } input.small_button_a, input.small_button_a:hover { color: white; font-size: medium; background: #cb2b19; border-bottom: solid #70180e; } input.small_button_a:disabled, input.small_button_a:hover:disabled { background-color: #999999; } @media only screen and (max-width: 780px) { input.small_button_a, input.small_button_a:hover { font-weight: normal; } } .button.small_button_a A::after, button.small_button_a::after { content: '>>'; } .button.disabled.small_button_a A, .button.disabled.small_button_a A:hover, button.disabled.small_button_a, button.disabled.small_button_a:hover { color: #5b5b5b; background-color: #f9d4d0; border-bottom: solid #f47d6f; } .buttonExplain { display: flex; color: #cb2b19; text-align: left; clear: both; float: right; word-break: break-word; } .buttonExplain.button { cursor: pointer; } .buttonExplain:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f05a"; padding-right: 0.5em; text-decoration: none; } .buttonExplain + .button { clear: both; } @media only screen and (max-width: 780px) { .buttonExplain { display: none; } } .small_button_b, .small_button_c, .small_button_a { display: inline-block; } .button.small_button_b A, .button.small_button_c A, INPUT.small_button_b, INPUT.small_button_c, Button.small_button_b, Button.small_button_c { background: none; background-color: Transparent; color: Blue; font-size: 10pt; min-width: 0; font-weight: normal; } .button.small_button_b A#btnBack::before { content: '<<'; } .button.small_button_b A:hover, .button.small_button_c A:hover, INPUT.small_button_b:hover, INPUT.small_button_c:hover, Button.small_button_b:hover, Button.small_button_c:hover, .buttonsContainer A.linkHref, .buttonsContainer A.linkHref:hover, .buttonsContainer button.linkHref, .buttonsContainer button.linkHref:hover { font-weight: normal; background: none; } INPUT.small_button_b:hover, INPUT.small_button_c:hover, Button.small_button_b:hover, Button.small_button_c:hover, .buttonsContainer A.linkHref, .buttonsContainer A.linkHref:hover, .buttonsContainer button.linkHref, .buttonsContainer button.linkHref:hover { background: none; } .button.small_button_b A:focus, .button.small_button_b A:active, .button.small_button_c A:focus, .button.small_button_c A:active, INPUT.small_button_b:focus, INPUT.small_button_b:active, INPUT.small_button_c:focus, INPUT.small_button_c:active, Button.small_button_b:focus, Button.small_button_c:focus, Button.small_button_b:active, Button.small_button_c:active { background: none; font-weight: normal; } .ui-widget-header button.ui-state-default { background-color: White; border-color: White; /*outline:none;*/ } .buttonsContainer A.linkHref, .buttonsContainer A.linkHref:hover, .buttonsContainer A.linkHref:active, .buttonsContainer button.linkHref, .buttonsContainer button.linkHref:hover { min-width: 0; padding: 0; color: #6a6a6a; margin: 0 0.5em; font-size: 1.2rem; } .buttonsContainer A.linkHref:active, .buttonsContainer A.linkHref:focus, .buttonsContainer button.linkHref:active, .buttonsContainer button.linkHref:focus { background-color: Transparent; font-weight: normal; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .buttonsContainer A.linkHref SPAN, .buttonsContainer button.linkHref SPAN { text-decoration: underline; } .buttonsContainer .edit::after, .buttonsContainer .editButton::after { font-family: FontAwesome; content: '\f040'; padding-left: 0.2em; } .buttonsContainer .remove::after, .buttonsContainer .DeleteButton::after { font-family: FontAwesome; content: '\f00d'; padding-left: 0.2em; } .buttonsContainer .viewEvents::after { font-family: FontAwesome; content: '\f145'; padding-left: 0.2em; } @media screen and (min-width: 781px) { #PH_SearchManager { display: none; } } @media screen and (max-width: 780px) { #PH_SearchManager { display: inherit; } .searchManager { margin-bottom: 10px; padding-bottom: 0px; } .searchManager.expanded { margin-bottom: 6px; } .findByTitle { display: inline-block; text-align: left; padding-left: 1%; font-size: initial; width: 100%; line-height: 82px; float: left; } body.dir-RTL .findByTitle { text-align: left; } .searchManager.expanded .findByOptions button.expanded { background-color: white; -webkit-box-shadow: 0px -2px 0px 1px #ccc6cc; -moz-box-shadow: 0px -2px 0px 1px #ccc6cc; box-shadow: 0px -2px 0px 1px #ccc6cc; vertical-align: middle; } .searchManager.expanded .findByOptions button:not(.expanded) { -webkit-box-shadow: 0px 2px 0px 1px #ccc6cc; -moz-box-shadow: 0px 2px 0px 1px #ccc6cc; box-shadow: 0px 2px 0px 1px #ccc6cc; } .findByOptions { padding-left: 0px; padding-right: 0px; display: inline-block; width: 100%; float: none; margin-top: 0px; height: 40px; padding-bottom: 6px; margin-bottom: 0; } .findByValues { display: none; padding-bottom: 14px; /*border-bottom: 1px solid black;*/ } .findByValues .currentTimeRangeEventsCtrl { background-color: white; } .findByOptions button { display: inline-block; width: 48%; text-align: center; font-weight: bold; font-size: large; height: 46px; border-left: 2px solid #f5f3f4; line-height: 44px; margin: 1px; } body.dir-RTL .findByOptions button { border-right: 2px solid #f5f3f4; width: 48%; } .searchManager .genresContainer { padding: 1em; padding-left: 3px; padding-right: 3px; } .findByOptions button:before { line-height: 13px; font-size: 18px; display: inline-block; font-family: FontAwesome; margin-right: 4px; } .findByOptions button:after { line-height: 13px; font-size: 11px; display: inline-block; font-family: FontAwesome; margin-left: 5px; } .findByOptions button:not(.expanded):after { content: "\f078"; } .findByOptions button.expanded:after { content: "\f077"; } .findByOptions .findByType:before { content: "\f1b2"; } .findByOptions .findByCalendar:before { content: "\f073"; } .findByValues .genres { background-color: white; } .findByValues .genres h2 { display: none; } .findByValues .genres .genre { width: 36%; background-color: #e4f5fd; float: none; color: Black; padding: 1em; vertical-align: middle; text-align: center; font-size: 15px; padding-left: 0px; margin-left: 4%; margin-right: 4%; padding-bottom: 24px; line-height: 14px; height: 18px; } .findByValues .genres .genresFooter { display: none; } .genre:before, .genre:after { content: ""; background-image: none; } .searchManager .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { /* position: absolute; bottom: -168px; width: 100%; background-color: white; border-radius: 0px; box-shadow: 0 2px 2px gray; border-top: 1px dashed black; */ position: absolute; width: 100%; background-color: white; border-radius: 0px; box-shadow: 0 2px 2px gray; border-top: 1px dashed black; top: 0px; margin-top: 742px; height: 24px; } .searchManager .eventsCalendar .ui-datepicker, .searchManager .eventsCalendar .ui-datepicker-calendar { background-color: white; height: 353px; float: right; table-layout: fixed; width: 100%; } html.appearance .searchManager .eventsCalendar .ui-datepicker-year, html.appearance .searchManager .eventsCalendar .ui-datepicker-month { color: Black; font-size: 18px; } .searchManager .eventsCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { width: 280px; position: absolute; margin-left: calc(50% - 140px); } .searchManager .eventsCalendar .ui-state-default, .searchManager .eventsCalendar .ui-widget-content .ui-state-default { font-size: 20px; background-position-x: 73%; background-position-y: -1px; background-size: 50px; } .searchManager .eventsCalendar .ui-datepicker table { border-collapse: initial; } .searchManager .eventsCalendar .ui-datepicker th { padding: 13px; font-size: large; color: #757575; border-top-width: 0px; } .searchManager .eventsCalendar .ui-state-disabled { background-image: none; } .searchManager .eventsCalendar .ui-widget-content .ui-datepicker-today span { background-color: White; background: Transparent url('../style/flowtheatre.css/images/calendar/circleToday.png') 20% no-repeat; background-position-x: 59%; background-position-y: 5px; background-size: 38px; } .searchManager .eventsCalendar .ui-widget-header .ui-icon { background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png'); } .searchManager .eventsCalendar .ui-datepicker .ui-datepicker-header a { width: 2.8em; height: 2.8em; color: black; } .findByValues .genres .genre.extra { display: inline-block !important; } .searchManager .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { left: 0px; position: absolute; top: 10px; } } @media screen and (min-width: 781px) { #closeSearchPage { display: none; } .ph_search_box .searchManager { display: none; } } @media screen and (max-width: 780px) { .bodySearchPageOpen { overflow-y: auto !important; } #group_Header-fixed.searchPageOpen { height: 100%; display: block; overflow-y: auto; overflow-x: hidden; } #group_Header-fixed:not(.searchPageOpen) div[id^="PH_SearchPage"] { display: none; } #group_Header-fixed:not(.searchPageOpen) .screenPartContainer.ph_search_box .findByTitle, #group_Header-fixed:not(.searchPageOpen) .screenPartContainer.ph_search_box .findByOptions, #group_Header-fixed:not(.searchPageOpen) .screenPartContainer.ph_search_box .findByValues { display: none; } #group_Header-fixed.searchPageOpen div[id^="PH_SearchPage"] { display: inline !important; float: left; width: 100%; } #group_Header-fixed.searchPageOpen #PH_logo, #group_Header-fixed.searchPageOpen #PH_MenuButton, #group_Header-fixed.searchPageOpen .ph_float_menu, #group_Header-fixed.searchPageOpen:not(.menudisplayed) #siteMenuBar #login span { display: none; } .ph_search_box { position: absolute; top: 5px; right: 34px; } #group_Header-fixed.searchPageOpen #PH_Search_Box { position: fixed; right: 0px; width: 3.2em; height: 3.2em; display: inherit; top: -2px; z-index: 999999; /* background-color: red; */ height: 48px; width: 100%; right: -4px; } #group_Header-fixed.menudisplayed #PH_Search_Box { display: none; } .SearchBoxContainer input { display: none; width: 9em; } .SearchTextButton { display: inline; background-image: url('../style/flowtheatre.css/images/ic_search.png'); background-size: 15px 15px; background-repeat: no-repeat; } /*#group_Header-fixed .ph_search_box.searchPageOpen FORM.frmSearch .SearchBoxContainer .SearchTextButton*/ #group_Header-fixed.searchPageOpen .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { display: none; float: right; right: 0px; left: auto; } #group_Header-fixed:not(.searchPageOpen) .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { border-style: none; width: 41px; left: 2px; } #group_Header-fixed FORM.frmSearch .SearchTextButton:before { font-size: 30px; line-height: 44px; } .SearchTextButton IMG { visibility: hidden; } FORM.frmSearch input { width: 100%; float: right; font-size: 14px; margin-top: 3px; } #group_Header-fixed FORM.frmSearch .SearchBoxContainer { height: 100%; width: 100%; border: 0px transparent solid; position: absolute; display: inherit; top: -2px; border-radius: 0px; } #group_Header-fixed.searchPageOpen FORM.frmSearch .SearchBoxContainer { border-bottom: 1px black solid; } FORM.frmSearch INPUT[type=text] { border: black 1px solid; border-left: 0px black none; } #group_Header-fixed.searchPageOpen FORM.frmSearch .SearchBoxContainer { border-bottom: 1px black solid; background-color: #f4f4f4; } #group_Header-fixed.searchPageOpen FORM.frmSearch .SearchTextBox { position: fixed; width: 71%; width: calc(100% - 92px); float: left; left: 54px; top: -1px; height: 38px; display: flex; } #group_Header-fixed.searchPageOpen { left: 0px; } #group_Header-fixed.searchPageOpen FORM.frmSearch INPUT[type=text] { display: inherit; background-color: white; border: 1px gray solid; /*border-left:0px black none;*/ } #group_Header-fixed:not(.searchPageOpen) #PH_Search_Box FORM.frmSearch INPUT[type=text].active { display: none; } #group_Header-fixed:not(.searchPageOpen) #closeSearchPage { display: none; } #group_Header-fixed.searchPageOpen #closeSearchPage { left: 13px; width: 15px; height: 40px; top: 3px; color: black; /* border-radius: 0px; */ position: fixed; } #group_Header-fixed.searchPageOpen #closeSearchPage:after { content: "\f104"; line-height: 42px; font-size: 25px; font-family: FontAwesome; } body.dir-RTL #group_Header-fixed.searchPageOpen #closeSearchPage:after { content: "\f061"; } #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCategories .genres .genre { width: 36%; } #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCategories .genresContainer { position: relative; top: 0px; text-align: center; } #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCategories .genres h2 { display: none !important; } #group_Header-fixed.searchPageOpen .searchByTitle { padding: 16px; font-weight: bold; font-size: 14px; text-align: left; } #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCalendar .eventsCalendar, #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCategories .genres { /* border-bottom: 1px solid black;*/ padding-bottom: 80px; background-color: white; } #group_Header-fixed.searchPageOpen #PH_SearchPage_ByCategories .genres { padding-bottom: 61px; } #PH_SearchPage_ByCalendar .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { position: absolute; width: 100%; background-color: white; border-radius: 0px; box-shadow: 0 2px 2px gray; border-top: 1px dashed black; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker, #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-calendar { background-color: white; height: 343px; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-year, #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-month { color: Black; font-size: 18px; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-state-default, #PH_SearchPage_ByCalendar .eventsCalendar .ui-widget-content .ui-state-default { font-size: 18px; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker table { border-collapse: initial; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker th { padding: 13px; font-size: large; color: #d5d5d5; border-top-width: 0px; } /* #PH_SearchPage_ByCalendar .eventsCalendar .ui-state-default, #PH_SearchPage_ByCalendar .eventsCalendar .ui-widget-content .ui-state-default { background-size: 71%; }*/ #PH_SearchPage_ByCalendar .eventsCalendar .ui-widget-header .ui-icon { background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png'); } #PH_SearchPage_ByCalendar .ui-datepicker .ui-datepicker-prev, #PH_SearchPage_ByCalendar .ui-datepicker .ui-datepicker-next { width: 2.8em; height: 2.8em; } .screenPartContainer.ph_search_box .searchManager .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { margin-top: 471px; } .screenPartContainer.ph_search_box .searchManager.expanded .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { margin-top: 470px; } .ph_search_box .searchManager { display: inline-block; margin-top: 49px; background-color: #f4f4f4; width: 96%; } #group_Header-fixed:not(.searchPageOpen) .ph_search_box .searchManager { display: none; margin-top: 0px; } .ph_search_box .findByTitle span { width: 96%; float: left; text-align: center; font-size: 18px; /*padding-bottom: 23px;*/ } #group_Header-fixed.searchPageOpen .ph_search_box .searchManager.expanded { /*overflow-y: auto;*/ overflow-y: auto; overflow-x: hidden; height: 80%; /*80%; 01.09*/ width: 100%; position: fixed; left: 0px; top: 3px; display: block; } #group_Header-fixed.searchPageOpen .ph_search_box .findByValues > div { margin-top: 0px; } #group_Header-fixed.searchPageOpen .ph_search_box .findByValues .currentTimeRangeEventsCtrl { padding-top: 2.5em; padding-right: 1em; padding-bottom: 0em; padding-left: 0em; } .searchManager .findByTitle *:not(span) { display: none; } #group_Header-fixed.searchPageOpen .free_text.active ~ .close-icon { background-color: transparent; display: inline-block !important; vertical-align: middle; /*outline: 0;*/ cursor: pointer; margin-left: -20px; margin-top: 4px; width: 18px; /* padding-left: 65px;*/ } #group_Header-fixed.searchPageOpen .close-icon:after { content: "X"; display: block; width: 15px; height: 21px; position: absolute; z-index: 1; right: 0px; top: 0; bottom: 0; margin: auto; padding: 2px; border-radius: 50%; text-align: center; color: black; font-weight: normal; font-size: 17px; cursor: pointer; } #group_Header-fixed.searchPageOpen .free_text:not(active) ~ .close-icon { display: none !important; } } .showPopupMessage { margin: 1.6rem 2rem 0rem 2rem; } .showPopupMessage-header { vertical-align: middle; } .showPopupMessage-errorheaderIcon { font-family: FontAwesome; font-size: 3.2rem; color: #c84426; text-align: left; margin-right: 1rem; } .showPopupMessage-errorheaderIcon:before { content: "\f057"; } .showPopupMessage-warningheaderIcon { font-family: FontAwesome; font-size: 3.2rem; color: #c84426; text-align: left; margin-right: 1rem; } .showPopupMessage-warningheaderIcon:before { content: "\f071"; } .showPopupMessage-infoheaderIcon { font-family: FontAwesome; font-size: 3.2rem; color: #306fb2; text-align: left; margin-right: 1rem; } .showPopupMessage-infoheaderIcon:before { content: "\f05a"; } .showPopupMessage-errorheader { font-family: Ubuntu, Arial, sans-serif; font-size: 2rem; font-weight: bold; color: #c84426; display: inline-block; vertical-align: middle; height: 2em; margin-right: 1em; } .showPopupMessage-warningheader { font-family: Ubuntu, Arial, sans-serif; font-size: 2rem; font-weight: bold; color: #c84426; display: inline-block; vertical-align: middle; height: 2em; margin-right: 1rem; } .showPopupMessage-infoheader { font-family: Ubuntu, Arial, sans-serif; font-size: 2rem; font-weight: bold; color: #306fb2; display: inline-block; vertical-align: middle; height: 2em; margin-right: 1rem; } .showPopupMessage_msg { font-family: Ubuntu, Arial, sans-serif; margin-top: 1.4rem; color: #404040; font-size: 1.7rem; line-height: 2.8rem; display: block; } .ui-dialog.showPopupMessageContainer { border-radius: 10px; } .ui-dialog.showPopupMessage-red { border: solid 2px #c84426; } .ui-dialog.showPopupMessage-blue { border: solid 2px #306fb2; } .ui-dialog-titlebar.showPopupMessage-titlebarheight { display: none; } .ui-dialog-buttonpane.showPopupMessage-buttonpane { border: none; margin-top: 0; margin-right: 1em; padding-top: 0; } .ui-button.showPopupMessage-redbutton { color: white; background-color: #c84426; background-image: none; font-family: Ubuntu, Arial, sans-serif; font-size: 1.6rem; font-weight: bold; width: 12rem; height: 3.6rem; border-radius: 8px; float: right; } .ui-button.showPopupMessage-bluebutton { color: white; background-color: #306fb2; background-image: none; font-family: Ubuntu, Arial, sans-serif; font-size: 1.6rem; height: 3.6rem; font-weight: bold; width: 12rem; border-radius: 8px; float: right; } .ui-button.showPopupMessage-greenbutton { color: white; background-color: darkgreen; background-image: none; font-family: Ubuntu, Arial, sans-serif; font-size: 1.6rem; height: 3.6rem; font-weight: bold; width: 12rem; border-radius: 8px; float: right; } html { font-size: 62.5%; } body { font-size: 1.4rem; margin-top: 41px; } body.dir-RTL * { unicode-bidi: embed; direction: rtl; } body[data-whatinput="mouse"] *:focus, body[data-whatinput="touch"] *:focus { outline: none; } body[data-whatinput="keyboard"] *:focus { outline: solid red 2px; } body.hideFocusOutline[data-whatinput="keyboard"] *:focus { outline: none; } body.inIframe { overflow-y: auto; } .skipRegion { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 0px; width: 0px; z-index: 99999; } @media only screen and (max-width: 780px) { #PH_SupportedCultures .skipRegion, #PH_Float_Menu .skipRegion, #PH_Menu .skipRegion, #group_Header-fixed .skipRegion { display: none; } } body[data-whatinput="keyboard"] .skipRegion:focus, body[data-whatinput="keyboard"] .skipRegion:active { clip: auto; height: auto; width: auto; overflow: visible; background-color: transparent; color: transparent; outline: none; } body[data-whatinput="keyboard"] .regionFocus[data-ariaLandmark="current"] { outline: solid red 2px; } #skipToContent { display: block; position: fixed; top: 0px; left: 0px; z-index: 999; padding: 0.5em; font-weight: bold; background-color: rgba(204, 204, 204, 0.9); color: #404041; margin-top: 0.3em; margin-left: 80px; display: none; -webkit-box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.58); -moz-box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.58); box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.58); } @media only screen and (max-width: 780px) { #skipToContent { margin-left: 57px; top: 10px; } } body.dir-RTL #skipToContent { margin-left: 58px; } #skipToContent:not(:focus) { left: -999px; } body[data-whatinput="keyboard"] #skipToContent:focus { outline: solid red 2px; } .plzWait { color: #005c9f; } .ui-dialog.ui-widget:focus { outline: 0 !important; } .ajax-refreshing { background-image: none; text-align: center; } .ajax-refreshing::before { font-family: FontAwesome; content: '\f110'; font-size: 3em; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; display: block; } .plzWait .ajax-refreshing.container { width: auto; height: auto; } .button.ajax-refreshing::before { float: right; font-size: 1.9rem; } #PH_HeaderBackground-fixed, #PH_HeaderBackground { width: 100%; left: 0; /* box-shadow: 1px 1px 1px 1px; */ } body, #group_Header-fixed { width: 85%; min-width: 640px; max-width: 980px; } #group_Header-fixed { /* padding-top:0.2em; */ box-sizing: border-box; display: table; } #group_Header-fixed > * { display: table-cell; vertical-align: middle; } #group_Header-fixed .onlymobile { display: none; } #PH_HeaderBackground-fixed, #group_Header-fixed { position: fixed; top: 0; z-index: 10; background-color: white; } @media only screen and (max-width: 780px) { #PH_HeaderBackground-fixed, #group_Header-fixed { background-color: #f2f2f2; } } #PH_HeaderBackground-fixed { /* border-bottom: 1px #666666 solid; */ box-shadow: 0 0px 10px 2px rgba(51, 51, 51, 0.3); } #PH_HeaderBackground-fixed, #group_Header-fixed, #siteMenuBar { height: 40px; z-index: 50; } #PH_HeaderBackground { background-image: url('../style/flowtheatre.css/images/headerimage.jpg'); background-repeat: no-repeat; background-color: white; background-size: 100% 100%; position: absolute; z-index: -10; height: 116px; } body.dir-RTL #PH_HeaderBackground { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #PH_HeaderBackground:after { content: ''; height: 44px; width: 100%; background-color: white; z-index: -9; display: block; opacity: 0.3; bottom: 0; position: absolute; } body.dir-RTL #PH_HeaderBackground:after { top: 0px; } body, .screen-content, input, textarea, keygen, select, button { font-family: Ubuntu, Arial, sans-serif; color: #404041; background-color: white; } body:disabled, .screen-content:disabled, input:disabled, textarea:disabled, keygen:disabled, select:disabled, button:disabled { color: #b0b0b1; } @media only screen and (max-width: 780px) { body, .screen-content, input, textarea, keygen, select, button { color: black; } } #group_Header { background-color: Transparent; position: relative; display: table; width: 100%; /* vertical-align: middle; */ } #group_Header > * { display: table-cell; /* display: inline-block; */ vertical-align: middle; } #PH_AdPlaceHolder { width: 400px; padding: 10px 0; } #PH_AdPlaceHolder > div { background-color: white; display: inline-block; box-sizing: border-box; min-height: 50px; } .template-TemplateFull .screen-content, .template-TemplateWithRight .screen-content, .template-TemplateFull #group_Header .navMenu { max-width: 70%; } .template-TemplateFull #group_Header .navMenu .navMenu-SubList { margin-left: -2px; } .template-TemplateFull #group_Header .navMenu .navMenu-SubList .navMenu-Item { width: 100%; } .template-TemplateFull .ph_galleria:has(:visible) { width: 70%; margin-bottom: 2em; } #galleria { height: 347px; } .galleria-container { background-color: white; } .template-TemplateFull .screen-content, .template-TemplateFull .ph_galleria { float: right; clear: right; } .template-TemplateTop .screen-content, .template-TemplateWithRight .screen-content, .template-TemplateFull .ph_galleria:has(:visible) { margin-top: 3em; } .template-TemplateFull #group_left, .template-TemplateWithRight #group_left { float: left; width: 270px; /*max-width:28%;*/ padding-right: 2%; margin-top: -2.5em; } @media only screen and (max-width: 780px) { .template-TemplateFull #group_left, .template-TemplateWithRight #group_left { /*Accessibility: hide region in mobile from screen reader*/ display: none; } } .template-TemplateFull #group_left .screenPartContainer { margin-bottom: 2em; /*float: left; width: inherit;*/ } .template-TemplateWithRight #group_left { margin-top: 72px; } .template-TemplateWithRight .screen-content { clear: left; float: left; min-height: 100%; } .ph_supportedcultures select { display: none; } .ui-selectmenu-button.supportedCulturesMenu { width: auto; } .supportedCulturesMenu span.ui-selectmenu-text { color: #404041; } .pageSectionContainer { border: 1px solid #cccccc; padding: 2%; padding-top: 2em; border-top: 0; padding-bottom: 0.5em; position: relative; margin: 2em 0; background-image: url('../style/flowtheatre.css/images/lower-tab.png'); background-repeat: repeat-x; background-position: top; } .pageSectionTitle { position: absolute; top: -28px; font-size: 20px; background-image: url('../style/flowtheatre.css/images/center-higher-tab.png'); background-color: white; height: 49px; padding-top: 5px; left: -1px; border-left: 1px solid #cccccc; padding-left: 8px; width: 48%; font-weight: normal; margin: 0; } .pageSectionTitle:focus { outline-offset: 36px; } .pageSectionTitle::after { content: ' '; display: inline-block; width: 36px; height: 54px; background-image: url('../style/flowtheatre.css/images/tab-right-curve.png'); background-color: white; position: absolute; top: -1px; right: -36px; } body.dir-RTL .pageSectionTitle::after { background-image: url('../style/flowtheatre.css/images/tab-left-curve.png'); } .containerTitle { /*position: absolute; top: -12px;*/ font-size: large; background: white; padding: 0 5px; } @media only screen and (max-width: 780px) { .containerTitle { background: #f2f2f2; } } .containerBy { width: 1em; padding: 1.1em; font-size: larger; vertical-align: top; } .bottomButtonsBar { margin: 1em 0; padding-right: 0.2em; position: relative; font-size: 1.2rem; } .hint { display: block; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.852 87.301' width='112.852' height='87.301'%3E%3Cpath fill='%23ec1c24' d='M43.65 0C19.542 0 0 19.543 0 43.65S19.543 87.3 43.65 87.3c40.17 0 69.2-43.65 69.2-43.65S83.06 0 43.65 0z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; color: White; width: 100px; height: 116px; top: 10px; left: -110px; } @media only screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { .hint { left: -66px; } } body.dir-RTL .hint { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.852 87.301' width='112.852' height='87.301'%3E%3Cpath fill='%23ec1c24' d='M69.202 0c24.106 0 43.65 19.543 43.65 43.65S93.307 87.3 69.2 87.3C29.032 87.3 0 43.65 0 43.65S29.794 0 69.202 0z'/%3E%3C/svg%3E"); } .hint SPAN { position: absolute; font-weight: bold; font-size: 1.1rem; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 50%; width: 70%; text-align: center; } .ticket { display: inline-block; background-image: url('../style/flowtheatre.css/images/ticketIcon.png'); background-size: contain; -ms-behavior: url('../style/style/ie/backgroundsize.min.htc'); width: 20px; height: 20px; } .infoSection { position: relative; margin-bottom: 17px; } .infoSection .imageContainer { float: left; margin-right: 1em; } .infoSection IMG { width: 6em; line-height: 10px; font-size: 10px; } .infoSection .name { font-weight: bold; padding-top: 0.3em; white-space: normal; } .merchandiseInfoSection .attributes, .merchandiseInfoSection .addons { margin-top: 0.5em; } .merchandiseInfoSection .addons { font-size: 1.2rem; } .merchandiseInfoSection .attributes > span, .merchandiseInfoSection .addons > span { display: none; } .merchandiseInfoSection .attributes > div > span:first-child, .merchandiseInfoSection .addons > div > span:first-child { font-weight: bold; } .merchandiseInfoSection .attributes > div > span:last-child:empty, .merchandiseInfoSection .addons > div > span:last-child:empty { display: none; } .merchandiseInfoSection .attributes > div > span:last-child:before, .merchandiseInfoSection .addons > div > span:last-child:before { content: ':'; padding-right: 0.5em; } .basket-container .subsInfoSection .imageContainer/*,*//*.basket-container .eventInfoSection .imageContainer, .basket-container .infoSection .imageContainer*/ { width: 70px; height: 77px; text-align: center; line-height: 70px; } .basket-container .imageContainer { width: 70px; height: 74px; text-align: center; line-height: 70px; } .basket-container .basketEvent .eventInfoSection .imageContainer { /*background-image:url('../style/flowtheatre.css/images/ticketMed.svg'); background-repeat: no-repeat; background-size: contain; background-position-y: 79%;*/ background-image: url('../style/flowtheatre.css/images/ticketMed.svg'); background-size: 73%; background-repeat: no-repeat; background-position-x: 7px; } .basket-container .basket-Subscriptions .subsInfoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/SubscriptionMed.svg'); background-size: 87%; background-repeat: no-repeat; background-position: 5px 9px; } .bundleItem .basket-Subscriptions .infoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/SubscriptionMed.svg'); background-size: 79%; background-repeat: no-repeat; background-position: 7px 9px; } .basket-container .basket-Memberships .infoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/membershipMed.svg'); background-size: 100%; background-repeat: no-repeat; background-position: 0px 9px; } .basket-container .basket-Donations .infoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/DonationMed.svg'); background-size: 100%; background-repeat: no-repeat; background-position: 0px 9px; } .basket-container .basket-MerchandiseItems .infoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/merchandiseMed.svg'); background-size: 95%; background-repeat: no-repeat; background-position: 0px 0px; } .basket-container .basket-GiftVouchers .infoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/GiftVouchersMed.svg'); background-size: 95%; background-repeat: no-repeat; background-position: 0px 0px; } .basket-container .bundleGroups .bundleInfoSection .imageContainer { background-image: url('../style/flowtheatre.css/images/Bundle.svg'); background-size: 95%; background-repeat: no-repeat; background-position: 0px 5px; } .basket-container .infoSection IMG { height: 50px; width: auto; vertical-align: middle; } .ph_order_page #basketContainer .basket-container .bundleGroups .bundleInfoContainer .infoSection IMG { max-height: 47px; max-width: 47px; width: auto; height: auto; vertical-align: middle; margin-top: -11px; margin-left: 8px; } .basket-container .basket-MerchandiseItems .infoSection IMG { height: auto; width: auto; max-width: 37px; max-height: 30px; margin-left: 3px; } .basket-container .eventInfoSection IMG { height: auto; width: auto; vertical-align: middle; margin-left: 7px; margin-top: 8px; max-width: 56px; max-height: 56px; line-height: 10px; font-size: 10px; } body.dir-RTL .basket-container .eventInfoSection IMG { margin-left: -8px; } .basket-container .basket-GiftVouchers IMG { margin-top: 21px; border-radius: 4px; margin-left: -3px; height: auto; width: auto; max-width: 59px; max-height: 48px; } .basket-container .basket-Donations IMG { border-radius: 50%; margin-top: 11px; margin-left: 0px; height: auto; max-width: 75%; max-height: 59%; } .basket-container .basket-Memberships IMG { border-radius: 50%; margin-top: 7px; margin-left: 0px; height: auto; max-width: 81%; max-height: 77%; } .basket-container .subsInfoSection IMG { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; height: auto; width: auto; vertical-align: middle; max-height: 57px; max-width: 50px; margin-top: 6px; } .eventInfoSection .imageContainer[role=link], .eventInfoSection .name[role=link] { cursor: pointer; } .infoSection .socialLinks { padding: 0.3em; } .infoSection .socialLink { background-color: #555555; border-radius: 50%; font-size: 0; width: 18px; height: 18px; display: inline-block; color: white; text-align: center; padding: 0; padding-top: 0.2em; } .infoSection .socialLink i:before { font-size: 1rem; } .infoSection .soc_google { background-color: #ce3d2b; } .infoSection .soc_facebook { background-color: #4966b6; } .infoSection .soc_twitter { background-color: #126eb4; } .infoSection .soc_whatsapp { background-color: #43d854; } /** header **/ /* stuff that is invisible in secondary mode */ #group_Header-fixed #PH_logo, #group_Header-fixed #PH_Main_Menu, #group_Header-fixed #PH_Search_Box { display: none; } /* stuff that is visible in secondary mode */ #group_Header-fixed.primary #PH_logo, #group_Header-fixed.primary #PH_Main_Menu, #group_Header-fixed.primary #PH_Search_Box { display: table-cell; } /* stuff that is invisible in primary mode */ #group_Header-fixed.primary #siteMenuBar .flm_Contact, #group_Header-fixed.primary #siteMenuBar .flm_OBO_Account { display: none; } #group_Header-fixed #siteMenuBar .flm_Contact, #group_Header-fixed #siteMenuBar .flm_OBO_Account { display: inline; } #group_Header-fixed.primary .ph_logo { margin: auto; float: none; width: 1px; display: table-cell; } #siteMenuBar { display: inline; } .ph_float_menu { width: 1px; white-space: nowrap; } .ph_supportedcultures { float: none; width: 1px; } @media only screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { .ph_supportedcultures { right: 0; display: table-cell; width: 49px; margin-right: -54px; } } /*#group_Header + DIV { margin:auto; }*/ #group_Header #PH_Menu { display: table-row; position: relative; height: 65px; } #group_Header-fixed.secondary #PH_Float_Menu { width: auto; /* padding-right: calc(10em + 50px); */ } body[data-whatinput="mouse"] .qtip.region-tooltip, body[data-whatinput="touch"] .qtip.region-tooltip, body:not([data-whatinput]) .qtip.region-tooltip { display: none !important; } .qtip.region-tooltip { box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); border-radius: 2px; color: black; border: 1px solid #f1d031; background-color: #ffffa3; font-size: 1.3rem; } .qtip.region-tooltip .regionTooltip { unicode-bidi: plaintext; direction: ltr; } body.dir-RTL .qtip.region-tooltip .regionTooltip { direction: rtl; } .qtip.crmInfoMenuTooltip { border: 1px solid #a6a7ad; width: 15em; } .qtip.crmInfoMenuTooltip { font-size: 1.3rem; } .qtip.crmInfoMenuTooltip .ajax-refreshing { padding-top: 50px; text-align: center; } .qtip.crmInfoMenuTooltip .ajax-refreshing::before { margin-bottom: 0.5em; } .crmInfoMenuTooltip ul { padding: 0; margin: 0; } .crmInfoMenuTooltip li { display: block; padding: 1em; border: 1px solid #a6a7ad; border-width: 0 0 1px 0; } .crmInfoMenuTooltip li:last-child { border-top-width: 2px; border-bottom: none; } .crmInfoMenuTooltip li span:before { content: ' ('; } .crmInfoMenuTooltip li span:after { content: ')'; } .crmInfoMenuTooltip li i.fa { margin-right: 0.5em; } .crmInfoMenuTooltip a, .crmInfoMenuTooltip a:hover { color: inherit; text-decoration: none; } .crmInfoMenuTooltip a > span { unicode-bidi: embed; margin-left: 0.3em; } #group_Footer { background-color: #eeeeee; float: left; width: 100%; /*the content wrapper is 85%, margins will be remaining 7.5% on each side: 100/85*7.5=8.82*/ padding: 1em 8.82%; margin-left: -8.82%; margin-top: 2em; position: relative; font-size: 1.2rem; } .hiddenPart { display: none; } .fadeMessage { position: fixed; margin: auto; background-color: #999999; color: black; font-size: 1.9rem; border: 1px solid black; top: 50%; left: 50%; padding: 1em; z-index: 999999; } /*max content wrapper width is 1280px*/ @media screen and (min-width: 1205px) { #group_Footer { padding: 1em 100%; margin-left: -100%; } body { overflow-x: hidden; } } #group_Footer #PH_Social_tools_bar { width: 120px; float: right; position: relative; } #group_Footer #PH_Social_tools_bar > * { float: right; } #group_Footer #PH_FooterMenu { width: 100%; position: relative; margin-right: -120px; } #group_Footer #PH_FooterMenu, #group_Footer #PH_Social_tools_bar { display: inline-block; } #PH_Social_tools_bar .addthis_button_compact, #PH_Social_tools_bar .addthis_button_compact + span { display: none; } /*.ui-selectmenu-button span.ui-selectmenu-text { padding-right: 1.1em; padding-left: 1em; }*/ .ui-autocomplete-term { color: #1f76b1; } @media screen and (max-width: 1151px) { .template-TemplateFull .screen-content, .template-TemplateFull #group_Header .navMenu { max-width: 100%; } .template-TemplateFull #group_left { margin-top: auto; width: 100%; } #group_left > DIV { width: 270px; display: inline-block; vertical-align: top; margin: 1%; } } .ui-dialog { box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.35); } @media only screen and (max-width: 780px) { body, .screen-content, button { background-color: #f2f2f2; } input, textarea, keygen, select { background-color: white; } select { background-color: White; } .screen-screenloader_aspx #group_left, .screen-ScreenLoader_aspx #group_left { display: none; } .screen-screenloader_aspx .screen-content, .screen-ScreenLoader_aspx .screen-content { margin-top: 51px; } .template-TemplateFull.screen-HelpDeskRequestForm_aspx #PH_MenuButton, .template-TemplateFull.screen-HospitalityEvents_aspx #PH_MenuButton, .template-TemplateFull.screen-HospitalityEvent_aspx #PH_MenuButton, .template-TemplateFull.screen-EventScheduleByShow_aspx #PH_MenuButton { display: none; } .template-TemplateFull #group_Header-fixed #PH_MenuBack, .template-TemplateTop #group_Header-fixed #PH_MenuBack, .template-TemplateTopMin #group_Header-fixed #PH_MenuBack, .template-TemplateFull #group_Header-fixed #PH_MenuBack .onlymobile, .template-TemplateTop #group_Header-fixed #PH_MenuBack .onlymobile, .template-TemplateTopMin #group_Header-fixed #PH_MenuBack .onlymobile { display: inline-block; width: 40px; position: static; height: 39px !important; } .template-TemplateTop #group_Header-fixed #PH_MenuBack, .template-TemplateTopMin #group_Header-fixed #PH_MenuBack, .template-TemplateTop #group_Header-fixed #PH_MenuBack .onlymobile, .template-TemplateTopMin #group_Header-fixed #PH_MenuBack .onlymobile { margin-left: -16px; } .basket-container .imageContainer { margin-left: 6px; margin-top: 2px; } /* lock dir {{*/ body.dir-RTL .fa-angle-left:before { content: "\f105"; } /* }} */ .template-TemplateFull .backbutton, .template-TemplateTop .backbutton, .template-TemplateTopMin .backbutton { font-size: xx-large; color: Black; left: 10px; top: 4px; padding-left: 16px; padding-top: 7px; } body #group_Header-fixed { border: 0 black solid; min-width: 300px; width: 100%; height: 5.5rem; background-color: #f2f2f2; -webkit-box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); box-sizing: border-box; padding-right: 4%; padding-left: 4%; border-radius: 0px; display: block; left: 0px; } #group_Header, #PH_SupportedCultures, #group_Header #PH_AdPlaceHolder, #PH_HeaderBackground, #PH_HeaderBackground-fixed { display: none; } #group_Header-fixed .menu_btn { display: block; } .menu_btn, .menu_btn.selected { background: transparent; background-image: none; } .menu_btn:before, .menu_btn:hover, .menu_btn.selected:before, .menu_btn.selected:hover { content: '\f0c9'; color: #404040; font-family: fontAwesome; font-size: 2.3rem; line-height: 2.4; text-decoration: none; } .ph_float_menu { width: 100%; } .ph_float_menu .flm_OBO_Account img { display: none; } #group_Header-fixed .ph_main_menu .flm_OBO_Account img { width: 24px; margin-right: 6px; } #group_Header-fixed .ph_main_menu .flm_OBO_Account[class*="Logout"] a { padding-left: 0px; } .screen-ClientRequiredFallback_aspx.template-TemplateFull #group_left, .screen-HelpDeskRequestForm_aspx #group_left { display: none; } .screen-ClientRequiredFallback_aspx.template-TemplateFull .screen-content p { padding: 18px; } #PH_MenuButton { width: auto; height: 100%; margin-top: 0; position: relative; float: left; margin: 0; box-sizing: border-box; line-height: 1.8; } #disablePane.menudisplayed { position: fixed; top: 0; left: 0; background: black; opacity: 0.7; z-index: 50; height: 100%; width: 100%; overflow: hidden; display: block; cursor: pointer; } #group_Header-fixed.menudisplayed #PH_MenuButton { right: 9px; position: absolute; } #group_Header-fixed #PH_logo { display: inline-block; background-image: none; height: 5.5rem; margin-top: 0; position: absolute; margin-left: 0; box-sizing: border-box; padding-top: 1.5rem; margin-left: 2rem; } #group_Header-fixed #PH_MenuBack + #PH_logo { margin-left: 0px; } #group_Header-fixed.menudisplayed #PH_logo { margin-left: 0px; width: auto; background: transparent; color: #404041; height: 5.5rem; margin-top: 0px; /*left: -1px;*/ } body.dir-RTL #group_Header-fixed.menudisplayed #PH_logo { background: transparent; } #group_Header-fixed #PH_logo a img { width: 75%; } #group_Header-fixed.menudisplayed #PH_logo a img { height: auto; margin-left: auto; box-sizing: border-box; margin-top: 0.2rem; } #group_Header-fixed.menudisplayed { height: 5.5rem; top: -1px; /* background-color:Red; height:100%; z-index:40; */ } body { min-width: 300px; width: 100%; padding-top: 50px; margin: 0 auto; text-align: left; } #group_Header-fixed.menudisplayed #PH_Main_Menu { display: inherit; width: 100%; float: left; } #group_Header-fixed.menudisplayed #PH_SupportedCultures { background-color: transparent; display: inherit; position: fixed; top: -24px; } body.dir-LTR #group_Header-fixed.menudisplayed #PH_SupportedCultures { left: 140px; } body.dir-RTL #group_Header-fixed.menudisplayed #PH_SupportedCultures { left: 201px; } .galleria-stage { border-color: transparent; } .template-TemplateTop .screen-content, .template-TemplateWithRight .screen-content, .template-TemplateFull .ph_galleria { margin-top: 0; } .template-TemplateFull .ph_galleria { width: 96%; margin-right: 2%; width: 100%; margin-right: 0%; margin-bottom: 0px; } .template-TemplateFull .screen-content { max-width: 100%; margin-left: 0px; float: left; width: 100%; padding-bottom: 46px; } /* .template-TemplateFull .screen-content.ph_recommended_shows { background-color:#F5F3F4; } */ #group_Footer { padding: 0px; margin-left: 0px; margin-top: 2em; padding-top: 0px; padding-bottom: 71px; } #group_Footer #PH_Social_tools_bar { margin-right: 18px; width: auto; } /*Ayelet*/ body { margin-bottom: 0px; /*overflow-y:hidden !important; */ margin-top: 0px; padding-top: 5.2rem; } #galleria { height: 206px; } .galleria-container { background-color: #f2f2f2; height: 210px !important; } .galleria-container.marked img/*fit to the picture height*/ { height: auto !important; width: auto !important; max-height: 100% !important; max-width: 100% !important; margin-top: 0px; } /*#group_Header-fixed>* { background-color:#F5F3F4; }*/ .template-TemplateFull .screen-content { min-height: 0%; } #group_Footer { margin-top: 0px; } .screen-Errors_aspx #group_left, .screen-errors_aspx #group_left { display: none; } .screen-Errors_aspx #btnBack, .screen-errors_aspx #btnBack { display: none; } .screen-Errors_aspx .pageSectionContainer, .screen-errors_aspx .pageSectionContainer { padding: 12px; } .pageSectionContainer { border: 0; background-image: none; margin: 0; padding: 0; } .pageSectionTitle { position: static; background-color: #efefef; font-size: 1.5em; background-image: none; padding: 0.5em; height: auto; border: 0; padding-left: 8px; width: auto; } .pageSectionTitle::after { display: none; } body.dir-RTL .hint { background-image: none; } .hint { position: fixed; z-index: 11; display: block; /* transform: none; */ color: black; font-size: 13px; font-weight: bold; bottom: 3px !important; top: auto; left: 10px; background-image: none; width: 42%; height: 51px; line-height: 19px; background-color: red; background-color: #b7b4b4; } .hint span { width: 100%; height: auto; float: left; margin-top: 2px; text-align: left; } .ui-dialog { max-height: 100%; max-width: 100%; overflow-y: auto; overflow-x: hidden; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .infoSection .socialLink { width: 50px; height: 18px; border-radius: 0; } .infoSection button.socialLink { height: 21px; } .infoSection a.socialLink { padding-top: 3px; vertical-align: middle; } .basket-container .bundleGroups .bundleInfoSection IMG { height: auto; width: auto; max-height: 46px; margin-top: -11px; max-width: 45px; margin-left: 8px; } body.dir-RTL .basket-container .bundleGroups .bundleInfoSection IMG { margin-left: -8px; } .basket-warning.error { width: 97%; } .qtip.region-tooltip { top: 55px !important; left: 10px !important; position: fixed; display: block; } } .general_caption { background-color: inherit; color: inherit; padding: 0 0.5em; height: auto; line-height: normal; } .invisible { visibility: hidden; z-index: -10000; position: absolute; margin-left: -100%; } a.logo-container { text-decoration: none; color: #005c9f; } .logo-container:active { color: #005c9f; } .logo-container:empty { background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%271.0%27%3F%3E%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20141.2%2055%27%3E%3Cstyle%3E.s0%7Bfill%3A%23005c9f%3B%7D.s1%7Bfill-opacity%3A0.66%3B%7D.s2%7Bfill-opacity%3A0.33%7D%3C%2Fstyle%3E%3Cg%20transform%3D%27matrix%281.25%2C0%2C0%2C-1.25%2C0%2C55%29%27%3E%3Cg%20transform%3D%27scale%280.1%2C0.1%29%27%3E%20%3Cpath%20class%3D%27s0%27%20d%3D%27m%20788.766%2C218.277%2044.914%2C0%20c%2029.5%2C0%2043.855%2C10.317%2043.855%2C31.543%200%2C22.059%20-13.535%2C31.899%20-43.855%2C31.899%20l%20-44.914%2C0%200%2C-63.442%20z%20m%2091.386%2C-122.984%20-55.203%2C84.453%20-36.183%2C0%200%2C-84.453%20-41.68%2C0%200%2C224.957%2086.594%2C0%20c%2056.758%2C0%2085.535%2C-23.695%2085.535%2C-70.43%200%2C-31.261%20-17%2C-54.8%20-46.66%2C-64.586%20l%20-3.379%2C-1.101%2058.613%2C-88.84%20-47.637%2C0%27%20%2F%3E%3Cpath%20class%3D%27s0%27%20d%3D%27m%201035.75%2C280.438%20c%20-40.812%2C0%20-47.961%2C-27.543%20-47.961%2C-71.754%200%2C-44.219%207.149%2C-71.77%2047.961%2C-71.77%2040.82%2C0%2047.96%2C27.551%2047.96%2C71.77%200%2C44.211%20-7.14%2C71.754%20-47.96%2C71.754%20z%20m%20-93.867%2C-71.754%20c%200%2C64.613%2019.043%2C114.277%2093.867%2C114.277%2074.82%2C0%2093.88%2C-49.664%2093.88%2C-114.277%200%2C-64.621%20-19.06%2C-114.2895%20-93.88%2C-114.2895%20-74.824%2C0%20-93.867%2C49.6685%20-93.867%2C114.2895%27%20%2F%3E%3Cpath%20class%3D%27s0%27%20d%3D%27m%20665.594%2C221.52%20c%20-9.094%2C3.796%20-42.981%2C15.312%20-49.063%2C18.437%20-8.769%2C4.5%20-18.574%2C9.523%20-17.492%2C23.168%201.008%2C12.691%2010.449%2C22.91%2035.313%2C22.91%2035.421%2C0%2067.226%2C-18.918%2067.226%2C-18.918%20l%200%2C42.141%20c%200%2C0%20-25%2C13.707%20-65.32%2C13.707%20-40.324%2C0%20-80.32%2C-18.145%20-80.32%2C-63.945%200%2C-37.696%2025.652%2C-50.79%2047.105%2C-58.446%2021.465%2C-7.664%2040.859%2C-14.91%2051.23%2C-20.41%2010.372%2C-5.496%2016.836%2C-11.043%2016.836%2C-23.68%200%2C-12.546%20-7.175%2C-25.07%20-42.351%2C-25.07%20-35.176%2C0%20-70.02%2C23.234%20-70.02%2C23.234%20l%200%2C-42.414%20c%200%2C0%2027.285%2C-17.8395%2070.02%2C-17.8395%2042.722%2C0%2085.605%2C16.0855%2085.605%2C65.5935%200%2C41.899%20-37.832%2C56.969%20-48.769%2C61.532%27%20%2F%3E%3Cpath%20class%3D%27s0%27%20d%3D%27M%20220.695%2C440%20149.445%2C368.75%20268.195%2C250%20339.445%2C321.25%20220.695%2C440%20Z%20m%200%2C-42.426%2076.325%2C-76.324%20-28.825%2C-28.824%20-76.324%2C76.324%2028.824%2C28.824%27%20%2F%3E%3Cpath%20class%3D%27s0%20s1%27%20d%3D%27M%20115.383%2C104.895%200%2C220.273%20124.617%2C344.887%20240.004%2C229.504%20115.383%2C104.895%20m%209.234%2C197.566%20-82.1873%2C-82.188%2072.9533%2C-72.96%2082.191%2C82.191%20-72.957%2C72.957%27%20%2F%3E%3Cpath%20class%3D%27s0%27%20d%3D%27M%20220%2C160%20140%2C80%20220%2C0%20300%2C80%20220%2C160%20Z%20M%20220%2C117.578%20257.574%2C80%20220%2C42.4219%20182.43%2C80%20220%2C117.578%27%20%2F%3E%3Cpath%20class%3D%27s0%20s2%27%20d%3D%27M%20326.906%2C105.449%20250.004%2C182.352%20363.098%2C295.445%20440%2C218.539%20326.906%2C105.449%20m%2036.192%2C147.571%20-70.668%2C-70.668%2034.476%2C-34.481%2070.668%2C70.668%20-34.476%2C34.481%27%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; display: inline-block; background-position: center; } .ph_largelogo .logo-container:empty { width: 10rem; height: 5rem; } .ph_logo .logo-container:empty { width: 6rem; height: 2.5rem; } .ph_search_box { float:none; text-align: center; width: auto; padding-right:2em; } .ph_search_box .frmSearch { width: 110px; } .ph_search_box>div { display: inline; text-align: center; } FORM.frmSearch INPUT[type=text] { border:none; color:#707070; height: 84%; width: 152px; margin-left: 1px; } @media screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { #group_Header-fixed FORM.frmSearch INPUT[type=text] { width: 119px; font-size: 10px; } } FORM.frmSearch INPUT[type=text].active { color:inherit; } FORM.frmSearch .SearchTextBox { height: 100%; margin: auto; color: inherit; } FORM.frmSearch .SearchTextButton:focus { background-color: white; } FORM.frmSearch .SearchTextButton:focus:before { color:#cb2b19; } FORM.frmSearch .SearchBoxContainer { display: inline-block; border:2px solid rgba(127,127,127,.5); background-clip: padding-box; border-radius:3px; vertical-align: middle; background-color: white; height: 37px; overflow: hidden; position:relative; } #group_Header-fixed FORM.frmSearch .SearchBoxContainer { height:20px; } FORM.frmSearch input:focus { color:inherit; } FORM.frmSearch .SearchTextButton { display:inline-block; float: right; background-color: #cb2b19; width: 45px; border-radius: 50% 0 0 50%; height: 100px; position: absolute; top: -33px; right: 0; text-align: center; color: white; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor:pointer; } /* lock dir {{*/ body.dir-RTL FORM.frmSearch .SearchTextButton { border-radius: 0 50% 50% 0; } /*}}*/ #group_Header-fixed FORM.frmSearch .SearchTextButton { height:50px; top: -15px; } FORM.frmSearch .SearchTextButton:before { content: "\f002"; line-height: 100px; font-size: 20px; } #group_Header-fixed FORM.frmSearch .SearchTextButton:before { font-size:14px; line-height:50px; } FORM.frmSearch .SearchTextButton>img { display:none; } @media screen and (max-width:780px) { .ph_search_box { position:absolute; top:5px; right:34px; padding-right:0; } #group_Header-fixed #PH_Search_Box { top: 0px; right: 0; width: 3.2em; height: 5.5rem; display: block; position: absolute; /* float: right; */ margin: 0; line-height: 1.8; z-index: 5; } #group_Header-fixed.menudisplayed #PH_Search_Box { display:none; } .SearchBoxContainer input { /*display:none;*/ width:9em; } .SearchTextButton { display:inline; background-image:none; background-size:15px 15px; background-repeat:no-repeat; } .SearchBoxContainer:hover input { /*display:block;*/ } .SearchBoxContainer:hover .SearchTextButton { /*display:none;*/ } #group_Header-fixed .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { height: 40px; top: 10px; color: black; border-radius: 0px; background-color:transparent; border: black 1px solid; border-right:0px black none; left: 0px; display:inline-block; } #group_Header-fixed FORM.frmSearch .SearchTextButton:before { color: #404040; /* font-family: fontAwesome; */ font-size: 2.3rem; line-height: 1.4; text-decoration: none; } .SearchTextButton IMG { visibility:hidden; } FORM.frmSearch input { width: 100%; float: right; font-size: 14px; margin-top: 3px; } #group_Header-fixed FORM.frmSearch .SearchBoxContainer { height: 100%; width: 100%; border: 0px transparent solid; display:inherit; border-radius:0px; background-color: transparent; } FORM.frmSearch INPUT[type=text] { border:black 1px solid; width:100%; } #group_Header-fixed:not(.searchPageOpen) FORM.frmSearch INPUT[type=text] { border: 0px transparent solid; background-color: #F4F4F4; color:#F4F4F4; } ul.ui-autocomplete.ui-widget.ui-widget-content { width:100% !important; left:0px !important; } } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } .genres { background-color: #eeeeee; /* added for PIE.htc {*/ /*position:relative;*/ /*z-index:-2;*/ /*} */ } .genres h2 { background-color: #1f76b1; border-radius: 0 0 40% 40%; color: White; text-align: center; margin: 0; padding: 0.5em; font-size: large; box-shadow: 0 2px 2px #1f76b1; } .genresContainer { padding: 1em; padding-left: 3em; } .genresContainer:after { content: ' '; clear: left; display: block; } .genre { font-size: 1.3rem; display: inline-block; float: left; clear: left; background-color: white; position: relative; margin-bottom: 0.7em; margin-right: 2em; line-height: 2.7em; color: #1d54a0; text-decoration: none; padding-left: 0.5em; padding-right: 0.5em; margin-left: 8%; width: 65%; } /* lock dir {{*/ .genre:before { content: " "; background-image: url('../style/flowtheatre.css/images/category.png'); background-repeat: repeat-y; position: absolute; width: 0.625em; right: -0.625em; height: 100%; } .genre:after { content: " "; background-image: url('../style/flowtheatre.css/images/category_shadow.png'); position: absolute; bottom: -0.688em; height: 0.813em; width: 4.813em; right: 0; } /* }} */ .genre:hover { color: #3d74c0; text-decoration: none; } .genre.selected { color: #526a1e; font-size: 1.4rem; font-weight: bold; } /* .genre:nth-child(1) { padding-right:3em; } .genre:nth-child(2) { padding-right:2em; } .genre:nth-child(3) { padding-right:5em; } .genre:nth-child(4) { padding-right:4.5em; } .genre:nth-child(5) { padding-right:2.5em; } .genre:nth-child(6) { padding-right:3.5em; }*/ .genresFooter { text-align: center; padding: 1em 0; } .genresFooter button { cursor: pointer; background-color: transparent; } .genresFooter button:after { content: " "; background-image: url('../style/images/ui-icons_222222_256x240.png'); background-position: right; width: 1em; height: 1em; display: inline-block; } .genresFooter .more:after { background-position: -64px 0; } .genresFooter .close:after { background-position: 0 0; } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } .eventsCalendar .ui-datepicker .ui-datepicker-header:before { content: 'What\000027s on'; } html[lang=he-IL] .eventsCalendar .ui-datepicker .ui-datepicker-header:before { content: 'מה קורה ב\00002E\00002E\00002E'; } .eventsCalendar .ui-datepicker, .eventsCalendar .ui-datepicker-calendar { background: #eeeeee; padding: 0; } .eventsCalendar .ui-datepicker-calendar { margin: 0px auto; width: 90%; width: calc(100% - 2em); } .eventsCalendar .ui-datepicker-header { background-color: #1f76b1; border-radius: 0 0 40% 40%; padding: 0.75em 0; box-shadow: 0 2px 2px #1f76b1; font-weight: normal; color: white; } .eventsCalendar .ui-datepicker th { font-size: larger; border: 1px dashed #999999; border-right: 0; border-left: 0; padding: 0.3em; } .eventsCalendar .ui-widget-header .ui-icon { background-image: url('../style/flowtheatre.css/images/ui-icons_EF3F37_256x240.png'); } body.dir-LTR .eventsCalendar .ui-icon-circle-triangle-e { background-position: -32px 0; } body.dir-LTR .eventsCalendar .ui-icon-circle-triangle-w { background-position: -96px 0; } body.dir-RTL .eventsCalendar .ui-icon-circle-triangle-e { background-position: -96px 0; } body.dir-RTL .eventsCalendar .ui-icon-circle-triangle-w { background-position: -32px 0; } .eventsCalendar .ui-datepicker td span, .eventsCalendar .ui-datepicker td a { text-align: center; padding: 0.5em; } .eventsCalendar .ui-datepicker-unselectable { opacity: 1; } .eventsCalendar .ui-state-default { border-color: Transparent; background: none; } .eventsCalendar A.ui-state-default, .eventsCalendar .ui-widget-content A.ui-state-default { background: Transparent url('../style/flowtheatre.css/images/calendar/circleDate.png') 70% 60% no-repeat; } /*.eventsCalendar .ui-state-disabled, .eventsCalendar .ui-widget-content .ui-state-disabled { opacity:inherit; background:none; } .eventsCalendar .ui-state-disabled .ui-state-default { background:none; }*/ .eventsCalendar .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default, .eventsCalendar .ui-widget-content .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default { color: white; background: Transparent url('../style/flowtheatre.css/images/calendar/circleToday.png') 70% 60% no-repeat; } .eventsCalendar .ui-state-disabled.ui-datepicker-today A.ui-state-default, .eventsCalendar .ui-widget-content .ui-state-disabled.ui-datepicker-today A.ui-state-default { background-image: url('../style/flowtheatre.css/images/calendar/circleTodayShow.png'); color: white; } .eventsCalendar .ui-datepicker .ui-datepicker-month { margin-right: 1em; } .eventsCalendar .ui-datepicker .ui-datepicker-year, .eventsCalendar .ui-datepicker .ui-datepicker-month { background-color: white; font-family: inherit; } html.appearance .eventsCalendar .ui-datepicker-year, html.appearance .eventsCalendar .ui-datepicker-month { background-color: #001e3c; color: white; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 10px; width: auto; padding-right: 10px; } /* lock dir {{ */ html.appearance .eventsCalendar .ui-datepicker-year, html.appearance .eventsCalendar .ui-datepicker-month { background: url('../style/flowtheatre.css/images/caret-se.png') no-repeat right; background-size: 18%; } html.appearance body.dir-RTL .eventsCalendar .ui-datepicker-year, html.appearance body.dir-RTL .eventsCalendar .ui-datepicker-month { background: url('../style/flowtheatre.css/images/caret-sw.png') no-repeat left; background-size: 18%; } /* }} */ html.appearance .eventsCalendar .ui-datepicker-year option, html.appearance .eventsCalendar .ui-datepicker-month option { background-color: white; color: #001e3c; } .eventsCalendar .ui-datepicker .ui-datepicker-header:before { margin-left: 1em; width: 30%; width: calc(55% - 40px - 1em); display: inlline-block; float: left; line-height: 2em; } .eventsCalendar .ui-datepicker .ui-datepicker-header a, .eventsCalendar .ui-datepicker .ui-datepicker-header a span { float: left; position: static; margin: 0; width: 20px; border: none; background: none; } .eventsCalendar .ui-datepicker .ui-datepicker-header a span { display: none; } .eventsCalendar .ui-datepicker .ui-datepicker-header a { padding-top: 0.5em; text-align: right; } .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-next { float: right; text-align: left; } .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before { content: "\f054"; } .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before { content: "\f053"; } body.dir-RTL .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before { content: "\f053"; } body.dir-RTL .eventsCalendar .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before { content: "\f054"; } .eventsCalendar .ui-datepicker .ui-datepicker-header a { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #c3feff; } .eventsCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { float: left; margin: 0; width: 45%; } .qtip.eventsCalendar-tooltip { border-bottom: 2px #cb2b19 solid; } .qtip.eventsCalendar-tooltip .qtip-content div { padding: 0.5em; } .qtip.eventsCalendar-tooltip .qtip-content div + div { border-top: 1px dashed #cccccc; } @media only screen and (max-width: 780px) { html.appearance .eventsCalendar .ui-datepicker-year, html.appearance .eventsCalendar .ui-datepicker-month { background-color: white; } .eventsCalendar .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default, .eventsCalendar .ui-widget-content .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default { background-size: 36px; background-position-x: 63%; background-position-y: 7px; } } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } .currentTimeRangeEventsCtrl { padding: 1em 1em 1em 1em; background-color: #eeeeee; } @media only screen and (max-width: 780px) { .currentTimeRangeEventsCtrl { padding: 27.5em 1em 0em 0em; padding-top: 27.5em; padding-right: 1em; padding-bottom: 0em; padding-left: 0em; } } .currentTimeRangeEventsCtrl .currentTimeRangeEvents, .currentTimeRangeEventsCtrl .currentTimeRangeEvents:active { background-color: white; width: 83%; display: inline-block; text-decoration: none; padding-left: 1.5em; padding-right: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; word-break: break-word; color: #005c9f; font-weight: bold; text-align: center; -webkit-box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 13px -1px rgba(0, 0, 0, 0.35); } @media only screen and (max-width: 780px) { .currentTimeRangeEventsCtrl .currentTimeRangeEvents, .currentTimeRangeEventsCtrl .currentTimeRangeEvents:active { padding-left: 0em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; width: 100%; background-color: #bfbfbf; color: black; text-align: right; font-size: 1.3em; } .currentTimeRangeEventsCtrl .currentTimeRangeEvents::after, .currentTimeRangeEventsCtrl .currentTimeRangeEvents:active::after { content: ' >>'; } } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } .ph_float_menu { float: none; } .siteMenuContainer a, .siteMenuContainer a:hover { color: #404041; text-decoration: none; } @media only screen and (max-width: 780px) { .siteMenuContainer a, .siteMenuContainer a:hover { color: #404041; } } #siteMenuBar { color: #666666; } body.dir-RTL #siteMenuBar { unicode-bidi: normal; } #siteMenuBar.hasclient .flm_login, #siteMenuBar.hasclient .flm_Join { display: none; } #siteMenuBar #signInBox, #siteMenuBar #LoyaltyPoints { display: none; } #siteMenuBar.hasclient #customerBox > a:first-child:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; } #siteMenuBar.hasclient #customerBox a { color: #404041; } @media only screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { #siteMenuBar.hasclient #customerBox a.float_menu_item { margin-left: 26px; margin-right: -47px; right: 23px; } } body.dir-RTL #siteMenuBar.hasclient #customerBox > a:first-child { /*float:right;*/ margin-top: 0.3em; display: inline-block; margin-right: 0px; } body.dir-RTL #customerBox .crmId { display: inline-block; } #siteMenuBar.logged-in #customerBox button.logout { display: none; } #siteMenuBar.logged-in #customerBox .crmId:before { content: '('; } #siteMenuBar.logged-in #customerBox .crmId:after { content: ')'; } #siteMenuBar .greeting { color: inherit; unicode-bidi: embed; max-width: 197px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: inline-block; line-height: 11px; } #siteMenuBar .loggedinclientbox .greeting { max-width: 86px; line-height: 17px; vertical-align: bottom; } #siteMenuBar.hasclient #customerBox { display: inline-block; } #siteMenuBar.hasclient #customerBox > a:first-child:before { font: normal normal normal 14px/1 FontAwesome; padding-left: 1em; } #group_Header-fixed #siteMenuBar .flm_Contact, #group_Header-fixed #siteMenuBar .flm_OBO_Account { float: left; } #group_Header-fixed #siteMenuBar .flm_Contact { border: none; text-align: left; } #group_Header-fixed #siteMenuBar .flm_Contact > span { padding-right: 1em; display: table-cell; height: 27px; vertical-align: middle; } #group_Header-fixed #siteMenuBar .flm_OBO_Account { vertical-align: middle; height: 27px; /*fix bug 27516 in Chrome*/ } #PH_Float_Menu #navMenu_Float_AccessibilityDisclaimer_item { position: fixed; left: 2px; top: 0px; font-size: 1.1rem; padding: 0; background-image: url('../style/flowtheatre.css/images/accessibility.png'); background-size: 24px auto; background-repeat: no-repeat; padding-top: 25px; background-position: 42% 4px; } .siteMenuContainer #navMenu_Float_AccessibilityDisclaimer_item:after { visibility: hidden; } @media only screen and (min-width: 781px) { #group_Header-fixed #siteMenuBar .flm_OBO_Account > span { display: table-cell; height: 40px; vertical-align: middle; position: relative; bottom: 6px; box-sizing: border-box; /*border: 1px solid #A6A7AD; border-width: 0 1px 0 1px;*/ padding-left: 1em; padding-right: 1em; } #group_Header-fixed #siteMenuBar .flm_OBO_Account > span img { max-height: 40px; vertical-align: middle; } #siteMenuBar .flm_OBO_Account { color: #cb2b19; } #siteMenuBar .flm_OBO_Account.active { color: #5777a9; } .siteMenuContainer > .flm_login { margin: 2px; } #siteMenuBar #my_basket { height: 23px; line-height: 23px; } } #siteMenuBar .flm_login { color: #cb2b19; /*outline:none;*/ } #siteMenuBar .flm_Join > span { color: white; background-color: #cb2b19; padding: 2px 0.5em; border-radius: 3px; position: relative; min-width: 3em; display: inline-block; text-align: center; } #siteMenuBar .flm_Join > span:after { content: " "; background: url('../style/flowtheatre.css/images/shadow-r.png') no-repeat right, url('../style/flowtheatre.css/images/shadow-l.png') no-repeat left; background-size: 30px 100%; position: absolute; bottom: -6px; height: 6px; width: 100%; right: 0; } #siteMenuBar #my_basket { width: 28px; position: relative; } @media only screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { #siteMenuBar #my_basket { margin-right: 0px; right: 4px; width: 37px; } } #siteMenuBar #my_basket:before { content: 'x'; color: Transparent; } #siteMenuBar #my_basket:after { background: none; } #siteMenuBar #my_basket > span, #siteMenuBar [id='my basket'] > span/*workaround for bg-size polyfill*/ { background-size: contain; color: transparent; font-size: 0px; /*fix bug 27516 in FF*/ display: inline-block; height: 22px; left: 10px; width: 22px; position: absolute; } #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { content: "\e80b"; font-family: 'toptix'; color: #404041; font-size: 2.2rem; line-height: 1; margin-left: 3px; } #siteMenuBar #my_basket > span > * { font-size: 12px; } #siteMenuBar #my_basket .basketQtyHolder, #siteMenuBar[id='my basket'] .basketQtyHolder { background: #cb2b19 none; color: white; border-radius: 50%; width: auto; min-width: 15px; height: 15px; box-sizing: border-box; padding: 2px; position: absolute; left: -10px; line-height: 12px; } .siteMenuContainer > *:last-child:after, .siteMenuContainer > *:after, #siteMenuBar.hasclient #customerBox:after { content: ''; position: absolute; right: 0; width: 2px; height: 36px; top: -13px; background: white; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #8f8f8f 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #8f8f8f), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #8f8f8f 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #8f8f8f 50%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #8f8f8f 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #8f8f8f 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); } .siteMenuContainer > *, .siteMenuContainer a { /*border-color: #A6A7AD; border-right: 1px solid #A6A7AD;*/ border: 0; position: relative; } #siteMenuBar #customerBox .loyaltyPoints, #siteMenuBar #customerBox .qualityPoints { /*border:1px solid #A6A7AD;*/ /*border-width: 0 1px;*/ padding: 0.5em 0.5em 0em 0.5em; /*background-color:#58586D; color:white; margin-right:0.2em;*/ position: relative; top: -0.5em; display: inline-block; /*border-radius: 5rem;*/ } #siteMenuBar #customerBox .clientPoints > span { padding-left: 2em; font-size: 1.2rem; color: black; } #siteMenuBar #customerBox .clientPoints:before { font-family: FontAwesome; position: absolute; top: 0.4em; font-size: 2.3rem; left: 4px; } #siteMenuBar #customerBox .loyaltyPoints:before { content: '\f0d6'; } #siteMenuBar #customerBox .qualityPoints:before { content: '\f091'; left: 8px; } #siteMenuBar.logged-in #customerBox .loyaltyPoints a, #siteMenuBar.logged-in #customerBox .qualityPoints a { font-weight: 100; font-size: 1rem; position: absolute; left: 3em; bottom: 3px; top: 0.5em; height: 1rem; /*fix bug 27516 in Chrome*/ width: 6rem; text-align: left; line-height: 14px; /*bottom: 0px;*/ vertical-align: bottom; padding-top: 15px; color: black; /*color:white;*/ } #siteMenuBar #customerBox > span:first-of-type { margin-left: 1.5em; } #siteMenuBar #customerBox > span:last-of-type { margin-right: 2.5em; } #customerBox .crmId, #customerBox .loyaltyPoints, #customerBox .qualityPoints { display: inline; } #customerBox .greetingFirst { display: none; } #siteMenuBar .flm_my_basket.active { margin-right: 60px; } #siteMenuBar #CountDown { position: absolute; /*required to avoid bug in Chrome which caused timer to disappear */ display: none; } #siteMenuBar #CountDown.active { display: inline; } #siteMenuBar #CountDown .timer-tooltip, #siteMenuBar #CountDown .timer-tooltip * #siteMenuBar #CountDown .timer-tooltip.hidden { visibility: hidden; } #siteMenuBar #CountDown.active .timer-tooltip, #siteMenuBar #CountDown.active .timer-tooltip * { visibility: visible; } #siteMenuBar #CountDown.active .timer-tooltip .CancelTransFromTimer, #siteMenuBar #CountDown.active .timer-tooltip .CancelTransFromTimer span { visibility: hidden; display: none; } #siteMenuBar #CountDown .timerMessage { display: inline-block; } #siteMenuBar #CountDown .timerText { font-weight: normal; float: left; padding: 0.1em; } #siteMenuBar #CountDown .CountDownRemainingTimeTitle { display: none; } #siteMenuBar #CountDown .graphicCountdownHolder { background-color: inherit; } .graphicCountdown { display: none; } .timer-tooltip.qtip { max-width: 150px; z-index: 100 !important; } .timer-tooltip.compact .CountDownRemainingTimeTitle { display: none; } .timer-tooltip .CancelTransFromTimer { display: none; } .timer-tooltip .graphicCountdownHolder { display: none; } .timer-tooltip.compact .graphicCountdownHolder { display: inline-block; } @media screen and (max-width: 1151px) { #customerBox .greeting { display: none; } #customerBox .greetingFirst { display: inline; } } @media only screen and (max-width: 780px) { #PH_Float_Menu #navMenu_Float_AccessibilityDisclaimer_item { display: none; } .timer-tooltip .CancelTransFromTimer { display: inline-block; } #group_Header-fixed #siteMenuBar .flm_Join, #group_Header-fixed #siteMenuBar .flm_Contact, #group_Header-fixed #siteMenuBar .flm_OBO_Account { display: none; } .flm_my_basket:not(.active) { display: none; } .flm_my_basket.active { background-image: none; background-color: transparent; } #siteMenuBar #my_basket.active { top: 0px; right: 6rem; width: 4rem; height: 5.5rem; display: inherit; position: absolute; padding-right: 0px; padding: 0; margin: 0; box-sizing: border-box; padding-top: 1.1rem; } #siteMenuBar #my_basket > span, #siteMenuBar div[id='my basket'] > span { bottom: 0; background-size: initial; height: 5.5rem; left: 0px; top: 0; } #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before/*workaround for bg-size polyfill*/ { content: "\e80b"; font-family: 'toptix'; font-size: 2.4rem; left: 0.7rem; top: 1.2rem; position: absolute; color: #404041; } .basketQtyHolder { margin-top: -3px; left: -0.4rem !important; } #siteMenuBar #my_basket .basketQtyHolder, #siteMenuBar[id='my basket'] .basketQtyHolder { width: auto; min-width: auto; height: auto; box-sizing: border-box; padding: 0.3rem 0.3rem; top: 1.1rem; } body.dir-RTL #siteMenuBar #my_basket .basketQtyHolder, body.dir-RTL #siteMenuBar[id='my basket'] .basketQtyHolder { left: -8px !important; } #siteMenuBar #CountDown.active .timer-tooltip { /*top: 2rem !important; margin-left: -28px; width: 37px !important; min-width: 0px;*/ top: 3.5rem !important; width: 37px !important; min-width: 0px; position: fixed; right: 58px !important; left: auto !important; } /*body.dir-RTL #siteMenuBar #CountDown.active .timer-tooltip { margin-right:28px; }*/ #siteMenuBar.hasclient #CountDown.active .timer-tooltip { /*top: 2rem !important;*/ /*margin-left: 1rem;*/ /*position: fixed;*/ top: 3.5rem !important; position: fixed; right: 58px !important; left: auto !important; } #siteMenuBar #CountDown .timerText { float: none; } #siteMenuBar #CountDown.active .timer-tooltip .qtip-content, .timerMessage { padding: 0px; } body.dir-RTL #siteMenuBar #CountDown.active .timer-tooltip .qtip-content { text-align: center; } #siteMenuBar #CountDown.active .timer-tooltip .qtip-tip { top: -8px !important; left: -1px !important; -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ie-transform: rotate(90deg); transform: rotate(90deg); border-right: 1px solid #f1d031 !important; border: 1px solid #f1d031 !important; visibility: hidden; } body.dir-RTL #siteMenuBar #CountDown.active .timer-tooltip .qtip-tip { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } #siteMenuBar #CountDown.active .timer-tooltip .qtip { font-size: 13px; } #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login { border-right: 0px white solid; float: none; height: 5.5rem; margin-top: 0; width: 7rem; position: absolute; right: 11rem; top: 0px; } #group_Header-fixed.menudisplayed #siteMenuBar .flm_login, #group_Header-fixed.menudisplayed #siteMenuBar #my_basket, #group_Header-fixed.menudisplayed #siteMenuBar #CountDown, #group_Header-fixed.menudisplayed #siteMenuBar #customerBox { display: none; } #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span { color: #404041; bottom: initial; background-color: #f2f2f2; width: 100%; left: 0px; height: 100%; font-size: 21px; position: absolute; line-height: 2.5em; top: 0px; } .siteMenuContainer > a:last-child:after, .siteMenuContainer > a:after, #siteMenuBar.hasclient #customerBox:after { content: ''; position: absolute; right: 0; width: 2px; height: 36px; top: -13px; background: none; } .siteMenuContainer > *:last-child:after, .siteMenuContainer > *:after, #siteMenuBar.hasclient #customerBox:after { display: none; } #customerBox { margin-top: 0px; } #customerBox .greeting { background: transparent; } #customerBox .greetingFirst { display: none; } #siteMenuBar.hasclient #customerBox:before { /*padding: 10px; margin-right: -33px;*/ display: none; } #siteMenuBar.hasclient #customerBox > a:first-child:after { content: "\f007"; font-size: 27px; left: 93px; float: left; margin-top: -39px; } body.dir-LTR #siteMenuBar.hasclient #customerBox > a:first-child:after { margin-top: 0px; } #siteMenuBar #customerBox .loyaltyPoints, #siteMenuBar #customerBox .qualityPoints, #customerBox .greeting, #customerBox .crmId { visibility: hidden; } #siteMenuBar #customerBox.crmMenuIsShow .loyaltyPoints, #siteMenuBar #customerBox.crmMenuIsShow .qualityPoints, #customerBox.crmMenuIsShow .greeting { visibility: visible; } #customerBox.crmMenuIsShow .greeting:before { width: 19px; height: 19px; background-color: white; content: ""; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 7px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #customerBox.crmMenuIsShow .float_menu_item .greeting { white-space: normal; top: 39px; right: 1px; /*-69px;*/ width: 192px; height: 193px; display: inherit; position: absolute; background-color: white; border-radius: 0px; font-size: 20px; font-weight: bold; border-radius: 0px !important; border: 1px solid #e2e2e2; -moz-box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); -webkit-box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); display: block; word-break: break-all; padding-left: 4px; max-width: none; border-radius: 0.1px; padding-top: 24px; line-height: 23px; } #customerBox.crmMenuIsShow .float_menu_item .crmId { top: 77px; right: 1px; width: 192px; height: 47px; display: initial !important; position: absolute; background-color: white; font-size: 14px; } #siteMenuBar #customerBox.crmMenuIsShow .loyaltyPoints, #siteMenuBar #customerBox.crmMenuIsShow .qualityPoints { display: none; } #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .clientPoints:after { content: '\f054'; font-family: FontAwesome; font-size: 1.9rem; position: absolute; right: 0; top: 0.5em; } body.dir-RTL #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .clientPoints:after { content: '\f053'; } #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .loyaltyPoints, #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .qualityPoints { top: 8em; right: 5em; width: 8em; height: 1.5em; display: inherit; position: absolute; margin: 0 auto; } #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .qualityPoints { top: 11em; } .crmInfoMenuTooltip.qtip-focus, .crmInfoMenuTooltip.qtip-pos-tr:not(.qtip-focus) { display: none !important; } #siteMenuBar.hasclient #customerBox.crmMenuIsShow .float_menu_item + button.logout { top: 212px; right: 12px; width: 200px; height: 40px; line-height: 30px; display: inherit; position: absolute; background-image: none; background-color: white; border: 0; font-size: 20px; color: black; border-top: 2px solid black; border-radius: 0px; text-align: left; } #siteMenuBar.hasclient #customerBox.crmMenuIsShow button.logout:before { content: "\f08b"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; } body.dir-RTL #siteMenuBar.hasclient #customerBox.crmMenuIsShow button.logout:before { content: "\f08b"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; } #customerBox .greeting { position: absolute; } #siteMenuBar.hasclient #customerBox { top: 13px; right: 123px; width: 36px; height: 36px; display: inherit; position: absolute; } body.dir-RTL #siteMenuBar.hasclient #customerBox { top: 11px; } body.dir-RTL #siteMenuBar.hasclient #customerBox > a:first-child:after { margin-top: 0; position: absolute; left: 0; /* - Not Recommended - left/right - It is should be right. But beacause of rtl script I wrote left */ top: 2px; } #siteMenuBar.hasclient #customerBox a { width: 17px; line-height: 43px; height: 35px; float: left; padding-left: 9px; } .justLoggedIn, .justLoggedIn * { visibility: visible; } .qtip.justLoggedIn { background: white; border: 1px solid #404041; max-width: 190px; -moz-box-shadow: 2px 3px 4px #404041; -webkit-box-shadow: 2px 3px 4px #404041; box-shadow: 2px 3px 4px #404041; border-radius: 0.1px; } .qtip.justLoggedIn .qtip-close { top: 10px; right: 2px; background: transparent; font-size: 3em; /*outline:none;*/ border: 0; } .qtip.justLoggedIn .qtip-content { font-size: 1.2em; line-height: 1.4em; position: relative; overflow: inherit; text-align: center; } /* lock dir {{*/ .qtip.justLoggedIn .qtip-content .service { background: url('../style/flowtheatre.css/images/forms/service.png') no-repeat top center; border-radius: 50%; position: absolute; width: 71px; height: 72px; top: -40px; left: 40px; } /*}}*/ .qtip.justLoggedIn .qtip-content .text { padding-top: 37px; } .qtip.justLoggedIn .qtip-content BUTTON { margin-top: 1em; border: 1px solid #404041; color: #404041; } #siteMenuBar.hasclient #customerBox .loyaltyPoints a, #siteMenuBar.hasclient #customerBox .qualityPoints a { line-height: 45px; padding-left: 0px; height: 32px; padding: 0; width: 100%; clear: both; display: inline-block; } /* #group_Header-fixed.menudisplayed #siteMenuBar .flm_OBO_Account { width: 282px; margin:0; background-color: red; border-bottom: 2px lightgray solid; border-top: 4px lightgray solid; border-top-style: groove; border-left-style: none; border-right-style: none; background: white; position:absolute; display: inline-block; float:left; display: table-cell; height: 45px; vertical-align: middle; box-sizing: border-box; margin-top: 246px; border-radius: 0px; left: -1px; font-size: 1.1em; line-height: 12px; padding: 1em; padding-left: 40px; } #group_Header-fixed.menudisplayed .siteMenuContainer > .flm_OBO_Account > SPAN { position: initial; background-color: white; color: black; font-size: 1.1em; font-weight: 500; bottom: 0.1em; text-align: center; width: 100%; } #group_Header-fixed.menudisplayed .siteMenuContainer > .flm_OBO_Account SPAN:before { background-image: url('../style/flowtheatre.css/images/iconUnions-inv.png'); background-repeat: no-repeat; background-position: 0 50%; background-size: 20px; content: '_'; position: absolute; width: 30px; display: block; margin-left: -33px; margin-top: -6px; line-height: 20px; font-size: larger; color: transparent; } body.dir-RTL #group_Header-fixed.menudisplayed .siteMenuContainer > .flm_OBO_Account SPAN:before { background-position: 97%; } #group_Header-fixed.menudisplayed .siteMenuContainer > .flm_OBO_Account SPAN:after { content: '>'; position: absolute; width: 30px; display: block; margin-left: 195px; margin-top: -16px; line-height: 20px; font-size: larger; color: black; } */ } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } #miniBasketWrapper .basketItemSummary { display: flex; flex-flow: wrap; } #miniBasketWrapper .basketItemSummary .TotalCommissions, #miniBasketWrapper .basketItemSummary .TotalInsideCommissions, #miniBasketWrapper .basketItemSummary .TotalTaxes, #miniBasketWrapper .basketItemSummary .TotalVat { order: 10; display: block; text-align: right; width: 100%; } #miniBasketWrapper .basketItemSummary .TotalCommissions:before, #miniBasketWrapper .basketItemSummary .TotalInsideCommissions:before, #miniBasketWrapper .basketItemSummary .TotalTaxes:before, #miniBasketWrapper .basketItemSummary .TotalVat:before { content: '\00002B'; } #miniBasketWrapper .basketItemSummary .TotalCommissions + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalInsideCommissions + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalTaxes + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalVat + .PriceToPay { border-bottom: 1px #cccccc dotted; margin-left: 1em; } #miniBasketWrapper .basketItemSummary .TotalCommissions + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalInsideCommissions + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalTaxes + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalVat + .PriceToPay { display: block; text-align: right; flex: 1; } #miniBasketWrapper .basketItemSummary .TotalCommissions:after, #miniBasketWrapper .basketItemSummary .TotalInsideCommissions:after, #miniBasketWrapper .basketItemSummary .TotalTaxes:after, #miniBasketWrapper .basketItemSummary .TotalVat:after { content: attr(data-header); margin-right: 0.3em; float: left; } #miniBasketWrapper .basketItemSummary .TotalDiscounts { order: 10; display: block; text-align: right; width: 100%; } #miniBasketWrapper .basketItemSummary .TotalDiscounts + .PriceToPay { border-bottom: 1px #cccccc dotted; margin-left: 1em; } #miniBasketWrapper .basketItemSummary .TotalDiscounts + .PriceToPay { display: block; text-align: right; flex: 1; } #miniBasketWrapper .basketItemSummary .TotalDiscounts:after { content: attr(data-header); margin-right: 0.3em; float: left; } #miniBasketWrapper .basketItemSummary .TotalDiscounts:before { content: '\00002D'; } #miniBasketWrapper .basketItemSummary .FullPrice, #miniBasketWrapper .basketItemSummary .TotalPrice, #miniBasketWrapper .basketItemSummary .TotalFullPrice, #miniBasketWrapper .basketItemSummary .TotalPriceToPay { order: 10; display: block; text-align: right; width: 100%; } #miniBasketWrapper .basketItemSummary .FullPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalFullPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalPriceToPay + .PriceToPay { border-bottom: 1px #cccccc dotted; margin-left: 1em; } #miniBasketWrapper .basketItemSummary .FullPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalFullPrice + .PriceToPay, #miniBasketWrapper .basketItemSummary .TotalPriceToPay + .PriceToPay { display: block; text-align: right; flex: 1; } #miniBasketWrapper .basketItemSummary .FullPrice:after, #miniBasketWrapper .basketItemSummary .TotalPrice:after, #miniBasketWrapper .basketItemSummary .TotalFullPrice:after, #miniBasketWrapper .basketItemSummary .TotalPriceToPay:after { content: attr(data-header); margin-right: 0.3em; float: left; } #PH_BasketWidget { display: none; width: 20em; max-height: 500px; position: fixed; z-index: 60; padding-top: 13px; /*margin-top: 11px; margin-left: -3px;*/ border: 1px solid #e2e2e2; border-width: 0 1px 0px 1px; background-image: url('../style/flowtheatre.css/images/basketWidget-top.png'); background-size: 100%; background-repeat: no-repeat; /* background-color: white; */ box-shadow: 5px 5px 5px 1px rgba(51, 51, 51, 0.3); } #PH_BasketWidget.flipped { background-image: url('../style/flowtheatre.css/images/basketWidget-top-flipped.png'); } #PH_BasketWidget > div { /* padding: 0 1em; */ background: white; background-image: url('../style/flowtheatre.css/images/SelectTickets/bckgrnd.png'); background-repeat: repeat-y; /* margin-bottom: -3px; */ padding-top: 2em; } #PH_BasketWidget > div > * { /* background-color:white; */ padding: 0 1em; } #PH_BasketWidget div.footer { margin: -6px -1px -1px 0; background-image: url('../style/flowtheatre.css/images/basketWidget-bottom.png'); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; text-align: center; position: relative; top: 5px; background-color: transparent; background-size: 100%; } #PH_BasketWidget h2 { line-height: 1em; font-size: 1.2em; margin: 0; } #PH_BasketWidget .addCouponCtl, #PH_BasketWidget .roundUpDonationSection { display: none; } #PH_BasketWidget .basket-section > .item_background { border: none; } #PH_BasketWidget .basketItem { border: none; } #PH_BasketWidget .accordionContent { border: none; border-top: 1px #666666 dotted; padding: 1em 0; display: inline-block; width: 18em; } #PH_BasketWidget .accordionContent div { /*display:inline;*/ border-width: 0px; } #PH_BasketWidget .infoSection .date, #PH_BasketWidget .infoSection .location, #PH_BasketWidget .infoSection .extra, #PH_BasketWidget .basketItemSummary .details, #PH_BasketWidget .basketItemSummary .priceTypes, #PH_BasketWidget .basketItem .PriceTypeName, #PH_BasketWidget .basketItemSummary br { display: none; } #PH_BasketWidget .hospitalityBasketSection div.hospitalityGroup { display: block; } #PH_BasketWidget .hospitalityBasketSection div.hospitalityGroup > div { display: inline-block; } #PH_BasketWidget .hospitalityBasketSection div.hospitalityGroup .hospContentContainer { display: none; } #PH_BasketWidget .infoSection .name, #PH_BasketWidget .infoSection .season, #PH_BasketWidget .basketItemSummary, #PH_BasketWidget .group .infoSection + .basketItem { float: left; margin: 0; width: 10em; } #PH_BasketWidget .exchangeBasketSection .group.hasInfoSection > div { display: block; } #PH_BasketWidget .exchangeBasketSection .exchangeSummary { display: inline-block; max-width: 70%; } #PH_BasketWidget .exchangeBasketSection .infoContainer { width: auto; } #PH_BasketWidget .PriceToPay, #PH_BasketWidget .basketProperty.Value { padding-right: 0; } #PH_BasketWidget .basketItemSummary .count { font-weight: 500; } #PH_BasketWidget .EndOfBasketItemsPlaceHolders, #PH_BasketWidget .basketTotals, #PH_BasketWidget .basket-section { margin: 0; border: none; } #miniBasketWrapper .basketItemSummary .details, #miniBasketWrapper .hasInfoSection .basketProperty.Details { max-width: 12em; width: 100%; } #miniBasketWrapper .basketProperty.PriceToPay, #miniBasketWrapper .basketProperty.TotalPriceToPay, #miniBasketWrapper .basketProperty.TotalAmount, #miniBasketWrapper .basketProperty.Value, #miniBasketWrapper .basketProperty.PaymentValue, #miniBasketWrapper .hospPriceContainer { position: static; /* override default basket.ascx.css definition */ float: right; } #PH_BasketWidget .basketTotals { float: none; } #PH_BasketWidget .basketTotals > * { border: 1px solid #666666; border-width: 2px 0; } #PH_BasketWidget .basketTotals { font-size: 1em; /* width:100%; */ } #PH_BasketWidget .basketTotals .totalCost { font-size: 1em; font-weight: 500; } #PH_BasketWidget .basketTotals .summaryLine { padding: 1em 0; } #PH_BasketWidget .button.proceed { float: none; margin: 1em auto; } #PH_BasketWidget .basket-warning { display: none; } #miniBasketWrapper .imageContainer, #miniBasketWrapper .basket-Memberships .infoSection .imageContainer, #miniBasketWrapper .basket-Donations .infoSection .imageContainer, #miniBasketWrapper .basket-Subscriptions .subsInfoSection .imageContainer, #miniBasketWrapper .basket-MerchandiseItems .infoSection .imageContainer, #miniBasketWrapper .basket-GiftVouchers .infoSection .imageContainer, #miniBasketWrapper .basketEvent .eventInfoSection .imageContainer { height: 45px; /*2em;*/ overflow: hidden; padding-left: 0; padding-top: 0.5em; background-size: 68%; background-repeat: no-repeat; background-position: 50%; } #miniBasketWrapper .basketEvent .eventInfoSection .imageContainer { background-repeat: no-repeat; background-size: 68%; background-position-x: 9px; } #miniBasketWrapper .basket-GiftVouchers .infoSection .imageContainer { padding-top: 0px; height: 60px; margin-top: -3px; } #miniBasketWrapper .infoSection IMG { width: auto; height: auto; margin-top: -34px; margin-left: 1px; max-width: 34px; max-height: 35px; line-height: 10px; font-size: 10px; } #miniBasketWrapper .bundleGroups .infoSection .imageContainer { background-size: 68%; background-position: 7px 6px; } #miniBasketWrapper .bundleGroups .infoSection IMG { margin-top: -37px; max-width: 33px; } #miniBasketWrapper .subsInfoSection IMG { width: 40px; height: auto; margin-top: -41px; margin-left: 1px; } #miniBasketWrapper .basket-MerchandiseItems IMG { margin-top: -25px; width: auto; height: auto; margin-left: 2px; max-height: 32px; max-width: 38px; } #miniBasketWrapper .basket-Donations .infoSection IMG { max-height: 28px; margin-top: -31px; } #miniBasketWrapper .basket-container .basket-GiftVouchers .infoSection IMG { margin-top: -1px; width: auto; height: auto; max-height: 35px; max-width: 42px; } #miniBasketWrapper .basket-MerchandiseItems .merchandiseInfoSection .attributes, #miniBasketWrapper .basket-MerchandiseItems .merchandiseInfoSection .addons { float: left; max-width: 12em; } #miniBasketWrapper .basket-MerchandiseItems .merchandiseInfoSection .attributes > div, #miniBasketWrapper .basket-MerchandiseItems .merchandiseInfoSection .addons > div { display: block; } #miniBasketWrapper .basket-MerchandiseItems .merchandiseInfoSection .addons .sum { display: none; } #miniBasketWrapper .basketItemSummary { font-size: inherit; width: 100%; margin-bottom: 8px; } .timer-tooltip:not(.compact) .qtip-content { margin-bottom: -8px; } #PH_BasketWidget #miniBasketWrapper .editBasket { display: none; } #miniBasketWrapper { overflow-y: auto; overflow-x: hidden; } @media only screen and (max-width: 780px) { #miniBasketWrapper { max-height: 65vh; } } @media not screen and (max-width: 780px) { #miniBasketWrapper { max-height: 75vh; } } @media only screen and (max-width: 780px) { #miniBasketWrapper .basket-section:not(.basket-Subscriptions) .items { margin-top: 25px; width: 75%; width: calc(100% - 7em); /*float: left;*/ padding-left: 0px; } #miniBasketWrapper .basket-section.basket-Commissions .items { width: 100%; } #miniBasketWrapper .bundleGroups .infoSection IMG { margin-top: -37px; margin-left: 4px; max-width: 31px; max-height: 31px; } #miniBasketWrapper .basket-Deliveries .items { width: 100%; } #PH_BasketWidget { background-image: none; left: 5% !important; width: 90%; top: 48px !important; padding-top: 0px; -moz-box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); -webkit-box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); box-shadow: 5px 5px 5px 5px rgba(51, 51, 51, 0.3); top: 51px !important; max-height: 79%; overflow-y: auto; border-radius: 0.1px; } html.flexbox #PH_BasketWidget.active { display: flex !important; } html.flexbox #PH_BasketWidget.active > div { display: flex; flex-direction: column; width: 100%; } #PH_BasketWidget > div { padding-top: 50px; } #PH_BasketWidget .accordionContent div.basketItem { float: left; width: 100%; display: block; padding-right: 0px; padding-left: 0px; } #PH_BasketWidget div.footer { background-image: none; } #PH_BasketWidget div.footer .button.proceed { width: 100%; margin-left: -6px; } #PH_BasketWidget div.footer .proceed A { width: 100%; } #PH_BasketWidget div.footer { margin-left: 0px; margin-right: 0px; padding-left: 0px; } #PH_BasketWidget .button.proceed { margin: 0px; } #PH_BasketWidget .basketTotals .summaryLine { border-bottom-style: none; } #PH_BasketWidget h2 { display: none; } div[role=tooltip] { display: none !important; } body > .qtip.timer-tooltip { top: 60px !important; left: 7% !important; width: 86%; max-width: 86%; line-height: 27px !important; height: 31px !important; border-bottom-left-radius: 0; font-size: 12px; position: fixed !important; } body > .qtip.timer-tooltip .qtip-tip { top: 30px !important; left: -1px !important; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } body.dir-RTL > .qtip.timer-tooltip .qtip-tip { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .qtip { line-height: 24px; font-size: 12.5px; } .timer-tooltip .qtip-content { text-align: center; } #PH_BasketWidget .accordionContent { width: 100%; } #PH_BasketWidget .basketItemSummary { margin-top: 25px; width: calc(100% - 7em); padding-top: 0px; margin-top: 0px; margin-bottom: 35px; } #PH_BasketWidget .infoSection .name { padding-top: 0px; } #PH_BasketWidget .PriceToPay, #PH_BasketWidget .basketProperty.Value { font-size: small; color: Black; font-weight: bold; padding-right: 0px; } #PH_BasketWidget .basketItemSummary > .PriceToPay { margin-top: -11px; } #PH_BasketWidget .bundleGroups .basketItemSummary > .PriceToPay { margin-top: 29px; } #PH_BasketWidget .basketItemSummary.PriceToPay { margin-top: -38px; } #PH_BasketWidget .basket-Deliveries .basketItemSummary.PriceToPay { margin-top: 0px; } #PH_BasketWidget .basket-Memberships .PriceToPay { margin-top: -3px; } #PH_BasketWidget .basket-Memberships .basketItem { line-height: 32px; float: left; width: 100%; padding-right: 0px; } #PH_BasketWidget .basketItem > SPAN { line-height: 13px; min-height: 37px; } #miniBasketWrapper .basketItemSummary .details, #miniBasketWrapper .hasInfoSection .basketProperty.Details { max-width: 17em; } #PH_BasketWidget .basketEvent.accordionContent .PriceToPay { padding-right: 0px; } #PH_BasketWidget .basketEvent.accordionContent { border-top-width: 0px; } #PH_BasketWidget .basketProperty.TotalAmount { padding-right: 0.5em; color: Black; font-weight: bold; } #PH_BasketWidget .basketTotals .summaryLine { padding-right: 1em; } } @media only screen and (min-device-width:781px) and (max-device-width : 1024px) and (orientation : landscape) { div.qtip.timer-tooltip { min-width: 0px; margin-left: -14px; margin-top: 17px; } body.dir-RTL div.qtip.timer-tooltip { margin-right: 19px; } div.qtip.timer-tooltip .qtip-content { padding-left: 0px; } } /* +-----------------------------------------------------------------------------------------------------------------+ | Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg ! | +-----------------------------------------------------------------------------------------------------------------+ */ /*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/ /*ATTENTION: override only via config files!*/ @keyframes blinkTitle { from { color: silver; } to { color: #404041; } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { transform: scale3d(1, 1, 1); } } #scrollTopControl, #PH_ScrollTop { display: none; } @media only screen and (max-width: 780px) { #scrollTopControl { display: inherit; padding-top: 1em; padding-bottom: 45px; float: left; width: 100%; position: relative; text-align: center; background-color: #f2f2f2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } #scrollTopControl:before { content: "\f077"; line-height: 13px; font-size: 16px; display: block; font-family: FontAwesome; } #PH_ScrollTop { display: block; /*Show the outline when focus for Accessibility*/ width: 100%; float: right; margin-bottom: 2px; } } @import '../resources/owl-carousel2/owl.carousel.min.css'; @import '../resources/owl-carousel2/owl.theme.default.min.css'; /*! * @package IcoFont * @version 1.0.1 * @author IcoFont https://icofont.com * @copyright Copyright (c) 2015 - 2021 IcoFont * @license - https://icofont.com/license/ */ @font-face { font-family: IcoFont; font-weight: 400; font-style: Regular; src: url('../UserContent/fonts/icofont/fonts/icofont.woff2') format("woff2"), url('../UserContent/fonts/icofont/fonts/icofont.woff') format("woff"); } [class*=" icofont-"], [class^=icofont-] { font-family: IcoFont !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .icofont-search:before { content: "\ed1b"; } .icofont-facebook:before { content: "\ed37"; } .icofont-twitter:before { content: "\ed7a"; } .icofont-newspaper:before { content: "\efa7"; } .icofont-ui-email:before { content: "\ec56"; } .icofont-support-faq:before { content: "\f002"; } .icofont-instagram:before { content: "\ed46"; } .icofont-home:before { content: "\ef47"; } .icofont-clock-time:before { content: "\eedc"; } .icofont-tools-alt-2:before { content: "\f013"; } .icofont-baby:before { content: "\eba1"; } .icofont-baby-trolley:before { content: "\eba0"; } .icofont-fast-food:before { content: "\eb66"; } .icofont-food-basket:before { content: "\eb67"; } .icofont-car-alt-1:before { content: "\ee1b"; } .icofont-wheelchair:before { content: "\f029"; } .icofont-location-pin:before { content: "\ef79"; } .icofont-ui-map:before { content: "\ec66"; } .icofont-ui-browser:before { content: "\ec44"; } .icofont-info-circle:before { content: "\ef4e"; } .icofont-cart:before { content: "\eed2"; } .icofont-user:before { content: "\ed05"; } .icofont-logout:before { content: "\ef7c"; } .icofont-ticket:before { content: "\f00f"; } .icofont-paper:before { content: "\eae5"; } .icofont-barcode:before { content: "\e963"; } .icofont-xs { font-size: 0.5em; } .icofont-sm { font-size: 0.75em; } .icofont-md { font-size: 1.25em; } .icofont-lg { font-size: 1.5em; } .icofont-1x { font-size: 1em; } .icofont-2x { font-size: 2em; } .icofont-3x { font-size: 3em; } .icofont-4x { font-size: 4em; } .icofont-5x { font-size: 5em; } .icofont-6x { font-size: 6em; } .icofont-7x { font-size: 7em; } .icofont-8x { font-size: 8em; } .icofont-9x { font-size: 9em; } .icofont-10x { font-size: 10em; } .icofont-fw { text-align: center; width: 1.25em; } .icofont-ul { list-style-type: none; padding-left: 0; margin-left: 0; } .icofont-ul > li { position: relative; line-height: 2em; } .icofont-ul > li .icofont { display: inline-block; vertical-align: middle; } .icofont-border { border: solid 0.08em #f1f1f1; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .icofont-pull-left { float: left; } .icofont-pull-right { float: right; } .icofont.icofont-pull-left { margin-right: 0.3em; } .icofont.icofont-pull-right { margin-left: 0.3em; } .icofont-spin { -webkit-animation: icofont-spin 2s infinite linear; animation: icofont-spin 2s infinite linear; display: inline-block; } .icofont-pulse { -webkit-animation: icofont-spin 1s infinite steps(8); animation: icofont-spin 1s infinite steps(8); display: inline-block; } @-webkit-keyframes icofont-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes icofont-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .icofont-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .icofont-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .icofont-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .icofont-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .icofont-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .icofont-flip-horizontal.icofont-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .icofont-flip-horizontal, :root .icofont-flip-vertical, :root .icofont-rotate-180, :root .icofont-rotate-270, :root .icofont-rotate-90 { -webkit-filter: none; filter: none; display: inline-block; } .icofont-inverse { color: white; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } #checkfileused { display: block; } /* Logo */ /*----------------------------------------------*/ /* Base Settings */ /*----------------------------------------------*/ /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: white; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: white; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: white; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .lity-hide { display: none; } html, body { padding: 0; } body { background-color: white; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; } @media only screen and (min-width: 1px) and (max-width: 780px) { body { font-size: 14px; } } @media only screen and (min-width: 781px) { body { font-size: 16px; } } iframe { max-width: 100%; } * { box-sizing: border-box; } .clearfix { float: left; width: 100%; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; color: black; background-color: white; } .pseudo-hide-before::before, .pseudo-hide-after::after { display: none !important; } @media only screen and (min-width: 781px) { .frmContainer { text-align: left; } } FORM input[type="text"], FORM input[type="password"], FORM input[type="email"], FORM input[type="tel"], FORM input[type="number"], .spForm input[type="text"], .spForm input[type="password"], .spForm input[type="email"], .spForm input[type="tel"], .spForm input[type="number"], FORM SELECT { padding-left: 4px !important; } .button.small_button_a A::after, button.small_button_a::after { display: none; } .error .ui-icon { float: unset; } .sg-login-button .icon { display: none; } .screen-content, button { font-family: 'Roboto', sans-serif; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_main, #group_Header #PH_Menu > * { width: 100%; float: inherit; } } .screen-content { overflow: hidden; background-color: white; } @media only screen and (min-width: 1px) and (max-width: 780px) { .screen-content { padding-top: 125px; } } @media only screen and (min-width: 781px) { .screen-content { max-width: 100%; margin: 42px auto 25px auto; padding: 50px 25px 25px; min-height: 700px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { body.screen-CrmDetails_aspx div.ui-dialog.ui-widget.ui-widget-content { width: 98% !important; } } /* Header */ body, #group_Header-fixed { max-width: 100%; width: 100%; box-shadow: none !important; background-color: white !important; transform-origin: unset !important; transform: none !important; } @media only screen and (min-width: 1px) and (max-width: 780px) { body, #group_Header-fixed { padding-left: 0% !important; padding-right: 0% !important; } } body #group_Header-fixed { height: 85px; border-bottom: 0.5px solid #00739e; } @media only screen and (min-width: 1px) and (max-width: 780px) { body #group_Header-fixed { height: 120px; z-index: 75 !important; } } #group_Header-fixed.searchPageOpen { background-color: white; } @media only screen and (min-width: 781px) { #group_Header-fixed.primary #PH_logo, #group_Header-fixed.primary #PH_Main_Menu, #group_Header-fixed.primary #PH_Search_Box { display: none; } } .ph_float_menu { width: auto; } #siteMenuBar { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } @media only screen and (min-width: 781px) { #siteMenuBar { position: relative; } } .siteMenuContainer { display: flex; justify-content: flex-end; align-items: center; margin: 0 auto; max-width: 1000px; float: none; overflow: hidden; height: 100%; } @media only screen and (min-width: 1px) and (max-width: 780px) { .siteMenuContainer { justify-content: space-evenly; } } .siteMenuContainer button#navMenu_Float_login_item { width: auto; height: auto; order: 1; } #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { margin: 0; padding: 0; width: auto; height: 38px; order: 4; background: none; color: black; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { border-left: 1px solid; padding-left: 4px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { } a#navMenu_Float_TimeRemaining_item { order: 5; } #siteMenuBar #CountDown.active { display: block; order: 6; margin: 0; background: transparent; } @media only screen and (min-width: 1px) and (max-width: 780px) { } #CountDown .graphicCountdownHolder { display: block; } /* .flm_CountDown::before { content : 'Time Remaining'; color : black; width : 100px; font-size : 16px; font-weight: 600; } */ .account button { background-color: transparent; color: white; } div#PH_header-container { display: block; width: 100%; } a.contact-number:link, a.contact-number:visited, a.contact-number:active, a.contact-number:hover { color: white; } #PH_Footer-main p.contacts { text-align: center; font-size: 18px; color: #333333; } #PH_Footer-main p.contacts a.contact-number:link, #PH_Footer-main p.contacts a.contact-email:link, #PH_Footer-main p.contacts a.contact-number:visited, #PH_Footer-main p.contacts a.contact-email:visited, #PH_Footer-main p.contacts a.contact-number:active, #PH_Footer-main p.contacts a.contact-email:active, #PH_Footer-main p.contacts a.contact-number:hover, #PH_Footer-main p.contacts a.contact-email:hover { color: #333333; } .main-logo { max-width: 100px; padding: 0 5%; } @media only screen and (min-width: 1px) and (max-width: 780px) { .main-logo { max-width: 100px; padding: 0; } } img.logo-image { max-width: 100px; height: 75px; margin-top: 0; } @media only screen and (min-width: 1px) and (max-width: 780px) { img.logo-image { max-width: 100px; margin-top: 0; } } div#PH_Float_Menu { width: 100%; } @media only screen and (min-width: 1px) and (max-width: 780px) { div#PH_Float_Menu { height: 35px; position: absolute; } } .float_menu_item { margin-right: 10px; } #siteMenuBar #customerBox .loyaltyPoints, #siteMenuBar #customerBox .qualityPoints { display: none; } #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { font-family: 'FontAwesome'; color: white; margin-right: 0; content: '\f291'; font-size: 16px; font-weight: bold; background: none; } @media only screen and (min-width: 781px) { #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { color: #00739e; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { position: static !important; margin-right: 4px; margin-left: 8px; } } span.mnuBtnCaption::before { font-family: 'FontAwesome'; color: #00739e; margin-right: 4px; content: '\f007'; } @media only screen and (min-width: 1px) and (max-width: 780px) { span.mnuBtnCaption::before { color: white; } } #navMenu_Float_Search_item > span::before { font-family: 'FontAwesome'; color: #00739e; margin-right: 4px; content: '\f002'; } @media only screen and (min-width: 1px) and (max-width: 780px) { #navMenu_Float_Search_item > span::before { color: white; } } a#navMenu_Float_Search_item span { bottom: 11px; } #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span { color: white; background-color: transparent; font-size: 16px; line-height: 1; } @media only screen and (min-width: 781px) { #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span { color: #333333; } } #siteMenuBar.hasclient #customerBox a { font-size: 16px; font-weight: 600; color: #2a2d34; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar.hasclient #customerBox a { color: white; position: static; padding-top: 1px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket > span, #siteMenuBar [id='my basket'] > span { color: white !important; font-size: 16px !important; } } #siteMenuBar.hasclient #customerBox::before { font-family: 'FontAwesome'; color: #00739e; margin-right: 10px; content: '\f007'; } #siteMenuBar #my_basket > span { position: static; width: auto; height: auto; line-height: normal; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket > span { margin-top: 9px; } } #siteMenuBar #my_basket::before { content: 'x'; color: Transparent; display: none; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket > span, #siteMenuBar [id="my basket"] > span { font-size: 14px !important; } } @media only screen and (min-width: 781px) { #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span, #siteMenuBar .flm_login, a#navMenu_Float_TimeRemaining_item, #siteMenuBar #CountDown.active, a#navMenu_Float_Search_item { font-size: 16px !important; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span, #siteMenuBar .flm_login, a#navMenu_Float_TimeRemaining_item, #siteMenuBar #CountDown.active, a#navMenu_Float_Search_item { font-size: 14px !important; } } @media only screen and (min-width: 1px) and (max-width: 780px) { a#navMenu_Float_Search_item, #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login, #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { width: 33%; height: 100%; margin: 0; padding: 0; border-radius: 0; font-size: 14px !important; } } .ph_search_box .searchManager { margin-top: 41px; width: 100%; background-color: white; } .searchManager.expanded .findByOptions button.expanded, .searchManager.expanded .findByOptions button:not(.expanded) { -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } #group_Header-fixed #PH_Search_Box { width: 33%; height: 35px; } #group_Header-fixed FORM.frmSearch .SearchTextButton:before { color: transparent; } #group_Header FORM.frmSearch .SearchTextButton:before { line-height: 20px; } #group_Header-fixed:not(.searchPageOpen) .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { border-style: none; width: 100%; left: 0px; top: 11px; } @media only screen and (min-width: 781px) { #group_Header-fixed:not(.searchPageOpen) .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { width: unset; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed:not(.searchPageOpen) .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { top: 0px; } } #group_Header-fixed.searchPageOpen FORM.frmSearch .SearchTextBox { top: 3px; } #group_Header-fixed.searchPageOpen #PH_Search_Box { right: 0; } #group_Header-fixed.searchPageOpen #closeSearchPage { top: 0px; } #group_Header-fixed.searchPageOpen .ph_search_box .findByValues > div { background-color: white; } #group_Header-fixed.searchPageOpen .ph_search_box .searchManager.expanded { height: unset; } .screenPartContainer.ph_search_box .searchManager.expanded .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { margin-top: 420px; } .searchManager .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { height: unset; } #group_Header-fixed.searchPageOpen .ph_search_box .findByValues .currentTimeRangeEventsCtrl { margin-top: 0px; padding: 2.5em 25px 0 25px; height: 100px !important; } #group_Header-fixed.searchPageOpen .ph_search_box .findByValues .currentTimeRangeEventsCtrl .currentTimeRangeEvents { font-size: 24px; line-height: 1.2em; } .currentTimeRangeEventsCtrl .currentTimeRangeEvents, .currentTimeRangeEventsCtrl .currentTimeRangeEvents:active { padding-right: 0; width: 100%; background-color: #bfbfbf; text-align: center; font-size: 1.2em; } .currentTimeRangeEventsCtrl .currentTimeRangeEvents { display: none !important; } .findByTitle { line-height: 60px !important; } .findByOptions button { font-size: 16px; line-height: 16px; height: unset; margin: 0; padding: 10px; } .findByOptions button::before { margin-right: 6px; } .findByOptions button::after { line-height: 12px; } /* Footer */ #group_Footer { background-color: white; padding: 0px; margin: 0px; font-size: 1.5rem; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Footer { margin-top: 25px; } } #eventPage.seated #ticketsPane .selectTickets .buttonsContainer { background-color: white; box-shadow: none !important; border-top: 0.5px solid #00739e; } /* Breadcrumbs */ .ph_tunnellocation .step, .ph_tunnellocation .innerpath { display: none !important; } .ph_tunnellocation { background-image: none !important; } .crumb { display: inline-block; text-align: left; vertical-align: middle; } .breadcrumbs { display: block; width: 100%; padding-left: 0; font-size: 16px; } @media only screen and (min-width: 1px) and (max-width: 780px) { .breadcrumbs { padding-left: 5%; font-size: 13px; } } div#PH_breadcrumbs { margin-top: 85px; width: 100%; display: block; } @media only screen and (min-width: 1px) and (max-width: 780px) { div#PH_breadcrumbs { margin-top: 140px; } } .crumb.step-one:after, .crumb.step-two:after, .crumb.step-three:after { content: '/'; margin: 0 10px; } @media only screen and (min-width: 1px) and (max-width: 780px) { .crumb.step-one:after, .crumb.step-two:after, .crumb.step-three:after { margin: 0 0 0 5px; } } /* Promo Box */ .promoBox:before { display: none !important; } .promoBox input + button { padding: 10px; border: none; text-decoration: none; color: white; background-color: #666666; } @media only screen and (min-width: 1px) and (max-width: 780px) { .promoBox label { text-align: left; width: 100%; } } .promoBox { padding: 10px !important; background-color: #ecf0f1; border: none !important; border-radius: 0 !important; } @media only screen and (min-width: 1px) and (max-width: 780px) { div#promo-descr { text-align: left; } } .qtip.timer-tooltip { /* padding : 0 20px; display : inline-flex; height : 50px; */ align-items: center; font-size: 16px; font-weight: 600; background-color: unset !important; border: none !important; position: static !important; } #siteMenuBar #CountDown .CountDownRemainingTimeTitle { font-size: 16px; font-weight: 600; } #siteMenuBar #CountDown { background: unset; position: static; } body > .timer-tooltip { display: none !important; } button.CancelTransFromTimer.btnCancel.btnLink { display: none; } .siteMenuContainer > *:last-child:after, .siteMenuContainer > *:after, #siteMenuBar.hasclient #customerBox:after { content: none; } .timerMessage { background-color: transparent !important; color: #404041 !important; } #PH_BasketWidget .button.proceed { margin: 10px 0 15px 0; padding: 0; border: none; background-color: unset; } #PH_BasketWidget .button.small_button_a a { background: #00739e; border-bottom: none; font-size: 16px; } #PH_BasketWidget div.footer { background-image: none; } #PH_BasketWidget { background: none; border: none; box-shadow: none; } @media only screen and (min-width: 781px) { #PH_BasketWidget { top: 100px !important; } } #PH_BasketWidget > div { border: 1px solid; background: none; background-color: #ecf0f1; padding-top: 1em; } #PH_BasketWidget > div > * { padding: 0 20px 0 15px; } #PH_BasketWidget h2 { margin-bottom: 13px; } #PH_BasketWidget .accordionContent { padding: 7px 0; } #PH_BasketWidget .infoSection .season { width: 100%; text-align: right; } #miniBasketWrapper { max-height: 50vh; } #miniBasketWrapper .imageContainer, #miniBasketWrapper .bundleGroups .infoSection .imageContainer, #miniBasketWrapper .basket-Memberships .infoSection .imageContainer, #miniBasketWrapper .basket-Donations .infoSection .imageContainer, #miniBasketWrapper .basket-Subscriptions .subsInfoSection .imageContainer, #miniBasketWrapper .basket-MerchandiseItems .infoSection .imageContainer, #miniBasketWrapper .basket-GiftVouchers .infoSection .imageContainer, #miniBasketWrapper .basketEvent .eventInfoSection .imageContainer, #miniBasketWrapper * .imageContainer { height: unset; overflow: unset; padding-left: 0; padding-top: 0; background: none; display: block; border-radius: unset; } #miniBasketWrapper .basketEvent .eventInfoSection .imageContainer { background: none; } #miniBasketWrapper .bundleGroups .infoSection .imageContainer, #miniBasketWrapper .basket-container .imageContainer { margin-left: 0; margin-top: 0; width: 50px; text-align: left; line-height: unset; } #miniBasketWrapper .basket-section:not(.basket-Subscriptions) .items { margin-top: 15px; width: 100% !important; } #miniBasketWrapper .basket-section.basket-Commissions .items .TotalAmount { font-size: small; } #PH_BasketWidget .basketProperty.Details, #PH_BasketWidget .basketProperty.TotalAmount { padding-right: 0; padding-left: 0; } #miniBasketWrapper .infoSection { margin-bottom: 10px; } #miniBasketWrapper .bundleGroups .infoSection IMG, #miniBasketWrapper .infoSection IMG { margin-top: 0px; margin-left: 0px; width: 100%; height: auto; max-width: unset; max-height: unset; border-radius: unset !important; } .basket-container * IMG { border-radius: unset !important; } #PH_BasketWidget .basketItemSummary { width: 100%; margin-bottom: 0px; } #PH_BasketWidget .basketItemSummary > .PriceToPay { margin-top: 0px; margin-left: auto; } #PH_BasketWidget .basketItemSummary > .ListPrice { display: none; } #PH_BasketWidget .basketTotals .summaryLine { float: left; width: 100%; } #PH_BasketWidget .basketTotals .summaryLine span { float: left; } #PH_BasketWidget .basketTotals .summaryLine span.totalCost { float: right; } #PH_BasketWidget div.footer .button.proceed { margin-left: unset; } #PH_BasketWidget div.footer .proceed A { width: unset; } #PH_BasketWidget .basketEvent .infoSection .promoBox { display: none !important; } #PH_BasketWidget, #PH_BasketWidget.flipped { background: none; z-index: 75; } .timer-tooltip.qtip { max-width: 290px; } /* Footer */ button#scrollTopControl { border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding-bottom: 20px; } div#PH_Footer-main { padding: 5%; width: 100%; position: relative; float: left; } div#PH_Footer-main a, div#PH_Footer-main button.btnLink { color: white; text-decoration: none; } .flm_CountDown .qtip-content { position: relative; top: 2px; left: 128px; overflow: visible; } .flm_CountDown .qtip-content { position: static; padding: 8px 0 0 4px !important; } #siteMenuBar #my_basket .basketQtyHolder, #siteMenuBar[id='my basket'] .basketQtyHolder { background: black; color: white; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket .basketQtyHolder, #siteMenuBar[id='my basket'] .basketQtyHolder { margin-top: -3px; width: 18px !important; left: 59% !important; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar.hasclient #my_basket .basketQtyHolder, #siteMenuBar[id='my basket'] .basketQtyHolder { left: 59% !important; } } .qtip-content { overflow: visible !important; } .qtip.venueImageHint:before { content: none; background: transparent; color: transparent; display: none; } .qtip.venueImageHint { display: none; } #PH_BasketWidget .basketItem { padding-right: 0; padding-left: 0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { padding: 1% 4%; } .plzWait .ajax-refreshing::before { content: '\f1ce'; } .plzWait { color: #00739e; } #media .video::after, #media .video::before, #media::after { content: none; } .flm_my_basket::after { content: 'Basket' !important; width: 60px; position: static; line-height: 38px; padding-left: 10px; font-size: 16px; font-weight: 600; } .template-TemplateFull #group_left, .template-TemplateWithRight #group_left { float: right; display: flex; flex-direction: column; margin-right: auto; } div#PH_Search_results { display: flex; margin-left: auto; margin-top: 0; } @media only screen and (min-width: 781px) { .template-TemplateFull #group_left, .template-TemplateWithRight #group_left { margin-top: 30px; } } @media only screen and (min-width: 781px) { #group_Header { margin: 0 auto; width: 100%; margin-top: 70px; text-align: center; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed:not(.searchPageOpen) FORM.frmSearch INPUT[type=text] { display: none; } } @media only screen and (min-width: 1px) and (max-width: 780px) { body #group_Header-fixed.searchPageOpen { max-height: 100%; } } #PH_Donations_list .itemsList, #PH_Memberships_list .itemsList, #PH_Gift_Vouchers_list .itemsList { display: flex; flex-direction: row; flex-wrap: wrap; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Donations_list .itemsList, #PH_Memberships_list .itemsList, #PH_Gift_Vouchers_list .itemsList { flex-direction: column; padding: 15px; } } #PH_Donations_list .itemsList .dataItem, #PH_Memberships_list .itemsList .dataItem, #PH_Gift_Vouchers_list .itemsList .dataItem { width: 23%; margin: 0 25px 25px 0 !important; padding: 0 0 85px 0; border: unset; background-color: #333333; height: unset; position: relative; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Donations_list .itemsList .dataItem, #PH_Memberships_list .itemsList .dataItem, #PH_Gift_Vouchers_list .itemsList .dataItem { width: 100%; } } #PH_Donations_list .itemsList .dataItem > *, #PH_Memberships_list .itemsList .dataItem > *, #PH_Gift_Vouchers_list .itemsList .dataItem > * { width: 100%; padding: 6px 15px; min-height: unset; height: unset; } #PH_Basket_Confirmation .bottomButtonsBar .home, #PH_Donation_purchase .buttonsContainer .home, #PH_Membership_purchase .buttonsContainer .home, #PH_Gift_Voucher_purchase .buttonsContainer .home, #PH_Donations_list .itemsList .itemsButtonsContainer .home, #PH_Memberships_list .itemsList .itemsButtonsContainer .home, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .home { background-color: none; min-width: unset; border-bottom: none; } #PH_Basket_Confirmation .bottomButtonsBar #btnContinue, #PH_Donation_purchase .buttonsContainer #btnContinue, #PH_Membership_purchase .buttonsContainer #btnContinue, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a, #PH_Donation_purchase .buttonsContainer .button.small_button_a a, #PH_Membership_purchase .buttonsContainer .button.small_button_a a, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a, #PH_Donation_purchase .buttonsContainer button.small_button_a, #PH_Membership_purchase .buttonsContainer button.small_button_a, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; border: 1px solid #00739e; background-color: #00739e; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 0; width: unset; } #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:hover, #PH_Donation_purchase .buttonsContainer #btnContinue:hover, #PH_Membership_purchase .buttonsContainer #btnContinue:hover, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:hover, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:hover, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:hover, #PH_Donation_purchase .buttonsContainer button.small_button_a:hover, #PH_Membership_purchase .buttonsContainer button.small_button_a:hover, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:hover, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:active, #PH_Donation_purchase .buttonsContainer #btnContinue:active, #PH_Membership_purchase .buttonsContainer #btnContinue:active, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:active, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:active, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:active, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:active, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:active, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:active, #PH_Donation_purchase .buttonsContainer button.small_button_a:active, #PH_Membership_purchase .buttonsContainer button.small_button_a:active, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:active, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:focus, #PH_Donation_purchase .buttonsContainer #btnContinue:focus, #PH_Membership_purchase .buttonsContainer #btnContinue:focus, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:focus, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:focus, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:focus, #PH_Donation_purchase .buttonsContainer button.small_button_a:focus, #PH_Membership_purchase .buttonsContainer button.small_button_a:focus, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:focus, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:focus { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; background-color: #009ad6; border-color: white; border-bottom: 1px solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1.05); outline-width: 0; } #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:hover, #PH_Donation_purchase .buttonsContainer #btnContinue:hover, #PH_Membership_purchase .buttonsContainer #btnContinue:hover, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:hover, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:hover, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:hover, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:hover, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:hover, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:hover, #PH_Donation_purchase .buttonsContainer button.small_button_a:hover, #PH_Membership_purchase .buttonsContainer button.small_button_a:hover, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:hover, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:hover, #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:active, #PH_Donation_purchase .buttonsContainer #btnContinue:active, #PH_Membership_purchase .buttonsContainer #btnContinue:active, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:active, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:active, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:active, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:active, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:active, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:active, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:active, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:active, #PH_Donation_purchase .buttonsContainer button.small_button_a:active, #PH_Membership_purchase .buttonsContainer button.small_button_a:active, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:active, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:active, #PH_Basket_Confirmation .bottomButtonsBar #btnContinue:focus, #PH_Donation_purchase .buttonsContainer #btnContinue:focus, #PH_Membership_purchase .buttonsContainer #btnContinue:focus, #PH_Gift_Voucher_purchase .buttonsContainer #btnContinue:focus, #PH_Donations_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer #btnContinue:focus, #PH_Basket_Confirmation .bottomButtonsBar .button.small_button_a a:focus, #PH_Donation_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Membership_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Gift_Voucher_purchase .buttonsContainer .button.small_button_a a:focus, #PH_Donations_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.small_button_a a:focus, #PH_Basket_Confirmation .bottomButtonsBar button.small_button_a:focus, #PH_Donation_purchase .buttonsContainer button.small_button_a:focus, #PH_Membership_purchase .buttonsContainer button.small_button_a:focus, #PH_Gift_Voucher_purchase .buttonsContainer button.small_button_a:focus, #PH_Donations_list .itemsList .itemsButtonsContainer button.small_button_a:focus, #PH_Memberships_list .itemsList .itemsButtonsContainer button.small_button_a:focus, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer button.small_button_a:focus { font-size: 15px; border: 1px solid #00739e; margin-right: 0; width: unset; } #PH_Donations_list .itemsList .itemsButtonsContainer .button.moreInfo a, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.moreInfo a, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.moreInfo a { display: none; } #PH_Donations_list .itemsList .dataItem .item_image_container, #PH_Memberships_list .itemsList .dataItem .item_image_container, #PH_Gift_Vouchers_list .itemsList .dataItem .item_image_container { float: left !important; width: 100% !important; height: auto !important; display: block !important; padding: 0 !important; /* min-height: 181px; */ } #PH_Memberships_list .productData div.item_image { width: 100% !important; margin-right: 20px !important; max-height: unset !important; max-width: unset !important; } #PH_Donation_purchase .productData div.item_image, #PH_Donations_list .itemsList .dataItem .item_image_container div.item_image, #PH_Membership_purchase .productData div.item_image, #PH_Memberships_list .itemsList .dataItem .item_image_container div.item_image, #PH_Gift_Vouchers_list .itemsList .dataItem .item_image_container div.item_image { background: none !important; padding-top: unset !important; height: unset !important; } #PH_Donation_purchase .productData div.item_image img, #PH_Membership_purchase .productData div.item_image img, .ph_gift_vouchers_list .itemsList .dataItem div.item_image img { margin: unset; width: 100%; height: auto; border-radius: unset; max-width: 100%; max-height: unset; } #PH_Donations_list .itemsList .dataItem .name, #PH_Memberships_list .itemsList .dataItem .name, #PH_Gift_Vouchers_list .itemsList .dataItem .name { color: white; font-weight: 700; font-size: 22px; margin-top: 6px; } #PH_Donations_list .itemsList .dataItem .description, #PH_Memberships_list .itemsList .dataItem .description, #PH_Gift_Vouchers_list .itemsList .dataItem .description { margin: 1em 0 0 0; max-height: unset; overflow: visible; min-height: unset; color: white; font-weight: 400; font-size: 16px; } #PH_Donations_list .itemsList .dataItem .description::after, #PH_Memberships_list .itemsList .dataItem .description::after, #PH_Gift_Vouchers_list .itemsList .dataItem .description::after { display: none; } #PH_Donations_list .itemsList .itemsButtonsContainer .button.moreInfo, #PH_Memberships_list .itemsList .itemsButtonsContainer .button.moreInfo, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button.moreInfo { display: none; } #PH_Donations_list .itemsList .itemsButtonsContainer, #PH_Memberships_list .itemsList .itemsButtonsContainer, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer { position: absolute; bottom: 15px; left: 0; padding: 0; text-align: center; } #PH_Donations_list .itemsList .itemsButtonsContainer .button, #PH_Memberships_list .itemsList .itemsButtonsContainer .button, #PH_Gift_Vouchers_list .itemsList .itemsButtonsContainer .button { float: none; } #PH_Basket_Confirmation .instructionsPanel, .screen-Membership_aspx #PH_Explanation, .screen-Donation_aspx #group_0, .screen-GiftVoucher_aspx #group_0 { display: inline-block; width: 11%; text-align: left; vertical-align: top; margin-top: 100px; float: none; background-color: white; } .screen-Donation_aspx #PH_Explanation, .screen-GiftVoucher_aspx #PH_Explanation { margin-top: unset; float: left; width: 100%; min-height: unset; } #PH_Basket_Confirmation .pageSectionTitle, #PH_Errors .pageSectionTitle, #PH_Ops_summary .pageSectionTitle, .screen-Membership_aspx .general_caption, .screen-GiftVoucher_aspx .general_caption, .screen-Donation_aspx .general_caption { top: unset !important; display: inline-block !important; line-height: 1em !important; height: unset !important; padding: unset !important; left: unset !important; font-size: 23px !important; background: none !important; border: none !important; width: 100% !important; position: relative; } #PH_Basket_Confirmation .pageSectionTitle::after, #PH_Errors .pageSectionTitle::after, #PH_Ops_summary .pageSectionTitle::after, .screen-Membership_aspx .general_caption::after, .screen-GiftVoucher_aspx .general_caption::after, .screen-Donation_aspx .general_caption::after { display: none !important; } .screen-Membership_aspx .productInfo, .screen-GiftVoucher_aspx .productInfo, .screen-Donation_aspx .productInfo { border: none !important; } .screen-Membership_aspx .productData, .screen-GiftVoucher_aspx .productData, .screen-Donation_aspx .productData { padding: 40px 0 !important; } .screen-Membership_aspx .productDescription, .screen-GiftVoucher_aspx .productDescription, .screen-Donation_aspx .productDescription { font-size: 1.2em !important; margin-bottom: 15px !important; word-break: unset !important; } .screen-Membership_aspx .productInfo .small_text_a.property, .screen-GiftVoucher_aspx .productInfo .small_text_a.property, .screen-Donation_aspx .productInfo .small_text_a.property { margin-bottom: 15px !important; margin-top: 15px !important; } .drinksBtnRow { margin: 25px 0 35px 0; } .drinksBtnRow > a { margin-right: 15px; } .drinksBtnRow .button.small_button_a, #btnBack.button.small_button_a, #btnAddToBasket.button.small_button_a { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; border: 1px solid #00739e; background-color: #00739e; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: unset; min-width: unset; } .drinksBtnRow .button.small_button_a:hover, #btnBack.button.small_button_a:hover, #btnAddToBasket.button.small_button_a:hover, .drinksBtnRow .button.small_button_a:active, #btnBack.button.small_button_a:active, #btnAddToBasket.button.small_button_a:active, .drinksBtnRow .button.small_button_a:focus, #btnBack.button.small_button_a:focus, #btnAddToBasket.button.small_button_a:focus { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; background-color: #009ad6; border-color: white; border-bottom: 1px solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1.05); outline-width: 0; } .drinksBtnRow .button.small_button_a:hover, #btnBack.button.small_button_a:hover, #btnAddToBasket.button.small_button_a:hover, .drinksBtnRow .button.small_button_a:active, #btnBack.button.small_button_a:active, #btnAddToBasket.button.small_button_a:active, .drinksBtnRow .button.small_button_a:focus, #btnBack.button.small_button_a:focus, #btnAddToBasket.button.small_button_a:focus { width: unset; min-width: unset; } .imageContainer { background-color: white; } .paginationjs-pages ul, .pagingContainer { display: flex; float: none; margin: 8px auto 25px auto; padding: 0; max-width: 100%; width: 100%; list-style-type: none; } @media only screen and (min-width: 781px) { .paginationjs-pages ul, .pagingContainer { max-width: 500px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .paginationjs-pages ul, .pagingContainer { width: 100%; justify-content: start; } } #eventslist .paginationjs-pages ul { margin: 8px 0 25px 0; } .paginationjs-prev, .paginationjs-next, .paginationjs-page { flex-grow: 1; max-width: 40px; } @media only screen and (min-width: 1px) and (max-width: 780px) { .paginationjs-prev, .paginationjs-next, .paginationjs-page { margin-right: 5px; } } .paginationjs-page a, .paginationjs-prev a, .paginationjs-next a, .pagingContainer a.paging { padding: 10px 4px 9px 4px; font-size: 16px; background-color: #00739e; color: white; opacity: 0.75; margin: 0 5px 0 0; line-height: 1em; text-decoration: none; text-align: center; width: 100%; } @media only screen and (min-width: 781px) { .paginationjs-page a, .paginationjs-prev a, .paginationjs-next a, .pagingContainer a.paging { padding: 8px 12px 7px 12px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .paginationjs-page a, .paginationjs-prev a, .paginationjs-next a, .pagingContainer a.paging { display: inline-block; } } .paginationjs-prev a, .paginationjs-next a, .pagingContainer a.paging.first, .pagingContainer a.paging.last, .pagingContainer a.paging.next, .pagingContainer a.paging.prev { position: relative; } .paginationjs-next, .pagingContainer a.paging.next { margin-left: 6px; } .paginationjs-prev, .pagingContainer a.paging.prev { margin-right: 6px; } .paginationjs-prev:before, .paginationjs-next:after, .pagingContainer a.paging.prev:before, .pagingContainer a.paging.next:after { content: ""; display: block; width: 1px; height: 29px; position: absolute; top: 3px; pointer-events: none; } @media only screen and (min-width: 781px) { .paginationjs-prev:before, .paginationjs-next:after, .pagingContainer a.paging.prev:before, .pagingContainer a.paging.next:after { height: 25px; } } .paginationjs-next:before, .pagingContainer a.paging.next:before { border-left: 1px solid #a8a8a8; left: -6px; } .paginationjs-prev:after, .pagingContainer a.paging.prev:after { border-right: 1px solid #a8a8a8; right: -6px; } .paginationjs-page.active a, .pagingContainer a.paging.current { background-color: #333333; opacity: 1; } .paginationjs-page a:hover, .pagingContainer a.paging:hover { background-color: #00739e; opacity: 1; } .paginationjs-prev.disabled, .paginationjs-next.disabled { display: none; } .paginationjs-ellipsis, .pagingContainer .paging.spacer { color: #a8a8a8; margin: 0 5px 0 0; } #siteMenuBar .greeting { overflow: hidden; text-overflow: clip; } @media only screen and (min-width: 1px) and (max-width: 780px) { #customerBox.crmMenuIsShow .float_menu_item .greeting { left: 6px; padding-top: 10px; padding-left: 10px; height: 173px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar.hasclient #customerBox.crmMenuIsShow .float_menu_item + button.logout { left: 6px; width: 192px; padding: 10px; line-height: unset; border-bottom: 2px solid black; } } #siteMenuBar.hasclient #customerBox.crmMenuIsShow button.logout::before { margin-right: 4px; } .crmInfoMenuTooltip a { font-size: 16px; color: #333333; } .crmInfoMenuTooltip li i.fa.fa-sign-out { vertical-align: middle; font-size: 20px; } .crmInfoMenuTooltip li:last-child a { font-size: 15px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .loyaltyPoints, #siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .qualityPoints { display: none; } } @media only screen and (min-width: 1px) and (max-width: 780px) { body.dir-LTR #siteMenuBar.hasclient #customerBox > a:first-child::after { margin-top: 8px; font-size: 16px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #customerBox.crmMenuIsShow .float_menu_item .greeting { color: #333333; font-size: 16px; } } #customerBox.crmMenuIsShow .greeting::before { display: none; } #customerBox .crmId, #customerBox.crmMenuIsShow .float_menu_item .crmId { display: none; } #customerBox .greeting { font-size: 16px; line-height: normal; } @media only screen and (min-width: 1px) and (max-width: 780px) { #customerBox .greeting { font-size: 14px; } } #siteMenuBar .loggedinclientbox .greeting { line-height: normal; max-width: unset; width: auto; font-size: 16px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar .loggedinclientbox .greeting { width: 28%; font-size: 14px; padding-top: 8px; } } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { z-index: 999999; } .searchManager .findByTitle { line-height: 40px !important; } .searchManager .findByValues .genresContainer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding-top: 40px; top: 0; margin-bottom: 0; } .searchManager .findByValues .genres .genre { width: 42% !important; background-color: #00739e; color: white; vertical-align: unset; text-align: center; font-size: 15px; margin-left: 6px; margin-right: 6px; padding: 8px 6px; line-height: 18px; height: unset; } .searchManager .genre::before, .searchManager .genre::after { display: none; } .genres button, .genres button.close { font-size: 16px; } html.appearance .searchManager .eventsCalendar .ui-datepicker-year, html.appearance .searchManager .eventsCalendar .ui-datepicker-month { background: none; background-color: #00739e; color: white; padding: 4px; } html.appearance .searchManager .eventsCalendar .ui-datepicker-year:hover, html.appearance .searchManager .eventsCalendar .ui-datepicker-month:hover, html.appearance .searchManager .eventsCalendar .ui-datepicker-year:active, html.appearance .searchManager .eventsCalendar .ui-datepicker-month:active, html.appearance .searchManager .eventsCalendar .ui-datepicker-year:focus, html.appearance .searchManager .eventsCalendar .ui-datepicker-month:focus { background-color: #009ad6; } .searchManager .eventsCalendar .ui-datepicker .ui-datepicker-header a { color: #333333; } .eventsCalendar .ui-datepicker .ui-datepicker-header::before { display: none; } .searchManager .eventsCalendar .ui-datepicker th { font-size: larger; border: 1px solid #ecf0f1; border-width: 1px 0 0 0; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker, #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-calendar, .searchManager .eventsCalendar .ui-datepicker, .searchManager .eventsCalendar .ui-datepicker-calendar { background: white !important; padding: 0 !important; height: unset !important; } .searchManager .eventsCalendar .ui-datepicker-header { background-color: white; border-radius: 0px; box-shadow: none; color: #333333; } #PH_SearchPage_ByCalendar .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { box-shadow: none !important; border: none !important; } .searchManager .ui-widget { font-size: 15px; } .searchManager .eventsCalendar .ui-widget-header { border: none; background: none; color: #333333; } .searchManager .eventsCalendar .ui-datepicker td span, .searchManager .eventsCalendar .ui-datepicker td a { background-color: #00739e; color: white; opacity: 0.5; padding: 4px 4px; } #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-year, #PH_SearchPage_ByCalendar .eventsCalendar .ui-datepicker-month { background-color: #00739e; color: white; } .searchManager .ui-state-default, .searchManager .ui-widget-content .ui-state-default, .searchManager .ui-widget-header .ui-state-default, .searchManager .ui-button, html .searchManager .ui-button.ui-state-disabled:hover, html .searchManager .ui-button.ui-state-disabled:active { border: none; background: none; } .searchManager .eventsCalendar a.ui-state-default, .searchManager .eventsCalendar .ui-widget-content a.ui-state-default { background: none; background-color: #00739e; color: white; } .searchManager .eventsCalendar a.ui-state-default:hover, .searchManager .eventsCalendar .ui-widget-content a.ui-state-default:hover, .searchManager .eventsCalendar a.ui-state-default:active, .searchManager .eventsCalendar .ui-widget-content a.ui-state-default:active, .searchManager .eventsCalendar a.ui-state-default:focus, .searchManager .eventsCalendar .ui-widget-content a.ui-state-default:focus { background-color: #009ad6; } .searchManager .eventsCalendar .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default, .searchManager .eventsCalendar .ui-widget-content .ui-state-disabled.ui-datepicker-today SPAN.ui-state-default { background: none; background-color: #00739e; color: white; opacity: 0.75; } .searchManager .eventsCalendar .ui-datepicker td.hasEvents a.ui-state-default { opacity: 1; } .searchManager .eventsCalendar .ui-datepicker td.hasEvents a.ui-state-default:hover, .searchManager .eventsCalendar .ui-datepicker td.hasEvents a.ui-state-default:active, .searchManager .eventsCalendar .ui-datepicker td.hasEvents a.ui-state-default:focus { background-color: #009ad6; } @media only screen and (min-width: 1px) and (max-width: 780px) { .eventsCalendar.hasDatepicker { width: 98%; padding: 10px; } } #PH_Footer-partner-text { background-color: white; text-align: center; padding: 10px; } #PH_Footer-partner-text a, #PH_Footer-partner-text a:link, #PH_Footer-partner-text a:visited, #PH_Footer-partner-text a:focus, #PH_Footer-partner-text a:active { color: #00739e; } #PH_Footer-partner-text a:hover { color: #009ad6; } #PH_Footer-partner-text .gdpr-info, #PH_Footer-partner-text .partner-container { color: #333333; margin: 15px auto 0 auto; } @media only screen and (min-width: 781px) { #PH_Footer-partner-text .gdpr-info, #PH_Footer-partner-text .partner-container { max-width: 1400px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Footer-partner-text .gdpr-info, #PH_Footer-partner-text .partner-container { width: 100%; max-width: 100%; } } #PH_Footer-partner-text .img-container { width: 150px; margin: 0 auto 10px auto; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Footer-partner-text .img-container { width: 100%; max-width: 150px; } } #PH_Footer-partner-text .img-container img { max-width: 150px !important; height: auto !important; } #PH_Footer-partner-text .partner-info { color: #333333; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Footer-partner-text .partner-info { width: 100%; margin-top: 15px; } } .event-ladyboys .seat-tooltip .row.label, .event-ladyboys .seat-tooltip .seat.label, .event-ladyboys .seat-tooltip .seat.number, .event-ladyboys .seat-tooltip .row.number::after { display: none; } .event-ladyboys .selectTickets .row .seat .rowName, .event-ladyboys .selectTickets .row .seat .seatName, .event-ladyboys .selectTickets .row .seat > span.rowName + span::after { display: none; } .event-ladyboys .selectTickets .row .seat span:last-of-type { display: none; } .event-ladyboys .seat-tooltip .row.number::before, .event-ladyboys .selectTickets .row .seat::before { content: "Table "; display: inline-block; } .event-ladyboys .seat-tooltip .row.number::before { margin-right: 2px; } .event-bowdon .seat-tooltip .row.label, .event-bowdon .seat-tooltip .row.number::after { display: none; } .event-bowdon .selectTickets .row .seat .rowName, .event-bowdon .selectTickets .row .seat > span.rowName + span::after { display: none; } .event-bowdon .seat-tooltip .row.number::before, .event-bowdon .selectTickets .row .seat::before { content: "Table: "; display: inline-block; } .event-bowdon .seat-tooltip .row.number::before { margin-right: 2px; } .event-avr .seat-tooltip .row.label, .event-elr .seat-tooltip .row.label, .event-avr .seat-tooltip .row.number, .event-elr .seat-tooltip .row.number, .event-avr .seat-tooltip .row.number::after, .event-elr .seat-tooltip .row.number::after { display: none; } .event-avr .selectTickets .row .seat .rowName, .event-elr .selectTickets .row .seat .rowName, .event-avr .selectTickets .row .seat > span.rowName + span, .event-elr .selectTickets .row .seat > span.rowName + span, .event-avr .selectTickets .row .seat > span.rowName + span::after, .event-elr .selectTickets .row .seat > span.rowName + span::after { display: none; } .event-avr .seat-tooltip .row.number::before, .event-elr .seat-tooltip .row.number::before, .event-avr .selectTickets .row .seat::before, .event-elr .selectTickets .row .seat::before { display: none; } .event-avr .seat-tooltip .row.number::before, .event-elr .seat-tooltip .row.number::before { display: none; } .event-watercress .seat-tooltip .row.label, .event-watercress .seat-tooltip .seat.label, .event-watercress .seat-tooltip .seat.number, .event-watercress .seat-tooltip .row.number, .event-watercress .seat-tooltip .row.number::after { display: none; } .event-watercress .selectTickets .row .seat .rowName, .event-watercress .selectTickets .row .seat > span.rowName + span, .event-watercress .selectTickets .row .seat > span.rowName + span::after, .event-watercress .selectTickets .row .seat .seatName, .event-watercress .selectTickets .row .seat > span.seatName + span { display: none; } .event-watercress .seat-tooltip .row.number::before, .event-watercress .selectTickets .row .seat::before { display: none; } .event-watercress .seat-tooltip .row.number::before { display: none; } .event-compartment .seat-tooltip .row.label, .event-compartment .seat-tooltip .seat.label, .event-compartment .seat-tooltip .seat.number, .event-compartment .seat-tooltip .row.number::after { display: none; } .event-compartment .selectTickets .row .seat .rowName, .event-compartment .selectTickets .row .seat .seatName, .event-compartment .selectTickets .row .seat > span.rowName + span::after { display: none; } .event-compartment .selectTickets .row .seat span:last-of-type { display: none; } .event-compartment .seat-tooltip .row.number::before, .event-compartment .selectTickets .row .seat::before { content: "Compartment "; display: inline-block; } .event-compartment .seat-tooltip .row.number::before { margin-right: 2px; } /* #group_Footer::after { display: block; position: relative; width: 100%; float:left; content: " "; height:20px; padding: 4px; @media @mobile { content: "Mobile"; } @media @tablet { content: "Tablet"; } @media @desktop { content: "Desktop"; } @media @desktop-large { content: "Desktop Large"; } } */ @media only screen and (min-width: 781px) and (max-width: 1151px) { .ui-dialog.promptExtras-dialog { max-width: 80%; left: 10%; } } @media only screen and (min-width: 781px) { .ui-dialog.promptExtras-dialog { max-width: 80%; left: 10%; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementMessage { border: 0; background-color: transparent; padding: 0; height: unset; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementMessage { position: static; float: initial; height: initial; padding-left: 5px; width: 100%; float: left; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementMessage:before { display: inline-block; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .element { border: none; background-color: #ecf0f1; padding: 20px; min-height: 120px; margin-top: 25px; clear: unset; overflow: hidden; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .element { padding: 5%; display: flex; flex-wrap: wrap; flex-direction: row; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer h3 { margin: 0; font-size: 32px; font-weight: 600; font-variation-settings: 'wght' 600; color: #333333; background: none; padding: 0; margin-bottom: 15px; font-size: 20px; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer h3 { font-size: 28px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer h3 { width: 100%; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer { background: none; display: block; margin-bottom: 10px; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .imgContainer { width: unset; height: unset; background: none; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer > img { margin-top: unset; margin-left: unset; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .imgContainer > img { width: 100%; height: auto; max-width: unset; max-height: unset; margin-left: unset; margin-top: unset; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItems { margin-top: 0; height: auto; padding: 0; } @media only screen and (min-width: 781px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItems { float: initial; display: inline-block; width: 100%; max-width: 75%; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .extraContainer .elementItems { float: left; display: flex; width: 100%; max-width: 75%; flex-direction: row; flex-wrap: wrap; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem { padding-left: unset; padding-right: unset; background-color: white; margin-bottom: 15px; padding: 15px; width: 100%; height: auto; } @media only screen and (min-width: 781px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem { padding: 15px; margin-right: 15px; width: 40%; } } @media only screen and (min-width: 1500px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem { width: 23%; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem { width: 100%; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem > div { margin: 0 0 5px 0; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer div.eventInfo > div.date > div { display: inline-block; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer + .name, .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer + .name + .date { text-align: left; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .name { font-size: 28px; font-weight: 600; font-variation-settings: 'wght' 600; color: #333333; font-weight: bold; text-align: left; font-size: 18px; line-height: 1.15em; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .name { font-size: 24px; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer + .name + .date { font-size: 28px; font-weight: 600; font-variation-settings: 'wght' 600; color: #333333; color: #00739e; font-weight: bold; font-size: 18px; line-height: 1.3em; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .imgContainer + .name + .date { font-size: 24px; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .date span { font-size: 28px; font-weight: 600; font-variation-settings: 'wght' 600; color: #333333; background-color: transparent; text-align: left; margin-top: 0; padding: 0; display: inline-block; width: auto; color: #00739e; margin-left: 6px; font-weight: bold; font-size: 18px; line-height: 1.3em; } @media only screen and (min-width: 1px) and (max-width: 780px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .eventInfo .date span { font-size: 24px; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .pricing { text-align: left; max-width: 80%; } @media only screen and (min-width: 781px) { .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .pricing { max-width: 100%; } } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .pricing span { font-weight: bold; display: inline-block; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .facepricing + .pricing { color: red; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .facepricing + .pricing::before { content: 'now'; display: inline-block; margin-right: 4px; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .facepricing::before { content: 'was £'; display: inline-block; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .facepricing::before, .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .facepricing span { text-decoration: none; text-decoration-thickness: 2px; text-decoration-line: line-through; text-decoration-color: rgba(0, 0, 0, 0.5); } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .chooseQty select, .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .productAttribute select { position: static; } .ui-dialog.promptExtras-dialog .promptExtrasDlg.extraContainer .elementItem .pricing select { font-size: 14px; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; border: 1px solid #00739e; background-color: #00739e; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: unset; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; background-color: #009ad6; border-color: white; border-bottom: 1px solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1.05); outline-width: 0; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:hover { background-color: transparent; border: 1px solid #666666; color: #333333; background-color: gray; border-color: gray; width: unset; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:hover, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:hover:hover, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:active, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:hover:active, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:focus, .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-disabled:hover:focus { background-color: transparent; border: 1px solid #666666; transform: none; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1), .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover { float: right; width: unset; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2), .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover { background-color: gray; border-color: gray; float: left; width: unset; } .ui-dialog.promptExtras-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button::after { content: none; } .ui-dialog .ui-dialog-titlebar-close { display: none; } /* COOKIE POPUP */ #cookie-popup { display: block; position: fixed; bottom: 0; left: 25px; width: 400px; z-index: 500; background-color: #231f20; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border: 2px solid white; border-bottom: none; padding: 25px 30px 30px 30px; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; } #cookie-popup p { line-height: 1.5em !important; margin-bottom: 5px; color: white; } #cookie-popup a:link, #cookie-popup a:visited { text-decoration: underline; color: white; border: none; } .cookie-status-box .btn.btn-primary, #cookie-popup .btn.btn-primary { color: white; background-color: #009ddc; padding: 9px 4px; line-height: 1em; font-weight: 400; width: unset; text-decoration: none; text-transform: capitalize; display: inline-block; margin: 0; } .cookie-status-box .btn.btn-primary:hover, .cookie-status-box .btn.btn-primary:active, #cookie-popup .btn.btn-primary:hover, #cookie-popup .btn.btn-primary:active { background-color: rgba(0, 157, 220, 0.85); width: unset; } #cookie-popup.closed { display: none; } #cookie-popup.open { display: block; } .newsletter { margin: 0 auto; width: 100%; display: block; background: none !important; overflow: hidden; } @media only screen and (min-width: 1px) and (max-width: 780px) { .newsletter { padding: 15px; margin-top: 120px; width: 100%; } } @media only screen and (min-width: 781px) { .newsletter { padding: 25px; margin-top: 43px; margin-bottom: 25px; width: 1400px; } } .newsletter > form { width: 500px; margin: 0 auto; } .newsletter > form > div { text-align: left; margin: 1em 0; } .newsletter > form > .nlfield { background-color: #ecf0f1; padding: 10px; margin-bottom: 10px; } .newsletter > form > .nlfield label { min-width: 25%; display: inline-block; text-align: left; } .newsletter > form > .nlfield input { min-width: 75%; display: inline-block; text-align: left; height: 2.5em; border-style: solid; } .newsletter > form > div.dpquestion { margin: 20px 0; } .newsletter > form > button { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; border: 1px solid #00739e; background-color: #00739e; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 15px !important; width: unset !important; border-radius: 0 !important; } .newsletter > form > button:hover, .newsletter > form > button:active, .newsletter > form > button:focus { font-family: 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0px; text-shadow: 0 0 300px #333333; color: white; width: 110px; background-image: none; text-decoration: none; padding: 15px; background-color: #009ad6; border-color: white; border-bottom: 1px solid; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1.05); outline-width: 0; } .newsletter > form .form-error { color: red; font-size: 14px; } .newsletter h2#newsLetterTitle { background: none; border-radius: 0; text-align: center; box-shadow: unset; font-size: 28px; font-weight: 600; font-variation-settings: 'wght' 600; color: #333333; margin-top: 10px; } @media only screen and (min-width: 1px) and (max-width: 780px) { .newsletter h2#newsLetterTitle { font-size: 24px; } } .newsletter span.thankyou, .newsletter span#newsLetterSubTitle { width: 100%; display: block; text-align: center; } ul.share-buttons { list-style: none; padding: 0; } ul.share-buttons li { display: inline-block; margin-right: 10px; max-width: 35px; height: auto; } ul.share-buttons li a { width: 100%; height: 100%; display: block; } ul.share-buttons li a img { width: 100%; height: auto; } ul.share-buttons .sr-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .qt-gallery-container { display: flex; flex-direction: row; flex-wrap: wrap; } .qt-gallery-container .qt-gallery-item { max-width: 200px; margin: 0 10px 10px 0; } @media only screen and (min-width: 1px) and (max-width: 780px) { .qt-gallery-container .qt-gallery-item { margin: 0 10px 10px 0; max-width: calc(50% - 10px); } } .qt-gallery-container .qt-gallery-item img { max-width: 100%; height: auto; } body.screen-custom_payment_form_aspx .screen-content { margin: 0 auto; margin-top: 0; } @media only screen and (min-width: 1px) and (max-width: 780px) { body.screen-custom_payment_form_aspx .screen-content { padding: 0; margin-top: 20px; width: 100%; } } @media only screen and (min-width: 781px) { body.screen-custom_payment_form_aspx .screen-content { padding: 0 20px 20px 20px; margin: 0px; width: 1400px; } } @media only screen and (min-width: 1500px) { body.screen-custom_payment_form_aspx .screen-content { margin: 0px auto; float: none; } } body.screen-custom_payment_form_aspx .screen-content #instructionsPanel { display: none; } body.screen-custom_payment_form_aspx .screen-content .pageSectionContainer, body.screen-custom_payment_form_aspx .screen-content .bottomButtonsBar { width: 100%; } body.screen-custom_payment_form_aspx div#PH_breadcrumbs { margin: 85px auto 0 auto; padding: 20px 20px 0 20px; background-color: white; max-width: 1400px; } @media only screen and (min-width: 1px) and (max-width: 780px) { body.screen-custom_payment_form_aspx div#PH_breadcrumbs { margin: 110px auto 0 auto !important; padding: 20px 0px 0 0px !important; } } @media only screen and (min-width: 781px) { body.screen-custom_payment_form_aspx div#PH_breadcrumbs { width: unset; float: left; margin: 48px 0 0 0; padding: 20px 20px 20px 20px; } } @media only screen and (min-width: 1500px) { body.screen-custom_payment_form_aspx div#PH_breadcrumbs { margin: 48px auto 0 auto; float: none; } } body.screen-custom_payment_form_aspx div#PH_breadcrumbs .crumb.step-four { font-weight: bold; } @media only screen and (min-width: 781px) { body.screen-custom_payment_form_aspx div#PH_breadcrumbs { margin: 100px auto 0 auto; } } /* Spreedly */ :root { --sgs-primary-color: #00739e; --sgs-primary-bg: #00739e; --sgs-primary-button-color: white; } .sgsPaymentMsg { padding: 0 0 25px 0; text-align: center; } .sgs-amount { font-size: 1.5em; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; font-weight: 700 !important; text-transform: uppercase !important; } @media screen and (max-width: 780px) and (min-width: 1px) { .sgs-amount { font-size: 1.2em; } } .sgs-form * { box-sizing: border-box; } .sgs-form fieldset { max-width: 100%; margin-left: auto; margin-right: auto; } .sgs-fs-name, .sgs-fs-cc, .sgs-fs-address { background-color: white; border: 1px solid #e9e9e9; border-bottom: none; padding: 20px; } .sgs-field { display: flex; flex-direction: column; margin-bottom: 15px; } .sgs-form-h2 { margin: 0; font-size: 1.2em; } #sgs_ga_pay { text-indent: -9999px; line-height: 0; content: ""; } #sgs_ga_pay:after { text-indent: 0; display: block; line-height: initial; content: ""; } .sgs-form label { font-weight: 600; margin-bottom: 5px; display: block; } .sgs-form iframe { height: 50px; width: 106%; } #sgs-payment-form { display: flex; flex-direction: column; max-width: 400px; margin: 0px auto; border: 1px solid black; padding: 25px; } #sgs-payment-form > fieldset.sgs-fs-name, .sgs-fs-address, .sgs-fs-cc, .sgs-field-submit { width: 100%; border-top: 0; border: none !important; order: unset !important; } #applePay, #googlePay { margin: 0 auto 10px; width: 240px; } .sgs-field-submit { order: 4; order: unset !important; } #sgs-amount { text-align: center; } .sgs-input-text { width: 100% !important; box-sizing: border-box; margin: 0; -webkit-appearance: none; padding: 0; border-radius: 3px; border: 1px solid #cccccc; padding: 0.65em 0.5em; } .sgs-form .hidden { display: none; } .sgSpreedly3dsFrame { width: 250px; width: 100%; height: 400px; border: none; } #spreedly-number-label { order: 3; } #spreedly-cvv { order: 4; } .sgs-field.sgs-field-exp { flex-direction: row; flex-wrap: wrap; } .sgs-field.sgs-field-exp label { width: 100%; } .sgs-exp-divider { display: none; } .sgs-field.sgs-field-exp .sgs-field-group { width: 36%; margin-right: 10px; } /* Buttons */ .sgs-field-submit { border: none; margin-top: 20px; display: flex; flex-wrap: wrap; } #sgs-submit-button { order: 2; margin-left: auto; } #sgs-message:not(empty), #sgs-errors:not(empty) { width: 100%; margin-bottom: 20px; } body .sgs-form-button:hover { background-color: #009ad6 !important; color: white !important; border-color: #00739e !important; opacity: 0.75 !important; text-decoration: none !important; } body .sgs-form-button:not(#sgs-submit-button) { background-color: transparent !important; border-color: #e7e6e8 !important; border-width: 1px !important; color: #1f1f1f !important; font-weight: 600 !important; text-transform: uppercase !important; border-style: solid !important; padding: 11px !important; } body .sgs-form-button { background-color: var(--sgs-primary-bg) !important; color: var(--sgs-primary-button-color) !important; font-weight: 600 !important; text-transform: uppercase !important; padding: 11px !important; border-color: var(--sgs-primary-bg) !important; border-width: 1px !important; border-style: solid !important; } /* Apple Pay */ @supports (-webkit-appearance: -apple-pay-button) { #applePay { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: buy; -apple-pay-button-style: white-outline; min-height: 40px; height: 40px; width: 240px; } } @supports not (-webkit-appearance: -apple-pay-button) { #applePay { display: inline-block; background-size: 100% 60%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; box-sizing: border-box; background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; min-height: 40px; height: 40px; width: 240px; color: black; border: 0.5px solid black; } } /* CSS */ @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { display: inline-block; -webkit-appearance: -apple-pay-button; -apple-pay-button-type: buy; } .apple-pay-button-with-text > * { display: none; } .apple-pay-button-black-with-text { -apple-pay-button-style: black; } .apple-pay-button-white-with-text { -apple-pay-button-style: white; } .apple-pay-button-white-with-line-with-text { -apple-pay-button-style: white-outline; } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { --apple-pay-scale: 1; /* (height / 32) */ display: inline-flex; justify-content: center; font-size: 12px; border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 200px; min-height: 32px; max-height: 64px; } .apple-pay-button-black-with-text { background-color: black; color: white; } .apple-pay-button-white-with-text { background-color: white; color: black; } .apple-pay-button-white-with-line-with-text { background-color: white; color: black; border: 0.5px solid black; } .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; } .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-with-text > .text { font-family: -apple-system; font-size: calc(1em * var(--apple-pay-scale)); font-weight: 300; align-self: center; margin-right: calc(2px * var(--apple-pay-scale)); } .apple-pay-button-with-text > .logo { width: calc(35px * var(--scale)); height: 100%; background-size: 100% 60%; background-repeat: no-repeat; background-position: 0 50%; margin-left: calc(2px * var(--apple-pay-scale)); border: none; } } .sgs-form { font-family: 'Inter-LightBETA', Arial, Helvetica 'Neue', Helvetica, sans-serif !important; } body { margin-top: 0; } body.template-templatefull { margin-top: 0; } h1, h2, .block-title, h3, h4, h5, h6 { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-weight: 600; font-variation-settings: 'wght' 600; } #group_Header-fixed ul, #group_Header-fixed li { display: inline-block; padding-left: 0; } #PH_HeaderBackground-fixed, #group_Header-fixed, #siteMenuBar { height: 83px; box-shadow: none; z-index: 50; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_HeaderBackground-fixed, #group_Header-fixed, #siteMenuBar { box-shadow: none; height: 35px; } } body #group_Header-fixed { padding: 0; background-color: #001233 !important; border-bottom: none; border-top: 2px solid #001233; width: 100%; position: fixed; z-index: 61; } @media only screen and (min-width: 1px) and (max-width: 780px) { body #group_Header-fixed { top: 0px; width: 100%; box-shadow: none; z-index: 1; } } #navMenu_Float_Join_item { display: none; } .btn { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-weight: 700; font-size: 18px; line-height: 1.42857143; border: none; border-radius: 0px; text-transform: uppercase; } .btn-primary { color: white; background: none; background-color: #00739e; } .btn-primary:hover, .btn-primary:focus { background-color: #009ad6; } .btn.btn-inverted { background-color: white; color: black; } .btn.btn-inverted:hover { background-color: rgba(255, 255, 255, 0.75); } #PH_header-container { padding: 0 15px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_header-container .row.site-header { display: none; } } @media only screen and (min-width: 781px) { #PH_header-container .header-menu { display: none; } } .main-logo, img.logo-image { max-width: 215px; width: 100%; height: auto; margin-top: 0; } @media only screen and (min-width: 1px) and (max-width: 780px) { .main-logo, img.logo-image { max-width: 175px; } } @media only screen and (min-width: 781px) { .main-logo { padding: 0 20px 0 5%; } } .main-logo-text { color: white; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 600; line-height: 22px; } @media only screen and (min-width: 781px) { .main-logo-text { padding-top: 12px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .main-logo-text { font-size: 15px; line-height: 26px; } } #PH_header-container, .footer-content { width: 100%; min-height: 1px; } #content .articles .article-container { margin: 0; } .quaytickets-logo, .site-menu, .social-search { display: block; position: relative; } .quaytickets-logo { width: 300px; float: left; } @media only screen and (min-width: 1px) and (max-width: 780px) { } .site-menu { float: left; } .social-search { float: right; text-align: right; } @media only screen and (min-width: 781px) and (max-width: 1151px) { .social-search { display: none; } } .quaytickets-logo img, .quaytickets-logo a { display: block; width: 100%; height: auto; } .quaytickets-logo a { padding: 20px 15px 0px 15px; } .site-menu li a { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 16px; padding: 34px 0px 10px 0px; margin: 0px 8px; display: block; color: #231f20; text-decoration: none; position: relative; } .site-menu li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #00739e; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .site-menu li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .social-search ul { margin-top: 20px; margin-right: 15px; } .social-search li { margin-right: 2px; } .social-search li a { padding: 10px; display: block; width: 100%; height: auto; color: white; font-size: 20px; line-height: 20px; border-radius: 2px; } .social-search li a:hover, .social-search li a:visited, .social-search li a:active, .social-search li a:focus { text-decoration: none; opacity: 0.8; } .social-search li.facebook a { background-color: #3b5998; } .social-search li.twitter a { background-color: #55acee; } .social-search li.blog a { background-color: #ff9800; } .social-search li.subscribe a { background-color: #db4437; } .social-search li.account a { background-color: #666666; } .social-search li.search-button a { background-color: #6eb64b; } .social-search li.basket a { background-color: #00739e; } .social-search li.logout a { background-color: #666666; } .social-search .account, .social-search .search-button { margin-left: 10px; } .social-search .contact { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-weight: 600; font-size: 20px; line-height: 20px; display: inline-block; margin-right: 15px; color: white; font-variation-settings: 'wght' 600; } .search-box { background: #00739e; border-radius: 0px; padding: 15px 0 8px 0; margin: 0; color: white; } .feature-banner { position: relative; width: 100%; display: block; background-color: white; height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat; font-weight: 600; font-variation-settings: 'wght' 600; } @media only screen and (min-width: 1px) and (max-width: 780px) { .feature-banner { display: none; } } .feature-banner .container { position: relative; min-height: 100%; } .feature-item { position: absolute; top: 50%; left: 25%; transform: translate(-12%, -50%); color: white; } .feature-item h1, .feature-item h2 { padding: 7px 14px 7px 14px; font-size: 34px; line-height: 34px; float: left; margin: 0; line-height: 1.3em; } .feature-item h1 { background-color: #00739e; color: white; } .feature-item h2 { background-color: rgba(175, 175, 175, 0.65); color: white; } #group_Header-fixed .ph_search_box .searchManager { display: inline; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed.searchPageOpen #PH_Search_Box { background-color: #f2f2f2; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed.searchPageOpen .ph_search_box .searchManager.expanded { height: 90%; } } #group_Header-fixed #PH_Search_Box { width: 33%; height: auto; padding-top: 40px; position: absolute; background-color: white; right: 40px; display: none; top: 83px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed #PH_Search_Box { height: 35px; padding-top: 0px; background-color: unset; display: block; z-index: 5; top: 0; right: 0; } } @media only screen and (min-width: 781px) { #group_Header-fixed #PH_Search_Box { margin: 0px; } } #group_Header-fixed .ph_search_box .frmSearch { width: 100%; } #group_Header-fixed FORM.frmSearch .SearchBoxContainer { height: 40px; width: 100%; max-width: 400px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed FORM.frmSearch .SearchBoxContainer { height: unset; } } #group_Header-fixed:not(.searchPageOpen) .ph_search_box FORM.frmSearch .SearchBoxContainer .SearchTextButton { left: initial; top: 0; right: 0; } #group_Header-fixed:not(.searchPageOpen) FORM.frmSearch .SearchTextButton { border-radius: 0; } #group_Header-fixed FORM.frmSearch .SearchTextButton { height: 100%; } #group_Header-fixed FORM.frmSearch .SearchTextButton:before { font-size: 19px; line-height: 34px; color: white; } #group_Header-fixed FORM.frmSearch INPUT[type=text] { color: #3f3f3f !important; width: 100%; margin-left: 0; margin-top: 0; } .bottom-menu { padding-top: 13px; padding-left: 3%; height: 85px; } @media only screen and (min-width: 781px) { .bottom-menu { display: flex; width: 100%; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .bottom-menu { padding-left: 0; height: 83px; padding-top: 47px; } } .feature-search { width: 100%; float: left; margin-top: 25px; position: relative; } .feature-search FORM.frmSearch .SearchTextBox, .feature-search FORM.frmSearch .SearchBoxContainer { height: 50px; width: 100%; } FORM.frmSearch .SearchTextBox { width: 100%; } FORM.frmSearch .SearchTextButton { top: 0; right: 0; border-radius: 0; background-color: #00739e; width: unset; } FORM.frmSearch .SearchTextButton:hover, FORM.frmSearch .SearchTextButton:active, FORM.frmSearch .SearchTextButton:focus { background-color: #009ad6; color: white; } FORM.frmSearch .SearchTextButton { height: 100%; } @media only screen and (min-width: 781px) { FORM.frmSearch .SearchTextButton::before { content: "Search Shows"; font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; } } @media only screen and (min-width: 1px) and (max-width: 780px) { FORM.frmSearch .SearchTextButton::before { content: ""; } } .feature-search FORM.frmSearch .SearchTextButton::before { line-height: 50px; font-size: 24px; } FORM.frmSearch .SearchTextButton:focus::before { color: white; } .search-input, .search-button { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; } .feature-search .search-input, .feature-search .search-button { font-size: 24px; line-height: 24px; } FORM.frmSearch INPUT[type="text"], .search-input { border: none; color: #3f3f3f; margin-left: 0px; height: 100%; } .feature-search FORM.frmSearch INPUT[type="text"], .feature-search .search-input { height: 50px; width: 100%; padding: 0px 15px 0px 50px !important; color: #333333; } .feature-search i { position: absolute; top: 50%; left: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #3f3f3f; font-size: 24px; } .feature-search .search-button { background-color: #009ddc; color: white; padding: 11px 15px 10px 15px; text-decoration: none; line-height: 24px; } .feature-search .search-button:focus { outline: 0px; outline-offset: 0px; } .feature-search .search-button:hover { background-color: rgba(0, 157, 220, 0.9); } .clearfix { clear: both; } .section > div { text-align: center; } .section .heading { display: inline-block; width: 100%; margin: 50px 0 50px 0; } .section .heading h2 { text-transform: uppercase; font-weight: 400; font-size: 26px; overflow: hidden; text-align: center; padding: 0; margin: 0; } .section .heading h2:before, .section .heading h2:after { background-color: #00739e; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 25%; } .section .heading h2:before { right: 0.5em; margin-left: -50%; } .section .heading h2:after { left: 0.5em; margin-right: -50%; } .section .heading.first { margin-top: 50px; margin-bottom: 50px; } .section.subscribe { background-color: #00739e; padding: 0 0 60px 0; } .section.subscribe h2, .section.subscribe h3 { color: white; margin-top: 0; } .section.subscribe #mc_embed_signup_scroll { font-size: 18px; color: white; margin: 0; } .section.subscribe .heading h2:before, .section.subscribe .heading h2:after { background-color: white; } .section.subscribe input.email { border: none; border: 2px solid white; border-radius: 12px; padding: 6px 12px; background-color: #00739e; color: white; width: 100%; max-width: 500px; display: block; margin: 0 auto; } .section.subscribe input.email::placeholder { color: white; font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; } .section.subscribe .subscribe-terms { font-size: 14px; max-width: 600px; display: inline-block; margin: 10px 15px 0 15px; } .section.subscribe .btn { margin-top: 25px; display: block; margin: 25px auto 10px auto; } .section.subscribe .field-label.email { display: none; } .section.subscribe #message { margin: 15px 0 0 0; padding: 4px 6px; font-size: 14px; font-weight: bold; color: #3f3f3f; background-color: white; max-width: 600px; display: inline-block; } .section.subscribe #message.mc-success { color: limegreen; } .section.subscribe #message.mc-error { color: #db4437; } .section.featured-events .row { margin-right: 0px; margin-left: 0px; } .section.featured-events { background-color: white; padding: 0; } .section.featured-events .container { width: 100%; padding: 0px; } .section.featured-events .list { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; overflow: hidden; padding: 0 15px 15px 15px; margin-top: -15px; margin-bottom: 30px; } .section.featured-events .list li { display: block; float: left; padding: 15px; width: 20%; } .section.featured-events .list li img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .section.blog { background-color: #f3f3f3; padding-bottom: 75px; } .section.blog .intro { text-align: left; } .section.blog .intro h2 { text-align: left; margin-top: 4px; margin-bottom: 15px; color: #00739e; } .section.blog .intro p { font-size: 18px; line-height: 1.5; margin-bottom: 15px; } .section.blog .pic img { width: 100%; height: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .section.event-highlight { background-size: cover; background-position: center; padding: 60px 0 90px 0; color: #231f20; min-height: 500px; position: relative; } .section.event-highlight .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section.event-highlight h2 { font-size: 38px; font-weight: 700; color: #00739e; margin-top: 0px; } .section.event-highlight h3 { font-weight: 700; } .section.event-highlight .copy .box { padding: 30px; border-radius: 6px; background-color: rgba(35, 31, 32, 0.55); background-color: rgba(255, 255, 255, 0.8); } #searchBox label img { float: right; margin-right: 4px; margin-top: 6px; display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 28px; height: 24px !important; padding-left: 28px; } .search-box form ul li .field-label { font-weight: 400; font-size: 16px; } /* .menu-item { @media @desktop { cursor: pointer; } } */ /* Footer */ #group_Footer { width: 100%; float: left; text-align: left; } #PH_Footer-main { padding: 0px !important; color: white; } #PH_Footer-main .row { margin: 0px; display: flex; flex-direction: row; flex-wrap: wrap; text-align: left; } #PH_Footer-main div[class^="col"] { padding: 60px 4%; text-align: left; } #PH_Footer-main .col1 { background-color: #00739e; } #PH_Footer-main .col2, #PH_Footer-main .col3, #PH_Footer-main .col4 { background-color: #001233; } #PH_Footer-main div[class^="col"] a { text-decoration: none; } #PH_Footer-main div[class^="col"] a:hover { color: #00739e; } #PH_Footer-main div.col1 a:hover { color: #231f20; } #PH_Footer-main ul, #PH_Footer-main li { list-style: none; margin: 0; padding: 0; } #PH_Footer-main h3 { text-transform: capitalize; margin: 25px 0 18px 0; font-size: 28px; } #PH_Footer-main li { font-size: 16px; line-height: 1.7em; display: block; text-align: left; } #PH_Footer-main .col1 { text-align: right; } #PH_Footer-main a { color: white; } #PH_Footer-main .star-logo, #PH_Footer-main .secure-logo { margin: 26px 0 20px 0; display: block; } #PH_Footer-main .secure-logo img { width: auto !important; height: 90px !important; } #PH_Footer-main ul.pop-shows { margin-top: 4px; float: left; } #PH_Footer-main ul.pop-shows li { line-height: 1.4em; margin: 0 0 6px 0; } #PH_Footer-main ul.social .icofont { font-size: 18px; padding-right: 4px; } @media only screen and (min-width: 781px) { div#PH_Float_Menu, #group_Header-fixed.secondary #PH_Float_Menu { width: 50%; } } @media only screen and (min-width: 1500px) { div#PH_Float_Menu, #group_Header-fixed.secondary #PH_Float_Menu { width: 30%; } } #siteMenuBar.hasclient #customerBox::before { width: 20px; height: 22px; color: white; font-size: 20px; line-height: 20px; border-radius: 2px; background-color: #666666; padding: 10px; } #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { width: 20px; height: 22px; color: white; font-size: 20px; line-height: 20px; border-radius: 2px; background-color: #00739e; padding: 10px; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #my_basket > span:before, #siteMenuBar [id='my basket'] > span:before { color: white; font-size: 16px; line-height: 16px; padding: 10px 0; } } .siteMenuContainer { justify-content: flex-start; } .sg-login-button .icon { display: none; } @media only screen and (min-width: 1px) and (max-width: 780px) { body #group_Header-fixed { height: 120px; } } #group_Header-fixed #PH_logo { width: auto; max-width: 230px; height: 100%; } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_MenuButton { z-index: 2; } } /* .searchManager .findByValues { display: none; } .searchManager.expanded .findByValues { display: block; } */ #group_Header-fixed div[id^="PH_SearchPage"] { display: block !important; } .searchManager .findByValues .genresContainer { height: unset !important; max-height: 400px; overflow-x: auto; padding-top: 25px; } .eventsCalendar { display: none; } .genres { background-color: #ecf0f1; display: none; } .genresFooter { background-color: #ecf0f1; padding: 0 15px 15px 15px; height: 40px; } .genres h2 { background-color: white; border-radius: 0; color: #333333; box-shadow: none; } .genresFooter button.close .genresFooter button { font-family: "Roboto Condensed", Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif; font-size: 16px; color: #333333; opacity: 1; font-weight: bold; text-shadow: none; float: unset; } @media only screen and (min-width: 781px) { .screenPartContainer.ph_search_box .searchManager.expanded .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { margin-top: 0px; } } @media only screen and (min-width: 781px) { #PH_SearchPage_ByCalendar { max-width: 400px; margin: 15px auto; } } .currentTimeRangeEventsCtrl { display: none; background-color: white; } #siteMenuBar .flm_login, a#navMenu_Float_TimeRemaining_item, #siteMenuBar #CountDown.active, a#navMenu_Float_Search_item { font-size: 16px; font-weight: 600; color: #333333; } @media only screen and (min-width: 1px) and (max-width: 780px) { a#navMenu_Float_Search_item, #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login, #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { width: 33%; height: 100%; margin: 0; padding: 0; border-radius: 0; background-color: #00739e; color: white; font-size: 16px; font-weight: 600; } } #siteMenuBar .flm_login, a#navMenu_Float_TimeRemaining_item, #siteMenuBar #CountDown.active, a#navMenu_Float_Search_item, span.mnuBtnCaption::before, #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span, #siteMenuBar.hasclient #customerBox a { color: white; } .siteMenuContainer button#navMenu_Float_login_item { background: none; } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span { position: static; } } #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login { position: static; } @media only screen and (min-width: 781px) { #group_Header-fixed { display: flex; } } #siteMenuBar #CountDown .timerText { font-weight: 600; color: #00739e; } a#navMenu_Float_Basket_item { order: 5; font-size: 16px; font-weight: 600; } a#navMenu_Float_Home_item { order: 0; font-size: 16px; font-weight: 600; } @media only screen and (min-width: 1px) and (max-width: 780px) { a#navMenu_Float_Home_item { display: none; } } .timer-tooltip .qtip-content { padding: 7px 0; } @media only screen and (min-width: 781px) { div#PH_Float_Menu { padding-right: 55px; } } #siteMenuBar #CountDown.active { position: absolute; top: 27px; right: 0; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar #CountDown.active { top: 52px; right: 46px; } } @media only screen and (min-width: 781px) { #siteMenuBar .flm_my_basket.active { margin-right: 52px !important; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar .flm_my_basket.active { position: static; } } @media only screen and (min-width: 781px) { #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { margin-left: 14px; color: white; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #PH_Float_Menu #siteMenuBar .siteMenuContainer .flm_my_basket { order: 2; position: static; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login { position: static; order: 1; } } @media only screen and (min-width: 781px) { a#navMenu_Float_Search_item { display: none; } } @media only screen and (min-width: 1px) and (max-width: 780px) { a#navMenu_Float_Search_item { border-left: 1px solid; order: 3; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .flm_my_basket:not(.active) { display: inline-block; } } .flm_my_basket:not(.active):after { content: 'Basket' !important; width: 60px; position: static; line-height: 38px; padding-left: 10px; font-size: 16px; font-weight: 600; } @media only screen and (min-width: 1px) and (max-width: 780px) { #siteMenuBar.hasclient #customerBox { background-color: #00739e; position: static; order: 1; width: 33%; } } @media only screen and (min-width: 1px) and (max-width: 780px) { body.dir-LTR #siteMenuBar.hasclient #customerBox > a:first-child:after { margin-top: 7px; font-size: 20px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { #customerBox .greeting { visibility: visible; display: block; border: none; max-width: 106px; line-height: 27px; font-size: 13px; } } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 781px) { .container { width: 1200px; } } @media only screen and (min-width: 1500px) { .container { width: 1400px; } } @media only screen and (min-width: 781px) and (max-width: 1151px) { .container { width: 970px; } } @media only screen and (min-width: 1px) and (max-width: 780px) { .container { width: 98%; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } /*# sourceMappingURL=http://quaytickets.esro.seatgeekenterprise.com/style/Css.ashx?i=30&iv=0b123178-1a15-4a76-bc48-4f5c9f966cc5&p=ECCCCCCCCCCCCCM&map */