/* This is a bundle of all the CSS files in a skin. To make debugging easier, turn this off by going to Configuration -> Site Settings -> Cache in Organizer and set the "Bundle skin CSS files" setting to "On for visitors only" or "Always off". */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px; padding:0px; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-weight:normal; } ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* Portrait and Landscape for iPad 3 and 4 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPad 1 and 2 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPad mini */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 6+ */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 6 */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 5 and 5s */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /* Portrait and Landscape for iPhone 4 and 4s */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; } } /**/ .banner_wrap .zenario_rollover,.banner_wrap:hover .zenario_rollout{display:none}.banner_wrap:hover .zenario_rollover{display:initial}div.zenario_cookie_consent,.zenario_cookie_consent_manage_popup{font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:12px;line-height:1.6em}div.zenario_cookie_consent{overflow:hidden;width:calc(100% - 20px);padding:10px 10px 12px;position:fixed;bottom:0;z-index:99;background:#333}div.zenario_cookie_consent .zenario_cookie_consent_wrap{width:100%;max-width:980px;overflow:hidden;margin:auto}div.zenario_cookie_consent .zenario_cc_message{width:calc(100% - 215px);margin:auto;float:left}div.zenario_cookie_consent .zenario_cc_message p:first-child a{text-decoration:underline}div.zenario_cookie_consent .zenario_cc_buttons{width:200px;padding-left:15px;float:right;text-align:right}div.zenario_cookie_consent .zenario_cc_buttons div,div.zenario_cookie_consent .zenario_cc_buttons div a{display:inline-block}div.zenario_cookie_consent .zenario_cc_buttons div{padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}div.zenario_cookie_consent .zenario_cc_buttons a,div.zenario_cookie_consent .zenario_cc_buttons a:hover{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_continue a{height:30px;line-height:28px;padding:0 15px;background:#FFF;color:#333;font-weight:700}div.zenario_cookie_consent .zenario_cc_manage a{height:28px;line-height:26px;padding:0 15px;border:1px solid #FFF;color:#FFF;cursor:pointer}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_manage a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a:hover,div.zenario_cookie_consent .zenario_cc_continue a:hover,div.zenario_cookie_consent .zenario_cc_manage a:hover{background:rgb(255 255 255 / .8)}div.zenario_cookie_consent .zenario_cc_manage a:hover{color:#333}div.zenario_cookie_consent .zenario_cc_close a{position:absolute;top:10px;right:15px;display:block;width:15px;height:15px;text-indent:-99px;font-size:0;line-height:0;cursor:pointer}div.zenario_cookie_consent .zenario_cc_close a:before,div.zenario_cookie_consent .zenario_cc_close a:after{position:absolute;right:0;content:' ';height:15px;width:2px;background-color:#FFF}div.zenario_cookie_consent .zenario_cc_close a:before{transform:rotate(45deg)}div.zenario_cookie_consent .zenario_cc_close a:after{transform:rotate(-45deg)}div.zenario_cookie_consent,div.zenario_cookie_consent a{color:#FFF}div.zenario_cookie_consent .zenario_cc_message a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_message a:hover{text-decoration:underline}body.no_js div.zenario_cookie_consent .zenario_cc_close,.zenario_dn{display:none}div.zenario_cookie_consent.cookies_explicit,.zenario_cookie_consent_manage_popup{position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background-color:rgb(0 0 0 / .5);font-size:13px;line-height:1.5}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{position:fixed;z-index:100;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:96%;max-width:860px;margin:auto;padding:30px}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{background-color:rgb(0 0 0)}div.zenario_cookie_consent.cookies_explicit,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{text-align:center}div.zenario_cookie_consent.cookies_explicit .zenario_cc_message,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{width:100%;float:none;padding:0}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{margin-top:30px;font-size:14px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{height:40px;line-height:38px;padding:0 25px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons .zenario_cc_manage a{height:38px;line-height:36px}.zenario_cookie_consent_manage_popup{background:rgb(0 0 0 / .75);transition:opacity 0.5s ease}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{background:#FFF;padding:0}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{display:flex}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:30px;background:#efefef}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1{font-size:1.6em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2{font-size:1.5em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{font-size:1.4em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{padding-bottom:5px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_consent_image{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{padding:30px 30px 15px;border-bottom:1px solid #ccc}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{width:52%}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie{overflow:hidden;padding-bottom:15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>label{float:left;margin-top:2px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{overflow:hidden;padding-left:20px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:15px;padding-bottom:4px}body.mobile .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:13px;font-weight:600;padding-bottom:0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:5px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:1em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons{text-align:center;padding-top:10px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons.top{padding:0 0 15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{height:36px;border:0;min-width:80px;padding:0 15px;margin:0 5px;background:#333;color:#fff;font-family:Verdana,Arial,Helvetica,Sans-Serif;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences{border:1px solid #333;color:#333;background:#fff0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover{color:#FFF;background:#333}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel{position:absolute;width:20px;height:20px;top:15px;right:15px;display:block;text-indent:-9999px;background:#fff0;border:0;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{position:absolute;left:10px;content:' ';height:20px;width:1px;background-color:#000;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:after{background-color:#2a98ce}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before{transform:rotate(45deg)}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{transform:rotate(-45deg)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{padding:20px;width:calc(100% - 60px)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text,.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:15px}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{padding:0 15px}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{width:90%;max-height:85vh;overflow-y:auto}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .switch{transform:scale(.8)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{padding-left:10px}@media (orientation:landscape){.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{height:75vh}}@media all and (max-width:581px){div.zenario_cookie_consent .zenario_cc_message,div.zenario_cookie_consent .zenario_cc_buttons{width:calc(100% - 20px);float:none;padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons{padding-left:0;padding-top:5px;text-align:center}div.zenario_cookie_consent .zenario_cc_accept a{height:24px;line-height:22px}}body.js select.jquery_datepicker{display:none}body.no_js input.jquery_datepicker{display:none}#ui-datepicker-div{display:none}.container .medium_slot .zenario_slot{min-height:150px}.container .large_slot .zenario_slot{min-height:225px}.container .xlarge_slot .zenario_slot{min-height:300px}.container .xxlarge_slot .zenario_slot{min-height:375px}.zenario_password_requirements_tooltip{text-align:left;display:none}.zenario_password_requirements_tooltip p{margin-bottom:5px!important}.zenario_password_requirements_tooltip ul{padding:0!important;margin:3px 0!important;line-height:1.5em!important}.zenario_password_requirements_tooltip ul li{margin:0 0 4px 0!important;text-align:left!important}.zenario_password_requirements_tooltip ul li.fail,.zenario_password_requirements_tooltip ul li.pass{list-style:none!important;background-repeat:no-repeat;background-position:0 2px;background-size:auto 12px;padding:0 0 0 15px!important}.zenario_password_requirements_tooltip ul li.fail{background-image:url(..//styles/../zenario/admin/images/icon-error.svg);color:#E30000}.zenario_password_requirements_tooltip ul li.pass{background-image:url(..//styles/../zenario/admin/images/icon-tick-green-circle.svg);color:#00AB00}.title_red,.title_orange,.title_yellow,.title_green{display:inline;padding:2px 5px!important;text-align:center;font-family:Verdana,Arial,sans-serif;font-size:13px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.title_red{color:#ff3939}.title_orange{color:#F90}.title_yellow{color:#e6af0b}.title_green{color:#24ae2d}.zenario_visitor_tooltip{font-size:11px!important;line-height:14px;padding:6px 8px!important;background:#323232!important;color:#fff!important;border:0!important;-webkit-box-shadow:0 0 3px 0 rgb(0 0 0 / .2);box-shadow:0 0 3px 0 rgb(0 0 0 / .2);-webkit-border-radius:5px!important;border-radius:5px!important;text-align:center;font-family:Arial,Helvetica,sans-serif!important;opacity:1;max-width:130px!important}.zenario_visitor_tooltip.ui-widget-shadow{opacity:1!important}.zenario_visitor_tooltip.tooltip_top_center{margin-top:5px}.zenario_visitor_tooltip.tooltip_bottom_center{margin-bottom:5px}.zenario_visitor_tooltip.tooltip_center_left{margin-left:5px}.zenario_visitor_tooltip.tooltip_center_right{margin-right:5px}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none}.zenario_visitor_tooltip.tooltip_top_center:after{bottom:100%}.zenario_visitor_tooltip.tooltip_bottom_center:after{top:100%}.zenario_visitor_tooltip.tooltip_center_left:after{right:100%}.zenario_visitor_tooltip.tooltip_center_right:after{left:100%}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border-color:#fff0;border-width:5px;left:50%;margin-left:-5px}.zenario_visitor_tooltip.tooltip_top_center:after{border-bottom-color:#323232}.zenario_visitor_tooltip.tooltip_bottom_center:after{border-top-color:#323232}.zenario_visitor_tooltip.tooltip_center_left:after{border-right-color:#323232}.zenario_visitor_tooltip.tooltip_center_right:after{border-left-color:#323232}.zenario_visitor_tooltip_wrap{position:relative}.zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip{position:absolute;right:0;top:0}input[type="password"].border_red{border-color:#e30000!important}input[type="password"].border_green{border-color:#00AB00!important}.zenario_tslink{position:relative;z-index:50!important;float:right;width:18px;height:18px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) center center no-repeat;right:24px}.zenario_front_end_picked_item_info{width:18px;height:18px;display:inline-block;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;text-indent:-99px;font-size:0;line-height:0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8c8c8c;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:#2196F3}.switch input:disabled+.slider{background:#CCC;cursor:default}.switch input:focus+.slider{box-shadow:0 0 1px #2196F3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.z_toggle_open .z_toggle_closed_indicator{display:none}.z_toggle_closed .z_toggle_open_indicator{display:none}.lang_flag.lang_disabled{opacity:.3}.lang_flag.lang_disabled{opacity:.3}#toast-container>.toast{font-family:Arial,Helvetica,Sans-Serif;font-size:13px}#toast-container.toast-top-right>div{width:365px;font-family:verdana,arial,helvetica;font-size:13px;opacity:.95;background-position:15px 12px}#toast-container .toast-message a{transition:color 200ms ease-in-out}#toast-container .toast-message a:hover{color:#FFE61A;text-decoration:underline}.zenario_skin img.lazy{display:block}.zenario_skin img.lazy[src=""],.zenario_skin img.lazy:not([src]){visibility:hidden}.zenario_slot .pinned{font-size:90%;padding-bottom:5px}.zenario_slot .pinned_icon:before,.zenario_slot .page_title .pinned_icon:after{font-family:"FontAwesome";content:"\f08d";position:absolute;transform:rotateY(0deg) rotate(45deg)}.zenario_slot .pinned_icon{padding-left:18px;position:relative}.zenario_slot .pinned_icon:before{left:0}.zenario_slot .page_title .pinned_icon{padding-left:0}.zenario_slot .page_title .pinned_icon:before{content:"";padding:0}.zenario_slot .page_title .pinned_icon:after{margin-left:10px;font-size:20px}.zenario_slot.zenario_loading_spinner{position:relative;z-index:1}.zenario_slot.zenario_loading_spinner:before{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;content:"";display:block;background:rgb(255 255 255 / .8);width:100%;height:100%}.zenario_slot.zenario_loading_spinner:after{position:absolute;z-index:3;top:0;bottom:0;left:0;right:0;margin:auto;display:inline-block;content:" ";border-radius:50%;width:3em;height:3em;font-size:10px;text-indent:-9999em;border-top:1em solid rgb(0 0 0 / .2);border-right:1em solid rgb(0 0 0 / .2);border-bottom:1em solid rgb(0 0 0 / .2);border-left:1em solid #555;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loading_spinner 1.1s infinite linear;animation:loading_spinner 1.1s infinite linear}@-webkit-keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.in_iframe .admin_login_link,body.in_iframe>x-zenario-cache-info.zenario_cache_info{display:none} /**/ /* General --------------------------------------------------------------------------------------------------*/ .zfea { position:relative; } .zfea .section { margin-top:10px; padding-top:20px; } .zenario_plugin_nest .zfea { margin-bottom:30px; } .zenario_plugin_nest .nest_plugins:before, .zenario_plugin_nest .nest_plugins:after { content: "."; display: block; height: 0; overflow: hidden; } .zenario_plugin_nest .nest_plugins:after {clear: both;} ::-webkit-input-placeholder { opacity:0.4; color:#777; } :-moz-placeholder { opacity:0.4; color:#777; } ::-moz-placeholder { opacity:0.4; color:#777; } :-ms-input-placeholder { opacity:0.4; color:#777; } table.table_list.zfea_group_by { margin-left:30px; width:calc(100% - 30px); } table.table_list.zfea_group_by tr.zfea_list_grouping td { padding-top:10px; padding-left:0; } table.table_list.zfea_group_by tr.zfea_list_grouping td h5 { position:relative; margin-left:-28px; } table.table_list.zfea_group_by tr.zfea_list_outer_grouping td h4 { position:relative; margin-left:-38px; } /* Form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_textbox_with_autocomplete { display:inline-block; overflow:hidden; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"] { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { font-size:16px; border-left:0 !important; padding:0 10px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"], .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { float:left; } .zfea_form_row .zenario_textbox_with_autocomplete ul.ui-menu { max-height:40vh; overflow-y: auto; } /* Tables --------------------------------------------------------------------------------------------------*/ .zfea table { width:100%; margin-top:20px; } table.table_list tr th, table.table_list tr td, .zfea_form_grouping table tr th, .zfea_form_grouping table tr td { padding:10px; } table.table_list tr th, .zfea_form_grouping table tr th { line-height:18px; } table.table_list tr td, .zfea_form_grouping table tr td { vertical-align:top; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea_form_grouping table tr th:first-child { border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; } .zfea_form_grouping table tr th:last-child { border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; } .zfea table th.sorted_buttons a { white-space:nowrap; } table tr td[colspan="100%"], table tr td.no_items_message:last-child { text-align:center !important; } .zfea_form_grouping table tr th label + button { margin-left: 15px; } /* Other tables styles color --------------------------------------------------------------------------------------------------*/ .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { border:2px solid #FFF; } .zfea table.table_grid tr th, .zenario_users_fea .zfea .zfea_form_row tr th { background:#777b90; color:#FFF; } .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr td { background:#d2d3da; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { background:#d9dadb; } table tr td div.col_child_value label { color:#333; } /* Tables rows --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea table, .zenario_company_listing_fea table, .zenario_company_location_listing_fea table, .zenario_location_fea table { border-collapse: separate; border-spacing: 0 15px; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { padding:9px; } .zenario_company_locations_fea table tr td:first-child, .zenario_company_listing_fea table tr td:first-child, .zenario_company_location_listing_fea table tr td:first-child, .zenario_location_fea table tr td:first-child, .zenario_company_users_fea table tr td:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } .zenario_company_locations_fea table tr td:last-child, .zenario_company_listing_fea table tr td:last-child, .zenario_company_location_listing_fea table tr td:last-child, .zenario_location_fea table tr td:last-child, .zenario_company_users_fea table tr td:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea .zfea_form_row table { margin-top:0 } .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { padding:10px; } .zfea table.table_grid tr th:first-child { border-radius:0; -webkit-border-radius:0; } table tr td div.col_value, table tr td div.col_child_value { width:100%; padding-right:0; float:none; } table tr td div.col_child_value { padding-top:5px; font-size:0.938em; } table tr td div.col_value.col_value_for__most_recent_value, table tr td div.col_child_value.col_value_for__as_of { width:auto; padding-right:0; float:none; } table tr td div.col_child_value.col_value_for__as_of { margin-top:3px; } /* Common styles Zfea Search form and table position --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea .zfea_zenario_list_companies form, .zenario_company_location_listing_fea .zfea_zenario_list_locations form, .zenario_company_location_listing_fea .zfea_zenario_edit_user form, .zenario_company_listing_fea .zfea_zenario_list_companies form, .zenario_location_fea .zfea_zenario_list_locations form, .zenario_location_fea .zfea_zenario_edit_user form { position:absolute; z-index:2; display:inline; } .zenario_company_location_listing_fea form { width:calc(100% - 145px); } .zenario_company_locations_fea .zfea_zenario_list_companies table, .zenario_company_location_listing_fea .zfea_zenario_list_locations table, .zenario_company_location_listing_fea .zfea_zenario_edit_user table, .zenario_location_fea .zfea_zenario_list_locations table, .zenario_location_fea .zfea_zenario_edit_user table, .zenario_company_listing_fea .zfea_zenario_list_companies table { position:relative; z-index:1; top:-14px; margin-top:0; } .zenario_company_listing_fea .zfea_zenario_list_companies table { top:0; } .panel_reset_position .zfea_zenario_list_companies form, .panel_reset_position .zfea_zenario_list_locations form { position:static; top:0; } .zfea_zenario_list_companies .zfea_table_wrap { margin-top:20px; } .zenario_company_location_listing_fea .company_details { padding-bottom:10px; } .zenario_company_location_listing_fea .company_details p { margin-bottom:0; } /* Locations --------------------------------------------------------------------------------------------------*/ .zenario_location_fea h2, .zenario_location_fea form, .zenario_location_fea table { padding-left:10px; padding-right:10px; } .zenario_location_fea .zfea_zenario_list_locations, .zenario_location_fea .zfea_zenario_map_locations { position:relative; } .zenario_location_fea .search_form input[type="text"] { width:280px; } .no_locations_message { position:absolute; top:45%; right:0; left:0; z-index:99; text-align:center; } .no_locations_message p { display:inline-block; width:auto; } /* Company locations listings --------------------------------------------------------------------------------------------------*/ .zenario_company_listing_fea .company .top_buttons, .zenario_company_location_listing_fea .company .top_buttons { right:0; } .zenario_company_locations_fea table tr td:nth-child(1), .zenario_company_listing_fea table tr td:nth-child(1) { padding-left:15px; } .zenario_company_locations_fea table tr th:nth-child(1), .zenario_company_locations_fea table tr th:nth-child(2) { font-size:0; line-height:0; text-indent:-999; } .zenario_company_locations_fea .company_section { overflow:hidden; padding-bottom:10px; } .zenario_company_locations_fea .company_section .label { width:75px; float:left; } .zenario_company_locations_fea .company_section .details { overflow:hidden; } .zenario_company_locations_fea .company_section .details p { margin-bottom:2px; } .Slot_Side_1 .zenario_company_listing_fea .company { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #FFF; } /* Company users --------------------------------------------------------------------------------------------------*/ .zenario_company_users_fea table { border-collapse: separate; border-spacing: 0 10px; margin-top:0; } .zenario_company_users_fea table tr th:nth-child(1) { font-size:1.250em; } .zenario_company_users_fea table tr td:nth-child(1) { padding-left:40px; background-repeat:no-repeat; background-position:10px center; background-size:17px 18px } .zenario_company_users_fea .zfea_zenario_list_users table.table_list tr th { margin-bottom: 10px; padding-bottom: 10px; } /* Common styles, forms --------------------------------------------------------------------------------------------------*/ .zfea_form_row { padding-bottom:10px; position:relative; } .zfea_form_row > div { padding-bottom:5px; } .zfea_form_row label { display:inline-block; padding-bottom:3px; } .zfea_form_row__submit { text-align:center; } .zfea textarea { width:80%; } .title_with_icons { position:relative; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:10px; } .title_main_icons { position:relative; padding-left:30px; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon { width:25px; height:25px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon, .title_main_icons .thumbnail { position:absolute; left:0; top:2px; } .title_main_icons .thumbnail img { max-width:24px !important; height:auto !important; } .zfea .indent_form { padding-left:10%; } .zfea .form .form_field { padding:10px 0; } .zfea .form .form_field_date { overflow:hidden; } .zfea .form .form_field_date label, .zfea .form .form_field_date input, .zfea .form .form_field_date img { display:inline-block; float:left; } .zfea .form .form_field_date label { line-height:30px; margin-right:8px; } .zfea .form .form_field_date input { margin-right:10px; } .zfea .form .form_field_date input.small_field { width:110px; } .zfea_form_note_below { clear:both; display:block; margin-bottom:8px; padding:3px 8px; font-size:0.813em; line-height:18px; font-style:italic; } .zfea_form_row__submit .zfea_form_note_below { margin-top:10px; } /* Common styles, date picker --------------------------------------------------------------------------------------------------*/ .form_date_picker { overflow:hidden; } .form_date_picker label, .form_date_picker span, .form_date_picker .label { display:inline-block; height:34px; line-height:34px; } .form_date_picker select { height:32px; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { clear:none !important; margin-bottom:10px; } .form_date_picker div input, .form_date_picker div span { margin-bottom:0; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { float:left; margin-right:5px; } .form_date_picker span.title { font-weight:600; } .form_date_picker select[name="ts_format"] { max-width:325px; } .form_date_picker select[name="format"] { max-width:100px; } .form_date_picker .form_date_picker_button { float:none; clear:both !important; overflow:hidden; padding-top:10px; text-align:center; } .form_date_picker .form_date_picker_button input { float:none; } /* Common styles Zfea, new row --------------------------------------------------------------------------------------------------*/ .zfea_new_row { animation: zfea_new_row 3s; -webkit-animation: zfea_new_row 3s; } @keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } @-webkit-keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } /* Common styles Zfea, various --------------------------------------------------------------------------------------------------*/ .no_locations { padding-left:22px; } .button_panel { text-align:right; } .zenario_skin .warning_icon, .no_locations { display:inline-block; background:url('..//styles/fea/images/aw/icon-warning-triangle.svg') no-repeat left center / 17px 15px; } .zenario_skin .warning_icon { width:17px; height:17px; margin-right:3px; } /* Form grouping --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping, .zfea_form_row__add_action { position:relative; padding:15px; } .zfea_form_grouping { margin-bottom:15px; } .zfea_form_row__add_action { margin-left:0; margin-right:0; } .zfea_form_grouping .zfea_form_row { position:unset; padding-top:10px; padding-bottom:0; } .zfea_form_grouping .zfea_form_row.zfea_form_indent_level { padding-top:2px; } .zfea_form_grouping table tr td input, .zfea_form_grouping table tr td select { margin-bottom:8px; } .zfea_form_grouping label.label_num { position:absolute; left:0; top:15px; font-size:12px; height:24px; line-height:24px; padding:0 0 0 8px; } .zfea_form_grouping label.label_num:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 12px; margin-top: -12px; } /****************************************************************************************/ .zenario_plugin_nest.nest_zfea .zenario_slot { padding-bottom:20px; position:relative; } .zenario_plugin_nest .zenario_breadcrumbs { clear:both; } .zenario_plugin_nest .zenario_breadcrumbs:before, .zenario_plugin_nest .zenario_breadcrumbs:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest .zenario_breadcrumbs:after { clear: both; } .zfea_form_row { padding-bottom:10px; overflow:hidden; clear:both; } .zfea_form_row .zfea_form_note_below { margin-top:10px; } .zfea_form_row.zfea_row_for_password { overflow:initial; } .zfea_form_row.zfea_row_for_password .zenario_visitor_tooltip_wrap { max-width:900px; } .zfea_form_row.zfea_form_indent_level_1 { margin-left:30px; } .zfea_form_row.zfea_form_indent_level_2 { margin-left:50px; } .zfea_form_row.zfea_form_indent_level_3 { margin-left:70px; } .zfea_form_row.zfea_form_indent_level_4 { margin-left:90px; } .zfea_form_row.zfea_form_indent_level_5 { margin-left:110px; } #row__submit { margin-top:20px; } .zfea_form_row__submit { text-align:center; } .title_with_icons { position:relative; border-bottom:6px solid #d9dadb; margin-bottom:15px; } .title_with_icons:before, .title_with_icons:after { content: '.'; } .title_with_icons:before, .title_with_icons:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .title_with_icons:after { clear: both; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:5px; } .title_with_icons h1, .title_with_icons h2, .title_with_icons h3 { display:inline-block; float:left; } .title_with_icons p { float:none; clear:left; } .title_main_icons { position:relative; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_subheading_icons { border-bottom-width:3px; } .zfea .zfea_top_buttons, .title_with_icons .top_buttons { float:right; text-align:right; position:relative; z-index:2; } .zfea .zfea_top_buttons a, .zfea .zfea_top_buttons input, .top_buttons a { float:left; margin-left:8px; } .zenario_skin .zenario_copy { display: inline-block; background: url('..//styles/fea/../../admin/images/icon-copy.svg') no-repeat; width: 14px; height: 16px; cursor: pointer; } .zenario_skin span.zenario_copy { display: inline-block; padding-left: 3px; background-position: right center; } /* Field date --------------------------------------------------------------------------------------------------*/ .zenario_skin input[readonly].zenario_datepicker { width:150px; background:transparent; } .zenario_skin .zenario_field_widget_wrap { overflow:hidden; margin-right:10px; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker, .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { float:left; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker { margin-right:4px; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { margin-top:4px; border:0 !important; background:#ccc !important; color:#555 !important; width:20px !important; height:20px !important; min-width:inherit; padding:0 0 3px 0; text-align:center; -webkit-border-radius:50%; border-radius:50%; margin-left:3px; font-size:13px; font-family:arial; font-weight:bold; } /* Tables --------------------------------------------------------------------------------------------------*/ table.table_list { border-collapse: collapse; width: 100%; margin: 10px; margin: 1.0rem 0; } table.table_list tr th { background:#333; color:#fff; } table.table_list th, table.table_list td { font-size: 1em; line-height: 22px; padding:10px 8px; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } table.table_list tr td { border-bottom:1px solid #ccc; } table.table_list tr .sorted_buttons { text-align:right; } table.table_list tr.alarm_ended, table.table_list tr.node_deactivated { background:#F3F3F3; } .zfea_with_dev_tools .zfea_buttons_above_list { margin-right: 20px; } .zfea_with_tslink .zfea_buttons_above_list { margin-right: 30px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks .sorted_buttons { display:block; width:100%; } .zfea_blocks .zfea_block_list_wrap { padding-bottom:10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block { position:relative; overflow:hidden; float:left; width:calc(31% - 34px); margin:20px 1% 0; padding:15px; border:2px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block:before, .zfea_blocks .zfea_block_list_wrap .zfea_block:after, .zfea_blocks .zfea_block_list_wrap:before, .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:before, .zfea_blocks .zfea_block_list_wrap_inner:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:after, .zfea_blocks .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_blocks .zfea_block_list_wrap .zfea_block.clickable { cursor:pointer; } .zfea_blocks .zfea_block_list_wrap .zfea_block > svg { position:absolute; left:0; right:0; bottom:0; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block p, .zfea_blocks .zfea_block_list_wrap .zfea_block > div { position:relative; z-index:2; margin:0 0 3px; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_image_id img, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_image_id img { max-width:22px !important; max-height:22px !important; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_asset_name, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_asset_name { font-size:18px; font-weight:600; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_hierarchy_breadcrumbs, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_hierarchy_breadcrumbs { font-size:12px; line-height:1.5em; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.wrap_div { font-size:1em; font-weight:normal; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top { position:relative; z-index:3; text-align:center; clear:both; padding:0 8px; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top a { margin:2px auto; } .zfea_blocks .sorted_buttons, .zfea_blocks .search_form { float:none; display:block; } .zfea_blocks .sorted_buttons { text-align:right; } .zfea_blocks .search_form { width:auto; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 34px - 2%); } .zfea_blocks.zfea_1_block .zfea_block_list_wrap .zfea_block { width:88% !important; float:right; margin:0; } .zfea_blocks.zfea_1_block .column_schema_name { padding-bottom:5px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap { overflow:hidden; clear:both; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:left; margin-right:20px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block { overflow: hidden; padding: 15px; border-bottom: 2px solid #ccc; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p { margin-bottom: 0; padding-bottom: 0; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p:before { content: attr(data-label); font-weight:600; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p.column_product_display_name:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p.column_name:before { content: ''; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { padding-top:5px; } /* Block list like table --------------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table .zfea_block_list_wrap { margin-top:20px; border-top:1px solid #ccc; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { padding:10px 0; border-bottom:1px solid #ccc; height:auto !important; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_no_items_message { padding:10px; text-align:center; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { padding:0 8px; width:calc(24% - 16px); float:left; margin-bottom:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { width:280px; } /* Block list like table Cell width for zfea_zenario_list_orders ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_amount { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_items { width:calc((100% - 86px - 232px - 166px - 296px) - 16px); } /* Block list like table Cell width for zfea_zenario_list_order_line_items ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_ord, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_qty { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_amount, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_price_per_item { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block div.buttons { width:140px; } .zfea_block_list_like_table.zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p.column_product_name { width:calc((100% - 86px - 116px - 86px - 116px - 166px - 156px) - 16px); } /* Pinned item --------------------------------------------------------------------------------------------------*/ .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id { position:relative; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id img, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id img { position:relative; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block.pinned > div.column_thumbnail_id:before, .zfea_table_wrap .zfea_row.pinned .col_value_for__thumbnail_id:before { font-family: "FontAwesome"; font-size:14px; content: "\f08d"; padding-right: 5px; position:absolute; z-index:2; top:5px; left:5px; width: 24px; height: 24px; text-align: center; line-height: 24px; padding: 0; background:rgba(0,0,0,0.7); color:#FFF; border-radius: 50%; -webkit-border-radius: 50%; } /* Placeholder styles for sortable lists --------------------------------------------------------------------------------------------------*/ table.table_list tr th.zfea_col_sortable, table.table_list tr th.zfea_col_sorted { background-repeat:no-repeat; background-position:right center; } table.table_list tr th.zfea_col_sortable { background-image:url('..//styles/fea/../../admin/images/icon-arrows-sort-white.svg'); background-size:17px 11px; cursor: pointer; } table.table_list tr th.zfea_col_sorted { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-up-green.svg'); background-size:17px 10px; } table.table_list tr th.zfea_col_sortable.zfea_col_will_sort_desc, table.table_list tr th.zfea_col_sorted.zfea_col_sorted_desc { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-down-green.svg'); background-size:17px 10px; background-repeat:no-repeat; background-position: right center; padding-right:25px; } table.table_list tr th.zfea_col_sorted { color:#FFFFBF; } .zenario_skin select.zfea_list_sort { width:auto; } /* Zfea form --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="text"], .zenario_skin input[type="password"], .zenario_skin input[type="email"], .zenario_skin textarea { width:90%; } .zenario_skin input[type="text"].input_small, .zenario_skin input[type="password"].input_small, .zenario_skin input[type="email"].input_small, .zenario_skin input[type="search"].input_small, .zenario_skin textarea.input_small { width:100px; } /* Zfea Search form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zfea .search_form { overflow:hidden; } .zenario_skin .zfea .search_form, .zenario_skin .zfea .search_form input { height:41px; line-height:1em; } .zenario_skin .zfea .search_form input { float:left; border:0; -webkit-border-radius: 0; border-radius: 0; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:800px; padding:0 0 0 15px; line-height:36px; outline: none; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .zenario_skin .zfea .search_form input[type="submit"] { display:inline-block; min-width:40px; padding:0; cursor:pointer; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .zenario_skin .zfea .search_form input[type="button"] { min-width:25px; height: 41px; padding: 0; border: 0; cursor: pointer; display: inline-block; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s; white-space: nowrap; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term, .zenario_skin .zfea .search_form input[type="submit"] { border:2px #ccc solid; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { border-right:0; } .zenario_skin .zfea .search_form input[type="submit"] { border-left:0; } .zenario_skin .zfea .search_form input[type="button"] { background-color:transparent; color:#CCC; } .zenario_skin .zfea .search_form input[type="submit"], .zenario_skin .zfea .search_form input[type="button"] { font-family: 'FontAwesome'; font-size:20px; } .zenario_skin .zfea .search_form .clear_search { position:relative; margin-left:-65px; } .zenario_skin .zfea .search_form input[type="submit"]:hover { opacity:1; } /* Edit box --------------------------------------------------------------------------------------------------*/ .zfea_edit_box { overflow:hidden; padding:20px; border:2px solid #ccc; } /* View user --------------------------------------------------------------------------------------------------*/ .zfea_zenario_view_user { position:relative; } .zenario_users_fea .zfea_zenario_view_user .zfea_form_row { padding-bottom:0; } .zenario_users_fea .zfea_form_row .title label, .zenario_users_fea .zfea_form_row table label { width:auto; height:auto; line-height:24px; background:transparent; border:0; padding:0 0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_row { overflow:hidden; margin-bottom:5px; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields .title { width:200px; font-weight:600; float:left; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields div:nth-child(2) { width:calc(100% - 210px); float:left; margin-left:10px; } .zenario_users_fea form .zfea_form_grouping { overflow:hidden; margin:15px 0; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row { width:12%; float:left; margin-right:2.2%; clear:none; max-width:110px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row:first-child { max-width:125px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title { text-align:center; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields > .title { padding-left:25px; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields span.row_identifier { display:inline-block; width:20px; font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title label { font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields span[id*="span__custom_field"] { display:inline-block; border:1px solid #aaa; color:#aaa; width:calc(100% - 12px); height:30px; line-height:30px; padding:0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping > div:first-child .zfea_row_fields span[id*="span__custom_field"] { width:calc(100% - 32px); } /* Grouping fields --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping:after, .zfea_form_grouping:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_form_grouping:after { clear: both; } .zfea_form_grouping.row_form_wrap { padding-top:10px; line-height:1.5em; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__salutation { width:13%; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__first_name { width:33%; } .zfea_form_grouping.row_form_wrap .zfea_form_row .title { padding-bottom:0; } .zenario_skin .zfea_form_grouping.row_form_wrap select { width:100%; } .zenario_skin .zfea_form_grouping.row_form_wrap input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap textarea { width:calc(100% - 22px); } .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error textarea { width:calc(100% - 26px); } /* List users --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_users { position:relative; } .zfea_zenario_list_users > h2 { padding-right:100px; } .zfea_zenario_list_users .zfea_button.export { position:absolute; top:4px; right:0; } /* List papers --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_papers .papers_wrap { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper { position:relative; float:none; width:100%; height:auto !important; margin:15px 0 30px; padding:0 0 15px; border-bottom:1px solid #ddd; } .zfea_zenario_list_papers .papers_wrap .paper h4 { margin-bottom:0; cursor:pointer; } .zfea_zenario_list_papers .papers_wrap .paper p.authors { line-height:1.2em; } .zfea_zenario_list_papers .papers_wrap .paper .short_abstract { position:relative; z-index:1; overflow:hidden; max-height:50px; padding-bottom:15px; } .zfea_zenario_list_papers .papers_wrap .paper .fade_layer { position:absolute; z-index:2; bottom:0; left:0; width:100%; height:50px; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .zfea_zenario_list_papers .papers_wrap .paper .buttons { text-align:left; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:50px; } /* order number feature*/ .zfea_zenario_list_papers .papers_wrap { clear:both; } .zfea_zenario_list_papers .papers_wrap .paper { padding-bottom:20px; position:relative; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal { display:inline-block; width: 30px; height: 30px; float:left; margin-right:15px; text-align: center; border-radius: 50%; line-height: 30px; background: rgba(0,0,0,0.2); color:#333; cursor:default; } .zfea_zenario_list_papers .papers_wrap .paper .paper_details { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip { display:inline-block; font-size: 11px; line-height:1.2em; padding:6px 8px; background:#323232; color:#fff; opacity:1; border:0; -webkit-border-radius: 5px; border-radius: 5px; width:100px; position:absolute; z-index:9; top:34px; left:0; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip:after { bottom: 100%; left: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 51, 51, 0); border-bottom-color: #333333; border-width: 4px; margin-left: -4px; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal:hover span.tooltip { opacity:1; visibility:visible; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:auto; min-width:50px; } /* Seminar edit order number --------------------------------------------------------------------------------------------------*/ .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields { overflow:hidden; border-top:1px solid #333; padding:17px 0 0 0; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div { width:80px; float:left; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div.title { width:calc(100% - 80px); float:right; } /* Conference --------------------------------------------------------------------------------------------------*/ .zenario_conference_fea .documents { overflow:hidden; padding:15px; background:#f0f0f0; } .zenario_conference_fea .documents div.thumbnail { margin-bottom:15px; text-align:center; } .zenario_conference_fea .documents div.thumbnail img { border:1px solid #ccc; margin:auto; } .zenario_conference_fea .documents label { overflow:hidden; padding-top:4px; } .zenario_conference_fea .documents label a { display:block; padding-bottom:3px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list tr th { white-space: nowrap; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .col_value_for__document_count { text-align:left; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons { width:auto; white-space:nowrap; } .zenario_conference_fea .title_subheading_icons { clear:both; float:none; } .zenario_conference_fea:before, .zenario_conference_fea:after { content: '.'; } .zenario_conference_fea:before, .zenario_conference_fea:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_conference_fea:after { clear: both; } .zenario_conference_fea .details { width:74%; float:left; } .zenario_conference_fea .documents_info { width:22.5%; float:right; } .zenario_conference_fea .details p { margin-bottom:20px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons.multi_select_buttons { position:relative; width:275px; background:#fbf290; } .zenario_conference_fea .zfea_zenario_list_abstracts table tr td.sorted_buttons.multi_select_buttons > div { position:absolute; top:-10px; left:0; right:0; text-align:center; } /* Storefront products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_products_fea .price_info { overflow:hidden; margin-bottom:10px; padding:15px; background:#f0f0f0; } .zenario_storefront_products_fea .price_info .price_info_details { width:45%; float:left; } .zenario_storefront_products_fea .price_info_links { width:45%; float:right; text-align:right; } .zenario_storefront_products_fea .price_info p { margin-bottom:0; padding-bottom:0; } .zenario_storefront_products_fea .price_info p span { font-weight:600; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket { display:inline-block; height: 27px; padding: 0 12px; background:#DFDFDF; color:#AAA; -webkit-border-radius: 4px; border-radius: 4px; cursor:default; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket, .zenario_storefront_products_fea .price_info p.view_basket { font-size: 13px; } .zenario_storefront_products_fea .price_info p.view_basket a { display:inline-block; line-height:27px; padding:0 12px; } .zenario_storefront_products_fea .price_info_links form { padding-bottom:3px; } /* Storefront physical products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_physical_products_fea { overflow:hidden; } .zenario_storefront_physical_products_fea img { float:left; margin-right:20px; } .zenario_storefront_physical_products_fea .price_info, .zenario_storefront_physical_products_fea .price_details { overflow:hidden; } .zenario_storefront_physical_products_fea .price_info { overflow: hidden; margin-bottom: 10px; padding: 15px; background: #f0f0f0; } .zenario_storefront_physical_products_fea .price_info p { margin:0; } .zenario_storefront_physical_products_fea .price_info .price_info_details { width: 45%; float: left; } .zenario_storefront_physical_products_fea .price_info .price_info_details p span { font-weight: 600; } .zenario_storefront_physical_products_fea .price_info .price_info_links { width: 45%; float: right; text-align: right; } .zenario_storefront_physical_products_fea .zfea_zenario_list_products table .sorted_buttons { width:205px; } /* Videos --------------------------------------------------------------------------------------------------*/ .zenario_videos_fea .view_toggle_wrap { overflow:hidden; margin-bottom:15px; text-align:right; } .zenario_videos_fea .view_toggle_wrap > div { display:inline-block; width:26px; height:26px; margin-left:3px; text-align:center; background:#777; color:#FFF; text-indent:-99; font-size:0; line-height:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_videos_fea .view_toggle_wrap > div:before { font-family: 'FontAwesome'; text-indent:0; font-size:16px; line-height:26px; content: "\f0ca"; } .zenario_videos_fea .view_toggle_wrap > div:first-child:before { content: "\f009"; } .zenario_videos_fea .view_toggle_wrap > div.on { background:#000; } .zenario_videos_fea .view_toggle_wrap > div:not(.on):hover { opacity:0.85; } /* Block */ .zenario_videos_fea .zfea_block { overflow:hidden; padding:15px; margin-bottom:15px; } .zenario_videos_fea .zfea_block div.column_image a { overflow:hidden; display:block; } .zenario_videos_fea .zfea_block div.column_image a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_block div.column_image a:hover img { opacity:0.85; } .zenario_videos_fea .zfea_block .buttons { overflow:hidden; } .zenario_videos_fea .zfea_block .buttons a:before { font-family: 'FontAwesome'; content: "\f03d"; padding-right:4px; } /* List view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); padding:20px; margin-left:0; margin-right:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { float:left; padding-right:2%; } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { width:28%; padding-right:2%; float:left; } body.mobile .zenario_videos_fea .zfea_block_list_like_table.zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div { width:calc(70%); float:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:left; padding:10px 0; } /* Grid view */ body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:40px; position:relative; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { float:left; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width:calc(32% - 30px); margin:0 0 20px; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block:nth-child(3n+2) { margin-left:2%; margin-right:2%; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position: absolute; bottom: 15px; left: 0; right: 0; margin:auto; } .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { text-align:center; } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { padding-bottom:8px; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a { text-align:center; position:relative; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a img { margin:auto; position:relative; z-index:1; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { font-family:"FontAwesome"; content: "\f01d"; position:absolute; z-index:90; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; width:100px; height:100px; font-size:100px; line-height:100px; opacity:0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:hover:after { opacity:0.8; } body.mobile .zfea_block_like_block .zfea_block_list_wrap .zfea_block > div.buttons { width:calc(100%); float:none; text-align:center; } body.mobile .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { padding:15px 0 0; } /* List view and block view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block, .zenario_videos_fea .zfea_block_like_block .zfea_block { border:0; -webkit-border-radius: 0; border-radius: 0; background:#efefef; } .zenario_videos_fea .zfea_block .column_title { font-size: 1.1em; font-weight:600; } .zenario_videos_fea .zfea_block .column_description { font-size:0.875em; margin-bottom:5px; } .zenario_videos_fea .zfea_block .column_date { font-size:0.75em; font-style:italic; } /* View video */ .zenario_videos_fea .view_video { max-width:1024px; margin:auto; } .zenario_videos_fea .view_video .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin:15px auto; } .zenario_videos_fea .view_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .zenario_videos_fea .view_video .description { padding:15px 0; line-height:1.4em; } .zenario_videos_fea .view_video p.date { font-size:0.75em; font-style:italic; } /* Search buttons, filters buttons --------------------------------------------------------------------------------------------------*/ .zfea_search_buttons { width:auto; display:inline-block; float:right; text-align:right; padding:8px 8px 8px 10px; background-repeat:no-repeat; background-position:8px center; -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons:before { font-family: 'FontAwesome'; content: "\f0b0"; padding:2px 5px 0 0; font-size:16px; float:left; } .zfea_search_buttons a { float:left; margin-left:4px; height:23px; line-height:23px; padding:0 8px; } .zfea_search_buttons a.zfea_button.fea_filter { -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons { background-color:#cdcdcd; } .zfea_search_buttons a.zfea_button.fea_filter { background:#888; border:1px solid #888; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on { background:#333; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on:hover { opacity:1; } body.mobile .zfea_search_buttons { margin-bottom:10px; float:none; } /* Tokenize --------------------------------------------------------------------------------------------------*/ .zenario_skin div.Tokenize ul, .zenario_skin div.Tokenize ul li { padding:0; margin:0; list-style:none; position: relative; } .zenario_skin div.Tokenize { width:100%; max-width:480px; min-height:30px; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_skin .Tokenize .TokensContainer { width: 380px; width:calc(100% - 6px); height: auto; overflow-y: hidden; padding:2px; } .zenario_skin .zfea_row_input_button { float: left; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { width:calc(100% - 12px); height: auto; margin:0; } .zenario_skin div.Tokenize ul.TokensContainer li { white-space:nowrap; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { overflow:hidden; line-height: 18px; padding: 0 5px; clear:both; margin-bottom:2px; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.Token { margin-bottom:0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { float:left; } .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { margin:0; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.TokenSearch input[disabled] { display:none; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close { cursor: pointer; float: right; font-size: 16px !important; line-height: 18px; margin:0 2px 0 3px !important; padding: 0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close, .zenario_skin div.Tokenize ul.TokensContainer li.Token span { height:auto; min-height:22px; line-height:22px !important; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close:hover { text-decoration:none; } .zenario_skin div.TokenizeMeasure, .zenario_skin div.Tokenize ul li span, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch input { font-size: 12px; } .zenario_skin div.Tokenize ul.TokensContainer li.Token span.zfea_picked_file_wrapper img { margin-top:2px; } .zenario_skin div.Tokenize.Disabled ul.TokensContainer li.Token { background:#EFEFEF; border:1px solid #ccc; } .zenario_skin div.Tokenize ul.TokensContainer li.Token > div { width:calc(100% - 15px); overflow:hidden; } .zenario_skin div.Tokenize ul.TokensContainer, .zenario_skin div.Tokenize ul.Dropdown { border:0; margin:1px; } .zenario_skin div.Tokenize .zfea_picked_file_wrapper { float:left; min-width:20px; padding-right:0.5em; } /*.zenario_skin .Tokenize .TokensContainer .Placeholder { opacity: 1; line-height:22px; padding:0 0 0 5px; color:#999; position:relative; }*/ /*.zenario_skin .Tokenize.OnlyOne .TokensContainer { position:relative; }*/ .zenario_skin .Tokenize .TokensContainer .Placeholder { padding-left: 5px; opacity: .9; } .zenario_skin .Tokenize.OnlyOne .TokensContainer { min-height: 30px; } .zenario_skin .Tokenize.OnlyOne .TokenSearch { position:absolute; } .zenario_skin .Tokenize.OnlyOne .TokenSearch, .zenario_skin .Tokenize.OnlyOne .TokenSearch input { height:30px; line-height:30px; font-size:1em; } .zenario_skin .Tokenize.OnlyOne .TokenSearch input { padding:0 5px; } .zenario_skin div.Tokenize ul.Dropdown li.Hover { background:#ccc !important; color:#555 !important; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer .Token { width:calc(100% - 47px); } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token { position:relative; padding-right:40px; background-image:url('..//styles/fea/images/icon-drag-vertical-dark.svg'); background-repeat:no-repeat; background-position:right center; background-size:auto 14px; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token a.Close { position:absolute; right:0; } /* Tokenize buttons --------------------------------------------------------------------------------------------------*/ .zfea_form_row.zfea_form_row__image_id { overflow:hidden; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id { display:inline-block; float:left; min-height:30px; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id div.Tokenize { width:472px; float:left; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id .TokenSearch { display:none; } .zfea_form_row.zfea_form_row__image_id .launch_keeper { margin-left:10px; } /* Progress --------------------------------------------------------------------------------------------------*/ #zenario_progress_wrap { background: rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 320000; } #zenario_progress.ui-widget-content { background: #333 none repeat scroll 0 0; border: 2px solid #f6f6f6; color: #fff; border-radius: 8px; } #zenario_progress.ui-widget { font-size: 12px; } #zenario_progress { height: 40px; left: 0; right:0; margin:auto; padding: 5px 30px 0 10px; position: fixed; top: 45%; width: 57%; z-index: 999999; } #zenario_progress #zenario_progress_name { background: transparent none repeat scroll 0 0; margin-bottom: 5px; text-align: center; width: 100%; } #zenario_progress #zenario_progress_stop { background: rgba(0, 0, 0, 0) url("..//styles/fea/images/close-icon-uploader.png") no-repeat scroll 0 0; cursor: pointer; float: right; height: 18px; margin: -10px -20px 0 0; position: relative; width: 18px; } #zenario_progress.ui-progressbar #zenario_progressbar.ui-progressbar-value { margin: 0; } #zenario_progressbar.ui-widget-header { background: #02cb01 none repeat scroll 0 0; border: 0 none; border-radius: 5px; height: 9px; } /* Common styles, modal window warning msg --------------------------------------------------------------------------------------------------*/ .modal_window { margin:auto; position:relative; z-index:2; width:70%; -webkit-box-shadow:0 0 5px 0; box-shadow:0 0 5px 0; padding:20px; -webkit-border-radius: 10px; border-radius: 10px; } .modal_window form, .modal_window .warning_message, .modal_window .select_list, .modal_window .buttons { text-align:center; } .modal_window select, .modal_window .select_list { margin-top:20px; } .modal_window form div a.zfea_button, .modal_window .buttons button { display:inline-block; margin:5px; } .modal_window #close_button { background-color:transparent; -webkit-border-radius: 0; border-radius: 0; } .modal_window .confirm_warning, .zfea.confirm_warning .messageDisplay div { background:url("..//styles/fea/../images/icon-warning-triangle.svg") no-repeat scroll 0 0 / 47px 40px; min-height: 40px; padding: 5px 0 0 60px; text-align:left !important; } .zfea .message_in_form { text-align: center; } .zfea .message_in_form .error, .zfea .message_in_form .success, .zfea .message_in_form .warning { display: inline-block; width: auto; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; padding:10px 0; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zfea_button, .nest_buttons a, .icon_button, .fea_csvDownload > a { display: inline-block; height:26px; line-height:24px; padding:0 10px; text-align:center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; background:#000; color:#fff; } .zfea_button:hover, .nest_buttons a:hover, .icon_button:hover { text-decoration:none !important; } .icon_button.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .delete_icon, .zenario_skin input[type="button"].delete_icon, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete { background-image:url('..//styles/fea/images/icon-delete.svg'); } .zenario_skin .delete_icon.zfea_button_disabled, .zenario_skin input[type="button"].delete_icon.zfea_button_disabled, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete.zfea_button_disabled, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete.zfea_button_disabled { background-image:url('..//styles/fea/images/icon-delete-grey.svg'); } .icon_button.query_data_icon { background-image:url('..//styles/fea/images/icon-white-inspector-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.schedule_icon { background-image:url('..//styles/fea/images/icon-white-schedule-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.recalculate_icon { background-image:url('..//styles/fea/images/icon-white-recalculate-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .icon_button { width:30px; padding:0; text-indent:-999px; font-size:0; background-repeat:no-repeat; background-size:18px; background-position:center; } .icon_button.weekly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-weekly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 22px 13px; } .icon_button.yearly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-yearly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 25px 10px; } .zfea_button.delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete, #colorbox.zfea_colorbox_content input[type="button"].delete_button { background-color:#B20000; color:#FFF; } .zfea_button.delete:hover, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete:hover, #colorbox.zfea_colorbox_content input[type="button"].delete_button:hover { background-color:#e23535; color:#FFF; opacity:1; } .zfea_button.cancel, input[type="button"].zfea_button.cancel, .zfea_cancel, input[type="button"].zfea_cancel, #colorbox.zfea_colorbox_content input[type="button"].zfea_cancel { background: #888; border-color: #888; color: #FFF; } .zfea_button.cancel:hover, .zfea_cancel:hover, .zfea_button:hover, .nest_buttons a:hover { opacity:0.8; } .zenario_skin input.launch_keeper[type="button"] { background:transparent; border:0; color:#333; font-size:0.875em; height:auto; line-height:22px; margin-left:10px; padding:2px 0 0; min-width:auto; } /* Buttons, sorted buttons --------------------------------------------------------------------------------------------------*/ .zfea div.sorted_buttons { display:inline-block; float:right; } .zfea table div.sorted_buttons { display:block; float:none; } .zfea table th.sorted_buttons a { margin-left:5px; } /* Buttons with children --------------------------------------------------------------------------------------------------*/ .zfea_button_with_children .fa.fa-caret-down:before { padding-left:5px; } .button_with_children_wrap { display:inline-block; position:relative; } .button_with_children_wrap .small_button { position:relative; z-index:1; } .zenario_skin .button_with_children_wrap ul, .zenario_skin .button_with_children_wrap ul li { list-style:none; padding:0; margin:0; } .zenario_skin .button_with_children_wrap ul { opacity:0; visibility:hidden; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_skin .button_with_children_wrap:hover ul { opacity:1; visibility:visible; } .zenario_skin .button_with_children_wrap ul { position:absolute; z-index:9; right:0; top:27px; width:140px; padding:0 4px 2px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; border-radius: 4px; border-top-right-radius: 0; } .zenario_skin .button_with_children_wrap ul:after { bottom: 100%; right: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 5px; margin-left: -5px; } .zenario_skin .button_with_children_wrap ul li { text-align:left; font-size:0.813em; height:auto; } .zenario_skin .button_with_children_wrap ul li, .zenario_skin .button_with_children_wrap ul li a { display:block; } .zenario_skin .button_with_children_wrap ul li a { width:calc(100% - 8px); height:auto; line-height:16px; padding:4px; margin:1px 0px; font-size:13px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; cursor:pointer; } .zenario_skin .button_with_children_wrap ul li a:hover { text-decoration:none; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin input[type="button"].icon_button, .zenario_skin .small_button, .zenario_skin .standard_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin .fea_filter, .manual_input span.label, .nest_buttons a, a.zfea_button, #colorbox .connection_tabbed_panel .content_links input, .fea_csvDownload > a { display:inline-block; padding:0 12px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; cursor:pointer; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .standard_button { white-space:nowrap; } .zenario_skin table tr td.sorted_buttons .small_button { padding:0 8px; } .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .fea_csvDownload > a:hover { text-decoration:none; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { height:27px; font-size:13px; } .zenario_skin input[type="submit"].small_button, .zenario_skin a.small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { line-height:26px; } .manual_input span.label { font-size:18px; height:40px; line-height:36px; font-weight:600; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button { line-height:0; min-width:0; } .zenario_skin .icon_button, .zenario_skin input[type="button"].icon_button { width:27px; height:27px; padding:0; } .zenario_skin input[type="button"].icon_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin a.edit_icon, .zenario_skin a.edit_password_icon { font-size:0; line-height:0; text-indent:-999; background-repeat:no-repeat; background-position:center center; } .zenario_skin th.sorted_buttons .refresh_button { float:right; padding:0; width:30px; } .zenario_skin input[type="button"].icon_button { min-width:0; } .zenario_skin input[type="button"]:hover, .zenario_skin input[type="submit"]:hover, .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .icon_button:hover, .zenario_skin .refresh_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .manual_input span.label:hover, #colorbox .connection_tabbed_panel .content_links input:hover, .fea_csvDownload > a:hover { opacity:0.75; } .zenario_skin table th .zfea_button:hover { opacity:0.9; } .zenario_skin table .zfea_button.no_button_styling { border: none; background: none; } .zenario_skin .button_with_children_wrap ul li.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.fea_filter:hover, .fea_csvDownload > a:hover { opacity:1; } .zenario_skin .button_with_children_wrap ul li a.fea_filter { white-space:normal; -webkit-border-radius:0; border-radius:0; } .zenario_skin .icon_button.view_list, .zenario_skin input[type="button"].icon_button.view_list { background-image:url('..//styles/fea/images/icon-list.png'); } .zenario_skin .icon_button.view_overview, .zenario_skin input[type="button"].icon_button.view_overview { background-image:url('..//styles/fea/images/icon-eye.png'); } .zenario_skin .icon_button.view_map, .zenario_skin input[type="button"].icon_button.view_map { background-image:url('..//styles/fea/images/icon-map-pin-on.svg'); background-size:14px 20px; } .zenario_skin .icon_button.view_hierarchical, .zenario_skin input[type="button"].icon_button.view_hierarchical { background-image:url('..//styles/fea/images/icon-org-chart-on.svg'); background-size:16px 16px; } .zenario_skin a.edit_icon, .zenario_skin input.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-size: 20px 20px; } .zenario_skin a.edit_password_icon, .zenario_skin input.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-size: 20px 20px; } .zenario_skin a.connection_icon { background-image:url('..//styles/fea/images/icon-white-connect.svg'); background-size: 20px 20px; } .zenario_skin a.data_simulator_icon { background-image:url('..//styles/fea/images/icon-white-simulate-data.svg'); background-size: 21px 24px; } .zenario_skin a.manually_enter_data_icon { background-image:url('..//styles/fea/images/icon-white-manual-data.svg'); background-size: 21px 24px; } .zenario_skin a.compare_fields_icon { background-image:url('..//styles/fea/images/icon-compare-graphs.svg'); background-size: 18px auto; } .zenario_skin a.connection_times_icon { background-image:url('..//styles/fea/images/icon-white-connection-times-placeholder.svg'); background-size: 18px auto; } .zenario_skin a.acknowledge_alarm_icon { background-image:url('..//styles/fea/images/icon-acknowledge-alarms-white-bell.svg'); background-size: 24px 24px; } .zenario_skin .nest_refresh { float:right; } .zenario_skin .auto_refresh, .zenario_skin .nest_refresh.auto_refresh { float:none; } .zenario_skin .nest_buttons .stop_auto_refresh .nest_refresh { padding-left:12px; padding-right:24px; } .zfea_form_grouping .zfea_form_row_delete input.small_button.delete[type="button"] { position:absolute; top:10px; right:10px; background-repeat:no-repeat; background-position:center; background-size:auto 65%; text-indent:-999; line-height:0; font-size:0; } .zenario_skin input[type="button"].launch_keeper { height:auto; padding:2px 0 0 0; margin-left:10px; line-height:22px; font-size:0.875em; } .zfea_button_disabled, input[type="submit"].zfea_button_disabled, input[type="button"].zfea_button_disabled, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover, .zenario_skin .zfea_button.zfea_button_disabled, .zenario_skin .icon_button.zfea_button_disabled { background-color:#F2EEEB; border-color:#BBB7B4 !important; cursor:default !important; } .zfea_button_disabled, .zfea_button_disabled .fa, input[type="button"].zfea_button_disabled, input[type="button"].zfea_button_disabled .fa, input[type="submit"].zfea_button_disabled, input[type="submit"].zfea_button_disabled .fa, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { color:#AAA !important; } .zfea_button_disabled:hover, .zenario_skin a.zfea_button.zfea_button_disabled:hover, input[type="button"].zfea_button_disabled:hover, input[type="submit"].zfea_button_disabled:hover, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { opacity:1 !important; } .zenario_skin a.zfea_button.button_double_square:after { font-family:"FontAwesome"; content:"\f24d"; padding-left:3px; } .zenario_skin a.zfea_button.button_arrow_up_right_from_square:after { font-family:"FontAwesome"; content:"\f08e"; padding-left:3px; } /* Button toggle --------------------------------------------------------------------------------------------------*/ .zfea_toggle_button.pressed, .zenario_skin form .zfea_form_row .zfea_toggle_button.pressed { background-color: lightblue; } .zfea_toggle_button.zfea_hidden_toggle_button { width: 1px; height: 1px; visibility: hidden; } /* Common styles Zfea Loading --------------------------------------------------------------------------------------------------*/ .fea_preloader_circle { position: absolute; z-index: 60; margin:auto; left:0; right:0; } .fea_initial_load_done .fea_preloader_circle { background:url('..//styles/fea/images/overlay_light_grey.png') repeat 0 0; } @keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } .fea_initial_load_done .fea_preloader_circle { animation: fade_in 0.4s; -webkit-animation: fade_in 0.4s; } .fea_preloader_circle div { top:40%; height:32px; width:32px; margin:auto; position:relative; border-radius:50%; -webkit-animation:zenario_spinner 1s infinite linear; animation:zenario_spinner 1s infinite linear; opacity:.8; } .zenario_company_users_fea .fea_preloader_circle { display: none !important; } #hierarchy_chart .fea_preloader_circle { top:50%; } /* Common styles Zfea Tooltip --------------------------------------------------------------------------------------------------*/ .zfea .zenario_field_tooltip { float:right; margin-left:8px; display: inline-block; } .zfea_field_tooltip, .zenario_field_tooltip { width:20px; height:20px; line-height:20px; font-weight:600; background:#ccc; text-align:center; -webkit-border-radius: 50%; border-radius: 50%; cursor:default; } /* Spinner --------------------------------------------------------------------------------------------------*/ .spinner { min-width: 32px; min-height: 32px; } .spinner:before { content: 'Loading…'; position: absolute; z-index:90; top: 40%; left: 50%; margin-top: -10px; margin-left: -10px; height:32px; width:32px; } .spinner:not(:required):before { content: ''; border-radius: 50%; animation: zenario_spinner .6s linear infinite; -webkit-animation: zenario_spinner .6s linear infinite; } /* Overlay layer --------------------------------------------------------------------------------------------------*/ .overlay_layer { position:absolute; top:0; left:0; z-index:1; background:rgba(255,255,255,0.7); width:100%; height:100%; } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox.zfea_colorbox_content input[type='submit'], #colorbox.zfea_colorbox_content input[type='button'], #colorbox.zfea_colorbox_content button { display:inline-block; height:36px; line-height:32px; padding: 0 15px; border:0; background:#000; color:#FFF; text-align:center; font-size:0.938em; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } #colorbox.zfea_colorbox_content input[type='submit']:hover, #colorbox.zfea_colorbox_content input[type='button']:hover, #colorbox.zfea_colorbox_content button:hover { background:#b8babc; color:#282e35; text-decoration:none; } #colorbox.zfea_colorbox_content #cboxLoadedContent { max-width:500px; padding:15px; overflow:hidden !important; } #colorbox.zenario_user_forms #cboxLoadedContent { overflow-y:auto !important; } #colorbox.zenario_user_forms .user_form { padding-bottom:20px; } #colorbox.zenario_user_forms .user_form form { padding: 0 30px; } #colorbox .form_field, #colorbox .form_fields_read_only { overflow:hidden; margin-bottom:20px; } #colorbox .field_section_description .field_title { font-style: normal; font-weight: normal; font-size: 1.5em; line-height: 1.2em; } #colorbox.zenario_user_forms fieldset { margin: 30px 0 8px; } /*.zfea_colorbox_content, #colorbox .embed_slide { padding:20px; width:500px; min-height: 180px; }*/ .zfea_colorbox_content .zfea_colorbox_title h1, #colorbox .embed_slide .embed_title { border-bottom-width:6px; border-bottom-style:solid; padding-bottom:10px; margin-bottom:10px; } .zfea_colorbox_content .zfea_colorbox_buttons, #colorbox .embed_slide .embed_link .embed_copy_button { padding:15px 0; text-align:center; } .zfea_colorbox_content .zfea_colorbox_buttons input { margin:0 8px; } .zfea_colorbox_body select#zfea_new_hierarchy_asset_id { margin:auto; } #colorbox .embed_slide .embed_link { text-align:center } #colorbox .embed_slide .embed_link .embed_link { text-align:left; margin-top:10px; } #colorbox .modal_window { width: 900px; min-height: 300px; padding: 30px 30px 10px 30px; border:0; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; } #colorbox .modal_window .title h1 { font-size: 1.4em; } #colorbox .modal_window .content p:nth-child(1) { font-size: 1.15em; margin-bottom: 25px; } #colorbox .modal_window p { margin-bottom: 15px; } #colorbox .modal_window .connection_url_input input[type="text"] { width: 97%; } #colorbox .zfea_error { padding:20px; min-width:500px; background:#FFF; } #colorbox .zfea_error .zfea_error_body { padding:10px 0; } #colorbox .zfea_error .zfea_error_buttons { text-align:center; } #colorbox .modal_window.modal_window_connection { padding:12px 0 0; } #colorbox .connection_tabbed_panel ul, #colorbox .connection_tabbed_panel ul li { padding:0; margin:0; list-style:none; } #colorbox .connection_tabbed_panel ul.tabs { clear:both; display:block; margin-left:2px; overflow:hidden; position:relative; z-index:1; } #colorbox .connection_tabbed_panel ul.tabs li { display: inline-block; float:left; height:44px; line-height:44px; padding: 0 18px; margin-left:3px; font-weight:bold; border-top:0; border-bottom:0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } #colorbox .connection_tabbed_panel ul li.tab_body { display: none; overflow:hidden; height:270px; overflow-y:auto; padding:20px; } #colorbox .connection_tabbed_panel ul li.tab_body.active { display: block; } #colorbox .connection_tabbed_panel h2 { font-weight:bold; font-size:1.250em; } #colorbox .connection_tabbed_panel .simulator_img { width:25%; height:121px; margin-right:40px; display:inline-block; background:url('..//styles/fea/images/red-box.png') no-repeat 0 0 / 100%; float:left; } body.retina #colorbox .connection_tabbed_panel .simulator_img { background:url('..//styles/fea/images/red-box-retina.png') no-repeat 0 0 / 100%; } #colorbox .connection_tabbed_panel .simulator_content { width:65%; width:calc(75% - 40px); float:left; } #colorbox .connection_tabbed_panel .simulator_scan, #colorbox .connection_tabbed_panel .simulator_links { overflow:hidden; padding-top:15px; clear:both; float:none; } #colorbox .connection_tabbed_panel .simulator_scan p { display:inline-block; width:70%; float:left; padding-top:35px; } #colorbox .connection_tabbed_panel .simulator_scan .simulator_scan_img { width:22%; height:120px; display:inline-block; float:right; margin-left:20px; } #colorbox .connection_tabbed_panel .app_img { width:182px; height:238px; margin-right:18px; display:inline-block; background:url('..//styles/fea/images/icon-with-footprints-v2.png') no-repeat 0 0 / 100%; float:left; } #colorbox .connection_tabbed_panel .app_content { width:70%; width:calc(100% - 200px); float:left; } #colorbox .connection_tabbed_panel .connection_content { position:relative; z-index:1; } #colorbox .connection_tabbed_panel .after_tabs { margin-top:-2px; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text { padding: 10px; margin-bottom: 10px; word-break: break-all; font-size:0.938em; line-height:20px; -webkit-border-radius: 6px; border-radius: 6px; z-index: 2; position: relative; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text.code strong { font-family:monospace; } #colorbox .connection_tabbed_panel .content_links { float:right; overflow:hidden; } #colorbox .connection_tabbed_panel .content_links a { float:left; } #colorbox .connection_tabbed_panel .content_links a:first-child { font-size:0.813em; text-decoration:underline; padding:3px 10px 0 0; } #colorbox .connection_tabbed_panel .content_links input { margin-left:10px; } #colorbox .connection_tabbed_panel table.mqtt_details { width:100%; margin-bottom:10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th, #colorbox .connection_tabbed_panel table.mqtt_details tr td { padding:5px 10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th { font-weight:bold; width:200px; } #colorbox .connection_tabbed_panel p.code { padding-left:30px; } #colorbox.help_button { text-align:left; } #colorbox .zfea_confirm_warning .zfea_colorbox_body { min-height:40px; padding:5px 0 0 60px; background:url('..//styles/fea/images/icon-warning-triangle.svg') no-repeat 0 0 / 47px 40px; } #colorbox .form_buttons { overflow:hidden; } #colorbox .form_buttons .next { float:right; } #colorbox .form_buttons .next.submit { float:none; } #colorbox .delete_button:hover, #colorbox .small_button.delete_button:hover, #colorbox input.delete_button[type="button"]:hover, #colorbox input.small_button.delete_button[type="button"]:hover { opacity:0.7; } #colorbox:not(.zenario_grid_maker) .colorbox_content { padding:20px; min-height:180px; } #colorbox .colorbox_content .colorbox_buttons { padding-top:20px; text-align:center; overflow:hidden; clear:both; float:none; } #colorbox .colorbox_content[id*='range_popup'] { min-width:320px; } #colorbox .colorbox_content[id*='range_popup'] .select_list { width:80px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body { float:none; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body > div, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body select { float:left; margin-right:5px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body input.datepicker { height:28px; line-height:28px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label { margin-left:5px; } .zfea_error_box .zfea_error_buttons { display: inline-block; text-align: center; padding: 0 12px; height: 27px; font-size: 0.929em; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; background:#008aca; color:#FFF; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .input-group { overflow: hidden; position: relative; display: inline-block; } .input-group .fa { position: relative; z-index: 1; left: -25px; top: 1px; cursor:pointer; width: 0; } #colorbox .connection_tabbed_panel .content_links .input-group .fa.fa-caret-right { left:-18px; } .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:18px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } /* Common styles: pagination --------------------------------------------------------------------------------------------------*/ .paginator_p { text-align:center; float:left; color:white; background-color:#B7B7B7; cursor:pointer; padding:2px 0 0 0; } .paginator_p_bloc { position:relative; width:3000px; } .paginator_p.over { background-color:#8B8B8B; } .paginator_p.selected { cursor: default; font-weight: bold; } .paginator_p_wrap { position:relative; overflow:hidden; float:left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; line-height: 30px; } .paginator_slider { clear:left; height: 4px; top: 4px; left:5px; margin:auto; background: white; border: solid 1px black; position:relative; } .paginator_slider .ui-slider-handle { width: 8px; height: 12px; position: absolute; top: -4px; background-color:black; } .zfea_pagination { overflow:hidden; padding:20px 0; text-align:center; } .zfea_pagination .paginator_p_wrap { margin:auto; float:none; } .zfea_pagination .paginator_p_wrap a.paginator_p { font-size:13px; font-weight:700; padding:0; color:#fff; background-color:#8B8B8B; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_pagination .paginator_p_wrap a.paginator_p.over { background-color:#B7B7B7; } .zfea_pagination .paginator_p_wrap a.paginator_p.selected { background:#0f81ad; color:#FFF; } .zfea_pagination .paginator_p_wrap a:hover { text-decoration:none; } /* Messages --------------------------------------------------------------------------------------------------*/ .zfea .error, .zfea .success, .zfea .warning, .zfea .info, .ok, .alarm, .comms_error { width:calc(100% - 60px); padding:12px 10px 18px 50px; margin-bottom:8px; -webkit-border-radius: 4px; border-radius: 4px; font-size:0.929em; line-height:17px; background-repeat:no-repeat; background-position:10px center; background-size:32px 32px; } .zfea .warning.small, .zfea .info.small { width:calc(100% - 30px); padding:0 0 0 30px; background-position: left top; background-size: 20px; } .column_status.ok, .column_status.alarm, .zfea .column_status.warning { width:auto; padding:0; margin:0; -webkit-border-radius: 0; border-radius: 0; font-size:1em; line-height:1.2em; } .zfea .column_status.warning { color:#494f6b; } .zfea .blue_dis_schema .column_status.warning, .zfea .soap_dis_schema .column_status.warning { color:#fff; } .zfea_zenario_create_user .zenario_textbox_with_autocomplete .zenario_open_autocomplete { width:auto; } /* - Error ---------------------------------------------------------------------------------------*/ .zfea .error { color:#CE0011; background-image:url('..//styles/fea/images/icon-msg-stop.svg'); min-height:32px; padding-bottom:0; } .zfea .error p { margin:0; } .zfea .zenario_row_with_error .Tokenize, .zfea input[type="text"].zenario_field_with_error, .zfea input[type="email"].zenario_field_with_error, .zfea input[type="search"].zenario_field_with_error, .zfea input[type="password"].zenario_field_with_error, .zfea select.zenario_field_with_error, .zfea textarea.zenario_field_with_error { -webkit-box-shadow: inset 0px 0 0 2px #CE0011; box-shadow: inset 0px 0 0 2px #CE0011; } .zfea input[type="radio"].zenario_field_with_error { -webkit-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0px 0.5px 0.5px 2px #CE0011; box-shadow: 0px 0.5px 0.5px 2px #CE0011; } .zfea input[type="checkbox"].zenario_field_with_error { -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 0px 1px 1px #CE0011; box-shadow: 0px 0px 1px 1px #CE0011; } .zfea .zfea_inline_error { clear:both; padding-top:4px; color:#CE0011; } /* - Sucess --------------------------------------------------------------------------------------*/ .zfea .success { color:#44A02A; } /* - Warning -------------------------------------------------------------------------------------*/ .zfea .warning { color:#ec5c30; background-image:url('..//styles/fea/images/icon-warning-triangle.svg'); } /* - Info -------------------------------------------------------------------------------------*/ .zfea .info { width:calc(100% - 50px); padding:0 0 0 50px; min-height:32px; background-position: left top; background-image:url('..//styles/fea/images/icon-info.svg'); } .zfea .info > ul { margin-left:0; padding-bottom:0; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:16px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .zenario_skin .icon_button.refresh_button { line-height:24px; font-size:18px; text-indent:inherit; } .zenario_skin .icon_button.refresh_button .fa.fa-refresh { float:none; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } table .button_arrow_right, .zenario_skin table tr td.sorted_buttons .small_button.button_arrow_right { position:relative; padding-right:18px; } table .button_arrow_right .fa { position:absolute; right:5px; top:0; } /* Smart breadcrumbs --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb { display: inline-block; float: left; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level { cursor: default; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; display:inline-block; background: white; width: 100%; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { opacity:0; visibility:hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; z-index: 30; top:0; left:24px; width: auto; float: none; padding: 2px 0; width:220px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover ul.smart_breadcrumbs { opacity:1; visibility:visible; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li a { padding:0 8px 2px; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.sb_title { width:calc(100% - 26px); padding:2px 10px; margin:0 3px; color: #7f7f7f; background:#f0f0f0; font-size:14px; font-weight:600; } /* Hide the subtitles in the smart breadcrumbs if this isn't a touch-enabled device */ body.non_touchscreen .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs .sb_title { display: none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a:hover { text-decoration:none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { background:none; padding-left:0; position:relative; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs { top:22px; left:-10px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; padding-right:3px; position:relative; top:1px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { padding-right:5px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.level1_1_on:before { content:none; padding-right:0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li[class*="comms_bread"] a:before { text-indent: inherit; margin-left:0; width:30px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level ul.smart_breadcrumbs li[class*="comms_bread"] a::before { content:""; top:5px; margin-left:0; } /* Colors */ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a { color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.current > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { color:#1565c0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:hover { background:#b1e5fd; color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { background:transparent; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { background: #ffffff; border: 1px solid #999; } /* CSS arrow top */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-bottom-color: #777777; border-width: 6px; margin-left: -6px; } /* CSS arrow left */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { right: 100%; top: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 6px; margin-top: -6px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-right-color: #777777; border-width: 7px; margin-top: -7px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level > a { border:1px solid #959595; padding:0 3px; margin-left:2px; display:inline-block; line-height:1.2em; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs { position:relative; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { position:static; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs { top:35px; left:0; width:100%; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a { color:#2a2b2b; font-size:14px; padding-top:2px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; font-size:15px; padding-right:5px; position:relative; top:-1px; } /* Common styles, popup --------------------------------------------------------------------------------------------------*/ .zfea_popout { position: fixed; top: -100px; left: -100px; padding: 20px; z-index: 10; width: 200%; height: 200%; } .zfea_popout .zfea_popout_inner { padding: 20px; z-index: 12; width: 40vw; min-height: 30%; min-width: 400px; position: fixed; top: 20%; left: 0; right:0; margin:auto; border-radius: 8px; } .mobile .zfea_popout .zfea_popout_inner { width:calc(80% - 40px); min-width:auto; left:0; right:0; margin:auto; } .zfea_popout .zenario_debug { right:25px; } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { position: absolute; z-index: 11; top: 12px; right: 12px; display: inline-block; width: 15px; height: 15px; text-indent: -999; font-size: 0; line-height: 0; cursor: pointer; } .zfea_popout .zfea_popout_inner .zfea_popout_form { margin-top: 20px; } .zfea_popout .zfea_popout_inner .zfea_popout_form input[type="text"], .zfea_popout .zfea_popout_inner .zfea_popout_form textarea { width:calc(100% - 22px); max-width:450px; } .zfea_popout .zfea_popout_inner .zfea_slider { display:flex; align-items: center; text-align: right; margin: 20px; } .zfea_popout .zfea_popout_inner .zfea_slider label { min-width:80px; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear { background-color: #777; background-image:url('..//styles/fea/images/icon-white-clear-x.svg'); background-repeat:no-repeat; background-position:center center; background-size:10px; float:right; margin:8px; color: #fff !important; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; width:20px; height:20px; text-indent:-999px; font-size:0; line-height:0; -webkit-transition:background-color 0.3s ease 0s; -moz-transition:background-color 0.3s ease 0s; transition:background-color 0.3s ease 0s; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear:hover { opacity:0.7; text-decoration:none; } .zfea_popout .zfea_popout_inner .ui-widget-content { width: calc(100% - 240px); display: inline-block; margin: 0 20px 0 10px; } .zfea_popout .zfea_popout_inner .zfea_slider > input[type="text"] { width: 50px; text-align: right; margin-right:5px; } .zfea_popout { background: url('..//styles/fea/images/overlay_layer.png'); } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { background: url('..//styles/fea/images/close-cross.svg') no-repeat; } .zfea_popout .zfea_close:hover, .zfea_popout .zfea_popout_inner #close_popout__2:hover { background: url('..//styles/fea/images/close-cross-over.svg') no-repeat; } /* Rows and columns for radio/checkboxes */ div.zenario_hierarchical_box_children { overflow:hidden; } div.zfea_form_group { float: left; } div.zfea_form_group_1_cols { float: none; } div.zfea_form_group_col_1 { clear: both; } div.zfea_form_group_2_cols { min-width: 300px; } .zfea_popout div.zfea_form_group_2_cols { min-width: 240px; } div.zfea_form_group_3_cols { min-width: 200px; } div.zfea_form_group_4_cols { min-width: 150px; } div.zfea_form_group_5_cols { min-width: 120px; } div.zfea_form_group_6_cols { min-width: 100px; } div.zfea_form_group_7_cols { min-width: 85px; } div.zfea_form_group_8_cols { min-width: 75px; } div.zfea_form_group_9_cols { min-width: 66px; } div.zfea_form_group_10_cols { min-width: 60px; } .schema_level_title { font-weight: bold; } /* Misc utility --------------------------------------------------------------------------------------------------*/ .zfea_row_with_1_field .zfea_show_on_rows_with_multiple_fields { display: none; } .zfea_row_with_multiple_fields .zfea_show_on_rows_with_1_field { display: none; } /* Slide info buttons that appear above nests for superusers. --------------------------------------------------------------------------------------------------*/ x-zenario-superuser-slide-controls { position: relative; z-index: 48; float: left; width: 44px; height: 0; line-height: 1px; text-align: left; visibility: hidden; display: none; } .zenario_slot.zenario_plugin_nest:hover x-zenario-superuser-slide-controls { display: block; } x-zenario-superuser-slide-info { margin-top: 0; margin-left: 0; z-index: 49; display: block; position: absolute; line-height: 1px; text-align: left; cursor: pointer; width: 26px; height: 26px; border:1px solid #b9b9b9; background:#f6f6f6 url('..//styles/fea/../../admin/images/icon-cogwheel.svg') no-repeat center center / 15px 15px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } x-zenario-superuser-slide-info:hover { background-color:#b1e6fd; } /* Mobile. Block list --------------------------------------------------------------------------------------------------*/ body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block { background:#fbfbfb; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block:nth-child(odd) { background:#f0f0f0; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(50% - 16px) !important; float:left; clear:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { font-weight:700; font-size:110%; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:right; } /* Breakpoint --------------------------------------------------------------------------------------------------*/ body.mobile .zfea div.sorted_buttons { float:none; text-align:right; } body.mobile .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { width: 60px; height: 60px; font-size: 60px; line-height: 60px; } /* Layout max-width: 630px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 631px) { .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:none; width:calc(100% - 41px); } .zenario_conference_fea .details, .zenario_conference_fea .documents_info { width:100%; float:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:left; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { padding-top:10px; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .search_form { width:100%; float:none; margin-bottom:10px; } .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .zfea_search_buttons { padding-left:0; float:none; } .zenario_storefront_physical_products_fea img { float:none; padding-bottom:10px; margin:auto; } .zenario_storefront_physical_products_fea .price_info .price_info_details, .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_details, .zenario_storefront_products_fea .price_info .price_info_links { width:auto; float:none; } .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_links { text-align:center; padding-top:10px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 30px - 2% - 6px); } #colorbox .colorbox_content[id*='range_popup'] { min-width:auto; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id { padding-bottom:10px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:none; margin:auto; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { text-align:center; } } /* Toggles. Styles for the on/off switches, Style 1: with tick and cross */ .zenario_skin .onoffswitch .onoffswitch-label { width:calc(100% - 4px); /* clear */ } .zenario_skin .onoffswitch { width:78px; } .zenario_skin .onoffswitch-switch { right:47px; } .zenario_skin .zfea_form_row label.onoffswitch-label { display:block; padding:0; } .zenario_skin .onoffswitch-inner::before, .zenario_skin .onoffswitch-inner::after { font-family: "FontAwesome"; font-size: 18px; } .zenario_skin .onoffswitch-inner::before { content: "\f00c"; background-color:#32bb82; } .zenario_skin .onoffswitch-inner::after { content: ""; background-color:#aeaeae; color:#666; } .zenario_skin .onoffswitch-label, .zenario_skin .onoffswitch-switch { border:1px solid #687780; } /**/ /* Reset backgrounds */ #colorbox:not(.zenario_admin_cb) #cboxTitle, #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:hover { background:none; } #colorbox:not(.zenario_admin_cb) #cboxTopLeft, #colorbox:not(.zenario_admin_cb) #cboxTopCenter, #colorbox:not(.zenario_admin_cb) #cboxTopRight, #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft, #colorbox:not(.zenario_admin_cb) #cboxMiddleRight, #colorbox:not(.zenario_admin_cb) #cboxBottomLeft, #colorbox:not(.zenario_admin_cb) #cboxBottomCenter, #colorbox:not(.zenario_admin_cb) #cboxBottomRight { visibility:hidden; } #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft { display:none; } body #colorbox:not(.zenario_admin_cb) #cboxOverlay, body > #cboxOverlay { opacity:1 !important; background:rgba(0,0,0,0.8); position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } #colorbox:not(.zenario_admin_cb) #cboxContent { background: #FFF; -webkit-border-radius: 6px; margin: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); border: 5px solid #fff; font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5; } #colorbox:not(.zenario_admin_cb) #cboxLoadedContent { margin-bottom:0; } #colorbox:not(.zenario_admin_cb) #cboxTitle { bottom:0; left:0; color:#fff; width:100%; padding:0; width:calc(100% - 20px); padding:3px 10px; background:rgba(0,0,0,0.6); text-align:left; } #colorbox:not(.zenario_admin_cb) #cboxClose { min-width:auto; width:20px; height:20px; top:5px; right:5px; } #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxClose:hover:before, #colorbox:not(.zenario_admin_cb) #cboxClose:hover:after { background-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose:before { transform: rotate(45deg); } #colorbox:not(.zenario_admin_cb) #cboxClose:after { transform: rotate(-45deg); } #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext { display: inline-block; width: 12px; height: 12px; top:50%; } #colorbox:not(.zenario_admin_cb) #cboxCurrent { display:none !important; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { content: ''; display: inline-block; height: 12px; width: 12px; position: absolute; left: 0; top: 0; border:0; border-bottom:2px solid #000; border-right:2px solid #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:hover:after, #colorbox:not(.zenario_admin_cb) #cboxNext:hover:after { border-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { outline:none; outline:0; } #colorbox:not(.zenario_admin_cb) #cboxPrevious { left:15px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #colorbox:not(.zenario_admin_cb) #cboxNext { right:15px; left:auto; -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic { display: inline-block; width: 40px; height: 40px; right:0; bottom:0; margin:auto; background:none; } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic:after { content: " "; display: block; width: 34px; height: 34px; margin: 0; border-radius: 50%; border: 4px solid #000; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox:not(.zenario_admin_cb) form { margin:0; padding:0; } #colorbox:not(.zenario_admin_cb) input, #colorbox:not(.zenario_admin_cb) button, #colorbox:not(.zenario_admin_cb) select, #colorbox:not(.zenario_admin_cb) textarea, #colorbox:not(.zenario_admin_cb) select { font-size:1em; font-family:'robotolight',Arial, Helvetica, sans-serif; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) textarea, #colorbox:not(.zenario_admin_cb) select { width:calc(100% - 22px); padding:0 10px; color:#525151; background:#FFF; border:1px solid #b8babc; } #colorbox:not(.zenario_admin_cb) select { width:100%; } #colorbox:not(.zenario_admin_cb) textarea { padding-top:10px; padding-bottom:10px; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) select { height:30px; line-height:30px; font-size:1em; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) select, #colorbox:not(.zenario_admin_cb) textarea { -webkit-border-radius: 6px; border-radius: 6px; } #colorbox:not(.zenario_admin_cb) input[readonly=''], #colorbox:not(.zenario_admin_cb) input[disabled='disabled'], #colorbox:not(.zenario_admin_cb) textarea[disabled='disabled'], #colorbox:not(.zenario_admin_cb) select[disabled='disabled'] { color:#888 !important; background-color:#DFDFDF !important; border-color:#DFDFDF !important; opacity:0.8 !important; } #colorbox:not(.zenario_admin_cb) input[type='file'] { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #colorbox:not(.zenario_admin_cb) input[type='submit'], #colorbox:not(.zenario_admin_cb) input[type='button'], #colorbox:not(.zenario_admin_cb) button:not(#cboxClose):not(#cboxPrevious):not(#cboxNext) { display:inline-block; height:36px; line-height:32px; padding: 0 15px; border:0; background:#000; color:#FFF; text-align:center; font-size:0.938em; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } #colorbox:not(.zenario_admin_cb) input[type='submit']:hover, #colorbox:not(.zenario_admin_cb) input[type='button']:hover, #colorbox:not(.zenario_admin_cb) button:not(#cboxClose):not(#cboxPrevious):not(#cboxNext):hover { background:#b8babc; color:#282e35; text-decoration:none; } #colorbox.zenario_slot, #colorbox.zenario_slot #cboxWrapper { width:540px !important; } #colorbox.zenario_slot #cboxContent, #colorbox.zenario_slot #cboxLoadedContent { width:520px !important; } #colorbox.zenario_slot #cboxTitle { display:none !important; } #colorbox.caption_hidden #cboxTitle { display:none !important; } #colorbox .form_wrapper { padding:1em 30px; } #colorbox.zenario_user_forms .form_wrapper .user_form form { padding:0; } #colorbox .form_wrapper .form_field { margin:0; } #colorbox .form_wrapper .form_buttons { text-align:center; padding-bottom:1em; } /**/ :root { /* Fonts */ --font-primary: "Montserrat", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-heading: "Roboto Condensed", "Roboto", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-serif: "PT Serif", serif; /* Font sizes */ --font-small: 80%; /* Primary colors */ --primary-color: #253645; /* Secondary colors */ --secondary-color: #5A8BA2; --secondary-color-dark: #3D6275; --secondary-color-light-odd: #E3ECF1; --secondary-color-light-even: #EAEEF1; /* Accent color */ --accent-color: #FF6B44; --accent-color-medium: #E85D39; --accent-color-light:#FFF8F7; /* Neutral colors */ --neutral-dark: #000000; --neutral-medium: #333333; --neutral-light: #DDDDDD; --neutral-light-grey:#c0c0c0; /* Background colors */ --background-light-grey: #F4F4F4; } .zenario_skin { font-family: var(--font-primary); line-height:1.6; color:var(--neutral-dark); font-weight:400; } .zenario_skin :is(h1, h2, h3, h4, h5, h6), .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2, .zenario_cookie_consent_manage_popup h5 { font-family: var(--font-heading); font-weight:400; letter-spacing: -0.02em; color:var(--primary-color); line-height:1.2; padding-bottom:0.3em; } .zenario_skin p + :is(h2, h3, h4, h5, h6), .zenario_skin ul + :is(h2, h3, h4, h5, h6) { padding-top:0.2em; } .zenario_skin h1 { font-size:2.5em; } .zenario_skin h2, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2 { font-size:2.1em; line-height:1.2 } .zenario_skin h3 { font-size:1.6em; line-height:1.3; } .zenario_skin h4 { font-size:1.3em; line-height:1.3; } .zenario_skin h5 { font-size:1.2em; line-height:1.3; } .zenario_skin h6 { font-size:1.1em; } .zenario_skin p { padding-bottom:1em; } .zenario_skin a { color:var(--secondary-color); &:hover { color:var(--secondary-color-dark); transition: all 0.2s ease-in-out; } } /**/ /* Reset element properties --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ appearance: none; -webkit-border-radius: 0; } ::-moz-placeholder { opacity: 1; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; } ::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } :-moz-placeholder { /* Firefox 18- */ color: #ccc; } /* Form fields --------------------------------------------------------------------------------------------------*/ .zenario_skin form { margin:0; padding:0; } .zenario_slot input, .zenario_slot button, .zenario_slot select, .zenario_slot textarea, .zenario_slot select { font-size:1em; font-family:var(--font-primary); } .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin textarea, .zenario_skin select { width:calc(100% - 22px); padding:0 10px; color:#000; background:#f5f8fa; border:1px solid #f5f8fa; } .zenario_skin select { width:100%; } .zenario_skin textarea { padding-top:10px; padding-bottom:10px; } .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin select { height:40px; line-height:40px; font-size:1em; } .zenario_skin input[readonly=''], .zenario_skin input[disabled='disabled'], .zenario_skin textarea[disabled='disabled'], .zenario_skin select[disabled='disabled'] { color:#888 !important; background-color:#DFDFDF !important; border-color:#DFDFDF !important; opacity:0.8 !important; } .zenario_skin input[type='file'] { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin input[type='text']:focus, .zenario_skin input[type='password']:focus, .zenario_skin input[type='email']:focus, .zenario_skin textarea:focus, .zenario_skin select:focus { outline:none; outline:0; box-shadow: inset 0px 0px 0 1px var(--primary-color); } .zenario_skin input[readonly]:focus, .zenario_skin textarea[readonly]:focus, .zenario_skin select[readonly]:focus { box-shadow:none; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 1em; width: 1em; border-radius: 50em; background: url('../../zenario_custom/skins/iapws/editable_css/../images/icon-clear-search.svg') no-repeat 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } input[type="search"]:focus::-webkit-search-cancel-button { opacity: .8; pointer-events: all; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; } .form_field.mandatory .field_title:after { content:" *"; color:#AF0615; } .form_field.mandatory input[type='text'], .form_field.mandatory input[type='password'], .form_field.mandatory input[type='email'], .form_field.mandatory textarea, .form_field.mandatory select, .field_checkbox.mandatory input[type=checkbox] + label:before, .field_radios.mandatory input[type=radio] + label:before { border-color:#ddecf5; } .zenario_skin input[type='text']:focus, .zenario_skin input[type='password']:focus, .zenario_skin input[type='email']:focus, .zenario_skin textarea:focus, .zenario_skin select:focus, .form_field.mandatory input[type='text']:focus, .form_field.mandatory input[type='password']:focus, .form_field.mandatory input[type='email']:focus, .form_field.mandatory textarea:focus, .form_field.mandatory select:focus, .field_checkbox.mandatory input[type=checkbox] + label:focus:before, .field_radios.mandatory input[type=radio] + label:focus:before { border-color:var(--primary-color); } .form_field.has_error input[type='text'], .form_field.has_error input[type='password'], .form_field.has_error input[type='email'], .form_field.has_error input[type='search'], .form_field.has_error textarea, .form_field.has_error select, .form_field.has_error input[type='text']:focus, .form_field.has_error input[type='password']:focus, .form_field.has_error input[type='email']:focus, .form_field.has_error input[type='search']:focus, .form_field.has_error textarea:focus, .form_field.has_error select:focus { border-color:#C10516; } .form_field.mandatory.has_error input[type='text'], .form_field.mandatory.has_error input[type='password'], .form_field.mandatory.has_error input[type='email'], .form_field.mandatory.has_error textarea, .form_field.mandatory.has_error select, .field_checkbox.mandatory.has_error input[type=checkbox] + label:before, .field_radios.mandatory.has_error input[type=radio] + label:before { box-shadow: inset 0px 0px 0 1px #C10516; } .field_checkbox.mandatory.has_error input[type=checkbox] + label:before, .field_radios.mandatory.has_error input[type=radio] + label:before { border-color:#ddecf5; } .form_field .note_to_user { font-size:0.857em; font-style:italic; } .form_field .note_to_user a { text-decoration:underline; } .form_field.field_checkbox input { float:left; margin-top:4px; } .form_field.field_checkbox .field_title { display:inline-block; float:left; width:calc(100% - 30px); } .form_field.field_checkbox .note_to_user { clear:both; float:none; } .form_field.field_checkbox > .note_to_user { padding-left:30px; } .extranet_wrap .form_field.field_checkbox .field_title { padding-left:8px; } .extranet_wrap .form_field.field_checkbox > .note_to_user { padding-left:20px; } /* Fix for captcha --------------------------------------------------------------------------------------------------*/ #recaptcha_widget_div { margin-top:10px; } #recaptcha_area, #recaptcha_table { line-height: 0!important; } .recaptchatable a, .recaptchatable a:hover { color:#A51400 !important; } .recaptcha_only_if_privacy { position:absolute !important; width:100px; left:185px !important; } /* Messages --------------------------------------------------------------------------------------------------*/ .error, .success, .warning, .form_error { display:block; margin-bottom:8px; } /* - Error ---------------------------------------------------------------------------------------*/ .error, .contact_form_error, .form_error { color:#AF0615; } /* - Sucess --------------------------------------------------------------------------------------*/ .success, .contact_form_message { color:#54a44d; } .confirm_email_text { text-align:center; } /* - Warning -------------------------------------------------------------------------------------*/ .extranet_confirm, .warning { color:#817134; } /**/ :root { --header-height: 70px; --header-v-padding: 15px; --header-full-height: calc(var(--header-height) + (var(--header-v-padding) * 2)); --masthead-image-height:350px; --footer-height: 70px; --footer-v-padding: 30px; --footer-full-height: calc(var(--footer-height) + (var(--footer-v-padding) * 2)); --listing-image-width: 190px; } html, body { scroll-behavior: smooth; } html { position:relative; } body { height:100%; } body.zenario_adminLoggedIn { height:calc(100% - 129px); } body.zenario_adminLoggedIn.zenario_adminToolbarHidden { height:calc(100% - 10px); } html, body .zenario_skin { height:100%; } .zenario_skin { min-height: 100%; background:var(--background-light-grey); } #zenario_citem { position:relative; padding-top:var(--header-full-height); } .Gridbreak_Header { background:var(--background-light-grey); } .Gridbreak_Header .container { height:var(--header-height); padding:var(--header-v-padding) 0; } .Gridbreak_Header.Fixed { position: fixed; width: 100%; z-index:90; top:0; } body.zenario_adminLoggedIn .Gridbreak_Header.Fixed { top:129px; } body.zenario_adminLoggedIn.zenario_adminToolbarHidden .Gridbreak_Header.Fixed { top:10px; } .Gridbreak_Header { box-sizing: border-box; } .Gridbreak_Header, .Gridbreak_Header .container, .Gridbreak_Header .zenario_menu.main_menu .wrap_menu_inner, .Gridbreak_Header .zenario_banner.banner_logo .banner_image img, .Gridbreak_Header .zenario_advanced_search .search_button_panel .search_button:before { transition:all 0.3s ease-in-out; } .Gridbreak_Header.header_active { border-bottom: 1px solid var(--neutral-light); } body.desktop .Gridbreak_Header.header_active .container { padding:10px 0; } body.desktop .Gridbreak_Header.header_active .container, body.desktop .Gridbreak_Header.header_active .zenario_menu.main_menu .wrap_menu_inner, body.desktop .Gridbreak_Header.header_active .zenario_advanced_search .search_button_panel .search_button { height:40px; } body.desktop .Gridbreak_Header.header_active .zenario_advanced_search .search_button_panel .search_button:before { line-height:40px; } body.desktop .Gridbreak_Header.header_active .zenario_banner.banner_logo .banner_image img { width:119px !important; height:40px !important; } /* Body --------------------------------------------------------------------------------------- */ .Gridbreak_Intro { background:var(--background-light-grey); } .Gridbreak_Announcement { background:var(--primary-color); } .Gridbreak_Intro .container { padding:4em 0 6em; } .Gridbreak_Body .container { min-height:calc(100vh - var(--header-full-height) - var(--footer-full-height) - var(--masthead-image-height) - 4em); padding:2em 0; } .zenario_adminLoggedIn .Gridbreak_Body .container { min-height:calc(100vh - var(--header-full-height) - var(--footer-full-height) - var(--masthead-image-height) - 4em - 129px); } .zenario_adminLoggedIn.zenario_adminToolbarHidden .Gridbreak_Body .container { min-height:calc(100vh - var(--header-full-height) - var(--footer-full-height) - var(--masthead-image-height) - 4em - 10px); } .Gridbreak_Body, .Gridbreak_Body_Home { background:#fff; } .Gridbreak_Body .zenario_slot { margin-bottom:2em; } .Gridbreak_Body .zenario_slot .zenario_slot { margin-bottom:0; } .Gridbreak_Body_Home .zenario_slot { margin-top:5em; } .Gridbreak_Body_Home .zenario_slot .zenario_slot { margin-top:0; } .Gridbreak_Body_Home .container, .Gridbreak_Home_Main .container { padding:5em 0; } .Gridbreak_Body_Home .container > .slot:first-child .zenario_slot { margin-top:0; } .Gridbreak_Home_Main { background:var(--background-light-grey); } .Gridbreak_Home_Main .zenario_html_snippet h3 { max-width: 800px; margin:auto; font-size: 2.2em; line-height:1.35; font-family:var(--font-serif); padding-bottom:0; } .Gridbreak_Home_Main .zenario_html_snippet h3 em { color:var(--secondary-color); } body.desktop .Grouping_Main .zenario_slot { padding-right:3em; } body.desktop .Grouping_Main .zenario_slot .zenario_slot { padding-right:0; } /* Footer --------------------------------------------------------------------------------------- */ .Gridbreak_Footer .container { height:var(--footer-height); padding:var(--footer-v-padding) 0; } .Gridbreak_Footer { background:var(--neutral-medium); } .Gridbreak_Footer *, .Gridbreak_Footer a { color:var(--neutral-light-grey); } .Gridbreak_Footer a:hover { color:var(--secondary-color-light-odd); } .Gridbreak_Footer .zenario_slot { margin-bottom:1em; } .Gridbreak_Footer .zenario_slot .zenario_slot { margin-bottom:0; } /* Home / Masthead --------------------------------------------------------------------------------------- */ #zenario_layout.layout_home #zenario_citem, #zenario_layout.layout_masthead #zenario_citem { padding-top:0; } .layout_home .Gridbreak_Header, .layout_masthead .Gridbreak_Header { background:transparent; transition:all 0.3s ease-in-out; } .layout_home .Gridbreak_Header.header_active, .layout_masthead .Gridbreak_Header.header_active { background:var(--background-light-grey); } .layout_home .Slot_Main_2 { overflow:hidden; } .Gridbreak_Intro { background:url('../../zenario_custom/skins/iapws/editable_css/../images/thermal-power-plant.jpg-two-towers.jpg') no-repeat center top; background-size:cover; padding-top: 20vh; height: calc(650px - 20vh); } .Gridbreak_Intro, .Slot_Masthead { position:relative; } .Gridbreak_Intro:before, .layout_masthead .Slot_Masthead:before { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 40%; content: ""; background-image: linear-gradient(to top,transparent,white); background:linear-gradient(0deg,#fff0 0%,rgb(255 255 255) 100%); } /*.Slot_Masthead:after, */ .Gridbreak_Intro:after { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; content: ""; background:linear-gradient(180deg,#0000 0%,rgb(0 0 0) 100%); } .Slot_Masthead:before { height: 90%; } /* Admin mode --------------------------------------------------------------------------------------- */ .zenario_pageMode_edit #zenario_citem, .zenario_pageMode_layout #zenario_citem { padding-top:0; } .zenario_pageMode_edit .Gridbreak_Header.Fixed, .zenario_pageMode_layout .Gridbreak_Header.Fixed, .zenario_showing_preview.in_iframe .Gridbreak_Header.Fixed { position:static; } .zenario_pageMode_edit .Gridbreak_Header .container, .zenario_pageMode_edit .Gridbreak_Header.header_active .container, .zenario_pageMode_layout .Gridbreak_Header .container, .zenario_pageMode_layout .Gridbreak_Header.header_active .container, .zenario_showing_preview.in_iframe .Gridbreak_Header .container, .zenario_showing_preview.in_iframe .Gridbreak_Header.header_active .container { height:auto; } .zenario_pageMode_edit .layout_masthead .Slot_Masthead:before, .zenario_pageMode_layout .layout_masthead .Slot_Masthead:before { content:none; } /**/ .zenario_advanced_search .search_button_panel { max-width:1340px; width:100%; height:32px; margin:auto; } /* Search entry button ---------------------------------------------------------------- */ .zenario_advanced_search .search_button_panel .search_button { display:inline-block; float:right; height:var(--header-height); font-size:0; line-height:0; cursor:pointer; } .zenario_advanced_search .search_button_panel .search_button:before { font-family:"FontAwesome"; content:"\f002"; font-size:22px; color:#212121; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height:60px; position:relative; top:0; } .zenario_advanced_search .search_button_panel .search_button:hover:before, .zenario_advanced_search .search_button_panel.active .search_button:before { color:#718894; } /* Search entry box panel -------------------------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel { clear:both; width:100%; max-width:1340px; position:absolute; z-index:97; left:0; right:0; margin:auto; } /* Search criteria panel. Mode: Search entry box -------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria { height:41px; padding:20px; background:rgba(0,0,0,0.8); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form > div { overflow:hidden; position:relative; margin: auto; display:flex; justify-content: center; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div .further_search { float:left; height:40px; line-height:40px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label { padding-right:10px; color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input { -webkit-border-radius: 0; border-radius: 0; border:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input:focus { outline:0; outline:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box:focus { box-shadow:inset 0 0 0 2px #0086CE; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:600px; margin-right:10px; color:#212121; font-weight:600; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button { min-width:auto; padding:0; width:100px; background:var(--accent-color); transition:all 0.2s ease-in-out; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button:hover { opacity:1; background:var(--accent-color-medium); color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button { position:relative; float:left; z-index:9; top:6px; right:0; width:30px; height:30px; margin-left:10px; float:left; transition: all 0.2s ease-in-out; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:before, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:after { left:13.5px; top:7px; } .zenario_advanced_search .search_area .close_button { width:20px; height:20px; font-size:0; line-height:0; cursor:pointer; } .zenario_advanced_search .search_area .close_button:before, .zenario_advanced_search .search_area .close_button:after { position: absolute; left: 10px; content: ' '; height: 16px; width: 3px; background-color: #FFF; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .close_button:before { transform: rotate(45deg); } .zenario_advanced_search .search_area .close_button:after { transform: rotate(-45deg); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div a.further_search { color:#eaf0f4; margin-left:15px; font-size:90%; text-decoration:underline; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div a.further_search:hover { color:#bdc6cc; } /* Search results panel. Mode: search box -------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results { text-align:left; width:100%; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results { position:relative; overflow:hidden; padding:15px; background: #fff; max-height:70vh; overflow-y:auto; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title { display: inline-block; padding: 0 0 15px 10px; font-family: var(--font-heading); font-size: 1.3em; color: #212121; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column { float:left; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .column_title { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_no_results { padding-left:10px; font-size:1.3em; font-family:var(--font-heading); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_no_results { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a { display:block; margin-bottom:8px; text-decoration:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a:hover, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a:hover { text-decoration:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_result { margin-left:0; } body.ie .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.ff .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p, body.webkit .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_result .search_result_content .search_result_summary p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 246, 248, 0); border-bottom-color: #f3f6f8; border-width: 10px; margin-left: -10px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { -webkit-line-clamp: 2; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_column_more { padding-right: 15px; color: #555; text-align: right; float:none; clear:both; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_column_more:after { font-family: "FontAwesome"; content: "\f105"; padding-left: 5px; } /* Common */ .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { overflow:hidden; padding:10px 15px; margin:0 10px; background:#F3F6F9; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result:hover { background:#E4F2FF; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_image { float:left; padding-right:15px; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content { overflow:hidden; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { font-family:var(--font-heading); font-size:1.1em; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title .title span { color: #212121; font-size: 0.75em; font-weight: normal; font-style: italic; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title a { color:#0e76bc; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { color:var(--secondary-color-light-odd); font-size:0.8em; line-height:1.4em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:2px 0 0; font-style: italic; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { font-size:0.95em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private { background:#F2E5E5; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title a { color:#9f0505; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title:before { font-family:"FontAwesome"; content:"\f023"; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.pinned { font-size:1em; color:#212121; box-shadow: inset 0 0 0 1.5px #0e76bc; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.pinned .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.pinned .search_result_content .search_result_title a { } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.pinned .search_result_content .search_result_title { position:relative; padding-left:20px; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.pinned .search_result_content .search_result_title:before { font-family:"FontAwesome"; content:"\f08d"; position:absolute; transform: rotateY(0) rotate(45deg); left:0; font-weight: normal; } /* Search criteria panel. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_categories { background:var(--primary-color); padding:20px; overflow:hidden; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div { display:flex; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div div { margin-right:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div label { margin-right:8px; line-height:40px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div select { font-size:0.875em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="text"] { width:min(calc(100% - 52px), 700px) ; margin-right:8px; height:38px; font-weight:bold; padding-right:40px; background:#fff url('../../zenario_custom/skins/iapws/editable_css/../images/icon-magnifyer.svg') no-repeat right 10px center / auto 20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="submit"] { min-width:auto; height:40px; line-height:1em; margin-right:8px; } /* Search results. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results { margin-top:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { padding-bottom:20px; font-family: var(--font-heading); font-size: 1.3em; color: #212121; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs { border-bottom:1px solid #ccc; font-family: var(--font-heading); font-size:1.3em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div { display:inline-block; position:relative; bottom: -1px; border-bottom: 1px solid #ccc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a { display:inline-block; padding:10px; margin:0 10px; background:#FFF; border-bottom:2px solid #FFF; color:#888; text-decoration:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div:first-child a { margin-left:0; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a:hover { text-decoration:none; color:#0e76bc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div.search_results_tab_on a { color:#212121; border-color:#212121; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { font-size:1.3em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { color:var(--secondary-color); } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_result_content .search_result_summary { color:var(--neutral-dark); } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results { padding-top:15px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a { background:var(--secondary-color-light-odd); } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a:nth-child(even) { background:var(--secondary-color-light-even); } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a .search_result_content .search_result_title { color:var(--primary-color); } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a:hover .search_result_content .search_result_title { color:var(--secondary-color); } .zenario_advanced_search .search_button_panel:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 96; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*transition-delay: 0.2s;*/ } .zenario_advanced_search .search_button_panel.active:before { opacity:1; visibility:visible; } /* Testing new colors */ .zenario_advanced_search .search_button_panel:before, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { background: var(--primary-color); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria, .zenario_advanced_search .search_entry_box_panel .search_area .close_button, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover { background:transparent; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { background:rgba(255,255,255,0.05); } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result:hover { background:rgba(255,255,255,0.15); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_column_more, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_no_results { color: #fff; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { color:var(--secondary-color); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { font-size:2em; font-weight:200; width:600px; border-bottom: 1px solid rgba(255,255,255,0.5); margin-right: 20px; padding: 0 0 5px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box::placeholder { color:#FFFFFF !important; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box:focus { box-shadow:none; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:before, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:after { left:20px; top:0; } .zenario_advanced_search .search_area .close_button:before, .zenario_advanced_search .search_area .close_button:after { height: 30px; width: 2px; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover:before, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover:after { background-color:var(--accent-color); } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { padding-top:4px; line-height:1.5; } .zenario_advanced_search .more_results { text-align:right; padding-right:22px; color:#b0b0b0; font-style:italic; font-size:0.9em; } /**/ /* Banner logo --------------------------------------------------------------------------------------- */ .zenario_banner.banner_logo .banner_image { overflow:hidden; } .zenario_banner.banner_logo .banner_image img { float:left; } /* Intro --------------------------------------------------------------------------------------- */ .zenario_banner.banner_intro { position: absolute; bottom: 12%; left:0; right:0; max-width: calc(1200px - 2em); margin:auto; padding:0 1em; } .zenario_banner.banner_intro .banner_text { position: relative; z-index: 6; } .zenario_banner.banner_intro .banner_text h2 { color:#FFF; text-shadow: 1px 1px 2px #000; font-size:3.2em; line-height:1.2; text-align:center; padding-bottom:0; } /* Annual meeting --------------------------------------------------------------------------------------- */ .zenario_banner.banner_annual_meeting, .zenario_banner.banner_annual_meeting :is(h2, h5, a) { color:#FFF; } .zenario_banner.banner_annual_meeting a { text-decoration:none; } .zenario_banner.banner_annual_meeting .banner_wrap_inner { display:flex; gap:50px; align-items:center; background:var(--primary-color); } .zenario_banner.banner_annual_meeting h2 { padding-bottom:0.1em; } .zenario_banner.banner_annual_meeting h5 { padding-bottom:0.7em; } .zenario_banner.banner_annual_meeting .banner_content { padding:2em; } .zenario_banner.banner_annual_meeting .banner_image img { display:block; } .zenario_banner.banner_annual_meeting .banner_more { padding-top:0.7em; } /* Working groups --------------------------------------------------------------------------------------- */ .zenario_banner.banner_working_groups .banner_title, .zenario_banner.banner_working_groups .banner_text { font-size:120%; } .zenario_banner.banner_working_groups .banner_title a { color:var(--primary-color); } .zenario_banner.banner_working_groups .banner_text { color:var(--neutral-dark); } .zenario_banner.banner_working_groups .banner_text h4 { font-family:var(--font-serif); } .zenario_banner.banner_working_groups .banner_wrap_inner { position:relative; } .zenario_banner.banner_working_groups .banner_image { position:relative; z-index:1; opacity:0.4; } .zenario_banner.banner_working_groups .banner_image, .zenario_banner.banner_working_groups .banner_image img { transition: all 0.3s ease-in-out; } .zenario_banner.banner_working_groups:hover .banner_image { opacity:0.5; } .zenario_banner.banner_working_groups:hover .banner_image img { transform: scale(1.05); } .zenario_banner.banner_working_groups .banner_wrap_inner .banner_content { position:absolute; z-index:2; width:80%; right:0; left:0; top: 50%; transform: translateY(-50%); margin:auto; text-align:center; } .zenario_banner.banner_working_groups a { text-decoration:none; } /* Masthead --------------------------------------------------------------------------------------- */ .zenario_banner.banner_masthead .banner_wrap_inner > a { width:100% !important; background-size:cover !important; background-position:center !important; } .zenario_banner.banner_masthead.bottom .banner_wrap_inner > a { background-position:center bottom !important; } .zenario_banner.banner_masthead.bottom_95 .banner_wrap_inner > a { background-position:center 95% !important; } .zenario_banner.banner_masthead.full_width .banner_wrap_inner > a { height:350px !important; } /* Banner block --------------------------------------------------------------------------------------- */ .zenario_banner.banner_block { padding: 2em 1.5em; background: var(--secondary-color-light-odd); } .zenario_banner.banner_block .banner_title a { color:var(--primary-color); text-decoration:none; } .zenario_banner.banner_block .banner_more { text-align:center; } /**/ .zenario_breadcrumbs, .zenario_breadcrumbs a { text-decoration:none; } .zenario_breadcrumbs { font-family:var(--font-heading); } .zenario_breadcrumbs .current a { color:var(--secondary-color-dark); } .zenario_breadcrumbs span:not(.level1_1_on):before { font-family:"FontAwesome"; content:"\f105"; padding:0 4px; font-size:10px; } /**/ .zenario_content_list .content_list_data_row { position:relative; overflow:hidden; } .zenario_content_list .content_list_infoIcon { position:absolute; right:0; top:0; } .zenario_content_list div.sticky_image { float:left; padding-right:1em; } .zenario_content_list div.content_list_text { overflow:hidden; } /* List table --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_list_table > :is(h1, h2, h3, h4, h5, h6) { padding-bottom:0.8em; } .zenario_content_list.csl_list_table .content_list_data_row { padding:10px 20px; border-bottom:1px solid #FFF; background:var(--secondary-color-light-odd); } .zenario_content_list.csl_list_table .content_list_data_row:nth-child(even) { background:var(--secondary-color-light-even); } .zenario_content_list.csl_list_table div.sticky_image img { border:1px solid var(--primary-color); display:block; } .zenario_content_list.csl_list_table .content_list_title { font-family:var(--font-heading); font-size:1.3em; line-height:1.3; } .zenario_content_list.csl_list_table .content_list_title, .zenario_content_list.csl_list_table .content_list_excerpt p { padding-bottom:0.2em; } .zenario_content_list.csl_list_table .content_list_excerpt { font-size:95%; } .zenario_content_list.csl_list_table .content_list_title a { text-decoration:none; color:var(--primary-color); } .zenario_content_list.csl_list_table .content_list_title a:hover { color:var(--secondary-color); } .zenario_content_list.csl_list_table.csl_more_button .content_list_data_row { padding:20px; display:flex; justify-content: space-between; } .zenario_content_list.csl_list_table.csl_more_button .content_list_data_row .content_list_more { min-width:150px; text-align:right; align-content:end; margin-left:auto; } /* Landing list --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_landing_list .content_list_listing { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .zenario_content_list.csl_landing_list .content_list_listing > div:nth-child(4n+2), .zenario_content_list.csl_landing_list .content_list_listing > div:nth-child(4n+3) { background:var(--secondary-color); } .zenario_content_list.csl_landing_list .content_list_listing, .zenario_content_list.csl_landing_list .content_list_listing a { color:#FFF; } .zenario_content_list.csl_landing_list .content_list_listing a { text-decoration:none; } .zenario_content_list.csl_landing_list .content_list_listing > div { display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: auto auto; padding:2em; background:var(--secondary-color-dark); } .zenario_content_list.csl_landing_list .content_list_listing > div > div.content_list_more { grid-column: 1 / -1; justify-self: end; } .zenario_content_list.csl_landing_list .content_list_listing > div:nth-child(4n+2) .content_list_more a:hover, .zenario_content_list.csl_landing_list .content_list_listing > div:nth-child(4n+3) .content_list_more a:hover { background:var(--secondary-color-dark); } /* News list --------------------------------------------------------------------------------------- */ .zenario_content_list.news_listing .content_list_listing .content_list_data_row { margin-bottom: 2em; } .zenario_content_list.news_listing .content_list_listing .content_list_data_row:not(:first-child) { border-top:1px solid #ebebeb; padding-top: 2em; } .zenario_content_list.news_listing h3.content_list_title { font-size:1.6em; line-height:1.2; padding-bottom:0.1em; } .zenario_content_list.news_listing p.content_list_date { font-family:var(--font-heading); font-size:1.1em; padding-bottom:0.2em; } .zenario_content_list.news_listing h3.content_list_title a, .zenario_content_list.news_listing p.content_list_date { color:var(--primary-color); } .zenario_content_list.news_listing h3.content_list_title a { text-decoration:none; } .zenario_content_list.news_listing .content_list_more { margin-left:calc(var(--listing-image-width) + 1em); } .zenario_content_list.news_listing div.sticky_image { width:var(--listing-image-width); } .zenario_content_list.news_listing div.content_list_excerpt p { margin-bottom:1em; } .zenario_content_list.news_listing div.content_list_excerpt > * { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-bottom:0; } /**/ .zenario_ctype_document .document_details_content_panel { overflow:hidden; padding-top:2em; } .document_details_content_sticky_image { float:left; padding-right:1.5em; } .document_details_content_sticky_image img { border: 1px solid var(--primary-color); display: block; } .document_details_content_download h3 { float:left; padding:0 8px 1em 0; line-height: 1.6; font-weight: 600; font-family:var(--font-primary); font-size:100%; } .document_details_content_download h3, .zenario_ctype_document .document_details_content_panel .document_details_content_details .label { line-height: 1.6; font-weight: 600; font-family:var(--font-primary); } .zenario_ctype_document .document_details_content_panel .document_details_content_details, .zenario_ctype_document .document_details_content_panel .document_details_content_download { overflow:hidden; } .zenario_ctype_document .document_details_content_panel .document_details_content_details p { padding-bottom:0.2em; } .zenario_ctype_document .document_details_content_panel .document_details_content_download p span + span { margin-left: 0.5em; } /**/ .zenario_ctype_event .Event_details h3, .zenario_ctype_event .Event_details > div.event_address_text, .zenario_ctype_event .Event_details > div.event_online_text { font-family:var(--font-heading); position:relative; padding-left:30px; font-size:1.3em; color:var(--primary-color); } .zenario_ctype_event .Event_details h3::before, .zenario_ctype_event .Event_details > div.event_address_text::before, .zenario_ctype_event .Event_details > div.event_online_text::before { position:absolute; left:0; color:#FF6B44; } .zenario_ctype_event .Event_details h3::before { font-family:"Font Awesome 6 Free"; content:"\f133"; } .zenario_ctype_event .Event_details > div.event_address_text::before { font-family:"FontAwesome"; content:"\f3c5"; } .zenario_ctype_event .Event_details > div.event_online_text::before { font-family:"FontAwesome"; content:"\f390"; } .zenario_ctype_event .Event_details > div.event_more_info { margin-top:1.5em; } .zenario_ctype_event .Event_details { position:relative; } /* body.desktop .zenario_ctype_event .Event_details > h1 { max-width:calc(100% - 220px); } body.desktop .zenario_ctype_event .Event_details > .event_more_info { position:absolute; top:0; right:0; margin-top:1em; } */ /**/ .zenario_event_listing.list_events .heading { padding-bottom:1em; } .zenario_event_listing.list_events .single_event { display:flex; gap:2em; margin-bottom: 2em; } .zenario_event_listing.list_events .event_listing .single_event:not(:first-child) { border-top:1px solid #ebebeb; padding-top: 2em; } .zenario_event_listing.list_events .single_event > div { flex: 1; /* These children will grow to fill available space */ } .zenario_event_listing.list_events .single_event > div.single_event_sticky_image { flex: 0 0 var(--listing-image-width); /* Fixed width of 150px, won't grow or shrink */ } .zenario_event_listing.list_events .single_event > div.single_event_sticky_image img { max-width:190px; } .zenario_event_listing.list_events .single_event_description span.single_event_date, .zenario_event_listing.list_events .single_event_description span.single_event_description, .zenario_event_listing.list_events .single_event_description span.single_event_location_name { display:block; } .zenario_event_listing.list_events .event_title h2 a, .zenario_event_listing.list_events .single_event_description span.single_event_date, .zenario_event_listing.list_events .single_event_description span.single_event_location_name { color:var(--primary-color); } .zenario_event_listing.list_events .single_event_description span.single_event_description { padding-bottom:1em; padding-top: 0.5em; } .zenario_event_listing.list_events .event_title h2 a { text-decoration:none; } .zenario_event_listing.list_events .event_title h2 { font-size:1.6em; line-height:1.2; padding-bottom:0.1em; } .zenario_event_listing.list_events .single_event_description span.single_event_date, .zenario_event_listing.list_events .single_event_description span.single_event_location_name { font-family:var(--font-heading); position:relative; padding-left:25px; font-size:1.1em; } .zenario_event_listing.list_events .single_event_description span:is(.single_event_date, .single_event_location_name)::before { position:absolute; left:0; color:#FF6B44; } .zenario_event_listing.list_events .single_event_description span.single_event_date:before { font-family:"Font Awesome 6 Free"; content:"\f133"; } .zenario_event_listing.list_events .single_event_description span.single_event_location_name:before { font-family:"FontAwesome"; content:"\f3c5"; } /**/ .zenario_footer { text-align:right; font-size:var(--font-small); } .zenario_footer a { text-decoration:none; } .zenario_footer .zenario_cc_manage { cursor:pointer; } /**/ .zenario_menu.main_menu ul, .zenario_menu.main_menu ul li { padding:0; margin:0; list-style:none; } .zenario_menu.main_menu ul li:before { all:unset; } .zenario_menu.main_menu a { color:var(--neutral-dark); text-decoration:none; } .zenario_menu.main_menu .wrap_menu_inner { display:flex; gap:5px; height:var(--header-height); align-items:center; font-family:var(--font-heading); font-size:1.1em; } /* Level 1 */ .zenario_menu.main_menu .wrap_menu_inner > ul > li { position:relative; } .zenario_menu.main_menu .wrap_menu_inner > ul > li > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li > em > a { display: flex; align-items: center; height:40px; padding:0 15px; text-transform:uppercase; } .zenario_menu.main_menu .wrap_menu_inner > ul > li.has_child > a:after, .zenario_menu.main_menu .wrap_menu_inner > ul > li.has_child > em > a:after { font-family:"FontAwesome"; content:"\f107"; font-size: 10px; padding-left: 4px; } /* Level 2 */ .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul { position:absolute; z-index:10; left:0; top:40px; width:260px; border:1px solid #cbcbcb; border-top-width: 1px; background:#efefef; border-top-width: 3px; opacity:0; visibility:hidden; transition:all 200ms linear; } .zenario_menu.main_menu .wrap_menu_inner > ul > li:hover > ul { opacity:1; visibility:visible; } .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul:after { bottom: 100%; left: 50px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(203, 203, 203, 0); border-bottom-color: #cbcbcb; border-width: 10px; margin-left: -10px; } .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul > li > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul > li > em > a { display:block; padding:8px 12px; line-height:1.4; border-top:1px solid #f8f8f8; } .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul > li:first-child > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li > ul > li:first-child > em > a { border-top:0; } /* Colors */ .zenario_menu.main_menu .wrap_menu_inner > ul > li:hover > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li:hover > em > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li:hover > ul > li:hover > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li:hover > ul > li:hover > em > a { color:var(--secondary-color-dark); } .zenario_menu.main_menu .wrap_menu_inner > ul > li.level1_on > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li.level1_on > em > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li.level1_on > ul > li.level2_on > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li.level1_on > ul > li.level2_on > em > a { color:var(--secondary-color); } /**/ a.zenario_push_pull-hamburger { display: block; overflow: hidden; width: 30px; padding: 10px; } a.zenario_push_pull-hamburger span { display:block; height:5px; margin:0 0 4px; background:#000; } .zenario_push_pull-menu, .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { margin:0; left:0; right:0; top:0; bottom:0; box-sizing:border-box } .zenario_push_pull-btn, .zenario_push_pull-menu { box-sizing:border-box } .zenario_push_pull-wrapper { overflow-x:hidden; position:relative } .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { position:absolute } .zenario_push_pull-panels { overflow:hidden } .zenario_push_pull-panels>.zenario_push_pull-panel { padding-top:40px; -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zenario_push_pull-btn { width:40px; height:40px; position:absolute; top:0 } .zenario_push_pull-btn_next:after, .zenario_push_pull-btn_prev:before { content:''; border:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .zenario_push_pull-btn_prev:before { border-right:none; border-bottom:none; left:17px } .zenario_push_pull-btn_next:after { border-top:none; border-left:none; right:23px } .zenario_push_pull-navbar { border-bottom:1px solid; border-color:inherit; text-align:center; line-height:20px; height:40px; padding:0 40px; margin:0; position:absolute; top:0; left:0; right:0 } .zenario_push_pull-navbar>* { display:block; padding:10px 0 } .zenario_push_pull-navbar .zenario_push_pull-btn:first-child { width:40px; height:50px; right:auto; left:0; border-left:0; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar>* { color:#000 } .zenario_push_pull-menu .zenario_push_pull-navbar a { padding:10px; } .zenario_push_pull-menu>.zenario_push_pull-navbar { background:inherit; padding:0; z-index:3; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-navbar[class*=zenario_push_pull-navbar-content-]>* { box-sizing:border-box; display:block; float:left } .zenario_push_pull-listview,.zenario_push_pull-listview>li { list-style:none; display:block; padding:0; margin:0 } .zenario_push_pull-listview { font:inherit; font-size:14px; line-height:20px } .zenario_push_pull-listview>li { position:relative } .zenario_push_pull-listview>li, .zenario_push_pull-listview>li .zenario_push_pull-btn_next, .zenario_push_pull-listview>li .zenario_push_pull-btn_next:before, .zenario_push_pull-listview>li:after { border-color:inherit } .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { color:inherit; display:block; padding:10px 10px 10px 20px; margin:0 } .zenario_push_pull-listview>li.has_child>a:first-child { padding-right:60px; } .zenario_push_pull-listview>li:after { content:''; border-bottom-width:1px; border-bottom-style:solid; display:block; position:absolute; right:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next { width:50px; padding:0; position:absolute; right:0; top:0; bottom:0; z-index:2 } .zenario_push_pull-listview .zenario_push_pull-btn_next:before { content:''; border-left-width:1px; border-left-style:solid; display:block; position:absolute; top:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next+a, .zenario_push_pull-listview .zenario_push_pull-btn_next+span { margin-right:50px } .zenario_push_pull-menu .zenario_push_pull-btn:after, .zenario_push_pull-menu .zenario_push_pull-btn:before, .zenario_push_pull-menu .zenario_push_pull-listview, .zenario_push_pull-menu .zenario_push_pull-listview>li .zenario_push_pull-btn_next:after { border-color:#000; } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>a:not(.zenario_push_pull-btn_next), .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>span{ background:rgba(255,255,255,.5) } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>.zenario_push_pull-panel, .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>a.zenario_push_pull-btn_next{ background:rgba(0,0,0,.05) } .zenario_push_pull-page { box-sizing:border-box; } body.mobile .zenario_push_pull-page { position:relative } .zenario_push_pull-slideout { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; z-index:1 } html.zenario_push_pull-wrapper_opened { overflow-x:hidden; position:relative } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger { height:30px; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { position: absolute; left: 0; right:0; margin:auto; content: ' '; height: 24px; width: 5px; background-color: #000; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { transform: rotate(45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { transform: rotate(-45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger span { display:none; } html.zenario_push_pull-wrapper_blocking, html.zenario_push_pull-wrapper_blocking body { overflow:hidden } .zenario_push_pull-wrapper__blocker { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2 } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-wrapper__blocker { display:block; } .zenario_push_pull-menu.zenario_push_pull-menu_offcanvas { z-index:1; display:none; position:fixed } .zenario_push_pull-menu_offcanvas { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } html.zenario_push_pull-wrapper_opening .zenario_push_pull-menu_offcanvas { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-menu { width:80%; min-width:140px; max-width:440px; padding:0; position:absolute; background:#f3f3f3; border-color:#000; color:#000 } html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0) } .zenario_push_pull-sronly { text-indent:10px; overflow:hidden; display:block; width:1px; height:1px; position:absolute; z-index:-1 } .zenario_push_pull-hidden { display:none; } .zenario_push_pull-panels > .zenario_push_pull-panel.zenario_push_pull-panel_opened { z-index: 1; } .zenario_push_pull-menu a, .zenario_push_pull-menu a:hover, .zenario_push_pull-navbar a, .zenario_push_pull-navbar a:hover, a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { text-decoration:none; } .zenario_push_pull-listview > li, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media all and (max-width:175px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0) } } @media all and (min-width:550px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(440px,0,0); transform:translate3d(440px,0,0) } } /* Customized styles --------------------------------------------------------------------------------------------------*/ a.zenario_push_pull-hamburger { position:absolute; z-index:99; top:0; left:0; padding:24px 15px 16px; background:var(--primary-color); } a.zenario_push_pull-hamburger span { height: 4px; margin: 0 0 6px; background:#FFF; } .zenario_push_pull-panel .zenario_push_pull-navbar { background: var(--primary-color); border-bottom: 4px solid var(--secondary-color); font-size: 1.1em; } .zenario_push_pull-navbar, .zenario_push_pull-listview { font-family:var(--font-heading); font-size:1.05em; } .zenario_push_pull-panel.zenario_push_pull-panel_opened .zenario_push_pull-navbar, .zenario_push_pull-navbar { text-transform:uppercase; } .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-listview:first-child, .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-navbar + .zenario_push_pull-listview { border-top: 1px solid #FFF; } .zenario_push_pull-menu { background:#f0f0f0; } .zenario_push_pull-listview { padding-top:4px; font-size:1.1em; } .zenario_push_pull-listview > li > em a { display:block; padding:10px 10px 10px 20px; } .zenario_push_pull-navbar, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > em a, .zenario_push_pull-listview > li > span { color:#151515; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar > * { color:#FFF; } .zenario_push_pull-navbar, .zenario_push_pull-menu .zenario_push_pull-btn::after, .zenario_push_pull-menu .zenario_push_pull-btn::before, .zenario_push_pull-listview > li, .zenario_push_pull-listview > li .zenario_push_pull-btn_next, .zenario_push_pull-listview > li .zenario_push_pull-btn_next::before, .zenario_push_pull-listview > li::after { border-color:#d9dadb; } .zenario_push_pull-menu .zenario_push_pull-listview > li .zenario_push_pull-btn_next::after { border-color:var(--primary-color); } .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::after { border-color:#FFF; } .zenario_push_pull-listview > li:hover > a, .zenario_push_pull-listview > li:hover > span, .zenario_push_pull-listview > li.level1_on a, .zenario_push_pull-listview > li.level2_on a, .zenario_push_pull-listview > li.level3_on a, .zenario_push_pull-listview > li.level4_on a, .zenario_push_pull-listview > li.level5_on a { color:#FFF; } .zenario_push_pull-listview > li:hover, .zenario_push_pull-listview > li.level1_on, .zenario_push_pull-listview > li.level2_on, .zenario_push_pull-listview > li.level3_on, .zenario_push_pull-listview > li.level4_on, .zenario_push_pull-listview > li.level5_on { background-color:var(--secondary-color); } /* Special nodes: Search, Sign in, Login and Home --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { padding:10px 10px 10px 20px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { display:block; position:relative; border-bottom:1px solid #d9dadb; color:#151515; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover a { color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special { background-color:var(--secondary-color-light-odd); } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover { background-color:var(--secondary-color-light-even); } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box:hover { background:transparent; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box { overflow:hidden; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { padding:0; float:left; border: none; margin:0; -webkit-border-radius: 0; border-radius: 0; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box { width:calc(100% - 15px - 60px); height:31px; line-height:31px; padding-left:15px; font-family: Verdana; font-style: italic; background-color: #FFF; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { width:60px; height:31px; font-size:0; line-height:0; background: #fff url('../../zenario_custom/skins/iapws/editable_css/../images/icon-magnifyer.svg') no-repeat center / 16px 16px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:hover { cursor:pointer; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:focus, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box:focus { outline:0; outline:none; } /* Page semi-opaque and close button stand out --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-page:after, .fixed:after { opacity:0; visibility:hidden; content:""; position:absolute; z-index:20; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.7); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page:after, html.zenario_push_pull-wrapper_blocking .fixed:after { opacity:1; visibility:visible; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page .Slot_Header_Top { z-index:0; } html.zenario_push_pull-wrapper_blocking a.zenario_push_pull-hamburger { background:var(--primary-color); border-left:1px solid #FFF; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { background-color:#FFF; width:2px; z-index:30; } .zenario_push_pull-panels>.zenario_push_pull-panel { padding-top:52px; } .zenario_push_pull-navbar { height:52px; } .zenario_push_pull-menu .zenario_push_pull-navbar a { padding:15px 10px; } /* External links */ .link_external a.zenario_push_pull-btn:after, .zenario_push_pull-panel .has_child.link_external > a:before { content:""; padding-left:0; } /* Private page */ .zenario_push_pull-panel ul li.private a { position:relative; } .zenario_push_pull-panel ul li.private a:after { font-family: "FontAwesome"; content: "\f023"; padding-left:5px; font-size:12px; position: absolute; top: 10px; } /* Admin hacks --------------------------------------------------------------------------------------------------*/ .zenario_adminLoggedIn .zenario_push_pull-menu { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .zenario_push_pull-menu { top:0; } .zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_item .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_push_pull { position:relative; min-height:50px; } /* Fixes */ #zenario_layout { } /**/ .zenario_meta_data__masthead { /* This class will be applied to all plugins of this type. */ } .zenario_meta_data__masthead .sticky_image { position: relative; width: 100%; height: 350px; overflow: hidden; } .zenario_meta_data__masthead .sticky_image img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; } /**/ .zenario_multiple_image_container .banner_images { overflow:hidden; } .zenario_multiple_image_container .banner_images .banner_image { text-align:center; margin:20px 15px; } /* For 3 columns (each column 33%) uncomment the following */ .zenario_multiple_image_container .banner_images .banner_image { float:left; width:calc(33% - 30px); } .zenario_multiple_image_container .banner_images .banner_image:nth-child(3n+1) { clear:left; } /* For 4 columns (each column 25%) uncomment the following */ /* .zenario_multiple_image_container .banner_images .banner_image { float:left; width:calc(25% - 30px); } .zenario_multiple_image_container .banner_images .banner_image:nth-child(4n+1) { clear:left; } */ /* For 5 columns (each column 20%) uncomment the following */ /* .zenario_multiple_image_container .banner_images .banner_image { float:left; width:calc(20% - 30px); } .zenario_multiple_image_container .banner_images .banner_image:nth-child(5n+1) { clear:left; } */ .zenario_multiple_image_container .banner_images .banner_image a img { -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_multiple_image_container .banner_images .banner_image:hover a img { opacity:0.8; } .zenario_multiple_image_container .banner_images .banner_image > span, .zenario_multiple_image_container .banner_images .banner_image > div { text-align:left; } .zenario_multiple_image_container .banner_images .banner_image span.download_link { display:block; } .zenario_multiple_image_container .banner_images .banner_image > a.cboxElement { position: relative; display: inline-block; clear: both; margin: auto; } .zenario_multiple_image_container .banner_images .banner_image .title { float:none; color:#333; line-height:1.4em; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .zenario_multiple_image_container .banner_images .banner_image .title, .zenario_multiple_image_container .banner_images .banner_image span.download_link, #colorbox.multiple_image_container #cboxTitle { font-size:0.857em; } #colorbox.multiple_image_container #cboxTitle { width:calc(100% - 20px); line-height:1.2em; } .zenario_multiple_image_container .banner_images .banner_image span.download_link { padding-top:5px; color:#2a98ce; } .zenario_multiple_image_container .banner_images .banner_image span.uploaded_date { display:block; font-size:0.813em; color:#888; } .zenario_multiple_image_container .banner_images .banner_image span.download_link:before, .zenario_multiple_image_container #download_images_links #download_images_link a:before { font-family:"FontAwesome"; content: "\f019"; color:#2a98ce; } /* Download */ .zenario_multiple_image_container .link_to_zip_download_page, .zenario_multiple_image_container #download_images_links #download_images_link { background: #e8f0f4; color:#000; padding:10px 20px; } .zenario_multiple_image_container .link_to_zip_download_page { overflow:hidden; padding-top:20px; } .zenario_multiple_image_container .link_to_zip_download_page > span, .zenario_multiple_image_container .link_to_zip_download_page > .prepare_data { float:left; } .zenario_multiple_image_container .link_to_zip_download_page > .prepare_data .controls input[type="submit"] { min-height: 35px; line-height: 30px; margin-left:8px; position:relative; top:-5px; } .zenario_multiple_image_container #download_images_links #download_images_link { height:45px; line-height:45px; } .zenario_multiple_image_container #download_images_links #download_images_link > a { color:#2a98ce; display: inline-block; margin-right: 8px; } .zenario_multiple_image_container #download_images_links #download_images_link a:before { margin-left:8px; margin-right:5px; } /* Colorbox popout ------------------------------------------------------------------------------------------------- */ #colorbox.multiple_image_container #cboxTitle { text-overflow:initial; white-space: normal; } #colorbox.multiple_image_container #cboxTitle span.uploaded_date { display:block; padding-top:2px; font-size:0.813em; color:#ccc; } #colorbox.multiple_image_container #cboxTitle span.download_link { padding-bottom:5px; display:inline-block; } #colorbox.multiple_image_container #cboxTitle span.download_link a { font-size:0.813em; color:#FFF; } /**/ /* Copyright --------------------------------------------------------------------------------------- */ .zenario_plugin_nest.nest_copyright .nest_plugins { display:flex; flex-wrap:wrap; justify-content: flex-end; gap:5px; font-size:var(--font-small); } .zenario_plugin_nest.nest_copyright .nest_plugins:before, .zenario_plugin_nest.nest_copyright .nest_plugins:after { all:unset; } .zenario_plugin_nest.nest_copyright .nest_plugins p { padding:0; } .zenario_plugin_nest.nest_copyright .nest_plugins p a { text-decoration:none; } .zenario_plugin_nest.nest_copyright .webdesign_by { position:relative; padding-left:8px; } .zenario_plugin_nest.nest_copyright .webdesign_by:before { content:"-"; position:absolute; left:0; } /* Home options --------------------------------------------------------------------------------------- */ .zenario_plugin_nest.nest_home_options .nest_plugins_wrap { overflow:hidden; } .zenario_plugin_nest.nest_home_options a { text-decoration:none; } .zenario_plugin_nest.nest_home_options .zenario_banner { padding:2em 1.5em; background:var(--secondary-color-light-odd); } .zenario_plugin_nest.nest_home_options .nest_plugins .minigrid:nth-child(even) .zenario_banner { background:var(--secondary-color-light-even); } .zenario_plugin_nest.nest_home_options .zenario_banner .banner_image { padding-bottom:10px; } .zenario_plugin_nest.nest_home_options .zenario_banner .banner_image img { transition: all 0.3s ease-in-out; } .zenario_plugin_nest.nest_home_options .zenario_banner a:hover .banner_image img { transform: scale(1.2); } .zenario_plugin_nest.nest_home_options .zenario_banner a .banner_text { color:var(--neutral-dark); } .zenario_plugin_nest.nest_home_options .zenario_banner .banner_more { margin-top:0.8em; } /* National contacts --------------------------------------------------------------------------------------- */ .zenario_plugin_nest.nest_national_contacts .zenario_banner { border:1px solid var(--primary-color); background:var(--secondary-color-light-odd); padding:1em; border-radius:10px; } .zenario_plugin_nest.nest_national_contacts .nest_egg_equal_height { margin-bottom:20px; } .zenario_plugin_nest.nest_national_contacts .nest_egg_equal_height > x-zenario-admin-slot-wrapper { height:100%; } .zenario_plugin_nest.nest_national_contacts .zenario_banner li.icon_email { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:calc(100% - 20px); } .zenario_plugin_nest.nest_national_contacts .zenario_banner { height:calc(100% - 2px - 2em); } .zenario_plugin_nest.nest_national_contacts .zenario_banner .banner_title a { color:var(--primary-color); } .zenario_plugin_nest.nest_national_contacts .zenario_banner .banner_title h4:after { content:"(Member)"; font-size:10pt; } .zenario_plugin_nest.nest_national_contacts .zenario_banner.banner_associate_member { background:var(--secondary-color-light-even); border-color:var(--secondary-color-light-odd); } .zenario_plugin_nest.nest_national_contacts .zenario_banner.banner_associate_member .banner_title h4:after { content:"(Assoc. Member)"; } .zenario_plugin_nest.nest_national_contacts ul { padding-bottom:0; } .zenario_plugin_nest.nest_national_contacts hr { margin:0.5em 0; } .zenario_plugin_nest.nest_national_contacts.important .zenario_banner { border-color:var(--accent-color); background:var(--accent-color-light); } .zenario_plugin_nest.nest_national_contacts.important .zenario_banner .banner_title h4 { color:var(--accent-color); } .zenario_plugin_nest.nest_national_contacts.important .zenario_banner .banner_title h4::after { content: ""; } /* Nest accordion --------------------------------------------------------------------------------------- */ .Gridbreak_Body .zenario_slot.zenario_plugin_nest.nest_accordion .zenario_slot { margin-bottom:0; } .zenario_plugin_nest.nest_accordion .accordion_tab { padding:0.5em 20px; border-bottom:1px solid var(--secondary-color); font-family:var(--font-heading); font-size:1.3em; cursor:pointer; } .zenario_plugin_nest.nest_accordion .accordion_tab .accordion_label { display:block; padding-right:35px; position:relative; color:var(--secondary-color); transition: all 0.2s ease-in-out; &:after { position:absolute; right:0; top:2px; font-family:"FontAwesome"; content:"\2b"; border:2px solid var(--secondary-color); width:24px; height:24px; line-height:24px; font-size:16px; text-align:center; border-radius:50%; display:inline-block; transition: all 0.2s ease-in-out; } &:hover { color:var(--primary-color); } &:hover:after { border-color:var(--primary-color); } } .zenario_plugin_nest.nest_accordion .accordion_slide { padding:0 20px 20px; } .zenario_plugin_nest.nest_accordion .accordion_tab.accordion_tab_open .accordion_label { color:var(--primary-color); &:after { content:"\f068"; border-color:var(--primary-color); } } .zenario_plugin_nest.nest_accordion .accordion_tab.accordion_tab_open, .zenario_plugin_nest.nest_accordion .accordion_tab.accordion_tab_open + .accordion_slide { background:var(--secondary-color-light-even); } .zenario_plugin_nest.nest_accordion .accordion_tab.accordion_tab_open { border-color:var(--secondary-color-light-even); } .zenario_plugin_nest.nest_accordion .accordion_tab span { transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_accordion .accordion_tab.accordion_tab_open span { font-size:150%; line-height:1.25; } /* Nest vertical space plugins --------------------------------------------------------------------------------------- */ .Gridbreak_Body .zenario_slot.nest_vertical_space_plugins .zenario_slot, .Gridbreak_Body .zenario_slot.nest_vertical_space_csl .zenario_slot.zenario_content_list { margin-bottom:3em; } /* Tabbed nest --------------------------------------------------------------------------------------- */ .zenario_plugin_nest.tabbed_nest .nest_tabs { display:flex; border-bottom: 1px solid #ccc; font-family: var(--font-heading); font-size: 1.3em; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul, .zenario_plugin_nest.tabbed_nest .nest_tabs ul li { padding:0; margin:0; list-style:none; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul { position: relative; bottom: -1px; border-bottom: 1px solid #ccc; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul li a { display:inline-block; padding: 10px; margin: 0 10px; background: #FFF; border-bottom: 2px solid #FFF; border-bottom-color: rgb(255, 255, 255); color: #888; text-decoration: none; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul li a:hover { color:var(--secondary-color); } .zenario_plugin_nest.tabbed_nest .nest_tabs ul li:before { content:none; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul:first-child li a { margin-left:0; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul li.tab_on a { color: #212121; border-color: #212121; } .zenario_plugin_nest.tabbed_nest .nest_wrap { overflow:hidden; } .zenario_plugin_nest.tabbed_nest .nest_plugins_wrap { clear:both; z-index:1; margin-bottom:1.5em; } .zenario_plugin_nest.tabbed_nest .nest_plugins { } .zenario_plugin_nest.tabbed_nest .nest_wrap a.prev { float:left; } .zenario_plugin_nest.tabbed_nest .nest_wrap a.next { float:right; } .zenario_plugin_nest.tabbed_nest .zenario_event_listing.list_events .single_event { padding:1.5em; background:var(--secondary-color-light-even); margin-bottom:2px; } /* Nest news --------------------------------------------------------------------------------------- */ /* .zenario_plugin_nest__news .nest_wrap { padding:2em 3em; background:var(--secondary-color-dark); } .zenario_plugin_nest__news .nest_title { font-size:120%; text-align:center; padding-bottom:1em; } .zenario_plugin_nest__news .nest_wrap .banner_wrap_inner { display:flex; gap:2em; align-items: center; flex-direction: row-reverse; } .zenario_plugin_nest__news .nest_wrap *, .zenario_plugin_nest__news .nest_wrap a { color:#FFF; } .zenario_plugin_nest__news .nest_wrap a { text-decoration:none; }*/ /* Nest news --------------------------------------------------------------------------------------- */ .zenario_plugin_nest__news .nest_title { font-size:120%; text-align:center; padding-bottom:1em; } .zenario_plugin_nest__news .nest_wrap .zenario_banner *, .zenario_plugin_nest__news .nest_wrap .zenario_banner a { color:#FFF; } .zenario_plugin_nest__news .nest_wrap a { text-decoration:none; } .zenario_plugin_nest__news .banner_wrap { max-width:1024px; margin:auto; } .zenario_plugin_nest__news .banner_image img { display:block; } .zenario_plugin_nest__news .banner_content { padding:1.5em 3em; background:var(--secondary-color-dark); } body.mobile .zenario_plugin_nest__news .banner_content { padding:1.5em; } .zenario_plugin_nest__news .banner_more { text-align:center; } /**/ .zenario_skin .zenario_sitemap ul, .zenario_skin .zenario_sitemap ul li, .zenario_skin .zenario_sitemap ul li:before { all:unset; } .zenario_sitemap ul.sitemap { display:flex; gap:20px; align-items: flex-start; flex-wrap:wrap; justify-content: center; } .zenario_skin .zenario_sitemap ul.sitemap > li { flex: 1 1 216px; max-width:216px; height:auto; padding: 0.2em; border-radius: 8px; } .zenario_skin .zenario_sitemap h1 { margin-bottom:0.5em; } .zenario_sitemap ul.sitemap a { text-decoration:none; } .zenario_skin .zenario_sitemap ul.sitemap :is(h3, h4, h5, h6) { font-size:1em; padding:0; } .zenario_skin .zenario_sitemap ul.sitemap h2 { font-size:1.2em; background:var(--primary-color); color:#fff; padding:0.2em 0.5em; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; } .zenario_skin .zenario_sitemap ul.sitemap h2 a { color:#FFF; } .zenario_skin .zenario_sitemap ul.sitemap h3 a { color:var(--primary-color); } .zenario_skin .zenario_sitemap ul.sitemap h4 { font-weight:300; position:relative; padding-left:10px; margin: 0.2em 0; } .zenario_skin .zenario_sitemap ul.sitemap h4:before { font-family:"FontAwesome"; content:"\f105"; position:absolute; left:0; top: 5px; font-size: 8px; } .zenario_skin .zenario_sitemap ul.sitemap h4 a { color:#000; } .zenario_skin .zenario_sitemap ul.sitemap > li > ul > li { display:block; padding: 0.2em 0.5em; margin-top:0.2em; background:var(--secondary-color-light-even); } .zenario_skin .zenario_sitemap ul.sitemap > li, .zenario_skin .zenario_sitemap ul.sitemap > li > ul > li { border: 1px solid var(--neutral-light-grey); } /**/ .zenario_user_forms .form_field { padding-bottom:1.5em; } .zenario_user_forms .form_field .field_title { padding-bottom:0.4em; } .zenario_user_forms .form_buttons { text-align:center; padding-top:1em; } .zenario_user_forms .field_row { overflow:hidden; } .zenario_user_forms .consent_field { position:relative; } .zenario_user_forms .form_field.field_text .field_title, .zenario_user_forms .form_field.field_textarea .field_title, .zenario_user_forms .form_field.field_centralised_select .field_title { font-family: var(--font-heading); font-size: 1.2em; } .zenario_user_forms .consent_field > input[type="checkbox"] { position:absolute; left:0; } .zenario_user_forms .consent_field > .field_title, .zenario_user_forms .consent_field.form_field.field_checkbox > .note_to_user { padding-left:22px; font-size:0.857em; } .zenario_user_forms .consent_field.form_field.mandatory > .field_title { font-weight:400; padding-bottom:0.2em; } .zenario_user_forms .consent_field > .note_to_user { clear:both; } body.desktop .zenario_user_forms .field_row > div { width:48%; } body.desktop .zenario_user_forms .field_row > div.field_left { float:left; } body.desktop .zenario_user_forms .field_row > div.field_right { float:right; } /* Sucess message --------------------------------------------------------------------------------------- */ .zenario_user_forms .success { padding:100px 0 2em; background:url('../../zenario_custom/skins/iapws/editable_css/../images/icon-tick-green.svg') no-repeat center 20px / 60px auto; text-align:center; font-size:1.2em; } .zenario_user_forms .success h2 { font-size: 1.5em; line-height:1.5; color: #0f7f12; } .zenario_user_forms .success h3 { font-size: 1.3em; line-height:1.5; } .zenario_user_forms .success p { line-height:1.5; padding-top: 10px; } /* Captcha */ .form_field.captcha p > a { display:block; } /* Reset styles from zfea msgs */ .zenario_user_forms .success, .zenario_user_forms .error { width: auto; padding: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; line-height: 1.3em; background:none; } /**/ .pad_tribiq_slot, .zenario_slot_padding { display:none; } .zenario_skin .wow { visibility: hidden; } .zenario_skin ol { margin-left:35px; } .zenario_skin ul, .zenario_skin ol { padding-bottom: 1em; } .zenario_skin ul li, .zenario_skin ol li { padding-bottom:6px; } .zenario_skin ul li { position:relative; padding-left:20px; } .zenario_skin ul li:before { font-family:"FontAwesome"; content:"\f111"; position:absolute; left:5px; top: 7px; font-size: 6px; } .zenario_skin .zenario_wysiwyg ul { margin-left:15px; } .zenario_skin hr { border:0; color: #CCC; background-color: #CCC; height: 1px; margin:1.5em 0; } .zenario_skin .align_center { text-align:center; } .zenario_skin :is(.icon_contact, .icon_email, .icon_place, .icon_fa) { position:relative; padding-left:20px; } .zenario_skin :is(h3.icon_fa) { padding-left:35px; } .zenario_skin h3.icon_fa:before { color:var(--accent-color); } .zenario_skin .icon_contact:before, .zenario_skin .icon_email:before, .zenario_skin .icon_place:before, .zenario_skin .icon_fa:before { all:unset; position:absolute; left:0; font-family:"FontAwesome"; } .zenario_skin .icon_contact:before, .zenario_skin .icon_email:before, .zenario_skin .icon_place:before { font-family:"Font Awesome 6 Free"; font-weight:400; } .zenario_skin .icon_contact:before { content:"\f007"; } .zenario_skin .icon_email:before { content:"\f0e0"; font-size: 90%; top: 1px; } .zenario_skin .icon_place:before { content:"\f1ad"; } .zenario_skin .icon_website:before { content:"\f0c1"; font-size: 85%; top: 2px; left:0; } .zenario_skin .icon_book:before { content:"\f02d"; } .zenario_skin .icon_app_store:before { content:"\f370"; } .zenario_skin .icon_google_play:before { content:"\f3ab"; } .zenario_slot.font_weight_500 { font-weight:500; } .zenario_skin span[class*="accordion_go_slide"] { color:var(--secondary-color); text-decoration:underline; cursor:pointer; &:hover { color:var(--secondary-color-dark); } } .zenario_skin a.anchor { position:relative; z-index:0; top:-80px; } .zenario_skin a.link_external:after, .zenario_ctype_event .event_more_info a:after { font-family:"FontAwesome"; content:"\f24d"; padding-left:6px; } .zenario_skin table { width:100%; margin-bottom:1.5em; } .zenario_skin table tr th, .zenario_skin table tr td { padding:10px; border:1px solid var(--secondary-color-dark); } .zenario_skin table tr:nth-child(odd) td { background:var(--secondary-color-light-odd); } .zenario_skin table tr:nth-child(even) td { background:var(--secondary-color-light-even); } .zenario_skin table tr th { font-weight:bold; background:var(--secondary-color-dark); color:#FFF; } /* Buttons --------------------------------------------------------------------------------------- */ .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_banner.banner_more_button .banner_more a, .zenario_banner.banner_more_button a .banner_more, .zenario_banner.banner_title_like_button .banner_title a, .zenario_ctype_document a.document_download, .zenario_content_list.csl_more_button .content_list_more a, .zenario_event_listing.list_events a.single_event_more_link, .zenario_ctype_event .event_more_info a, .back_navigator .mfbn_container a, .zenario_plugin_nest.tabbed_nest .nest_wrap a.prev, .zenario_plugin_nest.tabbed_nest .nest_wrap a.next { display: inline-block; height:50px; line-height:50px; padding:0 30px; background:var(--primary-color); color:#FFF; font-size:1.125em; font-family: var(--font-heading); font-weight:400; text-decoration:none; border-radius:8px; border:0; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_skin input[type="submit"]:hover, .zenario_skin input[type="button"]:hover, .zenario_banner.banner_more_button .banner_more a:hover, .zenario_banner.banner_more_button a:hover .banner_more, .zenario_banner.banner_title_like_button .banner_title a:hover, .zenario_ctype_document a.document_download:hover, .zenario_content_list.csl_more_button .content_list_more a:hover, .zenario_event_listing.list_events a.single_event_more_link:hover, .back_navigator .mfbn_container a:hover { color:#FFF; background:var(--secondary-color); } .zenario_banner.button_rounded .banner_more a { border-radius:30px; } .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_banner.button_accent .banner_more a, .zenario_ctype_event .event_more_info a, .zenario_ctype_document a.document_download, .zenario_plugin_nest.tabbed_nest .nest_wrap a.prev, .zenario_plugin_nest.tabbed_nest .nest_wrap a.next { background-color:var(--accent-color); } .zenario_skin input[type="submit"]:hover, .zenario_skin input[type="button"]:hover, .zenario_banner.button_accent .banner_more a:hover, .zenario_ctype_event .event_more_info a:hover, .zenario_plugin_nest.tabbed_nest .nest_wrap a.prev:hover, .zenario_plugin_nest.tabbed_nest .nest_wrap a.next:hover { background-color:var(--accent-color-medium); } .zenario_banner.banner_title_like_button.button_small .banner_title a, .zenario_banner.banner_more_button.more_button_small .banner_more a, .zenario_content_list.csl_more_button.more_button_small .content_list_more a, .zenario_event_listing.list_events a.single_event_more_link, .zenario_ctype_event .event_more_info a, .zenario_plugin_nest.tabbed_nest .nest_wrap a.prev, .zenario_plugin_nest.tabbed_nest .nest_wrap a.next { height:36px; line-height:34px; padding:0 15px; font-size:1em; } .back_navigator .mfbn_container a:before, .zenario_banner.banner_title_like_button.back .banner_title a:before { font-family:"FontAwesome"; content:"\f053"; padding-right:8px; } /* Enlarge icon --------------------------------------------------------------------------------------------------*/ .banner_image { position:relative; z-index:1; } .banner_image .banner_image_zoom { opacity:0; visibility:hidden; position:absolute; z-index:90; top:10px; right:10px; width:24px; height:24px; font-size:0; line-height:0; text-indent:-99px; background:#fff url('../../zenario_custom/skins/iapws/editable_css/../images/icon-magnifyer.svg') no-repeat center / 18px 18px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_banner:hover .banner_image .banner_image_zoom, .zenario_multiple_image_container .banner_image:hover .banner_image_zoom { opacity:1; visibility:visible; } /* Pagination --------------------------------------------------------------------------------------------------*/ .pag_pagination { margin-top:1.5em; text-align:center; } .pag_pagination span a { display:inline-block; margin: 0 1px 5px; padding: 0 8px; color:#FFF; background:var(--primary-color); text-decoration:none; border-radius: 2px; transition: all 0.2s ease-in-out; } .pag_pagination span a:hover, .pag_pagination span.pag_page_on a { color:#FFF; text-decoration:none; } .pag_pagination span a:hover { background:var(--secondary-color); } .pag_pagination span.pag_page_on a { background:var(--accent-color); } /* Cookies --------------------------------------------------------------------------------------- */ div.zenario_cookie_consent, .zenario_cookie_consent_manage_popup { font-family:var(--font-primary); } div.zenario_cookie_consent.cookies_explicit, .zenario_cookie_consent_manage_popup { font-size:14px; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie > .cookie_info h5 { font-size:20px; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2 { padding:10px 0; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p { padding:0 0 10px; } div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap { background-color:var(--primary-color); } .switch input:checked + .slider, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover::before, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover::after { background-color:var(--secondary-color); } .switch input:disabled + .slider { opacity:0.5; } .cookie_title_text a { color:var(--secondary-color); &:hover { color:var(--secondary-color-light); transition: all 0.2s ease-in-out; } } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input { background-color:var(--primary-color); &:hover { background-color:var(--secondary-color); } } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences { border-color:var(--primary-color); color:var(--primary-color); } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover, div.zenario_cookie_consent .zenario_cc_manage a:hover { border-color:var(--secondary-color); color:#FFF; } div.zenario_cookie_consent .zenario_cc_accept a { background:var(--accent-color); color:#FFF; } div.zenario_cookie_consent .zenario_cc_accept a:hover { background:var(--accent-color-medium); } div.zenario_cookie_consent .zenario_cc_continue a:hover, div.zenario_cookie_consent .zenario_cc_manage a:hover { background-color:var(--secondary-color); } /* Responsive videos --------------------------------------------------------------------------------------------------*/ .video_responsive_container { max-width:900px; margin-left:auto; margin-right:auto; display:block; } .video_responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; text-align:center; margin-bottom:20px; width:99.9%; } .video_responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } /**/ /* Layout min-width: 1280px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1281px) { .zenario_skin img { max-width:100% !important; height:auto !important; } .zenario_menu.main_menu .wrap_menu_inner > ul:last-child > li > ul { left:auto; right:0; } .zenario_menu.main_menu .wrap_menu_inner > ul:last-child > li > ul:after { left:83%; } .zenario_menu.main_menu .wrap_menu_inner > ul > li > a, .zenario_menu.main_menu .wrap_menu_inner > ul > li > em > a { padding-left:10px; padding-right:10px; } } /* Layout min-width: 1024px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .zenario_menu.main_menu .wrap_menu_inner { font-size:1em; line-height:1.3; } } /* Layout min-width: 820px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 821px) { :root { --header-height: 40px; --masthead-image-height:220px; --listing-image-width: 150px; --images-editor-max-width: 40%; } .Slot_Header_Logo { display:flex; justify-content:center; } .Gridbreak_Intro { height:calc(450px - 20vh); } .Gridbreak_Body .container { padding-top:1em; padding-bottom:1em; } .Gridbreak_Home_Main .container, .Gridbreak_Body_Home .container { padding-top:2em; padding-bottom:2em; } .Gridbreak_Body .container, .Gridbreak_Footer .container, .Gridbreak_Home_Main .container, .Gridbreak_Body_Home .container { padding-left:20px; padding-right:20px; } .Gridbreak_Body_Home .zenario_slot { margin-top:2em; } .Gridbreak_Footer .container { height:auto; font-size:90%; } .zenario_plugin_nest.nest_copyright .webdesign_by::before { content:""; } .Slot_Footer_Logo { width:150px; margin:auto; text-align:center; } .zenario_skin h1 { font-size:2em; } .zenario_skin h2 { font-size:1.7em; } .zenario_skin h3 { font-size:1.5em; } .zenario_skin h5 { font-size:1.1em; } .zenario_banner.banner_masthead .banner_wrap_inner > a, .zenario_banner.banner_masthead.full_width .banner_wrap_inner > a, .zenario_meta_data__masthead .sticky_image { height:var(--masthead-image-height) !important; } .zenario_banner.banner_intro { bottom:8%; } .zenario_banner.banner_intro .banner_text h2 { font-size:2.1em; } .Gridbreak_Home_Main h3 { font-size:1.8em; } .zenario_banner.banner_annual_meeting .banner_wrap_inner { display:block; } .zenario_banner.banner_annual_meeting .banner_image { width:200px; float:left; padding:2em 0 2em 2em; } .zenario_banner.banner_annual_meeting .banner_content { overflow:hidden; } .zenario_banner.banner_working_groups .banner_wrap_inner .banner_image { position:absolute; z-index:1; } .zenario_banner.banner_working_groups .banner_wrap_inner .banner_content { position:relative; transform: none; } .zenario_banner.banner_working_groups .banner_text h4 { font-size:1.05em; } .zenario_plugin_nest.nest_home_options .zenario_banner { margin-bottom:1em; } .zenario_plugin_nest.nest_home_options .zenario_banner .banner_more { margin-top:0.2em; } .zenario_content_list.csl_list_table.csl_more_button .content_list_data_row { display:block; } .zenario_content_list.csl_landing_list .content_list_listing { grid-template-columns: 1fr; } .zenario_content_list.csl_landing_list .tothesameheight { height:auto !important; } .zenario_plugin_nest.nest_national_contacts .nest_plugins:before, .zenario_plugin_nest.nest_national_contacts .nest_plugins:after { content:""; } .zenario_plugin_nest.nest_national_contacts .nest_plugins { display: flex; flex-wrap: wrap; } .zenario_plugin_nest.nest_national_contacts .nest_plugins > div { width:calc(33.333% - 20px); flex: 0 0 calc(33.333% - 20px); margin: 10px; } .zenario_event_listing.list_events .single_event { gap:1em; } .zenario_skin .zenario_wysiwyg img { max-width:var(--images-editor-max-width) !important; } } /* Layout min-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 769px) { :root { --masthead-image-height:150px; --listing-image-width: 120px; } .zenario_footer { text-align:center; } .Gridbreak_Footer .zenario_slot.nest_copyright { margin-bottom:0; } .zenario_plugin_nest.nest_copyright .nest_plugins { justify-content: center; text-align:center; } .Gridbreak_Home_Main h3 { font-size:1.5em; } .zenario_plugin_nest.nest_national_contacts .nest_plugins > div { width:calc(50% - 20px); flex: 0 0 calc(50% - 20px); margin: 10px; } } /* Layout max-width: 580px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 581px) { :root { --listing-image-width: 100px; --images-editor-max-width: 50%; } .Gridbreak_Intro { height: calc(350px - 20vh); } .zenario_banner.banner_intro .banner_text h2 { font-size: 1.5em; } .zenario_plugin_nest.nest_home_options .zenario_banner, .zenario_content_list.csl_landing_list .content_list_listing > div { display:block; padding:1.5em; } .zenario_content_list.csl_landing_list .content_list_listing > div > div.sticky_image, .zenario_content_list.csl_landing_list .content_list_listing > div > div.content_list_more { float:none; text-align:center; padding-right:0; } .Gridbreak_Home_Main h3 { font-size:1.3em; } .zenario_banner.banner_annual_meeting .banner_image { float:none; padding:2em 1em 0; margin:auto; } .zenario_banner.banner_annual_meeting .banner_more { text-align:center; } .zenario_plugin_nest.nest_national_contacts .nest_plugins { display: block; } .zenario_plugin_nest.nest_national_contacts .nest_plugins > div { width:100%; margin:0 0 10px; } .zenario_plugin_nest.nest_national_contacts .tothesameheight { height:auto !important; } .zenario_event_listing.list_events .single_event { display:block; text-align: center; } .zenario_content_list.news_listing div.sticky_image { width:100%; } .zenario_content_list.news_listing div.sticky_image, .zenario_event_listing.list_events .single_event > div.single_event_sticky_image { max-width: 190px; margin: 0 auto 10px; } .zenario_event_listing.list_events .single_event .event_title, .zenario_event_listing.list_events .single_event span { text-align: left; } .zenario_skin .zenario_wysiwyg img { display: block; margin: auto auto 10px !important; float:none !important; } .zenario_content_list div.sticky_image { float:none; padding-right:0; } .zenario_content_list.news_listing .content_list_more { margin:auto; text-align:center; } .zenario_plugin_nest.tabbed_nest .nest_tabs { font-size:1.1em; } .zenario_plugin_nest.tabbed_nest .nest_tabs ul li a { margin:0; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { } /* Layout max-width: 320px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 321px) { } /* Layout max-width: 820px - 768px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 768px) and (max-width: 821px) { .Slot_Footer_Logo { float:left; text-align:left; } } /* Layout max-width: 820px - 580px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 581px) and (max-width: 821px) { .zenario_plugin_nest.nest_home_options .banner_wrap_inner { display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: auto auto; } .zenario_plugin_nest.nest_home_options .banner_image { padding-right:15px; } .zenario_plugin_nest.nest_home_options .banner_content { text-align:left; } .zenario_plugin_nest.nest_home_options .banner_more { float:right; } .zenario_banner.banner_annual_meeting .banner_more { text-align:right; } } /* Layout max-width: 1024px - 820px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 821px) and (max-width: 1024px) { .Slot_Header_Logo { display:flex !important; height: 100%; align-items: center; } .zenario_banner.banner_logo .banner_image img { max-width:150px !important; } } /* Layout max-width: 1200px - 960px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 961px) and (max-width: 1201px) { .zenario_menu.main_menu ul { flex-shrink:0; } } /* Extra Small Height Screens --------------------------------------------------------------------------------------------------*/ @media (max-height: 480px) { :root { --masthead-image-height:200px; } } /* Small Height Screens --------------------------------------------------------------------------------------------------*/ @media (max-height: 600px) { :root { --masthead-image-height:220px; } } /* Medium Height Screens --------------------------------------------------------------------------------------------------*/ @media (min-height: 600px) and (max-height: 800px) { :root { --masthead-image-height:150px; } } /**/ @media print{.zenario_cookie_consent,.clear,.admin_link,.admin_login_link,.hide_from_print,.print_page_section,#google_translate_element,.ui-helper-hidden-accessible,.fa,object,iframe,form{display:none!important}.wow{visibility:visible!important;opacity:1!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}body{font-family:arial,verdana,helvetica;font-size:13px}h1,h2,h3,h4,h5,h6{font-family:arial,verdana,helvetica;font-weight:400}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}table{width:100%}table tr th,table tr td{border:1px solid #000}img{border:none}a{color:#000}.zenario_skin img{max-width:100%;height:auto!important}.Grid_Body img,.Gridbreak_Body img{max-width:300px}#colorbox,.zenario_push_pull-menu,.zenario_push_pull-wrapper__blocker,.search_button_panel,.Grid_Header .zenario_slot,.Gridbreak_Header .zenario_slot,.Gridbreak_Top .zenario_slot,.Grid_Footer .zenario_slot,.Gridbreak_Footer .zenario_slot,.zenario_slot.zenario_menu,.zenario_slot.zenario_menu_responsive_multilevel_2,.zenario_slot.zenario_menu_vertical,.zenario_slot.zenario_menu_forward_back_navigator,.zenario_slot.zenario_menu_multicolumn,.zenario_slot.zenario_promo_menu,.zenario_slot.zenario_slideshow,.zenario_slot.zenario_user_forms,.zenario_banner .banner_wrap_inner>a{display:none!important}.Grid_Header .zenario_slot.zenario_banner,.Gridbreak_Header .zenario_slot.zenario_banner{display:block!important}.banner_image_zoom,.zenario_banner .banner_more,.zenario_plugin_nest .nest_tabs ul li.tab_on div,.zenario_plugin_nest .nest_tabs ul li,.zenario_plugin_nest .prev,.zenario_plugin_nest .next,.zenario_advanced_search #search_results_tabs{display:none}.zenario_banner .banner_image_credit,.zenario_plugin_nest .nest_tabs ul li.tab_on{display:block}.zenario_breadcrumbs{font-size:10px;padding-top:10px;padding-bottom:10px}.zenario_breadcrumbs span:before{content:"\00bb "}.zenario_breadcrumbs span.level1_1_on:before,.zenario_breadcrumbs span.level1_1:before{content:""}.zfea_block,.zenario_content_list .content_list_data_row.tothesameheight,.zenario_plugin_nest .nest_egg_equal_height,.zfea_zenario_list_papers .papers_wrap .paper{height:100%!important}.zfea_block,.zenario_advanced_search .search_result{padding-top:10px;padding-bottom:10px}} /**/ @media print { /* If you need rules for printing, add them here. */ } /**/ /* cache/bundles/skin-css-id-2-vKxK8YqO9ibwq6Pq-/skin.css was written to the page cache */