/*! 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; } /*------- Main Menu -----------*/ .navBtnContainer { display:none; } .navMenu { position: relative; display: block; /* height: 30px; */ /*width: 100%;*/ margin-bottom: 3px; background: #565555; padding: 0 10px; /* padding-right: 300px; */ } .nav, .nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 2.5em; } .nav a { color: #E5EAF3; font-size: 10pt; text-decoration: none; } .nav > li { position: relative; display: inline-block; line-height: 12px; color: #E5EAF3; padding: 0 10px 0 10px; margin-top: 8px; border-right: 1px solid #E5EAF3; font-size: 10pt; } .nav > li:nth-last-child(1) /*remove the last | from the main menu*/ { border-right: 0px; } .nav ul { position: absolute; display: none; width: 12em; margin-top: 0.1em; border: 1px solid white; background-color:#565555; padding: 0.2em; } /*.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul { display: none; }*/ .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul { display: block; z-index:9999; } .userGreeting { display:none; } /**/ @media only screen and (max-width: 780px) { .ph_main_menu { width:100%; } .navMenu { display:none; background-color:rgb(45,45,45); } .nav, .nav ul { left: 3% !important; } .navMenu.displayed { display:block; } .navMenu-Item { border: #E5EAF3 solid 1px; padding-left: 8px; } .nav > li { 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:6em; float:left; border-radius: 5%; } .nav > li > A { position:relative; height:100%; display:block; } .nav > li > A > SPAN { position:absolute; bottom:0.1em; text-align: center; width: 100%; } .nav > li:hover { background-color:rgb(100,133,209); } /* .subMenuClose .navMenu-SubList { display:none !important; } .subMenuOpen .navMenu-SubList { display:block !important; z-index:9999 !important; } */ .navMenu-SubList { display:none !important; } .subMenuOpen .navMenu-SubList { display:block !important; z-index:9999 !important; } .navmenu_Tickets { background-image: url('../style/flowbase.css/images/menu/mnuTicket.png'); } .navmenu_AllMembership { background-image: url('../style/flowbase.css/images/menu/mnuMembership.png'); } .navmenu_Merchandise { background-image: url('../style/flowbase.css/images/menu/mnuMerchandise.png'); } .navmenu_Donations { background-image: url('../style/flowbase.css/images/menu/mnuDonation.png'); } .navmenu_GiftVouchersList { background-image: url('../style/flowbase.css/images/menu/mnuGiftVouchers.png'); } .navmenu_SubscriptionList { background-image: url('../style/flowbase.css/images/menu/mnuSubscription.png'); } .navmenu_Bundles { background-image: url('../style/flowbase.css/images/menu/mnuBundles.png'); } } /*------- 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; } /*}}*/ } /*-- Footer */ #toBeSetIntoFooter { padding-top:0.2em; } #toBeSetIntoFooter > div { border-top:solid 2px white; width:100%; background-color:#F3F3F3; float:left; } #toBeSetIntoFooter > div > div { display: inline-block; vertical-align: top; padding:0.5em; width:20%; box-sizing: border-box; float:left; } #toBeSetIntoFooter .middle { width:30%; text-align:center; } #toBeSetIntoFooter > div > div:last-child { text-align:right; } #toBeSetIntoFooter > div > div A { display: block; } #toBeSetIntoFooter .poweredBy { height: 30px; } /* */ .ph_footer { clear:both; } @media screen and (max-width:780px) { .ph_footer { display:none; } #toBeSetIntoFooter > div > div { overflow:hidden; } .sro4,.poweredBy { width:100%; } } /*------- 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; } /* +-----------------------------------------------------------------------------------------------------------------+ | 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_Main_Menu { float: left; padding-left: 1em; display: inline-block; width: 1px; } @media screen and (min-width: 781px) { .nav { margin-top: -1px; } } .nav:hover { outline: 0; } .navMenu { padding: 0; position: static; } #group_Header-fixed .navMenu { display: none; } #group_Header-fixed.primary #PH_Main_Menu { width: 100px; height: inherit; } #group_Header-fixed.primary .navMenu { display: table; /* position: static; */ } #group_Header-fixed .navMenu { position: absolute; } .navMenu, .nav ul { background-color: transparent; } .nav a, .nav > li { color: #005c9f; font-size: 1.1em; font-weight: 500; padding: 0; } @media only screen and (max-width: 780px) { .nav a, .nav > li { color: #005c9f; } } #group_Header-fixed .nav a, #group_Header-fixed .nav > li { color: #404041; } @media only screen and (max-width: 780px) { #group_Header-fixed .nav a, #group_Header-fixed .nav > li { color: #404041; } } #group_Header-fixed .nav a, #group_Header-fixed .nav > li, #group_Header-fixed .nav button { color: #414141; } #group_Header-fixed .nav > li.selected, #group_Header-fixed .nav > li.youAreHere, #group_Header-fixed .nav > li.selected a.navMenu-FirstLevelItem, #group_Header-fixed .nav > li.youAreHere a.navMenu-FirstLevelItem { color: #005c9f; } #group_Header-fixed .nav > li.youAreHere ~ .selected { font-size: 1.3em; border-left: 3px solid; } #group_Header-fixed .nav > li.youAreHere ~ .selected > a { font-weight: 600; } #group_Header .nav .navMenu-SubList a { padding-bottom: 13px; } #group_Header .nav .navMenu-SubList .navMenu-Item:last-child a { padding-bottom: 20px; } #group_Header .nav .navMenu-SubList .navMenu-Item.linkToAll a { padding-bottom: 20px; } #group_Header .nav .navMenu-SubList a span { word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block; line-height: 16px; width: 90%; margin-top: -5px; } #group_Header-fixed ul.nav > li:last-child, #group_Header-fixed ul.nav > li { border: 1px #cecece solid; } #group_Header-fixed.primary ul.nav > li { margin: 0; display: none; background-color: white; border-bottom-style: none; padding-bottom: 1px; } @media not screen and (max-width: 780px) { #group_Header-fixed.primary ul.nav > li.mobileMenu { display: none !important; } } #group_Header-fixed.primary ul.nav > li a, #group_Header-fixed.primary ul.nav > li button { background-repeat: no-repeat; background-position: 0 50%; background-size: 20px; display: inline-block; padding: 1em; padding-left: 7px; padding-right: 0.5em; } #group_Header-fixed.primary ul.nav > li button { font-weight: 500; padding: 0.9em; color: #005c9f; } @media only screen and (max-width: 780px) { #group_Header-fixed.primary ul.nav > li button { color: #005c9f; } } #group_Header-fixed.primary ul.nav > li.youAreHere:after { content: '\f0d7'; font-size: 14px; font-family: FontAwesome; margin-left: -8px; cursor: pointer; } /* lock dir {{*/ body.dir-RTL #group_Header-fixed.primary ul.nav > li a, body.dir-RTL #group_Header-fixed.primary ul.nav > li button { background-position: 100% 50%; } /*}}*/ body:not([data-whatinput]) #group_Header-fixed.primary ul.nav:hover > li, body[data-whatinput="keyboard"] #group_Header-fixed.primary ul.nav:hover > li, body[data-whatinput="mouse"] #group_Header-fixed.primary ul.nav:hover > li, #group_Header-fixed.primary ul.nav.simulateHover > li { display: block; } #group_Header-fixed.primary ul.nav > li:first-child { display: inline-block; border: none; background-color: transparent; } #group_Header-fixed ul.nav > li:last-child { border-bottom-style: solid; border-right-width: 1px; } #group_Header .navMenu { position: absolute; right: 0; display: block; width: 100%; } #PH_Menu ul { display: flex; } #PH_Menu ul li { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97.771 55.039' width='97.771' height='55.039'%3E%3Cpath fill='%231f76b1' d='M0 0v43.38l.1.06s4.16-.1 12.02 3.7c10.3 4.96 21.83 7.9 36.27 7.9h.98c14.44 0 25.96-2.94 36.27-7.9 7.86-3.8 12.03-3.7 12.03-3.7l.1-.05V-.02H0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%; height: 54px; width: 98px; max-width: 98px; border: none; text-align: center; margin: 0; margin-left: 1px; line-height: 30px; box-sizing: border-box; display: inline-block; vertical-align: top; white-space: normal; float: left; /* &.navMenu-FirstLevelItem{ -ms-filter:drop-shadow(0 3px 0px #e4e4e4); -moz-filter:drop-shadow(0 3px 0px #e4e4e4); -webkit-filter:drop-shadow(0 3px 0px #e4e4e4); filter:drop-shadow(0 3px 0px #e4e4e4); }*/ } #PH_Menu ul li a { font-family: Cuprum, Arial, sans-serif; color: white; font-weight: 100; font-size: 1.3rem; display: inline-block; /* height:100%; */ width: 100%; background-repeat: no-repeat; background-position: 50% 8px; padding-top: 17px; text-transform: capitalize; } #PH_Menu ul li.selected a.navMenu-FirstLevelItem, #PH_Menu ul li.selected .navMenu-Item.selected a { color: #ffe699; font-size: 1.4rem; } #PH_Menu li.subMenuClose:not(.simulateHover) li.navMenu-Item { display: none; } #PH_Menu li.subMenuClose:hover li.navMenu-Item, #PH_Menu li.subMenuClose.simulateHover li.navMenu-Item { display: block; height: 43px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97.771 55.039' width='97.771' height='55.039'%3E%3Cpath fill='%231f76b1' d='M0 0v43.38l.1.06s4.16-.1 12.02 3.7c10.3 4.96 21.83 7.9 36.27 7.9h.98c14.44 0 25.96-2.94 36.27-7.9 7.86-3.8 12.03-3.7 12.03-3.7l.1-.05V-.02H0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; } #PH_Menu li.subMenuClose:hover a, #PH_Menu li.subMenuClose.simulateHover a { /*height: 84px;*/ background-color: #1f76b1; border-top: 1px #83c6cc solid; } #PH_Menu li.subMenuClose:hover li.navMenu-Item:last-child, #PH_Menu li.subMenuClose.simulateHover li.navMenu-Item:last-child { height: 67px; background-position-x: -3px; } #PH_Menu .nav ul.navMenu-SubList { width: 100%; border: 0px solid white; margin-top: -6px; display: block; z-index: 999; padding-left: 2px; } #PH_Menu #navMenu_Main_Merchandise .navMenu-SubList .navMenu-Item.extraToHide { display: none; } /* #group_Header-fixed .nav ul.navMenu-SubList { background-color: red; margin-left: 170px; } */ #PH_Menu li.navMenu-Item { display: block; height: 0px; line-height: 2px; width: 98px; /*background:none;*/ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97.771 55.039' width='97.771' height='55.039'%3E%3Cpath fill='%231f76b1' d='M0 0v43.38l.1.06s4.16-.1 12.02 3.7c10.3 4.96 21.83 7.9 36.27 7.9h.98c14.44 0 25.96-2.94 36.27-7.9 7.86-3.8 12.03-3.7 12.03-3.7l.1-.05V-.02H0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; border-top: 1px #83c6cc solid; background-position-x: -3px; z-index: 999; } #PH_Menu li.navMenu-Item.selected, #PH_Menu li.navMenu-Item.selected:last-child { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97.771 55.039' width='97.771' height='55.039'%3E%3Cpath fill='%231f76b1' d='M0 0v43.38l.1.06s4.16-.1 12.02 3.7c10.3 4.96 21.83 7.9 36.27 7.9h.98c14.44 0 25.96-2.94 36.27-7.9 7.86-3.8 12.03-3.7 12.03-3.7l.1-.05V-.02H0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; } #PH_Menu li.selected { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.094 55.446' width='98.094' height='55.446'%3E%3Cpath fill='%231f76b1' d='M48.9 51.5h.31c14.6 0 26.23-2.14 36.65-5.75 7.37-2.55 11.53-2.67 12.1-2.67V0H.14v43.08c.6 0 4.74.12 12.1 2.67 10.4 3.6 22.04 5.75 36.64 5.75z'/%3E'%3E%3Cpath fill='%23ffe699' d='M98 43.08h-.07c-.55 0-4.7.12-12.08 2.67-10.42 3.6-22.05 5.75-36.64 5.75h-.31c-14.6 0-26.24-2.14-36.66-5.75C4.9 43.2.74 43.08.16 43.08H.1l-.1-.04v.7l.1.05s4.2-.12 12.14 3.7c10.42 5 22.05 7.95 36.65 7.95h.31c14.6 0 26.23-2.96 36.65-7.96C93.8 43.67 98 43.8 98 43.8l.1-.07v-.7l-.1.05z'/%3E%3C/svg%3E"); } #PH_Menu li a:before { content: ''; font-family: toptix; font-size: 14px; font-weight: normal; position: absolute; width: 34px; color: white; margin-top: -19px; left: 34%; } #PH_Menu li.selected a:before { color: #ffe699; text-shadow: 1px 1px 0 black; font-size: 1.3rem; } #PH_Menu li.navmenu_Tickets a:before, #PH_Main_Menu li.navmenu_Tickets a:before { content: '\e80a'; } #PH_Menu li.navmenu_AllMembership a:before, #PH_Main_Menu li.navmenu_AllMembership a:before { content: '\e803'; } #PH_Menu li.navmenu_Merchandise a:before, #PH_Main_Menu li.navmenu_Merchandise a:before { content: '\e801'; } #PH_Menu li.navmenu_DonationsList a:before, #PH_Main_Menu li.navmenu_DonationsList a:before { content: '\e807'; } #PH_Menu li.navmenu_GiftVouchersList a:before, #PH_Main_Menu li.navmenu_GiftVouchersList a:before { content: '\e805'; } #PH_Menu li.navmenu_SubscriptionList a:before, #PH_Main_Menu li.navmenu_SubscriptionList a:before { content: '\e809'; } #PH_Menu li.navmenu_Bundles a:before, #PH_Main_Menu li.navmenu_Bundles a:before { content: '\e80c'; } #PH_Menu li.navmenu_Hospitality a:before, #PH_Main_Menu li.navmenu_Hospitality a:before { content: '\e80f'; } #PH_Menu li.navmenu_Hospitality a:before, #PH_Main_Menu li.navmenu_Hospitality a:before { content: '\e80f'; } #PH_Menu li.navmenu_Ballots a:before, #PH_Main_Menu li.navmenu_Ballots a:before { content: '\e80a'; } #PH_Menu li .navMenu-SubList a:before { content: ''; } #PH_Main_Menu li a:before { content: ''; font-family: toptix; font-size: 16px; font-weight: normal; color: #414141; display: inline-block; min-width: 20px; } #PH_Main_Menu li.navMenu-Item a:before { font-size: 9px; } #PH_Main_Menu li.selected a:before { color: #005c9f; } #group_Header-fixed #PH_Main_Menu li a:before { color: #414141; } #group_Header-fixed #PH_Main_Menu li.selected a.navMenu-FirstLevelItem:before { color: #005c9f; } .navMenu.Footer .nav { text-align: left; } .navMenu.Footer ul { display: block; position: static; border: none; padding: 0; line-height: 1.5em; width: auto; } .navMenu.Footer .nav > li { float: left; font-size: 1em; line-height: 1.5em; color: inherit; border: none; white-space: nowrap; margin-top: 0; padding: 0; padding-right: 4em; } .navMenu.Footer .nav a { font-weight: 300; } .navMenu.Footer ul ul a { color: inherit; } @media only screen and (max-width: 780px) { .navMenu.Footer ul ul a { color: inherit; } } .navMenu.Footer li#navMenu_Footer_SGLogo { height: 30px; position: absolute; bottom: 0; right: 0; font-size: 1.1rem; padding: 0; } .navMenu.Footer li#navMenu_Footer_SGLogo a { display: inline-block; background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%271.0%27%20encoding%3D%27UTF-8%27%3F%3E%3Csvg%20version%3D%271.1%27%20viewBox%3D%270%200%20163.18%20156.76%27%20preserveAspectRatio%3D%27xMaxYMid%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20transform%3D%27matrix%281.25%200%200%20-1.25%200%20156.76%29%27%3E%3Cg%20transform%3D%27scale%28.1%29%27%20fill%3D%27%23005c9f%27%3E%3Cpath%20d%3D%27m915.85%20700.66%2087.698%20465.74s-134.01%2087.72-350.85%2087.72c-216.84%200-350.85-87.72-350.85-87.72l87.715-465.74h526.28%27%2F%3E%3Cpath%20d%3D%27m1003.6%20497.98v99.433s-136.44-62.355-350.85-62.355c-214.4%200-350.85%2062.355-350.85%2062.355v-99.433s138.88-58.469%20350.85-58.469c211.98%200%20350.85%2058.469%20350.85%2058.469%27%2F%3E%3Cpath%20d%3D%27m200.53%20661.68h93.563v165.68c0%2026.914-21.821%2048.722-48.739%2048.722h-126.7v-87.707h81.871v-126.69%27%2F%3E%3Cpath%20d%3D%27m1104.9%20788.37h81.88v87.707h-126.69c-26.93%200-48.74-21.808-48.74-48.722v-165.68h93.55v126.69%27%2F%3E%3Cpath%20d%3D%27m216.36%20107.53c2.383%2014.547%2013.352%2031.039%2039.333%2031.039%2022.316%200%2030.738-15.199%2032.578-31.039h-71.911zm37.555%2065.809c-50.875%200-79.57-41.649-79.57-86.781%200-20.008%204.371-86.559%2090.019-86.559%2025.293%200%2042.418%206.7695%2054.903%2013.57v37.559s-20.512-16.117-50.453-16.117c-33.379%200-49.84%2018.879-52.539%2039.137h111.1v21.34c0%2012.723%200.344%2077.852-73.461%2077.852%27%2F%3E%3Cpath%20d%3D%27m433.12%2034.551s-50.812-9.8906-50.812%2018.621c0%2024.199%2037.886%2020.988%2050.812%2020.289v-38.91zm-22.219%20138.94c-31.808%200-59.937-13.668-59.937-13.668v-37.5s25.105%2016.25%2049.621%2016.25c31.652%200%2032.887-16.761%2032.887-36.398-57.61%202.117-92.797-9.5431-92.797-52.293%200-42.668%2043.508-49.84%2076.043-49.84%2024.742%200%2057.933%206.0508%2057.933%206.0508s-0.031%2050.93-0.031%20105.32c0%2059.328-42.484%2062.078-63.719%2062.078%27%2F%3E%3Cpath%20d%3D%27m539.53%2060.039s0.02%2039.602%200%2074.891h46.336v34.968h-46.34v40.582h-41.515v-144.65c0-24.656-2.157-65.797%2054.801-65.797%2026.621%200%2039.531%208.0586%2039.531%208.0586l0.129%2035.82s-15.571-8.9414-28.887-8.9414c-18.992%200-24.055%209.9921-24.055%2025.07%27%2F%3E%3Cpath%20d%3D%27m109.65%20127.17c-9.085%203.789-42.968%2015.308-49.046%2018.43-8.7735%204.5-18.586%209.519-17.496%2023.179%201%2012.688%2010.449%2022.91%2035.309%2022.91%2035.426%200%2067.223-18.921%2067.223-18.921v42.14s-24.996%2013.699-65.313%2013.699c-40.32%200-80.324-18.14-80.324-63.937%200-37.692%2025.648-50.801%2047.106-58.453%2021.461-7.6682%2040.855-14.91%2051.234-20.41%2010.355-5.5%2016.824-11.047%2016.824-23.68%200-12.539-7.176-25.07-42.34-25.07-35.176%200-70.016%2023.242-70.016%2023.242v-42.422s27.281-17.84%2070.016-17.84c42.727%200%2085.594%2016.082%2085.594%2065.59%200%2041.902-37.82%2056.973-48.77%2061.543%27%2F%3E%3Cpath%20d%3D%27m1305.4%203.6484-67.56%2089.922%2066.04%2075.95h-48.41l-60.38-70.989-0.02%20126.97h-41.51v-221.85h41.54l-0.01%2084.16%2061.75-84.16h48.56%27%2F%3E%3Cpath%20d%3D%27m848.95%20107.53c2.395%2014.547%2013.352%2031.039%2039.34%2031.039%2022.312%200%2030.738-15.199%2032.566-31.039h-71.906zm37.563%2065.809c-50.879%200-79.575-41.649-79.575-86.781%200-20.008%204.368-86.559%2090.024-86.559%2025.293%200%2042.422%206.7695%2054.898%2013.57v37.559s-20.515-16.117-50.457-16.117c-33.379%200-49.836%2018.879-52.539%2039.137h111.11v21.34c0%2012.723%200.34%2077.852-73.464%2077.852%27%2F%3E%3Cpath%20d%3D%27m1020.4%20107.53c2.38%2014.547%2013.35%2031.039%2039.33%2031.039%2022.31%200%2030.73-15.199%2032.56-31.039h-71.89zm37.55%2065.809c-50.87%200-79.572-41.649-79.572-86.781%200-20.008%204.368-86.559%2090.022-86.559%2025.29%200%2042.42%206.7695%2054.9%2013.57v37.559s-20.51-16.117-50.45-16.117c-33.38%200-49.84%2018.879-52.54%2039.137h111.11v21.34c0%2012.723%200.34%2077.852-73.47%2077.852%27%2F%3E%3Cpath%20d%3D%27m764.36%20125.43h-66.109v-36.969h44.805v-47.492s-11.282-3.9102-28.508-3.9102c-45.274%200-68.899%2035.02-68.899%2075.16%200%2042.711%2026.875%2079.472%2070.188%2079.472%2031.062%200%2046.543-8.453%2063.625-18.921v42.14s-20.813%2013.719-64.399%2013.719c-57.933%200-112.52-42-112.52-116.41%200-71.219%2045.183-112.18%20113.31-112.18%2046.961%200%2068.789%2013.531%2068.789%2013.531v91.59c0%2011.192-9.074%2020.27-20.285%2020.27%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; background-size: auto calc(100% - 0.2em); background-repeat: no-repeat; padding-top: 20px; padding-right: 40px; padding-left: 6px; } body.dir-LTR .navMenu.Footer li#navMenu_Footer_SGLogo a { background-position: 100% 0; } .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer { height: 30px; position: absolute; bottom: 22px; right: 0; font-size: 1.1rem; padding: 0; } .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer a { background-image: url('../style/flowtheatre.css/images/accessibility.png'); background-size: auto 30px; background-repeat: no-repeat; padding-top: 30px; padding-left: 6px; background-position: 42% 0; } @media only screen and (max-width: 780px) { .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer a { height: 16px; } } body.dir-LTR .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer a { background-position: 66% 0; } .expandSubMenuButton { display: inline-block; height: 30px; width: 30px; vertical-align: middle; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } .expandSubMenuButton:after { font-family: FontAwesome; content: '\f078'; font-size: 15px; font-weight: bold; line-height: 24px; margin-left: -4px; position: absolute; top: 11px; } li.subMenuOpen .expandSubMenuButton:after { content: '\f077'; } li.subMenuOpen .navMenu-SubList { display: block !important; position: static !important; width: auto; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a { background-image: none !important; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a span { color: black; } #PH_Main_Menu li.navMenu-FirstLevelItem:not(.subMenuOpen) .navMenu-SubList { display: none; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList .navMenu-Item { line-height: 0.5em; font-size: 12px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList .navMenu-Item.selected { font-size: 16px; } @media only screen and (max-width: 780px) { #group_Header-fixed.primary .navMenu { display: none; } #group_Header-fixed .nav > li.youAreHere { display: none; } .navMenu.Footer ul ul a { color: inherit; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a span { color: #005c9f; } .nav > li { width: 100%; background-color: inherit; height: auto; border-radius: 0px; } .nav > li > A > SPAN { font-weight: normal; padding-left: 1.5rem; vertical-align: middle; } #group_Header .navMenu { display: none; } #group_Header-fixed .navMenu.displayed { display: block; z-index: 40; position: fixed; margin-top: 55px; left: 0px; min-height: 200px; margin-bottom: 70px; } #group_Footer .navMenu { display: inherit; position: absolute; margin-top: -4px; width: 100%; } #group_Header-fixed ul.nav > li, #group_Header-fixed ul.nav > li:last-child { width: 100%; margin: 0; border-bottom-style: none; border-top: 1px #e4e4e4 solid; border-left-style: none; border-right-style: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, white 0%, lightgray 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, white)); background: -webkit-linear-gradient(left, white 90%, white 100%); background: -o-linear-gradient(left, white 90%, lightgray 100%); background: -ms-linear-gradient(left, white 90%, lightgray 100%); background: linear-gradient(to right, white 90%, lightgray 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='lightgray', GradientType=1); background: white; padding-top: 0.3rem; padding-bottom: 0.3rem; box-sizing: border-box; padding-left: 0.8rem; } body.dir-RTL #group_Header-fixed ul.nav > li, body.dir-RTL #group_Header-fixed ul.nav > li:last-child { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(right, white 0%, lightgray 100%); /* FF3.6+ */ background: -webkit-gradient(linear, right top, left top, color-stop(0%, white), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(right, white 90%, lightgray 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(right, white 90%, lightgray 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(right, white 90%, lightgray 100%); /* IE10+ */ background: linear-gradient(to left, white 90%, lightgray 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgray', endColorstr='white', GradientType=1); /* IE6-8 */ background: white; } #group_Header-fixed ul.nav > li a { background-repeat: no-repeat; background-position: 0 50%; background-size: 20px; } body.dir-RTL #group_Header-fixed ul.nav > li a { background-position: 97%; } #group_Header-fixed ul.nav > li a { display: inline-block; padding: 1em; } .nav, .nav ul { left: 0px !important; } #group_Header-fixed .navMenu.displayed, #group_Header-fixed.menudisplayed .navMenu .nav { overflow-y: auto; height: auto; overflow-x: hidden; width: 83%; display: inline; } .nav > li > A > SPAN { position: relative; } .nav > li#navMenu_Float_OBO_Account_item_link > A > SPAN > img { max-width: 30px; max-height: 30px; height: auto; width: auto; margin-left: -4px; float: left; margin-bottom: -20px; margin-top: -8px; margin-right: -22px; } .nav > li > A > SPAN:after { content: ''; position: absolute; width: 30px; display: block; margin-left: 195px; margin-top: -16px; line-height: 20px; font-size: larger; color: black; } .nav > li:hover { background-color: Transparent; } .navMenu.Footer li#navMenu_Footer_SGLogo { height: 0px; } .navMenu.Footer li#navMenu_Footer_SGLogo a { font-size: 10px; display: table; background-image: none; padding-top: 1px; margin-top: 9px; } .navMenu.Footer li#navMenu_Footer_SGLogo a span { position: inherit; } .nav > #navMenu_Footer_SGLogo > A > SPAN:after { display: none; } .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer { float: right; bottom: -35px; width: auto; } .navMenu.Footer li#navMenu_Footer_AccessibilityDisclaimer a span { padding-left: 0px; margin-left: -6px; } .navMenu.Footer .nav > li:not(.navmenu_SGLogo):not(.navmenu_Company):not(.navmenu_AccessibilityDisclaimer) { display: none; } .navMenu.Footer ul.navMenu-SubList { display: block !important; } .navMenu.Footer .navmenu_Company ul li { display: inherit; visibility: hidden; display: block; } .navMenu.Footer .nav > li.navmenu_Company { padding-right: 0px; } .navMenu.Footer .navmenu_Company > a { display: none; } .navMenu.Footer .navmenu_Company ul li a:not([href*="tel:"]) { display: none; } .navMenu.Footer .navmenu_Company ul li a[href*="tel:"] { display: list-item; visibility: visible; float: left; } #group_Footer .navMenu-SubList { margin-top: 0px; } #PH_Main_Menu li a:before { width: 24px; } #PH_Main_Menu li.navmenu_OBO_Account a { background-image: url('../style/flowtheatre.css/images/iconUnions-inv.png'); } #PH_Main_Menu li.navmenu_donations a { background-image: url('../style/flowtheatre.css/images/iconDonations-inv.png'); } li.subMenuOpen .navMenu-SubList { display: block !important; position: static !important; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a { background-image: none !important; } #PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList .navMenu-Item { line-height: 0.5em; font-size: 12px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; } #group_Header-fixed .nav .navMenu-SubList a span { word-wrap: break-word; /*white-space: nowrap;*/ overflow: hidden; position: absolute; padding-left: 19px; margin-top: -9px; line-height: 11px; } } /* +-----------------------------------------------------------------------------------------------------------------+ | 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; } } /*# sourceMappingURL=http://tickets.brightonandhovealbion.com/style/Css.ashx?i=10&iv=a65fa95c-d8df-43ed-bac8-b11171e01f36&p=U%2bI3IDGcCCKqIjI&map */