/* 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}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 .cookie_title_text p{padding-top:1em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie{overflow:hidden;padding-bottom:25px}.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}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:15px;padding-bottom:4px}.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%;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%}.lang_flag.lang_disabled{opacity:.3}#toast-container>.toast{font-family:Arial,Helvetica,Sans-Serif;font-size:13px}.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_list_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 --------------------------------------------------------------------------------------------------*/ .fea_just_loaded .zfea_new_row { animation: zfea_new_row 3s; -webkit-animation: zfea_new_row 3s; } /* 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_list_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_list_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_list_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_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; } /* 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'); } .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 { background:#F2EEEB !important; 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; } /* 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, .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; } .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'); } /* 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"; font-size:15px; 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; } /* 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; } /**/ /*!***************************************************** Freak Flags, Copyright ©2023 Michael P. Cohen. Freak flags is licenced under the MIT licence. For complete information visit: www.freakflagsprite.com ******************************************************/ .fflag { background-image:url(../../zenario_custom/skins/zebra_designs/images/freakflags/flagSprite42.png); background-repeat:no-repeat; background-size: 100% 49494%; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; box-sizing: content-box; } .fflag-CH, .fflag-NP {box-shadow: none!important} .fflag-DZ {background-position:center 0.2287%} .fflag-AO {background-position:center 0.4524%} .fflag-BJ {background-position:center 0.6721%} .fflag-BW {background-position:center 0.8958%} .fflag-BF {background-position:center 1.1162%} .fflag-BI {background-position:center 1.3379%} .fflag-CM {background-position:center 1.5589%} .fflag-CV {background-position:center 1.7805%} .fflag-CF {background-position:center 2.0047%} .fflag-TD {background-position:center 2.2247%} .fflag-CD {background-position:left 2.4467%} .fflag-DJ {background-position:left 2.6674%} .fflag-EG {background-position:center 2.8931%} .fflag-GQ {background-position:center 3.1125%} .fflag-ER {background-position:left 3.3325%} .fflag-ET {background-position:center 3.5542%} .fflag-GA {background-position:center 3.7759%} .fflag-GM {background-position:center 4.0015%} .fflag-GH {background-position:center 4.2229%} .fflag-GN {background-position:center 4.441%} .fflag-GW {background-position:left 4.66663%} .fflag-CI {background-position:center 4.8844%} .fflag-KE {background-position:center 5.1061%} .fflag-LS {background-position:center 5.3298%} .fflag-LR {background-position:left 5.5495%} .fflag-LY {background-position:center 5.7712%} .fflag-MG {background-position:center 5.994%} .fflag-MW {background-position:center 6.2156%} .fflag-ML {background-position:center 6.4363%} .fflag-MR {background-position:center 6.658%} .fflag-MU {background-position:center 6.8805%} .fflag-YT {background-position:center 7.1038%} .fflag-MA {background-position:center 7.3231%} .fflag-MZ {background-position:left 7.5448%} .fflag-NA {background-position:left 7.7661%} .fflag-NE {background-position:center 7.98937%} .fflag-NG {background-position:center 8.2099%} .fflag-CG {background-position:center 8.4316%} .fflag-RE {background-position:center 8.6533%} .fflag-RW {background-position:right 8.875%} .fflag-SH {background-position:center 9.0967%} .fflag-ST {background-position:center 9.32237%} .fflag-SN {background-position:center 9.5426%} .fflag-SC {background-position:left 9.7628%} .fflag-SL {background-position:center 9.9845%} .fflag-SO {background-position:center 10.2052%} .fflag-ZA {background-position:left 10.4269%} .fflag-SS {background-position:left 10.6486%} .fflag-SD {background-position:center 10.8703%} .fflag-SR {background-position:center 11.0945%} .fflag-SZ {background-position:center 11.3135%} .fflag-TG {background-position:left 11.5354%} .fflag-TN {background-position:center 11.7593%} .fflag-UG {background-position:center 11.9799%} .fflag-TZ {background-position:center 12.2005%} .fflag-EH {background-position:center 12.4222%} .fflag-YE {background-position:center 12.644%} .fflag-ZM {background-position:center 12.8664%} .fflag-ZW {background-position:left 13.0873%} .fflag-AI {background-position:center 13.309%} .fflag-AG {background-position:center 13.5307%} .fflag-AR {background-position:center 13.7524%} .fflag-AW {background-position:left 13.9741%} .fflag-BS {background-position:left 14.1958%} .fflag-BB {background-position:center 14.4175%} .fflag-BQ {background-position:center 14.6415%} .fflag-BZ {background-position:center 14.8609%} .fflag-BM {background-position:center 15.0826%} .fflag-BO {background-position:center 15.306%} .fflag-VG {background-position:center 15.528%} .fflag-BR {background-position:center 15.7496%} .fflag-CA {background-position:center 15.9694%} .fflag-KY {background-position:center 16.1911%} .fflag-CL {background-position:left 16.4128%} .fflag-CO {background-position:left 16.6345%} .fflag-KM {background-position:center 16.8562%} .fflag-CR {background-position:center 17.0779%} .fflag-CU {background-position:left 17.2996%} .fflag-CW {background-position:center 17.5213%} .fflag-DM {background-position:center 17.743%} .fflag-DO {background-position:center 17.968%} .fflag-EC {background-position:center 18.1864%} .fflag-SV {background-position:center 18.4081%} .fflag-FK {background-position:center 18.6298%} .fflag-GF {background-position:center 18.8515%} .fflag-GL {background-position:left 19.0732%} .fflag-GD {background-position:center 19.2987%} .fflag-GP {background-position:center 19.518%} .fflag-GT {background-position:center 19.7383%} .fflag-GY {background-position:center 19.96%} .fflag-HT {background-position:center 20.1817%} .fflag-HN {background-position:center 20.4034%} .fflag-JM {background-position:center 20.6241%} .fflag-MQ {background-position:center 20.8468%} .fflag-MX {background-position:center 21.0685%} .fflag-MS {background-position:center 21.2902%} .fflag-NI {background-position:center 21.5119%} .fflag-PA {background-position:center 21.7336%} .fflag-PY {background-position:center 21.9553%} .fflag-PE {background-position:center 22.177%} .fflag-PR {background-position:left 22.4002%} .fflag-BL {background-position:center 22.6204%} .fflag-KN {background-position:center 22.8421%} .fflag-LC {background-position:center 23.0638%} .fflag-PM {background-position:center 23.2855%} .fflag-VC {background-position:center 23.5072%} .fflag-SX {background-position:left 23.732%} .fflag-TT {background-position:center 23.9506%} .fflag-TC {background-position:center 24.1723%} .fflag-US {background-position:center 24.392%} .fflag-VI {background-position:center 24.6157%} .fflag-UY {background-position:left 24.8374%} .fflag-VE {background-position:center 25.0591%} .fflag-AB {background-position:center 25.279%} .fflag-AF {background-position:center 25.5025%} .fflag-AZ {background-position:center 25.7242%} .fflag-BD {background-position:center 25.9459%} .fflag-BT {background-position:center 26.1676%} .fflag-BN {background-position:center 26.3885%} .fflag-KH {background-position:center 26.611%} .fflag-CN {background-position:left 26.8327%} .fflag-GE {background-position:center 27.0544%} .fflag-HK {background-position:center 27.2761%} .fflag-IN {background-position:center 27.4978%} .fflag-ID {background-position:center 27.7195%} .fflag-JP {background-position:center 27.9412%} .fflag-KZ {background-position:center 28.1615%} .fflag-LA {background-position:center 28.3846%} .fflag-MO {background-position:center 28.6063%} .fflag-MY {background-position:center 28.829%} .fflag-MV {background-position:center 29.0497%} .fflag-MN {background-position:left 29.2714%} .fflag-MM {background-position:center 29.4931%} .fflag-NP {background-position:left 29.7148%} .fflag-KP {background-position:left 29.9365%} .fflag-MP {background-position:center 30.1582%} .fflag-PW {background-position:center 30.3799%} .fflag-PG {background-position:center 30.6016%} .fflag-PH {background-position:left 30.8233%} .fflag-SG {background-position:left 31.045%} .fflag-KR {background-position:center 31.2667%} .fflag-LK {background-position:right 31.4884%} .fflag-TW {background-position:left 31.7101%} .fflag-TJ {background-position:center 31.9318%} .fflag-TH {background-position:center 32.1535%} .fflag-TL {background-position:left 32.3752%} .fflag-TM {background-position:center 32.5969%} .fflag-VN {background-position:center 32.8186%} .fflag-AX {background-position:center 33.0403%} .fflag-AL {background-position:center 33.25975%} .fflag-AD {background-position:center 33.4837%} .fflag-AM {background-position:center 33.7054%} .fflag-AT {background-position:center 33.9271%} .fflag-BY {background-position:left 34.1488%} .fflag-BE {background-position:center 34.3705%} .fflag-BA {background-position:center 34.5922%} .fflag-BG {background-position:center 34.8139%} .fflag-HR {background-position:center 35.0356%} .fflag-CY {background-position:center 35.2555%} .fflag-CZ {background-position:left 35.479%} .fflag-DK {background-position:center 35.7007%} .fflag-EE {background-position:center 35.9224%} .fflag-FO {background-position:center 36.1441%} .fflag-FI {background-position:center 36.3658%} .fflag-FR {background-position:center 36.5875%} .fflag-DE {background-position:center 36.8092%} .fflag-GI {background-position:center 37.0309%} .fflag-GR {background-position:left 37.2526%} .fflag-GG {background-position:center 37.4743%} .fflag-HU {background-position:center 37.696%} .fflag-IS {background-position:center 37.9177%} .fflag-IE {background-position:center 38.1394%} .fflag-IM {background-position:center 38.3611%} .fflag-IT {background-position:center 38.5828%} .fflag-JE {background-position:center 38.8045%} .fflag-XK {background-position:center 39.0262%} .fflag-LV {background-position:center 39.2479%} .fflag-LI {background-position:left 39.4696%} .fflag-LT {background-position:center 39.6913%} .fflag-LU {background-position:center 39.913%} .fflag-MT {background-position:left 40.1347%} .fflag-MD {background-position:center 40.3564%} .fflag-MC {background-position:center 40.5781%} .fflag-ME {background-position:center 40.7998%} .fflag-NL {background-position:center 41.0215%} .fflag-MK {background-position:center 41.2432%} .fflag-NO {background-position:center 41.4649%} .fflag-PL {background-position:center 41.6866%} .fflag-PT {background-position:center 41.9083%} .fflag-RO {background-position:center 42.13%} .fflag-RU {background-position:center 42.3517%} .fflag-SM {background-position:center 42.5734%} .fflag-RS {background-position:center 42.7951%} .fflag-SK {background-position:center 43.0168%} .fflag-SI {background-position:center 43.2385%} .fflag-ES {background-position:left 43.4602%} .fflag-SE {background-position:center 43.6819%} .fflag-CH {background-position:center 43.9036%} .fflag-TR {background-position:center 44.1253%} .fflag-UA {background-position:center 44.347%} .fflag-GB,.fflag-EN {background-position:center 44.5687%} .fflag-VA {background-position:right 44.7904%} .fflag-BH {background-position:center 45.0121%} .fflag-IR {background-position:center 45.2338%} .fflag-IQ {background-position:center 45.4555%} .fflag-IL {background-position:center 45.6772%} .fflag-KW {background-position:left 45.897%} .fflag-JO {background-position:left 46.1206%} .fflag-KG {background-position:center 46.3423%} .fflag-LB {background-position:center 46.561%} .fflag-OM {background-position:left 46.7857%} .fflag-PK {background-position:center 47.0074%} .fflag-PS {background-position:center 47.2291%} .fflag-QA {background-position:center 47.4508%} .fflag-SA {background-position:center 47.6725%} .fflag-SY {background-position:center 47.8942%} .fflag-AE {background-position:center 48.1159%} .fflag-UZ {background-position:left 48.3376%} .fflag-AS {background-position:right 48.5593%} .fflag-AU {background-position:center 48.781%} .fflag-CX {background-position:center 49.002%} .fflag-CC {background-position:center 49.2244%} .fflag-CK {background-position:center 49.4445%} .fflag-FJ {background-position:center 49.6678%} .fflag-PF {background-position:center 49.8895%} .fflag-GU {background-position:center 50.1112%} .fflag-KI {background-position:center 50.3329%} .fflag-MH {background-position:left 50.5546%} .fflag-FM {background-position:center 50.7763%} .fflag-NC {background-position:center 50.998%} .fflag-NZ {background-position:center 51.2197%} .fflag-NR {background-position:left 51.4414%} .fflag-NU {background-position:center 51.6631%} .fflag-NF {background-position:center 51.8848%} .fflag-WS {background-position:left 52.1065%} .fflag-SB {background-position:left 52.3282%} .fflag-TK {background-position:center 52.5499%} .fflag-TO {background-position:left 52.7716%} .fflag-TV {background-position:center 52.9933%} .fflag-VU {background-position:left 53.215%} .fflag-WF {background-position:center 53.4385%} .fflag.ff-sm {width: 18px;height: 11px} .fflag.ff-md {width: 27px;height: 17px} .fflag.ff-lg {width: 42px;height: 27px} .fflag.ff-xl {width: 60px;height: 37px} /**/ /* Slimmenu basic styles - do not edit or remove --------------------------------------------------------------------------------------------------*/ .menu-collapser { position: relative; background-color: #999; color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,0.5); width: 100%; height: 48px; line-height: 48px; font-size: 16px; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .collapse-button { position: absolute; right: 8px; top: 50%; width: 40px; background-color: #0E0E0E; background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; color: #FFFFFF; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); padding: 7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 14px; text-align: center; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .collapse-button:hover, .collapse-button:focus { background-image: none; background-color: #040404; color: #FFF; } .collapse-button .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; margin: 2px 0; } ul.slimmenu { list-style-type: none; margin: 0; padding: 0; width: 100%; } ul.slimmenu li { position: relative; display: inline-block; background-color: #AAA; } ul.slimmenu > li { margin-right: -5px; border-left: 1px solid #999 } ul.slimmenu > li:first-child { border-left: 0 } ul.slimmenu > li:last-child { margin-right: 0 } ul.slimmenu li a { display: block; color: #333; padding: 12px 64px 12px 16px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.2); transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out; } ul.slimmenu li a:hover { background-color: #999; text-decoration: none; } ul.slimmenu li .sub-collapser { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075); position: absolute; right: 0; top: 0; width: 48px; height: 100%; text-align: center; z-index: 999; cursor: pointer; } ul.slimmenu li .sub-collapser:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } ul.slimmenu li .sub-collapser > i { color: #333; font-size: 18px; display: inline-block; vertical-align: middle; } ul.slimmenu li ul { margin: 0; list-style-type: none; } ul.slimmenu li ul li { background-color: #BBB } ul.slimmenu li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.slimmenu li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.slimmenu.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.075); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li .sub-collapser { height: 40px; } ul.slimmenu.collapsed li > ul { display: none; position: static; } ul.slimmenu span.sub-collapser i::before { content: '►'; } ul.slimmenu span.sub-collapser.expanded i::before { content: '▼'; } /**/ /* 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; } 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); 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; } /**/ .zenario_skin { font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5; } .zenario_skin strong { font-family:'robotoregular',Arial, Helvetica, sans-serif; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6, #colorbox h1, #colorbox h2, #colorbox h3, #colorbox h4, #colorbox h5, #colorbox h6, .zenario_skin h1 strong, .zenario_skin h2 strong, .zenario_skin h3 strong, .zenario_skin h4 strong, .zenario_skin h5 strong, .zenario_skin h6 strong, #colorbox h1 strong, #colorbox h2 strong, #colorbox h3 strong, #colorbox h4 strong, #colorbox h5 strong, #colorbox h6 strong { font-family: 'cardoregular','Times New Roman','Georgia',serif; } .zenario_skin table { font-size:1em; } .zenario_skin { color:#525151; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6, .zenario_skin a, #colorbox h1, #colorbox h2, #colorbox h3, #colorbox h4, #colorbox h5, #colorbox h6 { color:#000; } .zenario_skin h1 { font-size:2.5em; } .zenario_skin h2, #colorbox h1 { font-size:2em; } .zenario_skin h3, #colorbox h2 { font-size:1.5em; } .zenario_skin h4, #colorbox h3 { font-size:1.375em; } .zenario_skin h5, #colorbox h4 { font-size:1.25em; } .zenario_skin h6, #colorbox h5 { font-size:1.125em; } #colorbox h6 { font-size:1em; } .zenario_skin h1 { line-height:1.2; } .zenario_skin h2, .zenario_skin h3, .zenario_skin h4 { line-height:1.2; } .zenario_skin h5, .zenario_skin h6 { line-height:1.4; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { margin-bottom:15px; } .zenario_skin p { line-height:1.5; margin-bottom:15px; } .zenario_skin a { text-decoration:none; } .zenario_skin a:hover { text-decoration:underline; } .zenario_skin ul, .zenario_skin ol { padding:0 0 15px 10px; margin-left:30px; } .zenario_skin ul li, .zenario_skin ol li { line-height:1.5; padding-bottom:0.3em; } .zenario_skin ul li { list-style:disc; line-height:1.5; } .zenario_skin hr { border:0; color:#CCC; background-color:#CCC; height:2px; margin:2em 0; } .zenario_skin table { width:100%; margin-top:30px; margin-bottom:15px; } .zenario_skin table tr th, .zenario_skin table tr td { vertical-align:top; } .zenario_skin table thead tr td { background: #389ed1; color: #fff; font-size:1.1em; font-weight:700; } .zenario_skin table:not(.table_no_styles) tr th { background:#CCC; font-weight:700; } .zenario_skin table:not(.table_no_styles) tr th, .zenario_skin table:not(.table_no_styles) tr td { padding:10px; } .zenario_skin table:not(.table_no_styles) tr td { border:1px solid #ccc; } .zenario_skin table.table_no_styles tr th, .zenario_skin table.table_no_styles tr td { padding:revert-layer; } /* Styles for text. These rules are listed in the description.yaml file in the 'style_formats', so they will be selectable in in the WYSIWYG Editor. --------------------------------------------------------------------------------------------------*/ .zenario_skin .x-small { font-size: .7em; } .zenario_skin .small { font-size: .85em; } .zenario_skin .medium { font-size: 1em; } .zenario_skin .large { font-size: 1.3em; line-height:1.2; } .zenario_skin .x-large { font-size: 2em; line-height:1.2; } .zenario_skin .code { font-family: monospace; } /**/ /* 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:not(.zenario_comments) input, .zenario_slot:not(.zenario_comments) button, .zenario_slot:not(.zenario_comments) select, .zenario_slot:not(.zenario_comments) textarea, .zenario_slot:not(.zenario_comments) select { font-size:1em; font-family:'robotolight',Arial, Helvetica, sans-serif; } .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:#525151; background:#FFF; border:1px solid #c3c3c3; } .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 #80dd78; } .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/zebra_designs/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 { font-weight:600; } .form_field.mandatory .field_title:after { content:" *"; color:red; } .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:#171717; } .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:#80dd78; } .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:#C10516; } .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, .extranet_error, .extranet_message, .extranet_confirm, .form_error { display:block; margin-bottom:8px; } /* - Error ---------------------------------------------------------------------------------------*/ .error, .contact_form_error, .extranet_error, .form_error { color:#AF0615; } /* - Sucess --------------------------------------------------------------------------------------*/ .success, .contact_form_message, .extranet_message { color:#54a44d; } .confirm_email_text { text-align:center; } /* - Warning -------------------------------------------------------------------------------------*/ .extranet_confirm, .warning { color:#817134; } /**/ body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-autocomplete { z-index:10 !important; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content { background:#FCFDFD; border: 1px solid #EAE7E8; color: #333; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:0.929em; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-all, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-bottom, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-right, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-br { -webkit-border-radius: 0; border-radius: 0; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-focus { border-color:#fbbbbb; background:#fbbbbb; color: #333; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-active.ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-active, body:not(.zenario_fbAdminFloatingBox__isOpen) a.ui-button:active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-button:active, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-button.ui-state-active:hover { border: 1px solid #cd1919; background: #be2222; color: #fff; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-highlight, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-highlight, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-highlight { border-color: #189fdf; background: #189fdf; color: #fff; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-trigger { text-indent: -999px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-circle-previous-blue.svg') no-repeat center center / 14px 14px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-circle-next-blue.svg') no-repeat center center / 14px 14px; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-prev, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-next { cursor:pointer; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-prev.ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-next.ui-state-hover { border-color:#e9e9e9; background-color:#e9e9e9; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-datepicker-title .ui-datepicker-month + .ui-datepicker-year { margin-left:5px; } /* Tooltips */ .zenario_visitor_tooltip { background:#00659b !important; } .zenario_visitor_tooltip.tooltip_top_center:after { border-bottom-color: #00659b; } .zenario_visitor_tooltip.tooltip_bottom_center:after { border-top-color: #00659b; } .zenario_visitor_tooltip.tooltip_center_left:after { border-right-color: #00659b; } .zenario_visitor_tooltip.tooltip_center_right:after { border-left-color: #00659b; } /**/ * { margin: 0; } html { position:relative; } body { height:100%; } body.zenario_adminLoggedIn { height:calc(100% - 129px); } body.zenario_adminLoggedIn.zenario_adminToolbarHidden { height:calc(100% - 10px); } body.in_iframe.zenario_adminLoggedIn, body.in_iframe.zenario_adminLoggedIn.zenario_adminToolbarHidden { height:100%; } html, body .zenario_skin { height:100%; } .zenario_skin { min-height: 100%; } #zenario_citem { position:relative; } .zenario_slot_padding { display:none; } /* HEADER --------------------------------------------------------------------------------------------------*/ .Gridbreak_Top { position:relative; z-index:96; /* Higher than Gridbreak_Header to show advanced search dropdown */ height:40px; background:#fff; border-bottom:1px solid #f0f0f0; } .Slot_Header_Top .zenario_slot { padding-top:10px; } .Slot_Header_Top .zenario_plugin_nest .zenario_slot { padding-top:inherit; } .Gridbreak_Header { top:0; position:relative; height:80px; } .Gridbreak_Header, .dropshadow { box-shadow: 0px 2px 6.44px 0.56px rgba(0, 0, 0, 0.18); } .Gridbreak_Header, .Fixed { z-index:95; background:#fff; } .Fixed { width:100%; position:absolute; } .Fixed_Header { position:fixed; top:0; } body.zenario_adminLoggedIn.zenario_adminToolbarHidden .Fixed_Header { top:10px; } .Gridbreak_Top + .Fixed:not(.Fixed_Header) { top:41px; } body.desktop .Fixed + div { padding-top:80px; /* Space, same value of header's height */ } /* ADMIN RESETS */ body.desktop.zenario_adminLoggedIn .Fixed { position:relative; } body.desktop.zenario_adminLoggedIn .Gridbreak_Top + .Fixed { top:0; } body.desktop.zenario_adminLoggedIn .Fixed + div { padding-top:0; } .zenario_adminLoggedIn .Gridbreak_Header, .zenario_adminLoggedIn .Slot_Masthead { padding-top:1px; /* Makes visible slots borders */ } .zenario_adminLoggedIn.zenario_pageMode_edit .Gridbreak_Header, .zenario_adminLoggedIn.zenario_pageMode_menu .Gridbreak_Header, .zenario_adminLoggedIn.zenario_pageMode_template .Gridbreak_Header { height:auto; } /* HEADER WITH RESPOSIVE DATA PUSH AND PULL MENU --------------------------------------------------------------------------------------------------*/ body > .Gridbreak_Header { position:absolute; z-index:97 !important; width:100%; top:41px; left:0; right:0; } .mm-wrapper_opening .Gridbreak_Header { z-index:1 !important; } body.zenario_adminLoggedIn > .Gridbreak_Header { top:170px; } body.zenario_adminLoggedIn > .Gridbreak_Header.Fixed_Header { top:0; } body.zenario_adminLoggedIn.zenario_pageMode_template > .Gridbreak_Header, body.zenario_adminLoggedIn.zenario_pageMode_edit > .Gridbreak_Header { z-index:1 !important; } /* BODY --------------------------------------------------------------------------------------------------*/ .Gridbreak_Body .container { min-height:450px; padding-top:30px; } .Gridbreak_Body .zenario_slot { margin-bottom:30px; } .Gridbreak_Body .zenario_slot .zenario_slot { margin-bottom:0; } .space_at_top { margin-top:45px; } .Gridbreak_Full_Boxes { padding:100px 0; background:#292e35; } .Grouping_Contact { background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/vertical-divider.png') repeat-y center top; } body.desktop .Grouping_Contact .zenario_slot { padding-right:40px; } /* FOOTER --------------------------------------------------------------------------------------------------*/ .Gridbreak_Footer { padding:30px 0 40px; background:#292e35; } .zenario_skin .Gridbreak_Footer *, .zenario_skin .Gridbreak_Footer a { color:#FFF; } .Gridbreak_Footer .zenario_slot { padding-top:10px; } .Gridbreak_Footer .zenario_slot .zenario_slot { padding-top:0; } .Gridbreak_Footer .Grouping_Footer { text-align:right; } /**/ .zenario_advanced_search { width:100%; } .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:22px; font-size:0; line-height:0; cursor:pointer; } body.desktop .zenario_advanced_search .search_button_panel .search_button { margin-right:15px; width:38px; } .zenario_advanced_search .search_button_panel .search_button:before { font-family:"FontAwesome"; content:"\f002"; font-size:22px; line-height:22px; color:#000; -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 .search_button_panel .search_button:hover:before, .zenario_advanced_search .search_button_panel.active .search_button:before { color:#00659b; } /* 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; } .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:#000; 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:#00659b; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button:hover { opacity:1; background:#0086CE; color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button { position:relative; float:left; z-index:9; top:6px; right:0; border-radius:50%; background:#009B84; width:30px; height:30px; margin-left:10px; float:left; -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 .search_entry_box_panel .search_area .close_button:hover { background:#0086CE; } .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; -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 .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: #f3f6f8; box-shadow:0 0 10px rgba(0,0,0,0.2); } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title { display: inline-block; padding: 0 0 15px 10px; font-family: 'cardoregular','Times New Roman','Georgia',serif; font-size: 1.3em; color: #000; } .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:0.938em; } .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; } .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.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; font-weight: 600; 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; } .zenario_advanced_search .column p.more_results { font-size:0.813em; color:#959595; padding-right:10px; text-align:right; } /* Common */ .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { overflow:hidden; padding:10px 15px; margin:0 10px; background:#E3EBF2; -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:#D3DDE6; } .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-weight:bold; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title .title span { color: #000; 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:#00659b; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { color:#555; font-size:0.813em; line-height:1.4em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { font-size:0.875em; 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:#000; box-shadow: inset 0 0 0 1.5px #00659b; } .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:#efefef; 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:300px; margin-right:8px; height:38px; font-weight:bold; } .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: 'cardoregular','Times New Roman','Georgia',serif; font-size: 1.3em; color: #000; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs { border-bottom:1px solid #ccc; } .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; -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:#00659b; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div.search_results_tab_on a { color:#000; border-color:#000; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results { padding-top:15px; } .zenario_advanced_search .search_button_panel.active: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; } /* Plugin on Header */ body.desktop .Gridbreak_Header .zenario_advanced_search { padding-top: 30px; } /**/ .zenario_banner .banner_wrap_inner > a + .banner_content, .zenario_banner .banner_wrap_inner .banner_image + .banner_content { margin-top:15px; } /* Logo --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_logo .banner_image { padding-top:15px; } .zenario_banner.banner_logo .banner_image a { display:inline-block; } /* Masthead --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_masthead { position:relative; } .zenario_banner.banner_masthead .banner_image { text-align:center; } .zenario_banner.banner_masthead .banner_image img { margin:auto; } .zenario_banner.banner_masthead .banner_content { position:absolute; left:0; right:0; bottom:15px; margin:auto; max-width:1250px; padding:20px; background:rgba(0,0,0,0.5); } .zenario_banner.banner_masthead .banner_content * { color:#FFF; } .zenario_banner.banner_masthead .banner_content .banner_title h2 { font-size:2em; } /* Masthead background image --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_masthead .banner_wrap_inner > a { width:100% !important; height:350px !important; background-size:cover !important; background-position:center !important; } /* Standard --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_standard > div { padding:30px 0 0; } .zenario_banner.banner_standard .banner_title h2 { font-size:1em; font-family:'robotolight',Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px; } .zenario_banner.banner_standard .banner_title h2, .zenario_banner.banner_standard .banner_title h2 a { color:#525151; } .zenario_banner.banner_standard .banner_title h2 a:hover { text-decoration:none; } .zenario_banner.banner_standard .banner_text h2 { margin-bottom:20px; } .zenario_banner.banner_standard .banner_more { padding-top:20px; } /* Full banner --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_overlay_content { overflow:hidden; } .zenario_banner.banner_overlay_content .banner_wrap { display:inline-block; margin:auto; position:relative; } .zenario_banner.banner_overlay_content .banner_wrap .banner_content { position: absolute; z-index:10; top: 50%; transform: translateY(-50%); padding:0 20px; width:calc(100% - 40px); left:0; right:0; margin:auto; } body.desktop .zenario_banner.banner_overlay_content .banner_wrap .banner_content { padding:0 30px; width:calc(100% - 60px); } .zenario_banner.banner_overlay_content .banner_wrap .banner_content h2 a:hover { text-decoration:none; } .zenario_banner.banner_overlay_content .banner_wrap .banner_more { padding-top:30px; } body.desktop .zenario_banner.banner_overlay_content .banner_wrap .banner_content .banner_title, body.desktop .zenario_banner.banner_overlay_content .banner_wrap .banner_content .banner_text { font-size:130%; } /* Link back --------------------------------------------------------------------------------------------------*/ .banner_link_back .banner_title a:before { font-family: 'FontAwesome'; content: "\f137"; /* fa-angle-left */ padding-right:5px; } /* Animated ghost button --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_ghost_button *:before, .zenario_banner.banner_ghost_button *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .zenario_banner.banner_ghost_button .banner_more { display:flex; align-items:center; justify-content:center; } .zenario_banner.banner_ghost_button .banner_more a { display:inline-block; width:200px; padding:15px 0px; position:relative; box-shadow: 0 2px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.1); -webkit-transition:0.3s all ease; transition:0.3s ease all; text-transform:uppercase; text-align:center; color:#00698C; border:3px solid #00698C; } .zenario_banner.banner_ghost_button .banner_more a:hover, .zenario_banner.banner_ghost_button .banner_more a:focus { color:#FFF; text-decoration:none; } .zenario_banner.banner_ghost_button .banner_more a:before { -webkit-transition:0.5s all ease; transition:0.5s all ease; position:absolute; top:0; left:50%; right:50%; bottom:0; opacity:0; content:''; background-color:#00698C; z-index:-2; } .zenario_banner.banner_ghost_button .banner_more a:hover:before { -webkit-transition:0.5s all ease; transition:0.5s all ease; left:0; right:0; opacity:1; } .zenario_banner.banner_ghost_button .banner_more a:focus:before { transition:0.5s all ease; left:0; right:0; opacity:1; } /* Anchor --------------------------------------------------------------------------------------------------*/ .zenario_banner a.anchor { display: block; position: relative; visibility: hidden; top:-110px; } .zenario_adminLoggedIn .zenario_banner a.anchor { top:-150px; } body.mobile .zenario_banner a.anchor, body.zenario_adminLoggedIn.mobile .zenario_banner a.anchor { top:-80px; } /* Banner Zenario and TS websites --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_zenario_website { text-align:center; } .zenario_banner.banner_zenario_website, .zenario_banner.banner_tribal_systems_website { font-size:0.813em; } .zenario_banner.banner_zenario_website .banner_image { padding-bottom:10px; } .zenario_banner.banner_tribal_systems_website p.phone { font-size:1em; } /**/ .zenario_breadcrumbs { margin-bottom:20px; } .zenario_breadcrumbs__default_style { font-size:0.813em; } .zenario_breadcrumbs__default_style .current a { color:#2a98ce; } .zenario_breadcrumbs__default_style span:not(.level1_1_on):before { font-family:"FontAwesome"; content:"\f105"; padding:0 4px; } /**/ .zenario_content_list .content_list_listing:before, .zenario_content_list .content_list_listing:after, .zenario_content_list .content_list_listing .content_list_data_row:before, .zenario_content_list .content_list_listing .content_list_data_row:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_content_list .content_list_listing:after, .zenario_content_list .content_list_listing .content_list_data_row:after { clear: both; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_title { font-family:'robotolight',Arial, Helvetica, sans-serif; margin-bottom:3px; } .zenario_content_list .content_list_listing .content_list_data_row h1.content_list_title { font-size:1.5em; } .zenario_content_list .content_list_listing .content_list_data_row h2.content_list_title { font-size:1.25em; } .zenario_content_list .content_list_listing .content_list_data_row h3.content_list_title { font-size:1.125em; } .zenario_content_list .content_list_listing .content_list_data_row h4.content_list_title { font-size:1em; } .zenario_content_list .content_list_listing .content_list_data_row h5.content_list_title { font-size:0.938em; } .zenario_content_list .content_list_listing .content_list_data_row h6.content_list_title { font-size:0.875em; } .zenario_content_list .content_list_listing .content_list_data_row img { max-width:100% !important; height:auto !important; } .zenario_content_list .content_list_listing .content_list_data_row p { margin-bottom:0; } .zenario_content_list .content_list_listing .content_list_data_row p.content_list_date, .zenario_content_list .content_list_listing .content_list_data_row p.content_list_author, .zenario_content_list .content_list_listing .content_list_data_row p.filename, .zenario_content_list .content_list_listing .content_list_data_row p.size, .zenario_content_list .content_list_listing .content_list_data_row p.language { font-size:0.857em; font-family: 'cardoregular','Times New Roman','Georgia',serif; } .zenario_content_list .content_list_listing .content_list_data_row p.content_list_date, .zenario_content_list .content_list_listing .content_list_data_row p.content_list_author { display:inline-block; } .zenario_content_list .content_list_listing .content_list_data_row p.content_list_author { color:#354153; } .zenario_content_list .content_list_listing .content_list_data_row p.content_list_author + p.content_list_date { position:relative; padding-left:10px; } .zenario_content_list .content_list_listing .content_list_data_row p.content_list_author + p.content_list_date:before { font-family: 'FontAwesome'; content: "\f111"; /* fa-circle */ font-size:6px; position:absolute; left:0; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_excerpt { padding-top:5px; } .zenario_content_list__default_style .content_list_listing .content_list_data_row .content_list_more { font-size:0.857em; } .zenario_content_list__default_style .content_list_listing .content_list_data_row .content_list_more a { color:#2a98ce; } .zenario_content_list .link_downloads a { color:#2a98ce; } .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image img, .zenario_content_list .content_list_listing .content_list_data_row .content_list_title a { -webkit-transition:0.2s all ease; transition:0.2s ease all; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_title a:hover { color:#2a98ce; } .zenario_content_list .content_list_listing .content_list_data_row div.sticky_image a:hover img { opacity:0.85; border-color:#2a98ce; } .zenario_content_list .content_list_data_row .content_list_more { padding-top:10px; text-align:right; font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:0.857em; } .zenario_content_list .content_list_data_row .content_list_more:after { font-family: 'FontAwesome'; content: "\f138"; /* fa-angle-right */ color:#2a98ce; } /* Listing item (default) --------------------------------------------------------------------------------------------------*/ .zenario_content_list__default_style { position:relative; overflow:hidden; } .zenario_content_list__default_style > h1, .zenario_content_list__default_style > h2, .zenario_content_list__default_style > h3 { margin-bottom:30px; } .zenario_content_list__default_style .content_list_listing { overflow:hidden; } .zenario_content_list__default_style .content_list_rss_link { position:absolute; top:0; right:0; } .zenario_content_list__default_style .content_list_rss_link a { display:inline-block; height:24px; line-height:22px; padding:0 10px; font-size:0.688em; font-weight:bold; background:#000; color:#FFF; border-radius:2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_content_list__default_style .content_list_rss_link a:hover { text-decoration:none; background:rgba(0,0,0,0.9); } .zenario_content_list__default_style .content_list_listing { text-align:center; } .zenario_content_list__default_style .content_list_listing .content_list_data_row { text-align:left; padding:20px 0; border-bottom:1px dotted #777; } .zenario_content_list__default_style .content_list_listing > .content_list_data_row:first-child { padding-top:0; } .zenario_content_list__default_style .content_list_data_row div.sticky_image { float:left; margin-right:20px; } .zenario_content_list__default_style .content_list_data_row div.sticky_image img { border:1px solid #777; } .zenario_content_list__default_style .content_list_data_row .content_list_text { overflow:hidden; } .zenario_content_list__default_style a.content_list_more_link { margin-top:20px; } /* Categories */ .zenario_content_list__default_style .content_list_data_row a.content_list_category_link { display:inline-block; height:20px; line-height:18px; padding:0 5px; font-size:0.75em; font-weight:bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position:absolute; left:1px; top:21px; } .zenario_content_list__default_style .content_list_data_row:first-child a.content_list_category_link { top:1px; } body.desktop .zenario_content_list__default_style .categories { width:240px; margin-left:30px; float:right; } .zenario_content_list__default_style .categories { padding:11px 15px; background:#eaf0f4; } body.mobile .zenario_content_list__default_style .categories { margin-bottom:20px; } .zenario_content_list__default_style .categories .branch_wrap > .category { margin:3px 0; position:relative; } .zenario_content_list__default_style .categories .branch_wrap > .category a { display:block; padding:5px 10px 5px 20px; background:#688697; color:#FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_content_list__default_style .categories .branch_wrap > .category.level_2 a { padding-left:30px; background:#84949c; } .zenario_content_list__default_style .categories .branch_wrap > .category.level_3 a { padding-left:40px; background:#7a8ea4; } .zenario_content_list__default_style .categories .branch_wrap > .category:before { font-family:"FontAwesome"; content:"\f142"; color:#FFF; position:absolute; left:8px; top:5px; } .zenario_content_list__default_style .categories .branch_wrap > .category.level_2:before { content:"\f142 \00a0 \f142"; } .zenario_content_list__default_style .categories .branch_wrap > .category.level_3:before { content:"\f142 \00a0 \f142 \00a0 \f142"; } .zenario_content_list__default_style .content_list_data_row a.content_list_category_link { background:#000; color:#FFF; } .zenario_content_list__default_style .categories .branch_wrap a:hover, .zenario_content_list__default_style .content_list_data_row a.content_list_category_link:hover { text-decoration:none; } .zenario_content_list__default_style .categories .branch_wrap a.selected, .zenario_content_list__default_style .categories .branch_wrap a:hover, .zenario_content_list__default_style .content_list_data_row a.content_list_category_link:hover, .zenario_content_list__default_style .categories .branch_wrap > .category.level_2 a.selected, .zenario_content_list__default_style .categories .branch_wrap > .category.level_2 a:hover, .zenario_content_list__default_style .categories .branch_wrap > .category.level_3 a.selected, .zenario_content_list__default_style .categories .branch_wrap > .category.level_3 a:hover { background:#2a98ce; } /* Categories filter */ .zenario_content_list__default_style .currently_selected_categories { overflow:hidden; position:relative; padding: 10px 10px 15px 30px; border: 1px solid #c9d4dc; background:#eaf0f4; margin-bottom:15px; } body.desktop .zenario_content_list__default_style .currently_selected_categories { float: right; } .zenario_content_list__default_style .currently_selected_categories:before { font-family:"FontAwesome"; content:"\f0b0"; position:absolute; left:10px; top:12px; color:#000; } .zenario_content_list__default_style .currently_selected_categories > h5, .zenario_content_list__default_style .currently_selected_categories > p.label, .zenario_content_list__default_style .currently_selected_categories > ul, .zenario_content_list__default_style .currently_selected_categories > ul li { padding:0; margin:0; line-height:1em; float:left; } .zenario_content_list__default_style .currently_selected_categories > p.label, .zenario_content_list__default_style .currently_selected_categories > ul { padding-top:4px; } .zenario_content_list__default_style .currently_selected_categories > h5, .zenario_content_list__default_style .currently_selected_categories > p.label { margin-right:8px; } .zenario_content_list__default_style .currently_selected_categories ul { overflow:hidden; } .zenario_content_list__default_style .currently_selected_categories ul li { list-style:none; margin-right:5px; font-style:italic; font-weight:bold; color:#000; } .zenario_content_list__default_style .currently_selected_categories ul li + li:before { content:"- "; } /* Recent */ .zenario_content_list__default_style .content_list_listing .content_list_data_row.recent .content_list_new { display:inline-block; background:#00659b; color:#FFF; padding:0 8px 2px 8px; border-radius:2px; margin-right:5px; font-size: 0.857em; font-family: 'cardoregular','Times New Roman','Georgia',serif; } /* Three columns (use this class to display in 3 columns) --------------------------------------------------------------------------------------------------*/ .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row { width:32%; float:left; } .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row.data_row_even { margin-left:2%; margin-right:2%; } .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row h2 { margin-top:10px; } /* CSL Info icon --------------------------------------------------------------------------------------------------*/ .zenario_content_list .content_list_listing .content_list_data_row { position:relative; min-height:30px; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_infoIcon { position:absolute; z-index:9; top:5px; right:5px; } .zenario_content_list .content_list_listing .content_list_data_row .content_list_infoIcon a { float:right; } /* CSL S3 --------------------------------------------------------------------------------------------------*/ .zenario_content_list .link_downloads .copyClipboard, .zenario_content_list .link_downloads .copyClipboardAWS { display:inline-block; } /**/ .zenario_copyright { font-size:0.857em; } /**/ .zenario_document_container__default_style .document_wrap { overflow:hidden; border-bottom:1px dotted #777; padding:20px 0; } .zenario_document_container__default_style .document_wrap div.thumbnail { float:left; margin-right:20px; } .zenario_document_container__default_style .document_wrap div.thumbnail img { border:2px solid #ccc; } .zenario_document_container__default_style .document_wrap .level_1 { overflow:hidden; } .zenario_document_container__default_style .document_wrap .level_1 a { clear:both; } .zenario_document_container__default_style .document_wrap .level_1 span { display:block; } .zenario_document_container__default_style .document_wrap .level_1 > a:first-child { color:#2a98ce; } .zenario_document_container .folder_title h2 { font-size:1.5em; } .zenario_document_container .folder_title h2:before { font-family: 'FontAwesome'; content:"\f07c"; padding-right:8px; } .zenario_document_container__default_style .file_size, .zenario_document_container__default_style .upload_date { font-size:0.875em; } .zenario_document_container .view_button, .zenario_document_container .download_link { display:inline-block; margin-top:20px; } .zenario_document_container .view_button + .download_link a { background:#2a98ce; } .zenario_document_container #archive_download_link > a { margin-left:10px; } .zenario_document_container #archive_download_link:before { font-family: "FontAwesome"; content: "\f1c6"; padding-right:5px; } /* Private item */ .zenario_document_container .document_wrap.private .level_1 > a:before { font-family: "FontAwesome"; content: "\f023"; padding-right:5px; color:#D92525; } /**/ .zenario_footer { font-size:0.875em; } .zenario_footer a { display:inline-block; padding:0 5px; cursor:pointer; } .zenario_footer .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie { text-align:left; } .zenario_skin .Gridbreak_Footer .zenario_footer .zenario_cookie_consent_manage_popup .cookie * { color:#333; } /**/ .zenario_google_map > div { width:100% !important; } .zenario_skin .zenario_google_map button { min-width:0; -webkit-border-radius:0; border-radius:0; } /**/ .zenario_html_snippet .zenario_wysiwyg:before, .zenario_html_snippet .zenario_wysiwyg:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_html_snippet .zenario_wysiwyg:after { clear: both; } .zenario_html_snippet a { color:#2a98ce; } .zenario_html_snippet blockquote { position: relative; text-align: center; padding: 1rem 1.2rem; width: 80%; /* create space for the quotes */ color: #484748; margin: 30px auto 2rem; background: linear-gradient(to right, #000000 4px, transparent 4px) 0 100%, linear-gradient(to left, #000000 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #000000 4px, transparent 4px) 100% 0, linear-gradient(to top, #000000 4px, transparent 4px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; font-style:italic; } .zenario_html_snippet blockquote:before, .zenario_html_snippet blockquote:after{ font-family: FontAwesome; position: absolute; color: #000000; font-size: 34px; } .zenario_html_snippet blockquote:before{ content: "\f10d"; top: -12px; margin-right: -20px; right: 100%; } .zenario_html_snippet blockquote:after{ content: "\f10e"; margin-left: -20px; left: 100%; top: auto; bottom: -20px; } .zenario_html_snippet pre { margin-bottom:15px; padding:1em; background:#f5f2f0; white-space:break-spaces; } .zenario_html_snippet p + h2, .zenario_html_snippet p + h3, .zenario_html_snippet p + h4, .zenario_html_snippet hr + h1 { margin-top:30px; } .zenario_html_snippet p + h5, .zenario_html_snippet p + h6 { margin-top:20px; } /* Footer address --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet.content_address, .zenario_html_snippet.content_address * { color:#fff; } .zenario_html_snippet.content_address h3 { font-size:1.4em; margin:0 0 5px; } /* Footer social --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .social_links { padding-bottom:10px; } .zenario_html_snippet .social_links a { display: inline-block; font-size:30px; padding-left:10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_html_snippet .social_links a:hover i { opacity:0.85; } /* Main site --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet p.main_site_link { margin:0; padding:0 0 0 14px; font-size:0.813em; } .zenario_html_snippet p.main_site_link:before { font-family: 'FontAwesome'; content: "\f104"; font-size: 16px; position: absolute; top: 0; left: 0; padding-right: 5px; } /**/ .zenario_language_picker .lang_pick_box { display:flex; gap:10px; align-items: center; } .zenario_language_picker .lang_pick_box .lang_choose_text, .zenario_language_picker .lang_pick_box .lang_choices { display:inline-block; } .zenario_language_picker .lang_pick_box .lang_choices select { height:22px; padding:0 5px; -webkit-border-radius:0; border-radius:0; font-size: 0.857em; } .zenario_language_picker .lang_pick_box .lang_choices { display:flex; gap:8px; } .zenario_language_picker .lang_pick_box .lang_choices .lang_flag span { font-size:0; } .zenario_language_picker .lang_pick_box .lang_choices .lang_flag > a { display: inline-block; width: 100%; height: 100%; } /**/ .zenario_menu ul, .zenario_menu ul li { list-style:none; margin:0; padding:0; } .zenario_menu__default_style { position:relative; height:80px; } .zenario_menu__default_style, .zenario_menu__default_style .wrap_menu_inner > ul, .zenario_menu__default_style .wrap_menu_inner > ul li, .zenario_menu__default_style .wrap_menu_inner > ul > ul { position:relative; } .zenario_menu__default_style .wrap_menu_inner > ul, .zenario_menu__default_style .wrap_menu_inner > ul > li, .zenario_menu__default_style .wrap_menu_inner > ul > li > a, .zenario_menu__default_style .wrap_menu_inner > ul > li > em { display:inline-block; } .zenario_menu__default_style .wrap_menu_inner > ul > li { padding:0 15px; } .zenario_menu__default_style .wrap_menu_inner > ul > li > a, .zenario_menu__default_style .wrap_menu_inner > ul > li > em, .zenario_menu__default_style .wrap_menu_inner > ul > li > span.menu_image { height:50px; padding-top:30px; } .zenario_menu__default_style ul li, .zenario_menu__default_style ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_menu__default_style ul { font-family:'robotoregular',Arial, Helvetica, sans-serif; } .zenario_menu__default_style ul ul { font-family:'robotolight',Arial, Helvetica, sans-serif; } /* Level 2 */ .zenario_menu__default_style ul li li, .zenario_menu__default_style ul li li a { display:block; } .zenario_menu__default_style .wrap_menu_inner > ul > li li a { height:auto; position:relative; padding:7px 15px 7px 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_menu__default_style .wrap_menu_inner > ul > li.has_child > a:after, .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li.has_child a:after { font-family: 'FontAwesome'; } .zenario_menu__default_style .wrap_menu_inner > ul > li.has_child > a:after { content:'\f107'; padding-left:5px; } .zenario_menu__default_style .wrap_menu_inner > ul > li.has_child.link_external > a:after { padding-left: 30px; } .zenario_menu__default_style .wrap_menu_inner > ul > li.has_child.link_external > a:before { position:absolute; right:30px; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li.has_child > a:after, .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li.has_child > ul > li.has_child > a:after, .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li.has_child > ul > li.has_child > ul > li.has_child > a:after { content:'\f105'; position:absolute; right:8px; top:7px; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul { position:absolute; z-index:30; top:80px; left:0; width:220px; float:none; margin:0; padding:0; background:#00659b; -webkit-box-shadow: 0px 0px 7.68px 0.32px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 7.68px 0.32px rgba(0, 0, 0, 0.28); } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(103, 103, 103, 0); border-bottom-color: #00659b; border-width: 10px; margin-left: -10px; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul { opacity:0; visibility:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_menu__default_style .wrap_menu_inner > ul > li:hover > ul { opacity:1; visibility:visible; } .zenario_menu__default_style ul li.node_mobile, .zenario_menu__default_style .node_responsive { display:none; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li { font-size:0.938em; } /* Level 3+ */ .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li ul { position: absolute; top: 0; left: 220px; width: 180px; background:#2a98ce; border-left:1px solid #fff; } .zenario_menu__default_style .wrap_menu_inner > ul > li li li { font-size:1em; } .zenario_menu__default_style .wrap_menu_inner > ul > li li li a { padding-top:6px; padding-bottom:6px; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li ul { opacity:0; visibility:hidden; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li:hover > ul, .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li:hover > ul > li:hover > ul, .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li:hover > ul > li:hover > ul > li:hover > ul { opacity:1; visibility:visible; } /* Level 4 + */ .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li ul ul { left:180px; } /* Colors and fonts */ .zenario_menu__default_style .wrap_menu_inner > ul > li { text-transform:uppercase; } .zenario_menu__default_style .wrap_menu_inner > ul > li li { text-transform:none; } .zenario_menu__default_style ul li a, .zenario_menu__default_style ul li a:hover { text-decoration:none; } .zenario_menu__default_style .wrap_menu_inner > ul > li a { color:#000; } .zenario_menu__default_style .wrap_menu_inner > ul > li:hover a { color:#00659b; } .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on a { color:#2a98ce; } .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on { background-color:#225474; } .zenario_menu__default_style .wrap_menu_inner > ul > li li a, .zenario_menu__default_style .wrap_menu_inner > ul > li li a:hover, .zenario_menu__default_style .wrap_menu_inner > ul > li:hover li a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li a { color:#FFF; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li > ul > li a:hover { color:#B0E0E6; } .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on > a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on > em > a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on li.level4_on > a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on li.level4_on > em > a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on li.level4_on li.level5_on > a, .zenario_menu__default_style .wrap_menu_inner > ul > li.level1_on li.level2_on li.level3_on li.level4_on li.level5_on > em > a { color:#225474; } .zenario_menu__default_style .wrap_menu_inner > ul > li > ul > li:hover { background-color:#2a98ce; } /* menu image */ .zenario_menu__default_style .wrap_menu_inner > ul > li span.menu_image { float:left; } .zenario_menu__default_style .wrap_menu_inner > ul > li span.menu_image a { padding-right:3px; } .zenario_menu__default_style .wrap_menu_inner > ul > li li span.menu_image a { padding:7px 5px 0 10px; } /* Admin hack */ .zenario_adminLoggedIn .zenario_menu__default_style .zenario_slot_padding { display:none; } /* More button mode --------------------------------------------------------------------------------------- */ .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li:not(.zenario_menu_node_more) { position:relative; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text { color:#000; display:inline-block; -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_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text:after { font-family: 'FontAwesome'; content:'\f107'; padding-left:5px; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li.zenario_menu_node_more:hover > .menu_more_text { color:#00659b; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li > a, .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li > span.menu_image, .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul > li > .menu_more_text { height:50px; padding-top:30px; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul, .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more { position:initial; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div { position: absolute; background: #FFF; right: 0; top:70px; max-height:0; transition: max-height 0.2s ease-in; overflow:hidden; box-shadow:inset 0 0 1px 1px #f0f0f0; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more:hover .menu_more_div { max-height:56px; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul { float:left; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li { padding:0; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a { height:40px; line-height: 38px; padding-left:20px; padding-right:20px; text-transform:uppercase; color:#000; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a:hover { color:#00659b; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li.level1_on a { color:#2a98ce; } .zenario_menu__default_style .menu_with_more_button .wrap_menu_inner > ul li.zenario_menu_node_more .menu_more_div ul li a.unlinked_menu_item .link_error { color:#ccc; } /* Private page */ .zenario_menu ul li.private a { position:relative; } .zenario_menu ul li.private a:after { font-family: "FontAwesome"; content: "\f023"; padding-left:5px; font-size:12px; position: absolute; top: 7px; } /**/ .zenario_menu_multicolumn:before, .zenario_menu_multicolumn:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_menu_multicolumn:after { clear: both; } .zenario_menu_multicolumn ul, .zenario_menu_multicolumn ul li { list-style:none; margin:0; padding:0; } .zenario_menu_multicolumn__default_style { position:relative; } .zenario_menu_multicolumn__default_style ul { font-family:'robotoregular',Arial, Helvetica, sans-serif; } .zenario_menu_multicolumn__default_style ul ul { font-family:'robotolight',Arial, Helvetica, sans-serif; } .zenario_menu_multicolumn__default_style ul li { padding:0 15px; } .zenario_menu_multicolumn__default_style ul li > a { position:relative; z-index:60; height:50px; padding-top:30px; -webkit-transition : background-color 200ms ease-in-out; -moz-transition : background-color 200ms ease-in-out; transition : background-color 200ms ease-in-out; } .zenario_menu_multicolumn__default_style ul, .zenario_menu_multicolumn__default_style ul li, .zenario_menu_multicolumn__default_style ul li a { display:inline-block; } .zenario_menu_multicolumn__default_style ul .columns_wrap { width:100%; overflow:hidden; position:absolute; top:80px; left:0; z-index:59; } .zenario_menu_multicolumn__default_style ul .columns_wrap { opacity:0; visibility:hidden; -webkit-transition : opacity 200ms ease-in-out; -moz-transition : opacity 200ms ease-in-out; transition : opacity 200ms ease-in-out; } .zenario_menu_multicolumn__default_style ul li:hover .columns_wrap { opacity:1; visibility:visible; } .zenario_menu_multicolumn__default_style ul .columns_wrap .column { float:left; width:calc(33.33% - 40px); padding:10px 20px; } .zenario_menu_multicolumn__default_style .feature_wrap { float:right; width:calc(33.33% - 20px); padding:10px 20px 20px 0; } .zenario_menu_multicolumn__default_style ul li .columns_wrap a { border-top:0; display:block; position:relative; line-height:20px; padding:5px 0 5px 10px; margin:5px 0; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_menu_multicolumn__default_style ul li .columns_wrap .node-level-3 a, .zenario_menu_multicolumn__default_style ul li .columns_wrap .node-level-3_on a { margin:2px 0; padding:2px 0 2px 35px; } /**/ .zenario_menu_multicolumn__default_style ul { text-transform:uppercase; } .zenario_menu_multicolumn__default_style ul .columns_wrap { text-transform:none; text-align:left; } .zenario_menu_multicolumn__default_style ul li a { text-decoration:none; } .zenario_menu_multicolumn__default_style ul li a:hover { text-decoration:none; } .zenario_menu_multicolumn__default_style ul li a:hover::before, .zenario_menu_multicolumn__default_style ul li a:hover::after { display:inline-block; } .zenario_menu_multicolumn__default_style ul > li > a.has_child:after, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2 > a:before, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3 > a:before { font-family: 'FontAwesome'; } .zenario_menu_multicolumn__default_style ul > li > a.has_child:after { padding-left:5px; } .zenario_menu_multicolumn__default_style ul > li > a.has_child.link_external:after { padding-left: 30px; } .zenario_menu_multicolumn__default_style ul > li > a.has_child.link_external:before { position:absolute; right:15px; } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2 > a:before, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3 > a:before { padding-right:5px; } .zenario_menu_multicolumn__default_style ul > li > a.has_child:after { content:'\f107'; } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2 > a:before, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3 > a:before { content:'\f105'; } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3 > a { font-size:0.875em; } .zenario_menu_multicolumn__default_style ul li:hover > a { color:#00659b; } .zenario_menu_multicolumn__default_style ul li.level1_on > a { color:#2a98ce; } .zenario_menu_multicolumn__default_style ul li.has_child:hover > a { background-image:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/menu-triangle.png'); background-repeat:no-repeat; background-position:center bottom; } .zenario_menu_multicolumn__default_style .columns_wrap { background:#00659b; } .zenario_menu_multicolumn__default_style, .zenario_menu_multicolumn__default_style a { color:#000; } .zenario_menu_multicolumn__default_style .columns_wrap, .zenario_menu_multicolumn__default_style .columns_wrap a { color:#FFF; } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2 > a:hover { background:rgba(255, 255, 255, 0.4); } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2_on > a, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-2_on > a:hover { background:rgba(255, 255, 255, 0.3); } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3_on > a { color:rgba(255, 255, 255, 0.7); } .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3_on > a, .zenario_menu_multicolumn__default_style .columns_wrap .node-level-3 > a:hover { text-decoration:underline; } /**/ /* Customized styles --------------------------------------------------------------------------------------------------*/ .menu-collapser { width:50px; height:50px; line-height:50px; background:#FFF; padding:0; position:absolute; z-index:59; top:0; left:0; } .collapse-button { width:50px; border:0; border-color:none; padding:11px 10px; right:0; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; } .menu-collapser, .collapse-button, .collapse-button:hover, .collapse-button:focus, .collapse-button:active { background:transparent; } .collapse-button .icon-bar { width:30px; height:5px; margin:0 0 4px 0; } .collapse-button .icon-bar, .collapse-button:hover .icon-bar, .collapse-button:focus .icon-bar, .collapse-button:active .icon-bar { background-color:#000; box-shadow:none; } .zenario_skin ul.slimmenu, .zenario_skin ul.slimmenu li ul { margin:0; padding:0; } ul.slimmenu { position:relative; z-index:59; top:50px; text-align:left; } ul.slimmenu > li { border:0; } ul.slimmenu li a { color:#FFF; font-size:14px; font-weight:400; font-family:'robotolight',Arial, Helvetica, sans-serif; text-shadow:none; padding:7px 64px 6px 16px; } ul.slimmenu li ul li a { padding-left:25px; } ul.slimmenu li ul li li a { padding-left:35px; } ul.slimmenu li ul li li li a { padding-left:45px; } ul.slimmenu li ul li li li li a { padding-left:55px; } ul.slimmenu li { background-color:#555; padding-bottom:0; } ul.slimmenu li ul li { background-color:#CCC; } ul.slimmenu li.level1_on, ul.slimmenu li > ul li.level2_on, ul.slimmenu li > ul li > ul li.level3_on, ul.slimmenu li > ul li > ul li > ul li.level4_on { background:#000; } ul.slimmenu li ul li a { color:#000; } ul.slimmenu li.level1_on > a, ul.slimmenu li.level1_on ul li.level2_on a, ul.slimmenu li > ul li.level2_on > a, ul.slimmenu li > ul li > ul li.level3_on > a, ul.slimmenu li > ul li > ul li > ul li.level4_on > a { color:#FFF; } ul.slimmenu.collapsed li .sub-collapser { height:35px; } ul.slimmenu li .sub-collapser { width:40px; } ul.slimmenu span.sub-collapser i::before, ul.slimmenu span.sub-collapser.expanded i::before { content:""; } ul.slimmenu.collapsed li a { border-bottom:1px solid #FFF; } .zenario_menu_responsive_multilevel_2 { position:relative; min-height:50px; } .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li .sub-collapser:before { font-family: 'FontAwesome'; content: "\f105"; line-height:35px; font-size:26px; } .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li .sub-collapser.expanded:before { content: "\f107"; } .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li.level1 .sub-collapser:before, .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li.level1_on > .sub-collapser:before, .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li.level1_on li.level2_on .sub-collapser:before { color:#FFF; } .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li.level1_on li.level2 .sub-collapser:before { color:#3c3c3c; } .zenario_menu_responsive_multilevel_2 ul.slimmenu.collapsed li.level1_on li.level2_on .sub-collapser:before { color:#FFF; } /* Private page */ .zenario_menu_responsive_multilevel_2 ul li.private a { position:relative; } .zenario_menu_responsive_multilevel_2 ul li.private a:after { font-family: "FontAwesome"; content: "\f023"; padding-left:5px; font-size:12px; position: absolute; top: 7px; } /* ADMIN HACKS */ /*.zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_multilevel_2 { display:none; }*/ .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_multilevel_2, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_multilevel_2, .zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_multilevel_2 .menu-collapser, .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_multilevel_2 .menu-collapser, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_multilevel_2 .menu-collapser { position:relative; } .zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_multilevel_2 ul.slimmenu, .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_multilevel_2 ul.slimmenu, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_multilevel_2 ul.slimmenu { position:absolute; } /**/ 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; 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; padding:14px 10px 8px; } .zenario_push_pull-panel .zenario_push_pull-navbar { background: #000000; border-bottom: 4px solid #ccc; font-size: 1.1em; } .zenario_push_pull-navbar, .zenario_push_pull-listview { font-family:'robotolight',Arial, Helvetica, sans-serif; } .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; } .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:#2a98ce; } .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, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .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:#2a98ce; } /* 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; padding-left:40px; 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:#e2e6e8; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover { background-color:#2a98ce; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a:before { font-family:"FontAwesome"; position:absolute; left:20px; top:10px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.contact a:before { content:"\f095"; font-size:16px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.log_in a:before { content:"\f007"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.sign_up a:before { content:"\f234"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.home a:before { content:"\f015"; } .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/zebra_designs/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; } @media all and (max-width:370px) { .zenario_push_pull-navbar, .zenario_push_pull-listview { font-size:13px; } } /* 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:#000; 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; } .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; } /**/ .zenario_menu_vertical__default_style ul, .zenario_menu_vertical__default_style ul li { list-style:none; padding:0; margin:0; } .zenario_menu_vertical__default_style .wrap_menu_inner { padding:10px; } .zenario_menu_vertical__default_style .wrap_menu_inner h2.side_menu_title { font-size:2em; margin-bottom:5px; display:block; padding:8px 8px 8px 14px; } .zenario_menu_vertical__default_style .wrap_menu_inner ul li a { display:block; padding:5px 8px 5px 14px; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > a, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > em > a { position:relative; border-top:1px dotted #ccc; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li.level1_1 > a, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li.level1_1 > em > a { border-top:0; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > a:before, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > em > a:before { font-family: 'FontAwesome'; content:'\f105'; position:absolute; left:0; top: 8px; font-size: 13px; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li.level1_on > a:before, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li.level1_on > em > a:before { content:'\f107'; } .zenario_menu_vertical__default_style a:hover { text-decoration:none; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > a, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > em > a { padding-left:35px; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > ul > li > a, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > ul > li > > em > a { padding-left:55px; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > ul > li > ul > li > a, .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li > ul > li > ul > li > em > a { padding-left:75px; } /* Levels 3, 4, 5 */ .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li ul { background:rgba(0,0,0,0.04); } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li ul li { border-top:1px dotted #ccc; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li ul > li { font-size:0.938em; } .zenario_menu_vertical__default_style .wrap_menu_inner > ul > li > ul > li li { font-size:1em; } .zenario_menu_vertical__default_style a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Colors */ .zenario_menu_vertical__default_style .wrap_menu_inner h2.side_menu_title { background:#2a98ce; } .zenario_menu_vertical__default_style .wrap_menu_inner h2.side_menu_title, .zenario_menu_vertical__default_style .wrap_menu_inner h2.side_menu_title a { color:#fff; } .zenario_menu_vertical__default_style .wrap_menu_inner { background:#EFEFEF; } .zenario_menu_vertical__default_style .wrap_menu_inner ul > li a:hover { color:#00659b; } .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > a, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > a:hover, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > a, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > a:hover, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > ul > li.level3_on > a, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > ul > li.level3_on > a:hover, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > ul > li.level3_on > ul > li.level4_on > a, .zenario_menu_vertical__default_style .wrap_menu_inner ul > li.level1_on > ul > li.level2_on > ul > li.level3_on > ul > li.level4_on > a:hover { color:#2a98ce; } /* Menu image */ .zenario_menu_vertical__default_style .wrap_menu_inner ul li span.menu_image { float:left; } .zenario_menu_vertical__default_style .wrap_menu_inner ul li span.menu_image img { width: auto !important; max-height: 22px !important; } .zenario_menu_vertical__default_style .wrap_menu_inner ul li span.menu_image a { padding-right:3px; } .zenario_menu_vertical__default_style .wrap_menu_inner ul li > ul > li span.menu_image a { padding:7px 5px 0 10px; } .zenario_menu_vertical__default_style .wrap_menu_inner > h1:not(.side_menu_title), .zenario_menu_vertical__default_style .wrap_menu_inner > h2:not(.side_menu_title), .zenario_menu_vertical__default_style .wrap_menu_inner > h3:not(.side_menu_title), .zenario_menu_vertical__default_style .wrap_menu_inner > h4:not(.side_menu_title), .zenario_menu_vertical__default_style .wrap_menu_inner > h5:not(.side_menu_title), .zenario_menu_vertical__default_style .wrap_menu_inner > h6:not(.side_menu_title) { padding-left:15px; } /* Columns */ .zenario_menu_vertical__default_style .wrap_menu_inner .columns_wrap { overflow:hidden; display:flex; padding-bottom:15px; } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_wrap .column { float:left; border-left:1px solid #ccc; padding-left:11px; } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_wrap .column:nth-child(1) { padding-left:0; border-left:0; } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_5 .column { width:calc((100% / 5) - 10px); } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_4 .column { width:calc((100% / 4) - 10px); } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_3 .column { width:calc((100% / 3) - 10px); } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_2 .column { width:calc((100% / 2) - 10px); } .zenario_menu_vertical__default_style .wrap_menu .wrap_menu_inner .columns_1 .column { width:100%; padding-left:0; } /* Open close menu */ .zenario_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle { border-top:1px solid #ccc; background:#777; color:#EFEFEF; padding:10px; text-align:center; -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_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle:hover { background:#999; } .zenario_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle.open span { display:inline-block; } .zenario_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle span:before { font-family:"FontAwesome"; padding-right:5px; } .zenario_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle.open span:before { content:"\f106"; } .zenario_menu_vertical__default_style .wrap_menu_outer .menu_open_close_toggle.closed span:before { content:"\f107"; } /* Welcome message */ .zenario_menu_vertical__default_style .extranet_user_greeting { padding-bottom:15px; } .zenario_menu_vertical__default_style .extranet_user_greeting:before { font-family:"FontAwesome"; content:"\f007"; padding-right:8px; } .zenario_menu_vertical__default_style .extranet_user_greeting span.group { font-size:0.75em; display:inline-block; padding-left:2px; } .zenario_menu_vertical__default_style .extranet_user_greeting span.group:before { content:"|"; padding-right:5px; } /* Private page */ .zenario_menu_vertical ul li.private a { position:relative; } .zenario_menu_vertical ul li.private a:after { font-family: "FontAwesome"; content: "\f023"; padding-left:5px; font-size:12px; position: absolute; top: 7px; } /**/ .zenario_meta_data { overflow:hidden; clear:both; } .zenario_meta_data .writer_image { display:inline-block; float:left; margin-right:20px; } .zenario_meta_data > div { clear:both; } .zenario_meta_data div.sticky_image + div.page_title { margin-top:15px; } .zenario_meta_data > div[class*='writer_'] { overflow:hidden; clear:none; } .zenario_meta_data > div[class*='writer_'] *, .zenario_meta_data > div[class*='writer_'] a { color:#354153; } .zenario_meta_data > div h1, .zenario_meta_data > div h2, .zenario_meta_data > div[class*='writer_'] h3, .zenario_meta_data > div[class*='writer_'] h4, .zenario_meta_data > div[class*='writer_'] h5, .zenario_meta_data > div[class*='writer_'] h6, .zenario_meta_data > div[class*='writer_'] p, .zenario_meta_data > div.pinned_text > * { margin-bottom:5px; } .zenario_meta_data > div.writer_image img { padding-top:5px; } .zenario_meta_data .sticky_image { display:inline-block; margin:auto; position:relative; } .zenario_meta_data .sticky_image img { display:block; } /* For shaded background add the class 'shaded_bg' to the Meta Data plugin */ .zenario_meta_data.shaded_bg { overflow:hidden; padding:20px; background:#eaf0f4; } /**/ .zenario_plugin_nest { /* This class will be applied to all nests. */ } .zenario_plugin_nest__default_style { /* This class will be applied to all nests, unless overridden or removed for a specific nest. */ } .zenario_plugin_nest .nest_wrap:before, .zenario_plugin_nest .nest_wrap:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest .nest_wrap:after { clear: both; } .zenario_plugin_nest .nest_plugins { background:transparent !important; } /* Nest tabs */ .zenario_plugin_nest .nest_tabs { overflow:hidden; } .zenario_plugin_nest .nest_tabs ul, .zenario_plugin_nest .nest_tabs ul li { list-style:none; padding:0; margin:0; display:inline-block; float:left; } .zenario_plugin_nest .nest_tabs ul { margin-right:2px; } .zenario_plugin_nest .nest_tabs ul li a { display:inline-block; padding:5px 10px; background:#f0f0f0; } .zenario_plugin_nest .nest_tabs ul li a:hover { text-decoration:none; } .zenario_plugin_nest .nest_tabs ul li.tab_on a { color:#2a98ce; } /* Indicators */ .zenario_plugin_nest .nest_tabs.indicators { position:absolute; bottom:-25px !important; width:100% !important; height:24px !important; text-align:center; overflow:hidden; display: flex; justify-content: center; } .zenario_plugin_nest .nest_tabs.indicators ul li a { float:left; position:static; width:9px; height:9px; margin:0 2px 0; padding:0; background:#CCC; -webkit-border-radius: 50%; border-radius: 50%; text-indent:-99px; line-height:0; font-size:0; } .zenario_plugin_nest .nest_tabs.indicators ul li.tab_on a { background:#333; } /* Prev next arrows */ .zenario_plugin_nest .prev, .zenario_plugin_nest .next { color:rgba(0,0,0,0.9); } .zenario_plugin_nest .prev:hover, .zenario_plugin_nest .next:hover { color:rgba(0,0,0,0.7); } .zenario_plugin_nest .prev_disabled, .zenario_plugin_nest .next_disabled, .zenario_plugin_nest .prev_disabled:hover, .zenario_plugin_nest .next_disabled:hover { color:rgba(0,0,0,0.4); cursor:default; } .zenario_plugin_nest .prev, .zenario_plugin_nest .next { margin:0 5px; font-size:30px; line-height:1.3em; font-family: 'FontAwesome'; -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_plugin_nest .prev_disabled, .zenario_plugin_nest .next_disabled { opacity:0.5; } .zenario_plugin_nest .prev, .zenario_plugin_nest .prev_disabled { float:left; } .zenario_plugin_nest .next, .zenario_plugin_nest .next_disabled { float:right; } .zenario_plugin_nest .prev:hover, .zenario_plugin_nest .prev_disabled:hover, .zenario_plugin_nest .next:hover, .zenario_plugin_nest .next_disabled:hover { text-decoration:none; } .zenario_plugin_nest .prev:before, .zenario_plugin_nest .prev_disabled:before { content: "\f137"; /* fa-angle-left */ } .zenario_plugin_nest .next:after, .zenario_plugin_nest .next_disabled:after { content: "\f138"; /* fa-angle-right */ } .zenario_plugin_nest .prev span, .zenario_plugin_nest .prev_disabled span, .zenario_plugin_nest .next span, .zenario_plugin_nest .next_disabled span { display:none; } /* Nest top bar --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_top_bar .nest_plugins_wrap { position:relative; } .zenario_plugin_nest.nest_top_bar .zenario_language_picker .lang_pick_box { font-size:0.813em; position:relative; display:inline-block; } .zenario_plugin_nest.nest_top_bar .zenario_language_picker .lang_pick_box .lang_choices { display:inline-block; } /* Nest top bar (banner plugins for buttons and menu vertical plugin) --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins_wrap:before, .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins_wrap:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins_wrap:after { clear: both; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins { float:right; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > .zenario_banner { float:left; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner, .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical { position:relative; top:-3px; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner, .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .extranet_user_greeting { font-size:0.813em; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner { margin-left:15px; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner .banner_title > * { margin-bottom:0; font-size:1em; font-family:'roboto',Arial, Helvetica, sans-serif; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner a, .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .extranet_user_greeting { line-height:24px; height:26px; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner a { display:inline-block; padding:0 15px; background:#000; color:#FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins .zenario_banner a:hover { text-decoration:none; background: #b8babc; color: #282e35; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > x-zenario-admin-slot-wrapper:first-child .zenario_banner a, .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > .zenario_banner:first-child a { background:#2a98ce; } .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > x-zenario-admin-slot-wrapper:first-child .zenario_banner a:hover, .zenario_plugin_nest.nest_top_bar_extranet .nest_plugins > .zenario_banner:first-child a:hover { background:#00659b; color:#FFF; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical { position:relative; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .extranet_user_greeting { padding-bottom:0; min-width:160px; color:#000; cursor:pointer; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .wrap_menu { position:absolute; top:32px; right:0; width:160px; font-size:0.813em; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .wrap_menu_inner { padding:0 10px; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical__default_style .wrap_menu_inner:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(239, 239, 239, 0); border-bottom-color: #EFEFEF; border-width: 10px; margin-left: -10px; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical .wrap_menu { opacity:0; visibility:hidden; } .zenario_plugin_nest.nest_top_bar_extranet .zenario_menu_vertical:hover .wrap_menu { opacity:1; visibility:visible; } /* Full boxes --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_full_boxes { overflow:hidden; } .zenario_plugin_nest.nest_full_boxes .zenario_slot { text-align:center; } .zenario_plugin_nest.nest_full_boxes .zenario_slot .banner_image { padding-bottom:20px; } .zenario_plugin_nest.nest_full_boxes .zenario_slot .banner_title h2 { font-size:1.500em; margin-bottom:10px; } .zenario_plugin_nest.nest_full_boxes *, .zenario_plugin_nest.nest_full_boxes h2, .zenario_plugin_nest.nest_full_boxes a { color:#FFF; } /* Portfolio --------------------------------------------------------------------------------------------------*/ .nest_portfolio.zenario_plugin_nest { overflow:hidden; } .nest_portfolio.zenario_plugin_nest .nest_title h1 { font-size:3em; } .nest_portfolio.zenario_plugin_nest .zenario_slot { margin-bottom:22px; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_wrap_inner { position:relative; display:inline-block; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content { opacity:0; visibility:hidden; position:absolute; z-index:2; overflow:hidden; height:calc(100% - 40px); padding:20px; margin-top:0; background:rgba(0,0,0,0.5); left:0; right:0; position: absolute; top: 50%; transform: translateY(-50%); text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner:hover .banner_content { opacity:1; visibility:visible; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content * { color:#FFF; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content .banner_title h2 { font-size:1.6em; margin-bottom:5px; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content .banner_text { overflow:hidden; height:calc(100% - 70px); } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_image picture, .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_image picture img { display:block; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content .banner_more { font-family:'robotolight',Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:8px; } /* Accordion --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest .accordion_wrap .accordion_tab, .zenario_plugin_nest .accordion_wrap .accordion_slide { background:#eee; padding:1em 20px; } .zenario_plugin_nest .accordion_wrap .accordion_slide { overflow:hidden; } .zenario_plugin_nest .accordion_wrap .accordion_tab { margin-top:1px; position:relative; cursor:pointer; } .zenario_plugin_nest .accordion_wrap .accordion_tab span.accordion_image { float:left; } .zenario_plugin_nest .accordion_wrap .accordion_tab span.accordion_label { font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:1.2em; } .zenario_plugin_nest .accordion_wrap .accordion_tab span.accordion_image + span.accordion_label { padding-left:10px; } .zenario_plugin_nest .accordion_wrap .accordion_tab.accordion_tab_open, .zenario_plugin_nest .accordion_wrap .accordion_tab.accordion_tab_open > .accordion_slide { background:#d5e4ec; } .zenario_plugin_nest .accordion_wrap .accordion_tab:after { font-family:"FontAwesome"; content:"\f107"; position:absolute; right:20px; } .zenario_plugin_nest .accordion_wrap .accordion_tab.accordion_tab_open:after { content:"\f106"; } .zenario_plugin_nest .accordion_wrap .accordion_tab, .zenario_plugin_nest .accordion_wrap .accordion_tab:after { transition: all 0.2s ease-in-out; } .zenario_plugin_nest .accordion_wrap .accordion_tab:hover *, .zenario_plugin_nest .accordion_wrap .accordion_tab:hover > *:after { color:#2a98ce; } /* Accordion Ajax (note: make sure you have the JS file) --------------------------------------------------------------------------------------------------*/ .nest_accordion.zenario_plugin_nest .zenario_banner, body.mobile .Gridbreak_Body .nest_accordion.zenario_plugin_nest .zenario_banner { margin-bottom:20px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_content_inner { background:#eee; padding:1em 20px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title { padding-bottom:15px; cursor:pointer; } .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_title { background:#d5e4ec; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_content_inner { display:none; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > * { font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:1.2em; margin:0; padding:0; position:relative; padding-right:10px; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > *:after { font-family:"FontAwesome"; content:"\f107"; position:absolute; right:0; } .nest_accordion.zenario_plugin_nest .zenario_banner.active .banner_title > *:after { content:"\f106"; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title *, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title > *:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title:hover *, .nest_accordion.zenario_plugin_nest .zenario_banner .banner_title:hover > *:after { color:#2a98ce; } body.desktop .nest_accordion.zenario_plugin_nest .zenario_banner .banner_image { float:left; padding:0 1em 1em 0; } body.mobile .nest_accordion.zenario_plugin_nest .zenario_banner .banner_image { display:block; text-align:center; } body.mobile .nest_accordion.zenario_plugin_nest .zenario_banner .banner_image img { margin:auto; } .nest_accordion.zenario_plugin_nest .zenario_banner .banner_more { clear:both; text-align:center; } /* Extra useful styles. Nested banners listing --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_banners_listing .zenario_banner { margin-bottom:40px; } .zenario_plugin_nest.nest_banners_listing .zenario_banner .banner_title { padding:8px 20px 12px; background:#efefef; margin-bottom:15px; } .zenario_plugin_nest.nest_banners_listing .zenario_banner .banner_title > * { padding:0; margin:0; } .zenario_plugin_nest.nest_banners_listing .zenario_banner .banner_image { text-align:center; padding-top:20px; } .zenario_plugin_nest.nest_banners_listing .zenario_banner .banner_image img { margin:auto; } /* Extra useful styles. Nest paginate top --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_paginate_top .nest_tabs { text-align:center; } .zenario_plugin_nest.nest_paginate_top .nest_tabs ul, .zenario_plugin_nest.nest_paginate_top .nest_tabs ul li { float:none; } /**/ .zenario_promo_menu:before, .zenario_promo_menu:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_promo_menu:after { clear: both; } .zenario_promo_menu ul, .zenario_promo_menu ul li { list-style:none; margin:0; padding:0; } .zenario_promo_menu__default_style { position:relative; } .zenario_promo_menu__default_style ul { font-family:'robotoregular',Arial, Helvetica, sans-serif; } .zenario_promo_menu__default_style ul ul { font-family:'robotolight',Arial, Helvetica, sans-serif; } .zenario_promo_menu__default_style ul li { padding:0 15px; } .zenario_promo_menu__default_style ul li > a { position:relative; z-index:60; -webkit-transition : background-color 200ms ease-in-out; -moz-transition : background-color 200ms ease-in-out; transition : background-color 200ms ease-in-out; } .zenario_promo_menu__default_style ul li > a, .zenario_promo_menu__default_style ul li > em, .zenario_promo_menu__default_style ul li > span.menu_image { height:50px; padding-top:30px; display:inline-block; } .zenario_promo_menu__default_style ul, .zenario_promo_menu__default_style ul li, .zenario_promo_menu__default_style ul li a { display:inline-block; } .zenario_promo_menu__default_style ul .columns_wrap { width:100%; overflow:hidden; position:absolute; top:80px; left:0; z-index:59; } .zenario_promo_menu__default_style ul .columns_wrap { opacity:0; visibility:hidden; -webkit-transition : opacity 200ms ease-in-out; -moz-transition : opacity 200ms ease-in-out; transition : opacity 200ms ease-in-out; } .zenario_promo_menu__default_style ul li:hover .columns_wrap { opacity:1; visibility:visible; } .zenario_promo_menu__default_style ul .columns_wrap .columns_wrap_inner { display:flex; } .zenario_promo_menu__default_style ul .columns_wrap .column, .zenario_promo_menu__default_style .feature_wrap { flex:1; padding:10px 20px; } .zenario_promo_menu__default_style .column + .feature_wrap { float:right; } .zenario_promo_menu__default_style ul li.has_child .columns_wrap .column > div > a, .zenario_promo_menu__default_style ul li.has_child .columns_wrap .column > div > em { border-top:0; display:block; position:relative; line-height:20px; padding:5px 0 5px 15px; margin:5px 0; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_promo_menu__default_style ul li.has_child .columns_wrap .column > div.level3 > a, .zenario_promo_menu__default_style ul li.has_child .columns_wrap .column > div.level3 > em { margin:2px 0; padding:2px 0 2px 25px; } /**/ .zenario_promo_menu__default_style ul { text-transform:uppercase; } .zenario_promo_menu__default_style ul .columns_wrap { text-transform:none; text-align:left; } .zenario_promo_menu__default_style ul li a { text-decoration:none; } .zenario_promo_menu__default_style ul li a:hover { text-decoration:none; } .zenario_promo_menu__default_style ul li:hover::before, .zenario_promo_menu__default_style ul li:hover::after { display:inline-block; } .zenario_promo_menu__default_style ul > li.has_child > a:after, .zenario_promo_menu__default_style .columns_wrap .level2:before, .zenario_promo_menu__default_style ul > li.has_child > em > a:after { font-family: 'FontAwesome'; font-size:12px; } .zenario_promo_menu__default_style ul > li.has_child > a:after, .zenario_promo_menu__default_style ul > li.has_child > em > a:after { padding-left:5px; } .zenario_promo_menu__default_style ul > li.has_child.link_external > a:after { padding-left: 30px; } .zenario_promo_menu__default_style ul > li.has_child.link_external > a:before { position:absolute; right:15px; } .zenario_promo_menu__default_style .columns_wrap .level2 { position:relative; } .zenario_promo_menu__default_style .columns_wrap .level2:before { position:absolute; top:5px; left:3px; } .zenario_promo_menu__default_style ul > li.has_child > a:after, .zenario_promo_menu__default_style ul > li.has_child > em > a:after { content:'\f107'; } .zenario_promo_menu__default_style .columns_wrap .level2:before { content:'\f105'; } .zenario_promo_menu__default_style .columns_wrap .level3 > a { font-size:0.875em; } .zenario_promo_menu__default_style ul li:hover > a { color:#00659b; } .zenario_promo_menu__default_style ul li.level1_on > a { color:#2a98ce; } .zenario_promo_menu__default_style ul li.has_child:hover > a { background-image:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/menu-triangle.png'); background-repeat:no-repeat; background-position:center bottom; } .zenario_promo_menu__default_style .columns_wrap { background:#00659b; } .zenario_promo_menu__default_style, .zenario_promo_menu__default_style a { color:#000; } .zenario_promo_menu__default_style .columns_wrap, .zenario_promo_menu__default_style .columns_wrap a { color:#FFF; } .zenario_promo_menu__default_style .columns_wrap .level2 > a:hover { background:rgba(255, 255, 255, 0.4); } .zenario_promo_menu__default_style .columns_wrap .level2_on > a, .zenario_promo_menu__default_style .columns_wrap .level2_on > a:hover { background:rgba(255, 255, 255, 0.3); } .zenario_promo_menu__default_style .columns_wrap .level3_on > a { color:rgba(255, 255, 255, 0.7); } .zenario_promo_menu__default_style .columns_wrap .level3_on > a, .zenario_promo_menu__default_style .columns_wrap .level3 > a:hover { text-decoration:underline; } /* Promotional image */ .zenario_promo_menu__default_style .feature_wrap { position:relative; } .zenario_promo_menu__default_style .feature_wrap img { border:5px solid #FFFFFF; margin:10px auto; } .zenario_promo_menu__default_style .feature_wrap .feature_title h2, .zenario_promo_menu__default_style .feature_wrap .feature_text p { padding:0 0 5px; margin:0; font-weight:400; } .zenario_promo_menu__default_style .feature_wrap .feature_title a { text-decoration:underline; } .zenario_promo_menu__default_style ul .columns_wrap .feature_wrap a, .zenario_promo_menu__default_style ul li.has_child .columns_wrap .feature_wrap a { padding:0; margin:0; } .zenario_promo_menu__default_style .feature_wrap .feature_title h2 { display:inline-block; line-height:22px; font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:1.067em; -webkit-transition : color 200ms ease-in-out; -moz-transition : color 200ms ease-in-out; transition : color 200ms ease-in-out; } .zenario_promo_menu__default_style .feature_wrap h2, .zenario_promo_menu__default_style .feature_wrap h2 a { color:#FFF !important; text-transform:uppercase; } .zenario_promo_menu__default_style ul li.has_child .feature_wrap a { background:none; } .zenario_promo_menu__default_style .feature_wrap .feature_text p { font-size:0.875em; line-height:18px; } .zenario_promo_menu__default_style .feature_wrap div { width:100%; display:block; } .zenario_promo_menu__default_style ul li.node_mobile { display:none; } /* menu image */ .zenario_promo_menu__default_style .wrap_menu_inner > ul > li span.menu_image { float:left; padding-right:5px; } .zenario_promo_menu__default_style .wrap_menu_inner > ul > li .column span.menu_image { margin-left:15px; } /* Private page */ .zenario_promo_menu ul li.private a:before, .zenario_promo_menu .column div.private a:after { font-family: "FontAwesome"; content: "\f023"; padding-right:5px; font-size:12px; } .zenario_promo_menu .column div.private a:after { padding-left:5px; padding-right:0; } /**/ .zenario_slideshow .nest_wrap { position:relative; z-index:19; display:inline-block; margin:auto; overflow:hidden; } .zenario_slideshow .nest_wrap, .zenario_slideshow .nest_wrap .nest_plugins { width:100%; } .zenario_slideshow .nest_plugins { background:transparent !important; } .zenario_slideshow .zenario_banner > div, .zenario_slideshow .zenario_banner > a { width:auto; background:transparent; } .zenario_slideshow .zenario_banner .banner_wrap_inner .banner_image + .banner_content { margin-top:auto; } /* Nest tabs */ .zenario_slideshow .nest_tabs { overflow:hidden; } .zenario_slideshow .nest_tabs ul, .zenario_slideshow .nest_tabs ul li { list-style:none; padding:0; margin:0; display:inline-block; float:left; } .zenario_slideshow .nest_tabs ul { margin-right:2px; } .zenario_slideshow .nest_tabs ul li a { display:inline-block; padding:5px 10px; background:#f0f0f0; } .zenario_slideshow .nest_tabs ul li a:hover { text-decoration:none; } .zenario_slideshow .nest_tabs ul li.tab_on a { color:#2a98ce; } /* Indicators */ .zenario_slideshow .nest_plugins_wrap { z-index:10; } .zenario_slideshow .nest_tabs.indicators { position:absolute; z-index:50; bottom:20px !important; width:100% !important; height:24px !important; text-align:center; overflow:hidden; display: flex; justify-content: center; } .zenario_slideshow .nest_tabs.indicators ul li a { float:left; position:static; width:9px; height:9px; margin:0 2px 0; padding:0; background:#CCC; -webkit-border-radius: 50%; border-radius: 50%; text-indent:-99px; line-height:0; font-size:0; } .zenario_slideshow .nest_tabs.indicators ul li.tab_on a { background:#333; } /* Prev next arrows */ .zenario_slideshow a.prev span, .zenario_slideshow a.next span { display:none; } .zenario_slideshow a.prev, .zenario_slideshow a.next { position:absolute; z-index:101; top:20%; display:inline-block; text-align:center; font-size:30px; line-height:1.3em; font-family: 'FontAwesome'; opacity:0.5; -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_slideshow a.prev:hover, .zenario_slideshow a.next:hover { text-decoration:none; opacity:1; } .zenario_slideshow a.prev { left:50px; } .zenario_slideshow a.next { right:50px; } .zenario_slideshow a.prev:before { content: "\f137"; /* fa-angle-left */ } .zenario_slideshow a.next:after { content: "\f138"; /* fa-angle-right */ } /* Slideshow on Slot_Slideshow --------------------------------------------------------------------------------------- */ .Slot_Slideshow .zenario_slideshow { text-align:center; } .Slot_Slideshow .zenario_slideshow .nest_title { text-align:left; } .Slot_Slideshow .zenario_slideshow .zenario_banner { position:relative; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content { position:absolute; z-index:20; top:10%; left:0; right:0; text-align:center; max-width:1230px; margin:auto; padding:0 20px 5px; overflow:hidden; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content * { color:#000; text-shadow:0 0 8px rgba(255,255,255,0.7); } .Slot_Slideshow .zenario_slideshow.light .zenario_banner .banner_content *, .Slot_Slideshow .zenario_slideshow .zenario_banner.light .banner_content * { color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.8); } .Slot_Slideshow .zenario_slideshow .zenario_banner img { max-width: 100% !important; height: auto !important; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_title h2 { font-size: 3.625em; font-size: 3.625vh; line-height:1.25em; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-size: 2.125em; font-size: 2.125vh; line-height:1.25em; } .Slot_Slideshow .zenario_slideshow a.prev, .Slot_Slideshow .zenario_slideshow a.next { top:50%; color:#FFF; } /* Swiper slideshow --------------------------------------------------------------------------------------- */ .zenario_slideshow__default_style .swiper-horizontal { width:100% !important; } .zenario_slideshow__default_style .swiper-slide { text-align:center; } .zenario_slideshow__default_style .swiper-pagination { padding-bottom:20px; width: auto; margin: auto; left: 0; right: 0; } .zenario_slideshow__default_style .swiper-pagination-bullet { background:#BCBCBC; opacity: 0.7; } .zenario_slideshow__default_style .swiper-pagination-bullet-active { background:#333; opacity: 1; } .zenario_slideshow__default_style .swiper-button-prev, .zenario_slideshow__default_style .swiper-button-next { color:#000; bottom:5%; top:auto; } .zenario_slideshow__default_style .swiper-button-prev:after, .zenario_slideshow__default_style .swiper-button-next:after { font-size:2em; } /**/ .zenario_user_forms .form_field { padding:10px 0; } .zenario_user_forms .form_field .field_title { padding:0 0 5px 0; } .zenario_user_forms.narrow .form_wrapper { max-width:900px; } /* Fancy Checkboxes / Radios */ .zenario_user_forms .field_checkbox, .zenario_user_forms .field_checkboxes, .zenario_user_forms .field_radios, .zenario_user_forms .form_field .values_wrap .field_radio > label { position:relative; } .zenario_user_forms .field_checkbox > label.field_title, .zenario_user_forms .field_checkboxes .field_checkbox > label, .zenario_user_forms .form_field .values_wrap .field_radio > label, .zenario_user_forms .form_field .values_wrap .field_checkbox > label { padding-left:30px; } .zenario_user_forms .field_checkbox input[type=checkbox] + label, .zenario_user_forms .field_checkboxes input[type=checkbox] + label, .zenario_user_forms .field_radios input[type=radio] + label { display: block; cursor: pointer; } .zenario_user_forms .field_checkbox input[type=checkbox], .zenario_user_forms .field_checkboxes input[type=checkbox], .zenario_user_forms .field_radios input[type=radio] { display: none; } .zenario_user_forms .field_checkbox input[type=checkbox] + label:before, .zenario_user_forms .field_checkboxes input[type=checkbox] + label:before, .zenario_user_forms .field_radios input[type=radio] + label:before { content: "\2573"; border: 1px solid #b8babc; display: inline-block; font-size:12px; width: 18px; height: 18px; line-height:16px; text-align:center; vertical-align: bottom; color: transparent; position:absolute; left:0; } body.ff .zenario_user_forms .field_checkbox input[type=checkbox] + label:before, body.ff .zenario_user_forms .field_checkboxes input[type=checkbox] + label:before, body.ff .zenario_user_forms .field_radios input[type=radio] + label:before { font-size:24px; line-height:10px; } .zenario_user_forms .field_radios input[type=radio] + label:before { -webkit-border-radius:50%; border-radius:50%; } .zenario_user_forms .field_checkbox input[type=checkbox]:checked + label:before, .zenario_user_forms .field_checkboxes input[type=checkbox]:checked + label:before, .zenario_user_forms .field_radios input[type=radio]:checked + label:before { background-color: #000; border-color: #000; color: #fff; } /* End Fancy Checkboxes / Radios */ /* Start styles for columns */ .zenario_user_forms .form_field.field_radios .values_wrap[class*="columns"], .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap[class*="columns"] { overflow:hidden; } .zenario_user_forms .form_field.field_radios .values_wrap[class*="columns"] .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap[class*="columns"] .column { display:inline-block; float:left; padding-right:1%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_6 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_6 .column { width:15.66%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_5 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_5 .column { width:19%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_4 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_4 .column { width:24%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_3 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_3 .column { width:32.33%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_2 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_2 .column { width:49%; } .zenario_user_forms .form_field.field_radios .values_wrap.columns_1 .column, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap.columns_1 .column { width:99%; } /* End styles for columns */ .zenario_user_forms .form_field.field_radios .values_wrap, .zenario_user_forms .form_field.field_radios .note_to_user, .zenario_user_forms .form_field.field_checkboxes .checkboxes_wrap, .zenario_user_forms .form_field.field_checkboxes .note_to_user { margin-left:15px; } .zenario_user_forms .form_field.field_date { overflow:hidden; } .zenario_user_forms .form_field input[type='text'].hasDatepicker { max-width:200px; background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-calendar.svg') no-repeat 98% center / 18px 18px; } .zenario_user_forms .form_field.field_date input[type="button"].clear_date { min-width:0; width:20px; height:20px; line-height:12px; padding:0 0 4px; -webkit-border-radius:50%; border-radius:50%; margin-left:4px; } .zenario_user_forms .form_field.field_radios .values_wrap .field_radio input[type='radio'] { margin-right:4px; } .zenario_user_forms .form_field.field_group .field_title { padding-left:8px; } .zenario_user_forms .user_form .form_field.field_section_description .field_title { font-weight:bold; color:#525151; } .zenario_user_forms .form_field .values_wrap .field_radio, .zenario_user_forms .form_field .checkboxes_wrap .field_checkbox { padding:5px 0; } /* User forms, default styles ------------------------------------------------------------------------------------------------- */ .zenario_user_forms.zenario_user_forms__default_style .form_wrapper { max-width:740px; margin:auto; overflow:hidden; } .zenario_user_forms.zenario_user_forms__default_style .form_wrapper h2 { text-align:center; font-size:2em; } .zenario_user_forms.zenario_user_forms__default_style .form_buttons { overflow:hidden; margin-top:3em; text-align:center; } .zenario_user_forms.zenario_user_forms__default_style .form_buttons .next, .zenario_user_forms.zenario_user_forms__default_style fieldset .form_buttons .next.submit { float:right; } .zenario_user_forms.zenario_user_forms__default_style .form_buttons .previous { float:left; } .zenario_user_forms.zenario_user_forms__default_style .form_buttons .next.submit { float:none; } .zenario_user_forms.zenario_user_forms__default_style .success { text-align:center; } /* User forms, indent ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .form_field.indent_1 { margin-left:15px; } .zenario_user_forms .form_field.indent_2 { margin-left:30px; } .zenario_user_forms .form_field.indent_3 { margin-left:45px; } .zenario_user_forms .form_field.indent_4 { margin-left:60px; } .zenario_user_forms .form_field.indent_5 { margin-left:75px; } /* User forms, columns ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .wrap_2_columns, .zenario_user_forms .wrap_3_columns, .zenario_user_forms .wrap_4_columns, .zenario_user_forms .wrap_5_columns { overflow:hidden; } body.desktop .zenario_user_forms .wrap_2_columns .form_field, body.desktop .zenario_user_forms .wrap_3_columns .form_field, body.desktop .zenario_user_forms .wrap_4_columns .form_field, body.desktop .zenario_user_forms .wrap_5_columns .form_field { float:left; } body.desktop .zenario_user_forms .wrap_2_columns .form_field { width:calc(50% - 10px); } body.desktop .zenario_user_forms .wrap_3_columns .form_field { width:calc(33.33% - 10px); padding-left:5px; padding-right:5px; } body.desktop .zenario_user_forms .wrap_3_columns .form_field:first-child, body.desktop .zenario_user_forms .wrap_3_columns .form_field:last-child { padding-left:0; padding-right:0; } body.desktop .zenario_user_forms .wrap_2_columns .form_field:first-child, body.desktop .zenario_user_forms .wrap_3_columns .form_field:first-child { padding-right:10px; } body.desktop .zenario_user_forms .wrap_2_columns .form_field:last-child, body.desktop .zenario_user_forms .wrap_3_columns .form_field:last-child { padding-left:10px; } body.desktop .zenario_user_forms .wrap_4_columns .form_field { width:calc(25% - 7.5px); padding-left:10px; } body.desktop .zenario_user_forms .wrap_5_columns .form_field { width:calc(20% - 8px); padding-left:10px; } body.desktop .zenario_user_forms .wrap_4_columns .form_field:first-child, body.desktop .zenario_user_forms .wrap_5_columns .form_field:first-child { padding-left:0; } /* User forms, repeated blocks ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .repeat_block > .field_title { margin-top:10px; font-weight:500; font-size:1.15em; border-bottom:1px solid #ccc; } .zenario_user_forms .repeat_block > .field_title, .zenario_user_forms .repeat_block .repeat_rows { padding:20px; } .zenario_user_forms .repeat_block .repeat_rows { overflow:hidden; margin:0 0 10px; background:#f6f7f8; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row { position:relative; padding:10px 20px; margin-bottom:15px; background:#e3eaf0; border:1px solid #c8d5e1; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row div.delete { position: absolute; top: 5px; right: 5px; height: 24px; line-height: 24px; font-size: 0; line-height: 0; background: transparent; border: 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row div.delete:hover { opacity:0.9; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row div.delete:before { font-family: "FontAwesome"; content: "\f057"; color: #D51A24; font-size: 26px; line-height: 26px; text-indent: 0; } .zenario_user_forms .repeat_block .repeat_rows .repeat_block_buttons { text-align:center; margin-top:10px; } .zenario_user_forms .repeat_block > .field_title, .zenario_user_forms .form_fields table tr th.subheader { background:#e4e8e9; } /* User forms, sortable fields ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap { display:flex; margin-top:10px; background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-arrow-drop.svg') no-repeat center center / 40px auto; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div { /*flex:0 0 50%; */ width:calc(50% - 20px); } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column { margin-left:40px; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap label { padding:10px; font-weight:bold; padding:15px 20px; background:#ccc; display:block; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul, .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul li { list-style:none; padding:0; margin:0; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul { padding:10px; background:#d2dae3; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul li { margin:4px 0; padding:4px 8px; border:4px solid #d2dae3; cursor: grab; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column ul { border:1px dashed #5c6773; background:#9fb5ea; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column ul li { border-color:#9fb5ea; list-style:decimal; margin-left:20px; } .zenario_user_forms .form_field.field_section_spacer { padding:0; height:2em; } /* User forms, Summary ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .form_fields table { margin-bottom:2em; } .zenario_user_forms .form_fields table tr th.header { background:#C0CCD9; font-family:'cardoregular','Times New Roman','Georgia',serif; font-size:1.2em; } .zenario_user_forms .form_fields table tr th.subheader { font-weight:bold; } .zenario_user_forms .form_fields table tr th.spacer { background:transparent; } .zenario_user_forms .form_fields table tr td { background:#f4f5f7; } .zenario_user_forms .form_fields table tr td:first-child { width:35%; font-weight:bold; } .zenario_user_forms .form_fields table tr td.subheader_description:first-child { font-weight:normal; } /* User forms, Page switcher ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .page_switcher { overflow:hidden; margin-bottom:2em; } .zenario_user_forms .page_switcher ul, .zenario_user_forms .page_switcher ul li { list-style:none; padding:0; margin:0; display:inline-block; float:left; } .zenario_user_forms .page_switcher ul li span { display:inline-block; color: white; text-decoration: none; padding: 10px 0 10px 45px; background: #8db1c4; position: relative; display: block; float: left; } .zenario_user_forms .page_switcher ul li span::after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid #8db1c4; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .zenario_user_forms .page_switcher ul li span::before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .zenario_user_forms .page_switcher ul li:first-child span { padding-left: 15px; } .zenario_user_forms .page_switcher ul li.current span { background: #2a98ce; } .zenario_user_forms .page_switcher ul li.current span:after { border-left-color: #2a98ce; } .zenario_user_forms .page_switcher ul li.complete span { background: #55b94d; } .zenario_user_forms .page_switcher ul li.complete span:after { border-left-color: #55b94d; } .zenario_user_forms .page_switcher ul li:last-child span { pointer-events: none; cursor: default; } .zenario_user_forms .page_switcher ul li.clickable_step, .zenario_user_forms .page_switcher ul li.clickable_step span:before, .zenario_user_forms .page_switcher ul li.clickable_step span:after { cursor:pointer; } body.mobile .zenario_user_forms .page_switcher { font-size:0.857em; } body.mobile .zenario_user_forms .page_switcher ul li span { padding-left:30px; } body.mobile .zenario_user_forms .page_switcher ul li:first-child span { padding-left:10px; } body.mobile .zenario_user_forms .page_switcher ul li span::before , body.mobile .zenario_user_forms .page_switcher ul li span:after{ border-top-width:40px; border-bottom-width:40px; border-left-width:20px; margin-top:-40px; } /* Resume --------------------------------------------------------------------------------------------------*/ .zenario_user_forms .resume_box { border:1px solid #ccc; padding:2em; text-align:center; } .zenario_user_forms .resume_box .resume_buttons { display:flex; flex-wrap: wrap; gap:20px; justify-content:center; } body.mobile .zenario_user_forms .resume_box .resume_buttons { gap:10px; } /* User forms, Grouping_Contact ------------------------------------------------------------------------------------------------- */ .Grouping_Contact .zenario_user_forms .form_wrapper { margin-left:30px; } /* User forms, popup ------------------------------------------------------------------------------------------------- */ .zenario_user_forms.form_popup { width:350px !important; position:fixed; z-index:100; bottom:0; right:50px; display:none; min-height:32px; } .zenario_user_forms.form_popup .form_wrapper { position:absolute; bottom:0; right:0; width:350px; height:38px; } .zenario_user_forms.form_popup, .zenario_user_forms.form_popup .form_wrapper, .zenario_user_forms.form_popup .form_wrapper > h2, .zenario_user_forms.form_popup .success > h2 { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; } .zenario_user_forms.form_popup .form_wrapper > h2, .zenario_user_forms.form_popup .success > h2 { height:18px; padding:10px; margin:0; font-size:16px; line-height:15px; background:#ec5c30; color:#FFF; font-family:'robotolight',Arial, Helvetica, sans-serif; text-align:left; cursor:pointer; } .zenario_user_forms.form_popup .form_wrapper > h2:before, .zenario_user_forms.form_popup .success > h2:before { font-family: 'FontAwesome'; content: "\f0e0"; position:relative; left:0; top:0; padding-right:12px; } .zenario_user_forms.form_popup .form_wrapper > h2 { background-image:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/background-contact.png'); background-position:right top; background-repeat:no-repeat; } .zenario_user_forms.form_popup .user_form { height:580px; overflow-y:auto; padding:10px 20px 20px; -webkit-box-shadow:0 12px 25px 8px rgba(0,0,0,0.17); box-shadow:0 12px 25px 8px rgba(0,0,0,0.17); position:relative; } .zenario_user_forms.form_popup .user_form .form_error { color:#AF0615; font-size:0.938em; } .zenario_user_forms.form_popup .user_form .form_field { padding:6px 0 3px 0; } .zenario_user_forms.form_popup .user_form .form_field.field_section_description { padding-top:0; } .zenario_user_forms.form_popup .user_form .form_field.field_section_description .description p { margin-bottom:0; } .zenario_user_forms.form_popup .user_form .form_field .field_title { font-size:0.875em; padding-bottom:5px; } .zenario_user_forms.form_popup .user_form .form_field:not(.field_checkbox) .field_title { font-size:0.65em; text-transform:uppercase; padding-bottom:0; } .zenario_user_forms.form_popup.hide .close { display:none; } .zenario_user_forms.form_popup.show .close { position:absolute; top:580px; right:-25px; padding-top:0; width:25px; height:28px; display:block; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor:pointer; font-size:0; line-height:0; } .zenario_user_forms.form_popup.show .close:before { font-family: 'FontAwesome'; content: "\f00d"; font-size:18px; padding-left:5px; text-indent:initial; font-size:18px; line-height:24px; } .zenario_user_forms.form_popup .user_form input[type="text"], .zenario_user_forms.form_popup .user_form input[type="email"], .zenario_user_forms.form_popup .user_form textarea { width:calc(100% - 20px); color:#808285; font-size:0.875em; } .zenario_user_forms.form_popup .user_form input[type="text"], .zenario_user_forms.form_popup .user_form input[type="email"] { height:34px; line-height:34px; padding-top:0; padding-bottom:0; } .zenario_user_forms.form_popup .user_form textarea { height:100px; } .zenario_user_forms.form_popup .user_form .form_field.has_error .form_error { font-size:0.8em; } .zenario_user_forms.form_popup .user_form .form_buttons { text-align:center; padding-bottom:20px; } .zenario_user_forms.form_popup .user_form .form_buttons input[type="button"] { width:100%; height:50px; margin-top:10px; font-size:15px; padding:0 0 3px; } .zenario_user_forms.form_popup.hide .form_wrapper { -webkit-transition: all 0.8s ease-in; -moz-transition: all 0.8s ease-in; transition: all 0.8s ease-in; } .zenario_user_forms.form_popup.show .form_wrapper { bottom:580px; -webkit-transition: all 0.8s ease-in; -moz-transition: all 0.8s ease-in; transition: all 0.8s ease-in; } .zenario_user_forms.form_popup .success p { padding:20px; text-align:center; } .zenario_user_forms.form_popup .success { opacity:1; width:300px; height:calc(580px + 40px); font-size:16px; line-height:24px; padding:0; margin-bottom:0; -webkit-border-radius:0; border-radius:0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; -webkit-box-shadow:0 12px 25px 8px rgba(0,0,0,0.17); box-shadow:0 12px 25px 8px rgba(0,0,0,0.17); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .zenario_user_forms.form_popup.hide .success { opacity:0; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .zenario_user_forms.form_popup .user_form, .zenario_user_forms.form_popup.show .close, .zenario_user_forms.form_popup .success { background:#FFF; } .zenario_user_forms.form_popup .user_form, .zenario_user_forms.form_popup.show .close, .zenario_user_forms.form_popup.show .close:before, .zenario_user_forms.form_popup .success, .zenario_user_forms.form_popup .success p { color:#000; } .zenario_user_forms.form_popup .user_form .field_section_description.bottom_text { text-align:center; font-size:14px; line-height:18px; } .zenario_user_forms.form_popup .user_form .field_section_description.bottom_text .field_title { display:block; color:#f6c7d4; font-weight:700; } .zenario_user_forms.form_popup .user_form .field_section_description.bottom_text p { margin-bottom:0; font-weight:500; } .zenario_user_forms.form_popup.hide .success { display:none; } .zenario_user_forms.form_popup .form_field * { color:#333; } .zenario_user_forms.form_popup .form_field.field_checkbox { padding-top:8px; } .zenario_user_forms.form_popup .form_field.field_checkbox .field_title { padding-top:3px; } .zenario_user_forms.form_popup .form_field.field_checkbox .field_title, .zenario_user_forms.form_popup .form_field.field_checkbox .note_to_user { font-size:0.75em; line-height:1.3em; } .zenario_user_forms.form_popup .user_form .form_field:not(.mandatory) .field_title { color:#999; } .zenario_skin .Gridbreak_Footer .zenario_user_forms .error, .zenario_skin .Gridbreak_Footer .zenario_user_forms .error * { color:#AF0615; } .zenario_skin .Gridbreak_Footer .zenario_user_forms .error { padding-top:15px; } .zenario_skin .Gridbreak_Footer .zenario_user_forms .error a { text-decoration:underline; } /* Document upload --------------------------------------------------------------------------------------------------*/ .zenario_user_forms .field_document_upload { padding:0.5em 1em 1em; background:#e7f6ff; } .zenario_user_forms .field_document_upload .files_preview { padding-bottom:5px; } .zenario_user_forms .field_document_upload .overlay_1:before { content:""; position:fixed; z-index:99; background:rgba(0,0,0,0.8); top:0; bottom:0; left:0; right:0; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 { position: fixed; z-index:100; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:calc(95% - 4em); max-width:calc(740px - 4em); padding:2em; background:#FFF; border:5px solid #00659b; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files { min-width:auto !important; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files .file_row { overflow:hidden; padding: 5px 8px; margin:2px; background: #e7f6ff; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files .file_row p { float:left; width:calc(100% - 30px); margin-bottom:2px; font-size: 0.9em; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files .file_row span.delete { float:right; width:30px; height:24px; font-size:0; text-align:right; cursor:pointer; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files .file_row span.delete:before { font-family:"FontAwesome"; content:"\f1f8"; font-size:16px; transition:all 0.2s ease-in-out; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .files .file_row span.delete:hover:before { color:#c83636; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .error { padding-top:8px; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .content .error p, .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .footer .section_wrap .button { font-size:0.875em; margin-bottom: 5px; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .footer .section_wrap { padding-top:1em; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .footer .section_wrap.save { text-align:center; } .zenario_user_forms .field_document_upload input[type="button"].open_popup_1, .zenario_user_forms .field_document_upload input[type="button"].open_popup_1:hover, .zenario_user_forms .field_document_upload .overlay_1 .popup_1 .footer .section_wrap.save input.save { background:#00659b; color:#FFF; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close { font-size:0; line-height:0; width:30px; height:30px; cursor:pointer; position:absolute; right:10px; top:10px; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:before, .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:after { position: absolute; left: 15px; content: ' '; height: 22px; width: 3px; background-color: #333; transition:all 0.2s ease-in-out; } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:before { transform: rotate(45deg); } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:after { transform: rotate(-45deg); } .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:hover:before, .zenario_user_forms .field_document_upload .overlay_1 .popup_1 span.close:hover:after { background-color:#00659b; } /* Inline form */ .zenario_user_forms .user_form_click_here h3 { font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:1em; } /* 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; } /**/ /* Buttons --------------------------------------------------------------------------------------------------*/ .zenario_slot:not(.zenario_comments) input[type='submit'], .zenario_slot:not(.zenario_comments) input[type='button'], .zenario_slot:not(.zenario_comments) button, .banner_more_button .banner_more a, .extranet_wrap input[type='submit'], a.nice_button, a.link_like_button, .zenario_user_forms .repeat_block_buttons .add, .zenario_ctype_event .event_more_info a, .zenario_ctype_document_search .search_results .result .result_info a, .zenario_user_forms .user_form_click_here h3, .zenario_content_list__default_style a.content_list_more_link, .zenario_job_vacancy_summary_list__default_style a.content_list_more_link, .zenario_document_container .view_button a, .zenario_document_container .download_link a, .zenario_document_container #archive_download_link > a { display:inline-block; min-width:80px; height:45px; line-height:42px; padding: 0 20px; border:0; background:#000; color:#FFF; text-align:center; -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_slot:not(.zenario_comments) input[type='submit'], .zenario_slot:not(.zenario_comments) input[type='button'], .zenario_slot:not(.zenario_comments) button, .extranet_wrap input[type='submit'] { min-width:120px; } .zenario_slot:not(.zenario_comments) input[type='submit']:hover, .zenario_slot:not(.zenario_comments) input[type='button']:hover, .zenario_slot:not(.zenario_comments) button:hover, .extranet_wrap a.nice_button:hover, .banner_title_button .banner_title a:hover, .banner_more_button .banner_more a:hover, .extranet_wrap .extranet_view_profile .extranet_links a:hover, .extranet_wrap .extranet_close_account_button:hover, a.nice_button:hover, a.link_like_button:hover, .zenario_user_forms .repeat_block_buttons .add:hover, .zenario_ctype_event .event_more_info a:hover, .zenario_ctype_document_search .search_results .result .result_info a:hover, .zenario_user_forms .user_form_click_here h3:hover, .zenario_content_list__default_style a.content_list_more_link:hover, .zenario_job_vacancy_summary_list__default_style a.content_list_more_link:hover, .zenario_document_container .view_button a:hover, .zenario_document_container .download_link a:hover, .zenario_document_container #archive_download_link > a:hover { background:rgb(0,101,155); text-decoration:none; opacity:1; } .zenario_slot:not(.zenario_comments) input[type='submit'].cancel, .zenario_slot:not(.zenario_comments) input[type='button'].cancel, .zenario_slot:not(.zenario_comments) button.cancel, .zenario_skin input.cancel, .zenario_skin a.nice_button.cancel, .zenario_skin a.link_like_button.cancel { background:#717b88; } .zenario_slot:not(.zenario_comments) input[type='submit'].cancel:hover, .zenario_slot:not(.zenario_comments) input[type='button'].cancel:hover, .zenario_slot:not(.zenario_comments) button.cancel:hover, .zenario_skin input.cancel:hover, .zenario_skin a.nice_button.cancel:hover, .zenario_skin a.link_like_button.cancel:hover { background:#8491a2; } .zenario_slot:not(.zenario_comments) input[type='submit'].clear, .zenario_slot:not(.zenario_comments) input[type='button'].clear, .zenario_slot:not(.zenario_comments) button.clear, .zenario_skin input.clear, .zenario_skin a.nice_button.clear, .zenario_skin a.link_like_button.clear { background:#384454; } .zenario_slot:not(.zenario_comments) input[type='submit'].clear:hover, .zenario_slot:not(.zenario_comments) input[type='button'].clear:hover, .zenario_slot:not(.zenario_comments) button.clear:hover, .zenario_skin input.clear:hover, .zenario_skin a.nice_button.clear:hover, .zenario_skin a.link_like_button.clear:hover { background:#617187; } .light.banner_more_button .banner_more a { background:#FFF; color:#000; } .light.banner_more_button .banner_more a:hover { background:#b8babc; color:#282e35; } /* Small buttons */ .zenario_slot:not(.zenario_comments) input[type='submit'].small, .zenario_slot:not(.zenario_comments) input[type='button'].small, .zenario_slot:not(.zenario_comments) button.small, .zenario_user_forms .repeat_block_buttons .add, .zenario_ctype_document_search .search_results .result .result_info a, .zenario_document_container .view_button a, .zenario_document_container .download_link a, .zenario_document_container #archive_download_link > a, .zenario_skin a.link_like_button.small { min-width:auto; height: 30px; line-height: 28px; font-size:0.9em; } /* Google map buttons reset */ .zenario_slot .gm-style button { min-width:auto; line-height:normal; color: inherit; } /* Format class defined on description.yaml : Block highlight --------------------------------------------------------------------------------------------------*/ .zenario_slot .div_highlight { padding:15px; margin-bottom:15px; background:#2A46CE; color:#FFF; } /* Format class defined on description.yaml : Paragraph tip info --------------------------------------------------------------------------------------------------*/ .zenario_slot p.tip_info { position:relative; padding:15px 15px 15px 55px; background:#DEBC31; } .zenario_slot p.tip_info, .zenario_slot p.tip_info a { color:#FFF; } .zenario_slot p.tip_info a { text-decoration:underline; } .zenario_slot p.tip_info:before { font-family: "FontAwesome"; content: "\f05a"; padding-right: 10px; font-size: 30px; position: absolute; left: 15px; top: 0; } /* Aligment and colors options --------------------------------------------------------------------------------------------------*/ .align_left { text-align:left; } .align_center { text-align:center; } .align_center img { margin:auto; } .align_right { text-align:right; } .dark, .dark a { color:#000; } .light, .light a { color:#FFF; } /* Sections titles --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_standard .banner_title h2, .zenario_html_snippet p.section_title, .zenario_plugin_nest.nest_portfolio .nest_title p, .zenario_plugin_nest.nest_full_boxes .nest_title p { font-size: 1em; font-family: 'robotolight',Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px; } /* Various phone styles --------------------------------------------------------------------------------------------------*/ p.phone { margin:0; padding-left:18px; font-size:0.813em; position:relative; display:inline-block; } p.phone:before { font-family: 'FontAwesome'; content: "\f095"; font-size:16px; position:absolute; top:0; left:0; padding-right:5px; } /* Node external links --------------------------------------------------------------------------------------------------*/ .link_external > a:after, a.link_external:after, .has_child.link_external > a:before, a.has_child.link_external:before { font-family: "FontAwesome"; content: "\f08e"; } .link_external > a:after, a.link_external:after { padding-left: 8px; font-size: 14px; display: inline-block; } .link_external > a:hover::after, a.link_external:hover::after { text-decoration:none !important; } .zenario_menu_responsive_multilevel_2 .has_child.link_external > a::before { content:""; } /* 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/zebra_designs/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; } /* Extranet forms --------------------------------------------------------------------------------------------------*/ .zenario_extranet p.extranet_redirect_message { text-align:center; margin-bottom:20px; } .extranet_wrap { max-width:740px; padding:40px; margin:auto; border:4px solid #dcdcdc; box-shadow:0 0 12px rgba(0,0,0,0.1); text-align:center; } .extranet_wrap h1, .extranet_wrap h2, .extranet_wrap .extranet_welcome_text { margin-bottom:30px; } .extranet_wrap h1, .extranet_wrap .extranet_welcome_text { font-size:3em; } .extranet_wrap .extranet_welcome_text { font-family: 'cardoregular','Times New Roman','Georgia',serif; color:#000; } .extranet_wrap .extranet_field, .extranet_wrap .extranet_links, .extranet_wrap .extranet_remember_me, .extranet_wrap .extranet_log_me_in, .extranet_wrap .form_field { text-align:left; margin-top:15px; } .extranet_wrap .extranet_btn, .zenario_extranet_profile .extranet_wrap .form_buttons { overflow:hidden; margin-top:25px; } .extranet_wrap .extranet_field .extranet_field, .zenario_extranet_profile .extranet_wrap .form_buttons .extranet_links { margin-top:0; } .extranet_wrap .extranet_remember_me + .extranet_log_me_in { margin-top:5px; } .extranet_wrap .extranet_field .label, .extranet_wrap .form_field .field_title { padding-bottom:5px; } .extranet_wrap .extranet_links, .extranet_wrap .extranet_remember_me, .extranet_wrap .extranet_log_me_in { font-size:0.875em; } .extranet_wrap .extranet_links { text-align:center; } .extranet_wrap .extranet_links a { text-decoration:underline; } .extranet_wrap .extranet_view_profile .extranet_links { font-size:1em; display:flex; gap:10px; justify-content:center; } .extranet_wrap .extranet_view_profile .extranet_links a { text-decoration:none; } .zenario_extranet_profile .extranet_wrap .form_buttons input, .zenario_extranet_profile .extranet_wrap .form_buttons a { display:inline-block; margin:0 8px; } .extranet_wrap .extranet_field.zenario_visitor_tooltip_wrap .zenario_visitor_tooltip { top:27px; right:-145px; } .extranet_wrap .screen_name_confirmed_info { margin-bottom:30px; } .extranet_profile_edit_note { padding-top:0.2em; font-size:0.857em; font-style:italic; } .extranet_profile_edit_note a { text-decoration:underline; } .extranet_wrap .bottom_options { text-align:left; padding-top: 1em; margin-top: 25px; border-top: 1px solid #e6e3e3; } .extranet_wrap .extranet_close_account_button { display: inline-block; padding: 0 10px 2px; background: #e3eaee; line-height: 30px; color: #666; font-size: 85%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .extranet_wrap .extranet_close_account_button:hover { color:#FFF; } /* Password field with eye icon --------------------------------------------------------------------------------------------------*/ .zenario_skin .password_field_with_eye { position:relative; } .zenario_skin .password_field_with_eye input { padding-right:40px; } .zenario_skin .password_field_with_eye .eye_icon { display: inline-block; position:absolute; z-index:1; top: 50%; transform: translateY(-50%); left:calc(100% - 30px); transition:all 0.2s ease-in-out; cursor:pointer; } .zenario_skin .password_field_with_eye .eye_icon:hover { color:#000; } .zenario_skin .password_field_with_eye input, .zenario_skin .password_field_with_eye input[type="password"] { width:calc(100% - 12px - 40px); } /* Image Credits, banner, MIC plugin, meta data --------------------------------------------------------------------------------------------------*/ .zenario_banner .banner_image { display:inline-block; overflow:hidden; } .zenario_banner .banner_wrap_inner > a, .zenario_banner .banner_image, .zenario_multiple_image_container .banner_image, .zenario_multiple_image_container .banner_image > a, .zenario_multiple_image_container .banner_image > .banner_image_wrap { position:relative; } span.banner_image_credit, .zenario_meta_data .sticky_image span.image_credit { font-size:12px; color:#333; } body.desktop span.banner_image_credit, body.desktop .zenario_meta_data .sticky_image span.image_credit { letter-spacing:0.02em; } .zenario_banner .banner_wrap_inner > a span.banner_image_credit, .zenario_banner .banner_image span.banner_image_credit, body.desktop .zenario_multiple_image_container .banner_image span.banner_image_credit, .zenario_meta_data .sticky_image span.image_credit { position:absolute; left:0; bottom:0; padding:0 8px; background:rgba(255,255,255,0.4); white-space:nowrap; } .zenario_meta_data .sticky_image span.image_credit { padding-bottom:2px; } .zenario_banner .banner_wrap_inner > a span.banner_image_credit, .zenario_banner .banner_image span.banner_image_credit, body.desktop .zenario_multiple_image_container .banner_image span.banner_image_credit { -webkit-transform: translateY(100%) rotate(-90deg); -moz-transform: translateY(100%) rotate(-90deg); transform: translateY(100%) rotate(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; } .zenario_banner .banner_image picture + span.banner_image_credit, body.desktop .zenario_multiple_image_container .banner_image picture + span.banner_image_credit { -webkit-transform-origin: -2px -2px; -moz-transform-origin: -2px -2px; transform-origin: -2px -2px; } .zenario_banner .banner_wrap_inner > a:hover span.banner_image_credit, body.desktop .zenario_multiple_image_container .banner_image a:hover span.banner_image_credit { text-decoration:none; } body.desktop .zenario_multiple_image_container .banner_image > picture + span.banner_image_credit { bottom:auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } body.mobile .zenario_banner .banner_wrap_inner > a span.banner_image_credit, body.mobile .zenario_banner .banner_image span.banner_image_credit { max-width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body.mobile .zenario_multiple_image_container .banner_image span.banner_image_credit { display:block; text-align:left; color:#777; } /* Cookies consent message --------------------------------------------------------------------------------------------------*/ .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 { font-family:'cardoregular','Times New Roman','Georgia',serif; line-height:1.3em; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1 { font-size:2.5em; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2 { font-size:2.2em; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3 { font-size:1.8em; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap a { color:#00659B; } .zenario_skin .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie > .cookie_info h5 { font-family:Verdana,Arial,Helvetica,Sans-Serif; margin:0; } .zenario_skin .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input { line-height:1em; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover { color:#FFF; } div.zenario_cookie_consent, .zenario_cookie_consent_manage_popup .switch input:checked + .slider, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input, .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:#00659B; } div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap { background-color:#00659B; } .zenario_cookie_consent_manage_popup .switch input:disabled + .slider { opacity:0.5; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover { border-color:#00659B; } /* Pagination --------------------------------------------------------------------------------------------------*/ .pag_pagination { margin-top:10px; text-align:center; } .pag_pagination span a { display:inline-block; margin: 0 1px 5px; padding: 0 8px 3px; color:#FFF; background:#555; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .pag_pagination span a:hover, .pag_pagination span.pag_page_on a { background:#000; text-decoration:none; } /* Sensitive content */ .zenario_sensitive_content { position:fixed; z-index:999; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); } .zenario_sensitive_content .zenario_sensitive_content_wrap { position:fixed; z-index:1000; top: 50%; left: 50%; transform: translate(-50%, -50%); width:560px; border:5px solid #1e2021; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); } .zenario_sensitive_content .zenario_sensitive_content_wrap, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_title { background:#1e2021; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons { background:#ebebeb; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_title, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons { padding:20px 30px; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons { padding-top:10px; text-align:center; } .zenario_sensitive_content .zenario_sensitive_content_wrap { font-family:Arial,Verdana,Helvetica; line-height:18px; } .zenario_sensitive_content .zenario_sensitive_content_wrap span.red { color:#ff0015; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_title { font-size:18px; font-weight:700; color:#FFF; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message { font-size:12px; color:#30302d; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message h4 { font-size:14px; font-weight:700; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message p, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message h4, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message ol { margin-top:5px; margin-bottom:8px; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message ol { margin-left:20px; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message ol li { margin-bottom:5px; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_message a { color:#ff0015; text-decoration:underline; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons a { display:inline-block; height:38px; line-height:36px; padding:0 12px; font-size:16px; font-weight:700; background:#30302d; color:#FFF; -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; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons a:hover { opacity:0.8; } .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons a, .zenario_sensitive_content .zenario_sensitive_content_wrap .zenario_sc_buttons a:hover { text-decoration:none; } /* Pinned --------------------------------------------------------------------------------------------------*/ .zenario_slot .pinned, .zenario_slot .pinned_icon:after, .zenario_slot .pinned_text { color:#5F9EA0; } .zenario_slot .pinned_text { font-size: 90%; } /* Shared links --------------------------------------------------------------------------------------------------*/ .shareable_link, .shareable_link_input { display:inline-block; } .shareable_link_input { position:relative; } .shareable_link .zenario_copy { width:20px; height:14px; background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-copy-link.svg') no-repeat center center / 100% auto; } .shareable_link .zenario_copy:hover { background:url('../../zenario_custom/skins/zebra_designs/editable_css/../images/icon-copy-link-blue.svg') no-repeat center center / 100% auto; } .shareable_link .zenario_copy .fa-copy { display:none; } .shareable_link_input .zenario_visitor_tooltip { white-space:nowrap; position:absolute; top:25px; left:-40px; } /* Password tooltip --------------------------------------------------------------------------------------------------*/ .zenario_password_requirements_tooltip ul li.fail { color:#e77676; } /* Use these classes for responsive videos --------------------------------------------------------------------------------------------------*/ .video_responsive_container { max-width:1100px; 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; } /**/ .zenario_skin .zfea_button, .zenario_skin .nest_buttons a, .zenario_skin .icon_button, .zenario_skin div[class*="fea"] input[type="submit"], .zenario_skin div[class*="fea"] input[type="button"] { background-color:#2a98ce; color:#fff; } .zenario_skin div[class*="fea"] input[type="submit"], .zenario_skin div[class*="fea"] input[type="button"] { height:36px; line-height:1em; } .zenario_skin div[class*="fea"] input[type="text"], .zenario_skin div[class*="fea"] input[type="password"], .zenario_skin div[class*="fea"] input[type="email"], .zenario_skin div[class*="fea"] input[type="search"], .zenario_skin div[class*="fea"] input.search_term, .zenario_skin div[class*="fea"] textarea, .zenario_skin div[class*="fea"] select { max-width:450px; } .zenario_skin .icon_button, .zenario_skin .zfea_button.delete { background-color:#B20000; } .zenario_skin .zfea .search_form input[type="submit"] { height:41px; background-color:#2a98ce; border-color:#2a98ce; color:#FFF; } .zenario_skin .zfea .search_form input[type="submit"]:hover { opacity:0.8; } .zenario_skin .zfea_table_list_wrap table tr th, .zenario_skin .zfea_table_list_wrap table tr td { border:0; border-bottom:1px solid #ccc; } .zenario_skin table.table_list tr th { background:#AAA; } .zfea_form_row__last_edited { font-size: 0.857em; font-style: italic; text-align: right; padding-right: 2px; } .zenario_skin .zfea .search_form input.search_term { height: 37px; } .zenario_skin .zfea .search_form input[type="submit"] { color:#2a98ce; background:#FFF; border-color:#ccc; } .zenario_skin .zfea .search_form input.search_term:focus { box-shadow: none; } .zenario_skin .zfea .search_form input[type="button"].clear_search { height: 30px; top: 5px; } .zenario_skin .zfea .search_form input[type="button"].clear_search:hover { color:#333; background:#FFF; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_val, .zenario_slot:not(.zenario_comments) input[type="button"].zenario_remove_val { min-width:auto; padding:0; } .zenario_skin div[class*="fea"] input[type="text"].zenario_datepicker { width:120px; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { margin-top:10px; } /* Videos ZFEA --------------------------------------------------------------------------------------------------*/ .zenario_videos_fea .view_toggle_wrap > div.on { background:#2a98ce; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { color:#2a98ce; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block, .zenario_videos_fea .zfea_block_like_block .zfea_block { background:#eaf0f4; } .zenario_videos_fea .zfea_list_search_sort_wrapper { margin-bottom:20px; } /**/ /* Layout min-width: 1280px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1281px) { .nest_portfolio .zenario_banner, .nest_portfolio .zenario_banner .banner_wrap, .nest_portfolio .zenario_banner .banner_wrap .banner_wrap_outer, .nest_portfolio .zenario_banner .banner_wrap .banner_wrap_outer .banner_wrap_inner, .zenario_banner.banner_overlay_content, .zenario_banner.banner_overlay_content > div, .zenario_banner.banner_overlay_content > div > div, .zenario_banner.banner_overlay_content > div > div > div { width:100% !important; } .nest_portfolio .zenario_banner .banner_wrap_inner > a, .zenario_banner.banner_overlay_content .banner_wrap_inner > a { width:auto !important; } .zenario_banner.banner_overlay_content .banner_wrap_inner > a { background-size:contain !important; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content { padding:0 50px; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_title h2 { font-size: 3.5em; font-size: 3.5vh; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-size: 2em; font-size: 2vh; } .Slot_Slideshow .zenario_slideshow a.next { right:15px; } .Slot_Slideshow .zenario_slideshow a.prev { left:15px; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_image picture img { max-width:100% !important; height:auto !important; } .zenario_advanced_search .search_entry_box_panel { left:0; right:0; } .zenario_multiple_image_container .banner_images .banner_image img { max-width:100% !important; height:auto !important; } } /* Layout min-width: 1045px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1045px) { .extranet_wrap .extranet_field.zenario_visitor_tooltip_wrap .zenario_visitor_tooltip { right:0; } } /* Layout min-width: 1024px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .zenario_skin img, .Gridbreak_Header img { max-width:100% !important; height:auto !important; } .zenario_skin .zenario_html_snippet img { max-width:calc(100% - 20px) !important; } .zenario_menu .wrap_menu_inner > ul > li, .zenario_promo_menu ul li { padding:0 10px; } .zenario_html_snippet img { padding:10px; } .zenario_skin .zenario_google_map img { max-width:none !important; height:initial !important; } .nest_portfolio .zenario_banner .banner_wrap_inner > a, .zenario_banner.banner_overlay_content .banner_wrap_inner > a { width:auto !important; background-size:cover !important; } .nest_portfolio .zenario_banner .banner_wrap_inner > a { height:350px !important; } .zenario_banner.banner_overlay_content .banner_wrap_inner > a { height:350px !important; } .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content p { font-size:0.875em; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_title h2 { font-size: 3em; font-size: 3vh; } .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-size: 1.75em; font-size: 1.75vh; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:400px; } .zenario_country_language_picker__default_style .zenario_country_language_picker_wrap { width:750px; } } /* Layout min-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 769px) { body.mobile .Gridbreak_Top { margin-bottom:50px; } body.mobile .zenario_plugin_nest.nest_top_bar .nest_plugins > div { display:inline-block; float:left; padding-right:8px; } body.mobile .zenario_plugin_nest.nest_top_bar .zenario_advanced_search .search_button_panel .search_button { position:absolute; right:0; } body.mobile .zenario_skin h1 { font-size:2em; } body.mobile .zenario_skin h2 { font-size:1.5em; } body.mobile .zenario_skin h3 { font-size:1.375em; } body.mobile .zenario_skin h4 { font-size:1.25em; } body.mobile .zenario_skin h5 { font-size:1.125em; } body.mobile .zenario_skin h6 { font-size:1em; } body.mobile .space_at_top { margin-top:20px; } body.mobile .Gridbreak_Header { height:50px; } body.mobile .Gridbreak_Header .container { position:relative; text-align:center; } body.mobile .Gridbreak_Body .container, body.mobile .Gridbreak_Content .container, body.mobile .Gridbreak_Footer .container, body.mobile .Gridbreak_Full_Boxes .container, body.mobile .Gridbreak_Top .container { padding-left:15px; padding-right:15px; } body.mobile .Gridbreak_Body .zenario_slot { margin-bottom:30px; } body.mobile .Gridbreak_Body .zenario_slot .zenario_slot { margin-bottom:auto; } body.mobile .zenario_banner.banner_logo { display:inline-block; position:absolute; left:0; right:0; margin:auto; } body.mobile .zenario_banner.banner_logo .banner_image { padding-top:10px; } body.mobile .Gridbreak_Body .container { min-height:0; } body.mobile .Slot_Slideshow .zenario_slideshow { padding-bottom:20px; } body.mobile .Slot_Slideshow .zenario_slideshow .banner_content { font-size:200%; } body.mobile .Slot_Slideshow .zenario_slideshow .banner_content .banner_title { line-height:1.2em; } body.mobile .Slot_Slideshow .zenario_slideshow .banner_content .banner_text { line-height:1.2em; } body.mobile .zenario_slideshow a.prev, body.mobile .zenario_slideshow a.next { font-size:200%; } body.mobile .zenario_slideshow a.prev { left:10px; } body.mobile .zenario_slideshow a.next { right:10px; } body.mobile .zenario_banner.banner_masthead .banner_wrap_inner > a { height:250px !important; } body.mobile .zenario_banner.banner_masthead .banner_content { bottom:0; padding:10px 15px; } body.mobile .zenario_banner.banner_masthead .banner_content .banner_title h2 { margin-bottom:5px; font-size:1.5em; } body.mobile .zenario_banner.banner_masthead .banner_content .banner_text p { font-size:0.875em; } body.mobile .zenario_banner.banner_masthead .banner_wrap_inner > a + .banner_content { margin-top:0; } body.mobile .nest_wrap .minigrid.span4 { width:30%; margin:0 1.5%; float:left; } body.mobile .zenario_banner.banner_standard > div { padding:0; } body.mobile .zenario_banner.banner_standard .banner_text h2 { margin-bottom:20px; } body.mobile .banner_standard { padding-bottom:20px; } body.mobile .banner_standard .banner_more { text-align:center; } body.mobile .Grouping_Contact { background:none; } body.mobile .Grouping_Contact .zenario_user_forms .form_wrapper { margin-left:0; } body.mobile .zenario_user_forms.form_contact { border-top:2px solid #b8babc; margin-top:20px; padding-top:20px; } body.mobile .zenario_user_forms.form_contact .form_buttons { text-align:center; } body.mobile .Gridbreak_Footer { padding:10px 0 50px; } body.mobile .Gridbreak_Footer .zenario_slot { padding-top:10px; } body.mobile .Gridbreak_Footer .Slot_Footer_Address, body.mobile .Gridbreak_Footer .Grouping_Footer { text-align:center; } body.mobile .nest_portfolio .zenario_banner .banner_wrap_inner > a { width:auto !important; height:250px !important; background-size:auto 100% !important; } body.mobile .nest_portfolio .span4 .zenario_banner .banner_content .banner_title h2 { font-size:1em; line-height:22px; } body.mobile .Gridbreak_Footer .Slot_Footer_Address, body.mobile .Grouping_Footer .zenario_slot, body.mobile .nest_portfolio .span4 .zenario_banner .banner_content .banner_text, body.mobile .nest_portfolio .span4 .zenario_banner .banner_content .banner_more { font-size:0.8em; line-height:20px; } body.mobile .zenario_user_forms.form_popup { right:0; left:0; margin:auto; } body.mobile .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria { font-size:90%; padding:15px; } body.mobile .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:300px; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results { width:calc(100% - 30px); display:block; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column .search_result { margin-left:0; margin-right:0; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column { padding-top:20px; margin-top:20px; border-top:2px solid #000; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column.column_1 { padding-top:0; margin-top:0; border-top:0; } body.mobile .extranet_wrap { padding:1em; } } /* Layout max-width: 680px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 681px) { body.mobile .zenario_user_forms.form_popup { display:none; } body.mobile .Gridbreak_Full_Boxes { padding:30px 0; } body.mobile .nest_wrap .minigrid.span4 { width:100%; margin:0; float:none; } body.mobile .nest_portfolio .nest_wrap .minigrid.span4 { width:47%; margin:0 1.5%; float:left; } body.mobile .nest_portfolio.zenario_plugin_nest .span4 .zenario_banner .banner_content .banner_title h2 { font-size:1.2em; margin-bottom:0; } body.mobile .nest_portfolio .span4 .zenario_banner .banner_content .banner_text { display:none; } body.mobile .zenario_plugin_nest.nest_full_boxes .zenario_slot { clear:both; overflow:hidden; padding:0 15px; } body.mobile .zenario_plugin_nest.nest_full_boxes .zenario_slot .banner_image { width:80px; float:left; } body.mobile .zenario_plugin_nest.nest_full_boxes .zenario_slot .banner_content { width:calc(100% - 95px); float:right; text-align:left; padding-top:5px; } body.mobile .zenario_banner.banner_overlay_content .banner_wrap .banner_content { position:relative; top:-5px; transform:none; padding:15px 15px 20px; width:calc(100% - 30px); background:#f0f0f0; } body.mobile .zenario_banner.banner_overlay_content .banner_wrap .banner_more { padding-top:0; } body.mobile .zenario_banner.banner_masthead .banner_content { background:rgba(0,0,0,0.65); position:static; } body.mobile .zenario_banner.banner_masthead .banner_wrap_inner > a { height:150px !important; } body.mobile .zenario_banner.banner_masthead .banner_content { padding:8px 15px 5px; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_wrap_inner .banner_image img { float:left; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_wrap_inner .banner_image + .banner_content { margin-top:0; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_title h2 { font-size: 2.25em; font-size: 2.25vh; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-size: 1.25em; font-size: 1.25vh; } body.mobile .Slot_Slideshow .zenario_slideshow.light .zenario_banner .banner_content *, body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner.light .banner_content * { color:#000; text-shadow:0 0 8px rgba(255,255,255,0.7); } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row, body.mobile .Gridbreak_Body .zenario_content_list .content_list_data_row { width:100%; margin:0 0 15px; float:none; clear:both; overflow:hidden; } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row .sticky_image, body.mobile .Gridbreak_Body .zenario_content_list .content_list_data_row div.sticky_image { float:left; width:25%; margin-right:10px; } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row .content_list_text { overflow:hidden; } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row h2 { margin-top:0; } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row .content_list_excerpt p { font-size:0.857em; } body.mobile .zenario_content_list.csl_three_columns .content_list_listing .content_list_data_row p.content_list_date { margin-bottom:0; } body.mobile .zenario_multiple_image_container .banner_images .banner_image { width:48%; margin:10px 1%; } body.mobile .zenario_multiple_image_container .banner_images .banner_image:nth-child(odd) { clear:left; } body.mobile .zenario_multiple_image_container .banner_images .banner_image:nth-child(even) { clear:right; } body.mobile .zenario_multiple_image_container .banner_images .banner_image .title { font-size:0.750em; } body.mobile .slot > .zenario_event_calendar, body.mobile x-zenario-admin-slot-wrapper > .zenario_event_calendar { border:2px solid #000; overflow:hidden; overflow-x: auto; padding-bottom:10px; font-size:85%; } body.mobile .slot > .zenario_event_calendar .calendar, body.mobile x-zenario-admin-slot-wrapper > .zenario_event_calendar .calendar { width:740px; } body.mobile #colorbox .zenario_event_calendar { width:100%; height:90vh; } body.mobile .zenario_event_calendar .calendar_content .calendar_month_content table td { padding:8px; } body.mobile .zenario_event_calendar .calendar_content .calendar_month_content table td .event_count { font-size:11px; } body.mobile .zenario_event_calendar .calendar_content .calendar_month_content table td .content_cell .event { font-size:0.85em; } body.mobile .zenario_meta_data .writer_image { max-width:25%; margin-right:10px; } .zenario_location_listing__default_style .location_listing, .zenario_location_listing__default_style .single_location { padding:10px; } .zenario_location_listing__default_style .single_location .single_location_sticky_image { width:25%; min-width:80px; } .zenario_job_vacancy_summary_list__default_style .content_list_data_row { display:block; } .zenario_job_vacancy_summary_list__default_style .content_list_listing .content_list_data_row div.sticky_image { padding:0 0 10px; } .zenario_job_vacancy_summary_list__default_style .content_list_listing .content_list_data_row div.sticky_image img { display:block; margin:auto; } } /* Layout max-width: 650px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 651px) { #colorbox.zenario_slot { width:90% !important; left:0 !important; right:0 !important; margin:auto; } #colorbox.zenario_slot #cboxWrapper, #colorbox.zenario_slot #cboxLoadedContent { width:100% !important; } #colorbox.zenario_slot #cboxContent { width:calc(100% - 20px) !important; } #colorbox.zenario_slot #cboxLoadedContent .zenario_slot { width:100%; } div.responsive_table_wrap { position:relative; margin:1.5em 0; border: 1px dotted #ccc; padding: 30px 10px 10px; } div.responsive_table_wrap:before { font-family:FontAwesome; content:"\f0ec"; position:absolute; top:10px; left:10px; } div.responsive_table_wrap:after { content:"Slide to see more"; font-size:13px; position:absolute; top:10px; left:35px; background: #eee; padding: 2px 8px; } div.responsive_table { overflow-x:scroll; } div.responsive_table table { width:650px !important; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { body.mobile .zenario_plugin_nest.nest_top_bar .zenario_language_picker .lang_choose_text { display:none; } body.mobile .zenario_google_map > div { height:300px !important; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content { position:relative; top:-5px; background:#f0f0f0; padding:10px; font-size:100%; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_title h2 { font-size:1.2em; margin-bottom:0; padding-bottom:5px; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-size:0.8em; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text p { font-size:1em; } body.mobile .Slot_Slideshow .zenario_slideshow .zenario_banner .banner_content .banner_text { font-family:'robotolight',Arial, Helvetica, sans-serif; } body.mobile .zenario_slideshow a.prev, body.mobile .zenario_slideshow a.next { top:40px; } body.mobile .zenario_slideshow .bullet { height:40px !important; bottom:-30px !important; } body.mobile .zenario_slideshow .bullet div { width:40px; height:40px; margin:0 10px 0; } body.mobile .zenario_multiple_image_container .link_to_zip_download_page { padding-top:10px; } body.mobile .zenario_multiple_image_container .link_to_zip_download_page > span, body.mobile .zenario_multiple_image_container .link_to_zip_download_page > .prepare_data { float:none; margin:10px 0 0; } body.mobile .zenario_multiple_image_container .link_to_zip_download_page > .prepare_data .controls input[type="submit"] { top:0; } body.mobile .country_accordions .continent .countries_columns ul { width:100%; float:none; } .zenario_event_listing__default_style .event_listing .single_event .single_event_sticky_image { float: none; text-align:center; margin:0 0 10px; } .zenario_event_listing__default_style .event_listing .single_event .single_event_sticky_image img { margin:auto; } .zenario_ai_qdrant_search .search_box { padding:1em; } .zenario_ai_qdrant_search .search_results .search_result { padding:1em 0; } .zenario_ai_qdrant_search .search_box > div { display:block; text-align:center; } .zenario_ai_qdrant_search .search_box label { width:70px; float:left; } .zenario_ai_qdrant_search .search_box input.search_input_box { width:calc(100% - 22px - 70px); } .zenario_ai_qdrant_search .search_box input.search_entry_button { clear:both; margin-top:15px; } } /* Layout max-width: 320px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 321px) { body.mobile .zenario_skin h1 { font-size:2.5em; } body.mobile .zenario_skin h2 { font-size:2em; } body.mobile .nest_portfolio .nest_wrap .minigrid.span4 { width:100%; margin:0; float:none; } body.mobile .zenario_user_forms.form_popup.show .close { right:5px; top:5px; background:transparent; } body.mobile .zenario_user_forms.form_popup.show .close:before { color:#FFF !important; font-size:20px; } .zenario_ai_qdrant_search .search_box label { width:auto; float:none; } .zenario_ai_qdrant_search .search_box input.search_input_box { width:calc(100% - 22px); } } /* Layout max-width: 1024px - 768px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 768px) and (max-width: 1024px) { } /**/ @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-1-g8XH0Dum5CMsI43a-/skin.css was written to the page cache */