/* 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-style:normal; 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_date { float:left; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker { margin-right:4px; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_date { 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; } table.table_list tr th.zfea_col_sorted { color:#FFFFBF; } /* 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; } .zfea_edit_box h1, .zfea_zenario_edit_company h1 { padding-left:40px; } .zfea_edit_box h1, .zfea_zenario_edit_company h1, .edit_title { background:url('..//styles/fea/images/icon-pencil-dark-grey.svg') no-repeat 10px 10px / 16px 15px; } .edit_title { padding-left:25px; background-position:left center; } /* 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'); } .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete { background-color:#B20000; } .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, #colorbox.zfea_colorbox_content input[type="button"].delete_button { background:#B20000; color:#FFF; } .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, a.nest_show_embed, #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, .zenario_skin a.nest_show_embed: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, a.nest_show_embed, .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, a.nest_show_embed, .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; } /**/ /* Reset backgrounds */ #colorbox:not(.zenario_admin_cb) #cboxTitle, #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:hover { background:none; } #colorbox:not(.zenario_admin_cb) #cboxTopLeft, #colorbox:not(.zenario_admin_cb) #cboxTopCenter, #colorbox:not(.zenario_admin_cb) #cboxTopRight, #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft, #colorbox:not(.zenario_admin_cb) #cboxMiddleRight, #colorbox:not(.zenario_admin_cb) #cboxBottomLeft, #colorbox:not(.zenario_admin_cb) #cboxBottomCenter, #colorbox:not(.zenario_admin_cb) #cboxBottomRight { visibility:hidden; } #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft { display:none; } body #colorbox:not(.zenario_admin_cb) #cboxOverlay, body > #cboxOverlay { opacity:1 !important; background:rgba(0,0,0,0.8); position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } #colorbox:not(.zenario_admin_cb) #cboxContent { background: #FFF; -webkit-border-radius: 6px; margin: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); border: 5px solid #fff; font-family:'robotolight',Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5; } #colorbox:not(.zenario_admin_cb) #cboxLoadedContent { margin-bottom:0; } #colorbox:not(.zenario_admin_cb) #cboxTitle { bottom:0; left:0; color:#fff; width:100%; padding:0; width:calc(100% - 20px); padding:3px 10px; background:rgba(0,0,0,0.6); text-align:left; } #colorbox:not(.zenario_admin_cb) #cboxClose { min-width:auto; width:20px; height:20px; top:5px; right:5px; } #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxClose:hover:before, #colorbox:not(.zenario_admin_cb) #cboxClose:hover:after { background-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose:before { transform: rotate(45deg); } #colorbox:not(.zenario_admin_cb) #cboxClose:after { transform: rotate(-45deg); } #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext { display: inline-block; width: 12px; height: 12px; top:50%; } #colorbox:not(.zenario_admin_cb) #cboxCurrent { display:none !important; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { content: ''; display: inline-block; height: 12px; width: 12px; position: absolute; left: 0; top: 0; border:0; border-bottom:2px solid #000; border-right:2px solid #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #colorbox:not(.zenario_admin_cb) #cboxPrevious:hover:after, #colorbox:not(.zenario_admin_cb) #cboxNext:hover:after { border-color: #2a98ce; } #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:before, #colorbox:not(.zenario_admin_cb) #cboxClose:after, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxPrevious:after, #colorbox:not(.zenario_admin_cb) #cboxNext:after { outline:none; outline:0; } #colorbox:not(.zenario_admin_cb) #cboxPrevious { left:15px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #colorbox:not(.zenario_admin_cb) #cboxNext { right:15px; left:auto; -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic { display: inline-block; width: 40px; height: 40px; right:0; bottom:0; margin:auto; background:none; } #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic:after { content: " "; display: block; width: 34px; height: 34px; margin: 0; border-radius: 50%; border: 4px solid #000; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox:not(.zenario_admin_cb) form { margin:0; padding:0; } #colorbox:not(.zenario_admin_cb) input, #colorbox:not(.zenario_admin_cb) button, #colorbox:not(.zenario_admin_cb) select, #colorbox:not(.zenario_admin_cb) textarea, #colorbox:not(.zenario_admin_cb) select { font-size:1em; font-family:'robotolight',Arial, Helvetica, sans-serif; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) textarea, #colorbox:not(.zenario_admin_cb) select { width:calc(100% - 22px); padding:0 10px; color:#525151; background:#FFF; border:1px solid #b8babc; } #colorbox:not(.zenario_admin_cb) select { width:100%; } #colorbox:not(.zenario_admin_cb) textarea { padding-top:10px; padding-bottom:10px; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) select { height:30px; line-height:30px; font-size:1em; } #colorbox:not(.zenario_admin_cb) input[type='text'], #colorbox:not(.zenario_admin_cb) input[type='password'], #colorbox:not(.zenario_admin_cb) input[type='email'], #colorbox:not(.zenario_admin_cb) input[type='search'], #colorbox:not(.zenario_admin_cb) select, #colorbox:not(.zenario_admin_cb) textarea { -webkit-border-radius: 6px; border-radius: 6px; } #colorbox:not(.zenario_admin_cb) input[readonly=''], #colorbox:not(.zenario_admin_cb) input[disabled='disabled'], #colorbox:not(.zenario_admin_cb) textarea[disabled='disabled'], #colorbox:not(.zenario_admin_cb) select[disabled='disabled'] { color:#888 !important; background-color:#DFDFDF !important; border-color:#DFDFDF !important; opacity:0.8 !important; } #colorbox:not(.zenario_admin_cb) input[type='file'] { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #colorbox:not(.zenario_admin_cb) input[type='submit'], #colorbox:not(.zenario_admin_cb) input[type='button'], #colorbox:not(.zenario_admin_cb) button:not(#cboxClose):not(#cboxPrevious):not(#cboxNext) { display:inline-block; height:36px; line-height:32px; padding: 0 15px; border:0; background:#000; color:#FFF; text-align:center; font-size:0.938em; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } #colorbox:not(.zenario_admin_cb) input[type='submit']:hover, #colorbox:not(.zenario_admin_cb) input[type='button']:hover, #colorbox:not(.zenario_admin_cb) button:not(#cboxClose):not(#cboxPrevious):not(#cboxNext):hover { background:#b8babc; color:#282e35; text-decoration:none; } #colorbox.zenario_slot, #colorbox.zenario_slot #cboxWrapper { width:540px !important; } #colorbox.zenario_slot #cboxContent, #colorbox.zenario_slot #cboxLoadedContent { width:520px !important; } #colorbox.zenario_slot #cboxTitle { display:none !important; } #colorbox.caption_hidden #cboxTitle { display:none !important; } #colorbox .form_wrapper { padding:1em 30px; } #colorbox.zenario_user_forms .form_wrapper .user_form form { padding:0; } #colorbox .form_wrapper .form_field { margin:0; } #colorbox .form_wrapper .form_buttons { text-align:center; padding-bottom:1em; } /**/ .zenario_skin { font-family: 'Montserrat', sans-serif; font-weight:400; font-size:100%; line-height:1.5em; } .zenario_skin h1, .zenario_skin h2 { padding-bottom:10px; letter-spacing:-0.03em; } .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { font-weight:400; padding-bottom:10px; font-family: 'Indie Flower', cursive; } .zenario_skin table { font-size:1em; } .zenario_skin table td, .zenario_skin table th { vertical-align:top; padding:10px; border:1px solid #ccc; } .zenario_skin h1 { font-size:3em; } .zenario_skin h2 { font-size:2em; } .zenario_skin h3 { font-size:2em; } .zenario_skin h4 { font-size:1.5em; } .zenario_skin h5 { font-size:1.3em; } .zenario_skin h6 { font-size:0.875em; } .zenario_skin h1 { line-height:1.2em; } .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { line-height:1.2em; margin-bottom:8px; } .zenario_skin p { margin-bottom:20px; } .zenario_skin a { text-decoration:none; } .zenario_skin a:hover { text-decoration:underline; } .zenario_skin ul, .zenario_skin ol { margin:10px 10px 15px 20px; } .zenario_skin ul li { list-style:disc; } .zenario_skin hr { border:0; color:#CCC; background-color:#CCC; height:2px; } /* Colors --------------------------------------------------------------------------------------------------*/ .zenario_skin, .zenario_skin .zenario_breadcrumbs a { color:#444; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { color:#333; } .zenario_skin a, .zenario_skin .zenario_breadcrumbs .current a, .zenario_html_snippet ul:not(.not_fancy_list) li:before, .zenario_html_snippet.html_intro .zenario_wysiwyg blockquote { color:#149414; } /* 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. --------------------------------------------------------------------------------------------------*/ .x-small { font-size: .7em; } .small { font-size: .85em; } .medium { font-size: 1em; } .large { font-size: 1.3em; line-height:1.2em; } .x-large { font-size: 2em; line-height:1.2em; } .code { font-family: monospace; } /**/ /* Reset element properties --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="submit"], .zenario_skin input[type="search"], .zenario_skin button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; -webkit-border-radius: 0; } /* Form fields --------------------------------------------------------------------------------------------------*/ .zenario_skin form { margin:0; padding:0; } .zenario_skin input, .zenario_skin button, .zenario_skin select, .zenario_skin textarea { font-size:1em; font-family:'Montserrat', 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 { width:450px; } .zenario_skin select, .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin textarea { padding:0 10px; color:#444; border:0; background:#E9E9E9; height:36px; line-height:36px; } .zenario_skin textarea { padding-top:8px; padding-bottom:8px; height:120px; line-height:24px; } .zenario_skin input[type='file'] { font-size:0.867em; background:#f0f0f0; padding:1% 2%; width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin input[readonly], .zenario_skin select[disabled] { background:#E0DFE3; color:#ACA898; } /* Buttons --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button { cursor:pointer; border:0; } .zenario_skin input[disabled="disabled"] { background:#E6E6E6; color:#A5A5A5; cursor:default; } /* 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 { margin-bottom:8px; } /* - Error ---------------------------------------------------------------------------------------*/ .error, .extranet_error, .form_error { color:#CE0011; } .error p { margin:0; } /* - Sucess --------------------------------------------------------------------------------------*/ .success, .extranet_message { color:#44A02A; } /* - Warning -------------------------------------------------------------------------------------*/ .extranet_confirm, .warning { color:#00509D; } /**/ 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:#EAE7E8; background:#EAE7E8; 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: #69aecf; background: #69aecf; 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/westheath_outreach/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/westheath_outreach/editable_css/../images/icon-circle-next-blue.svg') no-repeat center center / 14px 14px; } /**/ * { margin: 0; } html { position:relative; } html, body { height: 100%; } body.zenario_adminLoggedIn { height: calc(100% - 129px); } .zenario_skin { min-height: 100%; } .zenario_slot_padding { display:none; } .zenario_skin, .Gridbreak_Footer { background:#CCC; } /* HEADER --------------------------------------------------------------------------------------------------*/ .Gridbreak_Header { background:#f8bb30; height:70px; } /* BODY --------------------------------------------------------------------------------------------------*/ .Slot_Masthead, .Grid_Body, .Grid_Content { background:#FFF; } .Grid_Body, .Grid_Content, .Grid_Sections, .Grid_Testimonials { padding:80px 0; } .slot_masthead { clear:both; } .Grid_Body .zenario_slot { margin-bottom:50px; } .Grid_Body .zenario_slot .zenario_slot { margin-bottom:0; } .Grid_Sections { background:#FACD8B; } .Grid_Testimonials { background:url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/bg-girl-tablet.jpg') no-repeat center / cover; /*background:#fff;*/ } /* FOOTER --------------------------------------------------------------------------------------------------*/ .Gridbreak_Footer { padding:50px 0 15px; } .Gridbreak_Footer *, .Gridbreak_Footer a { color:#333; } /* GENERAL --------------------------------------------------------------------------------------------------*/ .zenario_skin img { display:block; } /**/ /* Logo --------------------------------------------------------------------------------------------------*/ .slot_logo .zenario_banner { min-height:10px; } .slot_logo .zenario_banner, .slot_logo .zenario_banner div { display:inline-block; } .slot_logo .zenario_banner { position:relative; z-index:9; display:block; } .slot_logo .zenario_banner > div { padding:1em; background:#fff; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24); } .slot_logo .zenario_banner > div { position:absolute; top:0; left:0; } /* Masthead --------------------------------------------------------------------------------------------------*/ .slot_masthead .zenario_banner { position:relative; z-index:1; } .slot_masthead .zenario_banner .banner_image img { max-width:100% !important; height:auto !important; } .slot_masthead .zenario_banner .banner_wrap_inner > a { width:100% !important; height:530px !important; background-size:cover !important; background-position:right center; } .slot_masthead .zenario_banner.banner_left_align_image .banner_wrap_inner > a { background-position:left center; } .slot_masthead .zenario_banner.banner_center_align_image .banner_wrap_inner > a { background-position:center center; } .slot_masthead .zenario_banner .banner_content { position:absolute; z-index:2; left:0; right:0; top:30%; padding:20px 30px 30px; max-width:1290px; margin:auto; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_wrap_inner { position:relative; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_wrap_inner > a { height:400px !important; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content { top:auto; bottom:0; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div { margin-left: 230px; padding:10px 20px; background: rgba(0,0,0,0.4); } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div * { color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.8); } /* Masthead home --------------------------------------------------------------------------------------------------*/ .slot_masthead .zenario_banner.banner_masthead_home .banner_wrap_inner > a { height:700px !important; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content p { font-size:1.1em; line-height:1.4em; margin-bottom:0; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content > div { width:50%; clear:both; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content h2 { color:#333; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content p { font-family: 'Indie Flower', cursive; font-size:2em; text-shadow:0 0 20px rgb(255, 255, 255); } /* Home page image --------------------------------------------------------------------------------------------------*/ .layout_home .Slot_Main_2 .zenario_banner .banner_image { padding-top:20px; } /* What we offer --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_we_offer .banner_wrap_inner { position:relative; overflow:hidden; } .zenario_banner.banner_we_offer .banner_wrap_inner > a { width:100% !important; height:600px !important; background-size:cover !important; position:relative; z-index:1; } .zenario_banner.banner_we_offer .banner_content { min-width: 768px; max-width: 1352px; margin: 0 auto; position:absolute; z-index:2; left:0; right:0; top: 50%; transform: translateY(-50%); background:url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/mhfa-logo-white-bg.png') no-repeat 95% 10px / 50px auto; } body.desktop .zenario_banner.banner_we_offer .banner_content > div { padding-left:47.1%; } .zenario_banner.banner_we_offer .banner_content * { color:#FFF; } .zenario_banner.banner_we_offer .banner_title { padding-right:60px; } .zenario_banner.banner_we_offer .banner_text ul { font-size: 1.3em; line-height: 1.5em; } .zenario_banner.banner_we_offer .banner_title h2 a:hover { text-decoration:none; } body.desktop .zenario_banner.banner_we_offer .banner_more { padding-top:30px; } .zenario_banner.banner_we_offer .banner_more { text-align:center; } /* Testimonials --------------------------------------------------------------------------------------------------*/ body.desktop .zenario_banner.banner_testimonials > div { margin-left:40%; } .zenario_banner.banner_testimonials .banner_content blockquote { font-size:1.8em; line-height:1.35em; background:url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/icon-quotes-white.svg') no-repeat 0 0 / 50px auto; padding-left:70px; padding-top:5px; font-style:italic; } .zenario_banner.banner_testimonials .banner_title h2, .zenario_banner.banner_testimonials .banner_title h2 a, .zenario_banner.banner_testimonials .banner_text { color:#fff; } .zenario_banner.banner_testimonials .banner_title h2 a:hover { text-decoration:none; } .zenario_banner.banner_testimonials .banner_more { text-align:center; } /* Full width --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_full_width .banner_wrap_inner > a { width:100% !important; height:500px !important; background-size:cover !important; } /* Back news --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_back_title_link .banner_title 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_banner.banner_back_title_link .banner_title a:hover { text-decoration:none; opacity:0.9; } .zenario_banner.banner_back_title_link .banner_title a:before { font-family:"FontAwesome"; content:"\f053"; padding-right:5px; } /* Banner image border --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_image_border .banner_image img { border: 1px solid #ccc; padding: 2px; } /* Banner alignment --------------------------------------------------------------------------------------------------*/ .align_center { text-align:center; } .nest_resources .align_center { margin-top:20px; } /**/ .zenario_breadcrumbs { font-size:0.875em; position:relative; top:-20px; } .Grid_Body .zenario_slot.zenario_breadcrumbs { position:relative; margin-bottom:30px; margin-top:-20px; } .zenario_breadcrumbs span.breadcrumb:not(.level1_1) { padding-left:6px; } .zenario_breadcrumbs span.breadcrumb:not(.level1_1):before { font-family: 'FontAwesome'; content: "\f105"; font-size:15px; padding-right:3px; position:relative; top:1px; } .zenario_breadcrumbs 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_breadcrumbs a:hover { text-decoration:none; } /**/ .zenario_adminLoggedIn .zenario_content_list .content_list_data_row { position:relative; } .zenario_adminLoggedIn .zenario_content_list .content_list_data_row a.zenario_front_end_picked_item_info { position:absolute; top:0; right:0; } /* CSL more button --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_more_button .content_list_more { margin-top:15px; } /* CSL list --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_list .content_list_data_row { overflow:hidden; } .zenario_content_list.csl_list .sticky_image { width:220px; float:left; } .zenario_content_list.csl_list .content_list_text, .zenario_content_list.csl_list .content_list_more { width:calc(100% - 220px - 30px); float:right; } /* CSL grid --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_grid .content_list_listing { overflow:hidden; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row { max-width:305px; width:calc(25% - 30px); float:left; padding:0 15px 80px 15px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:nth-child(4n+1) { padding-left:0; clear:left; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:nth-child(4n+4) { padding-right:0; clear:right; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .sticky_image { padding-bottom:10px; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .sticky_image img { max-width:100% !important; height:auto !important; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .sticky_image:hover img { opacity:0.85; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text h2.content_list_title { font-size:1.5em; padding-bottom:0; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text a:hover { text-decoration:none; color:#80b476; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text a, .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .sticky_image img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* CSL news --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_news .content_list_listing .content_list_data_row { padding:15px 0; border-top:1px dotted #ccc; } .zenario_content_list.csl_news .content_list_listing .content_list_data_row:first-child { padding-top:0; border-top:0; } .zenario_content_list.csl_news p.content_list_date { font-size:0.8125em; } .zenario_content_list.csl_news .content_list_text h2 { font-size:1.25em; padding-bottom:0; margin:0 0 4px; } .zenario_content_list.csl_news .content_list_text h2 a { color:#333; font-weight:600; -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.csl_news .content_list_text h2 a:hover { color:#149414; } .zenario_content_list.csl_news .content_list_text p { margin-bottom:4px; } .zenario_content_list.csl_news .sticky_image img { padding:2px; border: 1px solid #ccc; } /* CSL latest news home --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_latest .sticky_image { width:82px; } .zenario_content_list.csl_latest .content_list_text, .zenario_content_list.csl_latest .content_list_more { width:calc(100% - 82px - 15px); } .zenario_content_list.csl_latest .content_list_text h2 { font-size:1em; font-family:'Montserrat',Arial,Helvetica,sans-serif; line-height:1.4em; } .zenario_content_list.csl_latest .content_list_text h2 a { font-weight:500; } .zenario_content_list.csl_latest .sticky_image img { border:0; padding:0; max-width:100%; height:auto !important; } .zenario_content_list.csl_latest .content_list_more { font-size:0.8750em; } /* CSL news side column --------------------------------------------------------------------------------------- */ .Grouping_Side_Column .zenario_content_list.csl_latest { padding: 30px; border: 1px solid #ccc; background: #f7faf8; } .Grouping_Side_Column .zenario_content_list.csl_latest > h3 { font-size: 1.4em; text-align: center; } /* CSL audio --------------------------------------------------------------------------------------- */ .csl_audio_list .content_list_listing { max-width:900px; margin:auto; border-bottom:1px dotted #333; } .csl_audio_list .content_list_data_row { border-top:1px dotted #333; padding:15px; } .csl_audio_list .content_list_data_row:nth-child(odd) { background:#fbfbfb; } .csl_audio_list .content_list_data_row:nth-child(even) { background:#F4F3F0; } .csl_audio_list .content_list_data_row div.content_list_text:before { font-family:"FontAwesome"; content:"\f028"; position:absolute; top:0; left:0; color:#149414; } .csl_audio_list .content_list_data_row div.content_list_text { position:relative; padding-left:25px; } .csl_audio_list .content_list_data_row p.content_list_title { font-size:1.4em; margin:0; padding-bottom:10px; } /**/ .zenario_ctype_audio { text-align:center; } .zenario_ctype_audio audio { margin:auto; } .zenario_ctype_audio p.audio_title { display:none; } /**/ .zenario_wysiwyg { overflow:hidden; } .zenario_html_snippet h2, .zenario_html_snippet h3, .zenario_html_snippet h4, .zenario_html_snippet h5, .zenario_html_snippet h6 { padding-top:10px; } .zenario_html_snippet blockquote { display:inline-block; position:relative; /*left:50%; transform:translateX(-50%);*/ min-height:60px; padding:5px 0 0 60px; margin-bottom:20px; background:url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/icon-quotes-grey.svg') no-repeat 20px 20px / 50px auto; font-size:1.2em; line-height:1.5em; color:#777; font-style:italic; background-color:#f6f7f8; padding:25px 20px 10px 80px; border-left:4px solid #149414; /*max-width:900px;*/ } .zenario_html_snippet a { text-decoration:underline; -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 a:hover { color:#32CD32; } .Grid_Body .zenario_html_snippet img { border: 1px solid #ccc; margin: 20px; padding: 2px; } .Grid_Body .zenario_html_snippet img.no_border { border: 0; } .zenario_html_snippet p.tel:before { font-family:"FontAwesome"; content:"\f095"; padding-right:5px; } .zenario_html_snippet.panel_color > div.zenario_wysiwyg { padding:30px; background:#faeecf; } .zenario_html_snippet.panel_color > div.zenario_wysiwyg p.tel { margin-bottom:0; } .zenario_html_snippet table { margin-bottom:30px; } .zenario_html_snippet table td, .zenario_html_snippet table th { border:1px solid #FFF; } .zenario_html_snippet table tr th { margin-bottom:30px; font-size:110%; background:#0c5b0c; color:#fff; } .zenario_html_snippet table tr td{ background:#f7fbf6; } .zenario_html_snippet table tr:nth-child(odd) td { background:#edf3f0; } body.desktop .zenario_html_snippet table.first_column_smaller tr th:first-child, body.desktop .zenario_html_snippet table.first_column_smaller tr td:first-child { width:20% !important; } .zenario_html_snippet table.table_smaller_font { font-size:90%; } .zenario_html_snippet table.table_smaller_font td { padding:5px 10px; } .zenario_html_snippet hr { height:0; border:0; border-top: 1px solid #444; margin-bottom:20px; } .zenario_html_snippet .text_green { color:#149414; } /* Social links --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .social_links_wrap { overflow:hidden; } .zenario_html_snippet .social_links { margin-top:17px; font-size:1.4em; text-align:right; float:right; border-left: 1px solid #444; padding-left: 10px; } .zenario_html_snippet .social_links .fa-youtube { font-size:1.2em; } .zenario_html_snippet .social_links a { display:inline-block; margin:0 8px; color:#444; -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 { color:#EC5D3F; } /* Intro text --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet.html_intro .zenario_wysiwyg { max-width:1024px; margin:auto; font-size:1.250em; line-height:1.6em; } .zenario_html_snippet.html_intro .zenario_wysiwyg h1 { font-size:2.4em; padding-top:0; } .zenario_html_snippet.html_intro .zenario_wysiwyg h2 { font-size:1.8em; } /* Map --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .map_container iframe { width:100% !important; } /* Section highlight --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet div.section_highlight { overflow:hidden; margin:40px 0 20px; padding:30px; background:#e3fbe3; font-size:120%; line-height:1.4em; -webkit-border-radius:12px; border-radius:12px; } .zenario_html_snippet div.section_highlight *, .zenario_html_snippet div.section_highlight ul:not(.not_fancy_list) li::before { color:#0c5b0c; } .zenario_html_snippet div.section_highlight p.paragraph_small_text { font-size:0.75em; line-height:1.6em; } .zenario_html_snippet hr { border-top: 1px solid #0c5b0c; } /* Video --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet.inner_video .video_container { overflow:hidden;border:1px solid #ccc; padding:20px; } body.desktop .zenario_html_snippet.inner_video .video_container .video_content { width:calc(50% - 60px); padding:0 40px 0 20px; float:left; } body.desktop .zenario_html_snippet.inner_video .video_container .video_embed { width:50%; float:right; } .zenario_html_snippet.inner_video .video_container .video_content h3 { font-family:'Montserrat',arial, sans-serif; font-size:1.4em; line-height:1.3em; } .zenario_html_snippet.inner_video .video_container .video_content p { font-size:85%; line-height:1.7em; } /* Home page, video --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet.video_home { font-size:0.8750em; line-height:1.4em; } .Grid_Body .zenario_html_snippet.video_home img { margin:0 0 10px; max-width:100%; cursor:pointer; } .Grid_Body .zenario_html_snippet.video_home .video_container > a { position:relative; display:inline-block; } .Grid_Body .zenario_html_snippet.video_home .video_container > a:before { font-family:"FontAwesome"; content:"\f144"; position:absolute; color:#FFF; font-size:50px; left: calc(50% - 15px); top: calc(50% - 15px); opacity: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; } .Grid_Body .zenario_html_snippet.video_home .video_container > a:hover:before { opacity:1; } /* Video responsive --------------------------------------------------------------------------------------------------*/ .video_responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; text-align:center; width:99.9%; } .video_responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .video_responsive_container { max-width:1100px; margin-left:auto; margin-right:auto; display:block; } /**/ .zenario_menu ul, .zenario_menu ul li { list-style:none; padding:0; margin:0; } .zenario_menu ul, .zenario_menu ul li, .zenario_menu ul li a { display:inline-block; } .zenario_menu ul > li { position:relative; font-weight:600; } .zenario_menu ul > li li { font-weight:500; } .zenario_menu ul > li > a, .zenario_menu ul > li > em > a { padding:15px 15px 14px; } .zenario_menu ul > li.level1_1 > a, .zenario_menu ul > li.level1_1 > em > a { padding-left:0; } .zenario_menu ul > li { line-height:40px; text-transform:uppercase; } .zenario_menu ul li a, .zenario_menu .wrap_menu_inner > ul > li.has_child > a:after, .zenario_menu .wrap_menu_inner > ul > li.has_child > em > a:after { color:#444; } .zenario_menu ul li:hover a, .zenario_menu ul li.level1_on a, .zenario_menu .wrap_menu_inner > ul > li.has_child:hover > a:after, .zenario_menu .wrap_menu_inner > ul > li.has_child:hover > em > a:after, .zenario_menu .wrap_menu_inner > ul > li.has_child.level1_on > a:after, .zenario_menu .wrap_menu_inner > ul > li.has_child.level1_on > em > a:after { color:#EC5D3F; } .zenario_menu ul li a:hover { text-decoration:none; } .zenario_menu 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 .wrap_menu_inner > ul > li.has_child > a:after, .zenario_menu .wrap_menu_inner > ul > li.has_child > em > a:after { font-family:"FontAwesome"; content:"\f107"; margin-left:5px; } /* Level 2 */ .zenario_menu .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; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_menu .wrap_menu_inner > ul > li:hover > ul { opacity:1; visibility:visible; } body.ie8 .zenario_menu .wrap_menu_inner > ul > li > ul, body.ie9 .zenario_menu .wrap_menu_inner > ul > li > ul { display: none; } .zenario_menu .wrap_menu_inner > ul > li > ul { position:absolute; z-index:59; left:0; top:69px; width:250px; background:#EC5D3F; } body.ie8 .zenario_menu .wrap_menu_inner > ul > li:hover > ul, body.ie9 .zenario_menu .wrap_menu_inner > ul > li:hover > ul { display: block; } .zenario_menu .wrap_menu_inner > ul > li > ul:after { bottom: 100%; left: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(236, 93, 63, 0); border-bottom-color: #EC5D3F; border-width: 10px; margin-left: -10px; } .zenario_menu ul > li > ul > li { text-transform:none; line-height:1.4em; border-bottom:1px solid rgba(255,255,255,0.2); } .zenario_menu ul > li > ul > li, .zenario_menu ul > li > ul > li a { display:block; } .zenario_menu ul > li > ul > li > a, .zenario_menu ul > li > ul > li > em > a { padding:8px 15px; } .zenario_menu ul > li > ul > li > a, .zenario_menu ul > li > ul > li > em > a, .zenario_menu ul li:hover li a, .zenario_menu ul li.level1_on:hover li a { color:#FFF; } .zenario_menu ul li li a:hover, .zenario_menu ul li.level1_on li a:hover { background:rgba(255,255,255,0.3); } .zenario_menu ul li.level1_on li.level2_on a { background:rgba(255,255,255,0.2); } /**/ .zenario_meta_data { /* This class will be applied to all plugins of this type. */ } .zenario_meta_data__default_style { /* This class will be applied to all plugins of this type, unless overridden or removed for a specific plugin. */ } /**/ .zenario_plugin_nest { /* This class will be applied to all Nests. */ } /* Sections --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_sections .nest_wrap { overflow:hidden; } .zenario_plugin_nest.nest_sections .zenario_banner { text-align:center; padding:0 20px; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title h2 { margin-bottom: 0; font-size: 1.2em; font-weight:bold; letter-spacing:0; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title h2, .zenario_plugin_nest.nest_sections .zenario_banner .banner_title h2 a { color:#444; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image { position: relative; width:120px; height:120px; margin:0 auto 20px; background:#EC5D3F; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image img { position: absolute; top: 50%; transform: translateY(-50%); left:0; right:0; margin:auto; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image, .zenario_plugin_nest.nest_sections .zenario_banner .banner_title h2 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_plugin_nest.nest_sections .zenario_banner:hover .banner_image { background:#F08745; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_title h2 a:hover { color:#EC5D3F; text-decoration:none; } /* Training --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_training_courses .zenario_banner > div, .zenario_plugin_nest.nest_training_courses .zenario_banner > a { display:block; overflow:hidden; margin-bottom:20px; padding:20px; background:#EDEEE9; border:2px solid #149414; } .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_wrap_inner { position:relative; padding-left:60px; text-align:center; } .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_wrap_inner .banner_title, .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_wrap_inner .banner_text { text-align:left; } .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_wrap_inner:before { display:block; width:50px; height:50px; position:absolute; left:0; top:0; content:""; background: url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/icon-training.svg') no-repeat center / auto 34px; background-color: #149414; border-radius: 50%; } .zenario_plugin_nest.nest_training_courses.online .zenario_banner .banner_wrap_inner:before { background:#149414 url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/icon-online-course.svg') no-repeat center / auto 30px; } .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_title h3 { padding-top:8px; font-family: 'Montserrat', sans-serif; font-size: 1.5em; font-weight: 600; letter-spacing: -0.03em; } .zenario_plugin_nest.nest_training_courses .zenario_banner .banner_title h3 a { color:#333; } .zenario_plugin_nest.nest_training_courses .zenario_banner > a .banner-text { color:#149414; } .zenario_plugin_nest.nest_training_courses .zenario_banner > a, .zenario_plugin_nest.nest_training_courses .zenario_banner > a:hover .banner_title h3 { -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_training_courses .zenario_banner > a:hover { text-decoration:none; background: #f1fcf5 ; } .zenario_plugin_nest.nest_training_courses .zenario_banner > a:hover .banner_title h3 { opacity:0.85; } .zenario_banner.banner_box_more_like_button .banner_more { margin:auto; } /* Resources links --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_list_resources .zenario_banner > div { overflow:hidden; padding-top:20px; border-bottom:1px solid #ccc; } .zenario_plugin_nest.nest_list_resources .zenario_banner .banner_image { width:140px; float:left; padding-top:5px; } .zenario_plugin_nest.nest_list_resources .zenario_banner .banner_content { width:calc(100% - 140px); float:right; } .zenario_plugin_nest.nest_list_resources .zenario_banner .banner_content .banner_title p { margin-bottom:5px; font-size:1.1em; } .zenario_plugin_nest.nest_list_resources .zenario_banner .banner_content .banner_title p a { color:#149414; font-weight:bold; } /* Nest accordion --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_accordion .nest_wrap { position:relative; padding-bottom:60px; text-align:center; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs { position:absolute; bottom:0; left:0; right:0; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_plugins_wrap { text-align:left; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul, .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li, .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li a { padding:0; margin:0; display:inline-block; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul, .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li { list-style:none; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li a { display:inline-block; width:30px; line-height:30px; text-align:center; background:#000; color:#fff; margin:0 5px; border-radius:50%; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li a:hover { text-decoration:none; background:#0c5b0c; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li.tab_on a { background:#149414; } .zenario_plugin_nest.nest_accordion .nest_wrap .nest_tabs ul li div { display:none; } .zenario_plugin_nest.nest_accordion .nest_wrap a.prev, .zenario_plugin_nest.nest_accordion .nest_wrap a.prev_disabled, .zenario_plugin_nest.nest_accordion .nest_wrap a.next, .zenario_plugin_nest.nest_accordion .nest_wrap a.next_disabled { position:absolute; bottom:0; } .zenario_plugin_nest.nest_accordion .nest_wrap a.prev, .zenario_plugin_nest.nest_accordion .nest_wrap a.prev_disabled { left:0; } .zenario_plugin_nest.nest_accordion .nest_wrap a.next, .zenario_plugin_nest.nest_accordion .nest_wrap a.next_disabled { right:0; } .zenario_plugin_nest.nest_accordion .nest_wrap a.prev_disabled, .zenario_plugin_nest.nest_accordion .nest_wrap a.next_disabled { color:#CCC; } .zenario_plugin_nest.nest_accordion .nest_wrap a.prev_disabled:hover, .zenario_plugin_nest.nest_accordion .nest_wrap a.next_disabled:hover { text-decoration:none; } .zenario_plugin_nest.nest_accordion .zenario_banner { margin-bottom:2px; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title, .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text { background:#eee; padding:10px 20px; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title { padding-bottom:15px; cursor:pointer; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text { display:none; padding-top:10px; font-size:85%; line-height:1.4em; background:#f7faf8; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text h4 { padding-bottom:0; font-weight:bold; font-family:'Montserrat', sans-serif; font-size:1.2em; color:#0c5b0c; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text h4:before { font-family:"FontAwesome"; content:"\f05a"; padding-right:5px; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text p { margin-bottom:10px; padding-left:20px; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_text p:first-child { padding-left:0; } .zenario_plugin_nest.nest_accordion .zenario_banner ul { margin-left:20px; } .zenario_plugin_nest.nest_accordion .zenario_banner ul li { padding:0 0 0 20px; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title > * { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.2em; margin:0; padding:0; position:relative; padding-right:10px; color:#444; } .zenario_plugin_nest.nest_accordion .zenario_banner.active .banner_title > * { color:#149414; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title > *:after { font-family:"FontAwesome"; content:"\f107"; position:absolute; right:0; } .zenario_plugin_nest.nest_accordion .zenario_banner.active .banner_title > *:after { content:"\f106"; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title *, .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title > *:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title:hover, .zenario_plugin_nest.nest_accordion .zenario_banner .banner_title:hover > *:after, .zenario_plugin_nest.nest_accordion .zenario_banner.active .banner_title, .zenario_plugin_nest.nest_accordion .zenario_banner.active .banner_title * { color:#0c5b0c; background:#e3fbe3; } /* Nest footer, logos --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_footer_logos .nest_wrap, .zenario_plugin_nest.nest_footer_logos .nest_plugins { overflow:hidden; } .zenario_plugin_nest.nest_footer_logos .nest_plugins { display:inline-block; } body.desktop .zenario_plugin_nest.nest_footer_logos .nest_plugins { float:right; } .zenario_plugin_nest.nest_footer_logos .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_footer_logos .nest_plugins > .zenario_slot { float:left; margin-left:20px; } /* Nest section interest --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.section_interest .nest_wrap { overflow:hidden; padding:30px; border:1px solid #ccc; background:#f7faf8; } .zenario_plugin_nest.section_interest .nest_title h3 { font-size:1.4em; text-align:center; } .zenario_plugin_nest.section_interest .zenario_banner { font-size: 85%; line-height: 1.5em; margin-bottom:30px; } .zenario_plugin_nest.section_interest .zenario_banner .banner_title h2 { font-size:1.2em; } .zenario_plugin_nest.section_interest .zenario_banner .banner_title h2, .zenario_plugin_nest.section_interest .zenario_banner .banner_text p { margin-bottom:0; padding-bottom:5px; } .zenario_plugin_nest.section_interest .zenario_banner .banner_title h2 a { color:#444; -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.section_interest .zenario_banner .banner_title h2 a:hover { color:#149414; } .zenario_plugin_nest.section_interest .zenario_banner .banner_image { padding-bottom:10px; } .zenario_plugin_nest.section_interest .zenario_banner .banner_image img { max-width:100% !important; height: auto !important; opacity:0.8; -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.section_interest .zenario_banner .banner_image img:hover { opacity:1; } .zenario_plugin_nest.section_interest.orange .nest_wrap { background:#fcf5ef; } .zenario_plugin_nest.section_interest.orange .nest_wrap a { color:#EC5D3F; } /* Nest aditional material --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_aditional_material .nest_wrap { overflow:hidden; border:1px solid #777; padding:20px; } .zenario_plugin_nest.nest_aditional_material .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(1), .zenario_plugin_nest.nest_aditional_material .nest_plugins > .zenario_slot:nth-child(1) { width:152px; float:left; } .zenario_plugin_nest.nest_aditional_material .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(2), .zenario_plugin_nest.nest_aditional_material .nest_plugins > .zenario_slot:nth-child(2) { width:calc(100% - 152px - 30px); float:left; margin-left:30px; } .zenario_plugin_nest.nest_aditional_material .zenario_document_container img { border:1px solid #ccc; } .zenario_plugin_nest.nest_aditional_material .zenario_document_container .level_1 { text-align:center; } .zenario_plugin_nest.nest_aditional_material .zenario_html_snippet h3 { font-family: 'Montserrat',arial, sans-serif; font-size: 1.5em; } .zenario_plugin_nest.nest_aditional_material .zenario_document_container .level_1, .zenario_plugin_nest.nest_aditional_material .zenario_html_snippet p { font-size: 85%; } /* Nest resources --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_resources .banner_title_like_button { text-align:center; } /* Nest videos --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest .zenario_html_snippet.inner_video { margin-bottom:40px; } /* Nest bios --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_bios .zenario_banner { overflow:hidden; padding-top:30px; margin-top:30px; border-top:1px dotted #333; } .zenario_plugin_nest.nest_bios .nest_plugins > x-zenario-admin-slot-wrapper:first-child .zenario_banner, .zenario_plugin_nest.nest_bios .nest_plugins > .zenario_banner:first-child { border-top:0; padding-top:0; margin-top:0; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_image { width:200px; float:left; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_content { width:calc(100% - 240px); float:right; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_content .banner_title h2 { color:#149414; } /* Nest grid boxes --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_grid_boxes .nest_plugins { overflow:hidden; padding:6px; } .zenario_plugin_nest.nest_grid_boxes .nest_title { text-align:center; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_grid_boxes .nest_plugins > .zenario_slot, .zenario_plugin_nest.nest_grid_boxes .nest_plugins > .nest_egg_equal_height { float:left; margin:0 15px 20px 15px; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height { width:calc(33% - 32px); } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(3n+1), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(3n+1), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(3n+1) { padding-left:0; clear:left; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(3n+3) { padding-right:0; clear:right; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins > .nest_egg_equal_height:nth-child(odd) { background-color:#f6f7f8; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins > .nest_egg_equal_height:nth-child(even) { background-color:#f7faf8; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins > .nest_egg_equal_height { border:1px solid #CCC; box-shadow:0 0 6px rgba(0,0,0,0.1); } .zenario_plugin_nest.nest_grid_boxes .nest_plugins .zenario_banner { padding:20px; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins .zenario_banner blockquote { font-size:0.9375em; font-style:italic; background:url('../../zenario_custom/skins/westheath_outreach/editable_css/../images/icon-quotes-grey.svg') no-repeat 0 0 / 40px auto; padding:5px 0 5px 50px; min-height:50px; } .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .zenario_slot, .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .nest_egg_equal_height { width:calc(25% - 32px); } .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(4n+1), .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .zenario_slot:nth-child(4n+1), .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .nest_egg_equal_height:nth-child(4n+1) { padding-left:0; clear:left; } .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(4n+4), .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .zenario_slot:nth-child(4n+4), .zenario_plugin_nest.nest_grid_boxes.grid_four .nest_plugins > .nest_egg_equal_height:nth-child(4n+4) { padding-right:0; clear:right; } /* Nest directory --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_directory .zenario_banner { overflow:hidden; font-size:85%; line-height:1.6em; } .zenario_plugin_nest.nest_directory .nest_plugins > x-zenario-admin-slot-wrapper > .zenario_banner, .zenario_plugin_nest.nest_directory .nest_plugins > .zenario_banner { background:#f6f7f8; border-bottom:2px solid #fff; } .zenario_plugin_nest.nest_directory .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(even) > .zenario_banner, .zenario_plugin_nest.nest_directory .nest_plugins > .zenario_banner:nth-child(even) { background:#f7faf8; } .zenario_plugin_nest.nest_directory .zenario_banner .description, .zenario_plugin_nest.nest_directory .zenario_banner .details { width:calc(50% - 60px); float:left; padding:15px 30px; } .zenario_plugin_nest.nest_directory .zenario_banner .details { padding-top:20px; } .zenario_plugin_nest.nest_directory .zenario_banner h4 { font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.2em; } .zenario_plugin_nest.nest_directory .zenario_banner h4, .zenario_plugin_nest.nest_directory .zenario_banner p { padding:0 0 4px; margin:0; } .zenario_plugin_nest.nest_directory .zenario_banner ul, .zenario_plugin_nest.nest_directory .zenario_banner ul li { margin:0; padding-bottom:0; } .zenario_plugin_nest.nest_directory .zenario_html_snippet { background:#e3fbe3; border-bottom:2px solid #fff; padding:10px 30px; } .zenario_plugin_nest.nest_directory .zenario_html_snippet h3 { color:#0c5b0c; font-family:'Montserrat', sans-serif; font-size:1.5em; } .zenario_plugin_nest.nest_directory .zenario_html_snippet h3, .zenario_plugin_nest.nest_directory .zenario_html_snippet p { padding:0; margin:0; } /* Nest fancy title --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_fancy_title .nest_title { position:relative; margin-bottom:20px; text-align:left; } .zenario_plugin_nest.nest_fancy_title .nest_title:after { position: absolute; content: ""; display: block; width: 100%; height: 1px; background-color: #149414; top: 50%; margin-top: 1px; z-index: 1; } .zenario_plugin_nest.nest_fancy_title .nest_title h2 { display:inline-block; background:#fff; padding-right:15px; position:relative; z-index:2; padding-bottom:0; margin-bottom:0; color:#149414; font-size:1.5em; } /* Nest resources grid --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video img { max-width:100% !important; margin:0; padding:0; border:0; cursor:pointer; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_container > a { position:relative; display:inline-block; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_container > a:before { font-family:"FontAwesome"; content:"\f144"; position:absolute; color:#FFF; font-size:50px; left: calc(50% - 15px); top: calc(50% - 15px); opacity: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_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_container > a:hover:before { opacity:1; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_title { padding-top:10px; min-height:60px; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_title { font-size:85%; line-height:1.4em; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_title p { margin-bottom:0; font-weight:bold; color:#333; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .category { margin-top:10px; padding:3px 5px 5px; text-align:center; font-size:70%; letter-spacing:0.5px; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .category { background:#EC5D3F; color:#FFF; text-transform:uppercase; } .zenario_html_snippet.inner_video .video_container { -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.inner_video .video_container:hover { background:#f7faf8; } /* Nest grid horizontal --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins_wrap { overflow:hidden; } body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > x-zenario-admin-slot-wrapper, body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > .zenario_slot { width:calc(50% - 10px); float:left; margin-bottom:50px; } body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(odd), body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > .zenario_slot:nth-child(odd) { margin-right:10px; clear:left; } body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(even), body.desktop .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins > .zenario_slot:nth-child(even) { margin-left:10px; clear:right; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner { overflow:hidden; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image { width:40%; float:left; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image img { max-width:100% !important; width:auto !important; height:auto !important; -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_grid_horizontal_two .nest_plugins .zenario_banner .banner_image:hover img { opacity:0.85; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_title h2 { font-size: 1.5em; padding-bottom: 0; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_title h2 a { color:#333; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_title h2 a:hover { text-decoration:none; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_content { width:calc(60% - 20px); float:right; } /* Nest audios --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_audio_list .nest_plugins { max-width:860px; margin:auto; } .zenario_plugin_nest.nest_audio_list .zenario_html_snippet { padding:20px 0; border-top:1px dotted #333; } .zenario_plugin_nest.nest_audio_list .zenario_html_snippet:first-child { padding-top:0; border-top:0; } .zenario_plugin_nest.nest_audio_list .zenario_html_snippet h2 { font-size:1.5em; } /* Nest list vertical --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest.nest_list_vertical { } /**/ .zenario_sitemap { background: #fafafa; max-width: 600px; margin: auto; padding: 10px; } body.desktop .zenario_sitemap { padding: 30px; } .zenario_sitemap > h1 { text-align:center; } .zenario_sitemap h3, .zenario_sitemap h4 { font-family: 'Montserrat', sans-serif; font-weight:normal; } .zenario_sitemap h2, .zenario_sitemap h3, .zenario_sitemap h4, .zenario_sitemap h5 { letter-spacing:0; padding:0; } .zenario_skin .zenario_sitemap h2 { font-size:1.2em; text-transform:uppercase; } .zenario_skin .zenario_sitemap h3, .zenario_skin .zenario_sitemap h4, .zenario_skin .zenario_sitemap h5 { font-size:1em; } .zenario_sitemap ul, .zenario_sitemap ul li { margin-top:0; margin-bottom:0; } .zenario_sitemap > ul { margin-left:0; } .zenario_sitemap ul li.level1:before { font-family: "FontAwesome"; content: "\f07b"; position: absolute; left: 0; top: 0; } .zenario_sitemap ul li.level1.has_child:before { content:"\f07c"; } .zenario_sitemap ul li a { color:#333; } /**/ .zenario_user_forms { /* This class will be applied to all Form Containers. */ } .zenario_user_forms .form_field { padding-bottom:20px; } .zenario_user_forms .form_wrapper input[type="text"], .zenario_user_forms .form_wrapper input[type="email"], .zenario_user_forms .form_wrapper textarea { width:calc(100% - 20px); } .zenario_user_forms .form_wrapper .field_title { display:none; } .zenario_user_forms .form_wrapper .form_buttons { text-align:center; } .zenario_user_forms .field_checkbox { position:relative; font-size:0.9em; } .zenario_user_forms .field_checkbox input[type="checkbox"] { position:absolute; top:4px; left:0; } .zenario_user_forms .field_checkbox .field_title { display:inline-block; } .zenario_user_forms .field_checkbox .field_title, .zenario_user_forms .field_checkbox .note_to_user { margin-left:20px; } .zenario_user_forms .field_checkbox .note_to_user { font-size:80%; } /**/ /* Other styles --------------------------------------------------------------------------------------------------*/ /* Home page titles --------------------------------------------------------------------------------------------------*/ .layout_home .slot_masthead .zenario_banner .banner_content h2, .layout_home .zenario_banner.banner_we_offer .banner_title h2, .layout_home .slot_testimonials .zenario_banner .banner_title h2 { font-size:2.8em; } /* Fancy list --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet ul:not(.not_fancy_list) li, .zenario_banner .banner_text ul li, .zenario_sitemap ul li { list-style: none; padding-left: 26px; padding-bottom: 8px; position: relative; } .zenario_html_snippet ul:not(.not_fancy_list) li:before, .zenario_banner .banner_text ul li:before, .zenario_sitemap ul li li:before { font-family: "FontAwesome"; content: "\f00c"; position: absolute; left: 0; top: 0; } .zenario_sitemap ul li:before { color:#149414; } /* Buttons --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_more_like_button .banner_more a, .zenario_banner.banner_box_more_like_button .banner_more, .zenario_banner.banner_title_like_button .banner_title a, .zenario_content_list.csl_more_button .content_list_more a, .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button { display:inline-block; height:36px; line-height:36px; padding:0 15px; background:transparent; border:2px solid #149414; color:#149414; -webkit-border-radius: 4px; -moz-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_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button { line-height:32px; } body.webkit .zenario_banner.banner_more_like_button .banner_more a, body.webkit .zenario_banner.banner_box_more_like_button .banner_more, body.webkit .zenario_banner.banner_title_like_button .banner_title a, body.webkit .zenario_content_list.csl_more_button .content_list_more a, body.webkit .zenario_skin input[type='submit'], body.webkit .zenario_skin input[type='button'], body.webkit .zenario_skin button { line-height:34px; } .zenario_banner.banner_we_offer.banner_more_like_button .banner_more a, .slot_testimonials .zenario_banner.banner_more_like_button .banner_more a { border-color:#FFF; color:#FFF; } .zenario_banner.banner_more_like_button .banner_more a:hover, .zenario_banner.banner_box_more_like_button .banner_more:hover, .zenario_banner.banner_title_like_button .banner_title a:hover, .zenario_content_list.csl_more_button .content_list_more a:hover, .zenario_skin input[type='submit']:hover, .zenario_skin input[type='button']:hover, .zenario_skin button:hover { text-decoration:none; background:#149414; color:#FFF; } .zenario_banner.banner_we_offer.banner_more_like_button .banner_more a:hover, .slot_testimonials .zenario_banner.banner_more_like_button .banner_more a:hover { border-color:#149414; } .success { background-image:none; } /* Footer --------------------------------------------------------------------------------------------------*/ .zenario_copyright { margin-top:20px; } .zenario_copyright, .footer_company_info { font-size:0.813em; } .powered_by { padding-top:10px; font-size:0.875em; } .powered_by a { text-decoration:none; } .zenario_footer .links span { font-size:70%; } .zenario_footer .links span a { display:inline-block; padding:0 10px; font-size:130%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_footer .links span:first-child a { padding-left:0; } .zenario_footer .links span a:hover, .powered_by a:hover { color:#EC5D3F; } /* Cookies --------------------------------------------------------------------------------------------------*/ .zenario_cc_manage { cursor:pointer; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text a { color:#EC5D3F; } .switch input:checked + .slider { background-color:#EC5D3F; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input { background:#EC5D3F; } .zenario_cookie_consent_manage_popup .switch input:disabled + .slider { opacity:0.5; } /* Pagination --------------------------------------------------------------------------------------------------*/ .pag_pagination { margin-top:10px; text-align:center; } .pag_pagination span a { display:inline-block; margin: 0 1px 5px; padding: 0 8px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 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; } /* 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: 'Montserrat', 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: '▼'; } /**/ /* Videos ZFEA --------------------------------------------------------------------------------------------------*/ #video_view_toggle_wrap, .zfea_i_and_p, .zfea_form_row__last_edited { display:none; } .zenario_videos_fea .zfea_block_list_wrap { overflow:hidden; clear:both; padding:6px; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:60px; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width: calc(33% - 32px - 40px); float: left; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block, body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block:nth-child(3n+2) { margin:0 15px 20px 15px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(50% - 34px - 2% - 10px); } .zenario_videos_fea .view_toggle_wrap > div.on { background:#149414; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { font-family: "FontAwesome"; content: "\f144"; position: absolute; color: #FFF; font-size: 50px; left: calc(50% - 15px); top: calc(50% - 30px); opacity: 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; bottom:auto; right:auto; line-height:1em; width:auto; height:auto; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:hover:after { } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block, .zenario_videos_fea .zfea_block_like_block .zfea_block { background:#FFF; border: 1px solid #ccc; padding: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:hover, .zenario_videos_fea .zfea_block_like_block .zfea_block:hover { background:#f7faf8; } .zenario_skin .zfea_button, .zenario_skin .nest_buttons a, .zenario_skin .icon_button { background:#149414; color:#FFF; } .zfea_form_row__last_edited { font-size:0.857em; font-style:italic; text-align:right; } .zenario_videos_fea .view_video .description { padding-top:0; } body.desktop .zenario_videos_fea .view_toggle_wrap { float:right; margin-top:45px; } .zenario_videos_fea .zfea_block .column_description { line-height: 1.5em; } .zenario_videos_fea .zfea_zenario_list_videos h1 { display:inline-block; } /* List videos grid */ .zenario_videos_fea .zfea_zenario_list_videos .column_title { margin-bottom: 0; font-weight: bold; color: #333; font-size: 85%; line-height: 1.4em; padding-top: 10px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .zenario_videos_fea .zfea_zenario_list_videos .column_title a { color:#333; } .zenario_videos_fea .zfea_zenario_list_videos .column_date { display:none; } .zenario_videos_fea .zfea_zenario_list_videos .column_description { background: #EC5D3F; color: #FFF; text-transform: uppercase; margin-top: 10px; padding: 5px 5px 8px; text-align: center; font-size: 70%; letter-spacing: 0.5px; } /* View video */ .zenario_videos_fea .view_video { padding:30px; background:#f7faf8; border: 1px solid #ccc; } .zenario_videos_fea .view_video h3 { font-family:'Montserrat',Arial,Verdana,sans-serif; margin:20px 0 0; padding:0; font-size:1.3em; } .zenario_videos_fea .view_video .description { padding-top:10px; } .zenario_videos_fea .view_video .date { display:none; } /* Nest Single video */ body.desktop .nest_single_video .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:20px; } body.desktop .nest_single_video .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block, body.mobile .nest_single_video .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width:calc(100% - 52px); float:none; } .nest_single_video .zenario_videos_fea .zfea_zenario_list_videos .column_title { font-size: 1.4em; line-height: 1.3em; height:auto; } .nest_single_video .zenario_videos_fea .zfea_zenario_list_videos .column_description { background:transparent; color:#333; text-transform:none; padding:0; text-align:left; font-size:1em; letter-spacing:0; } body.desktop .nest_single_video .zenario_videos_fea .zfea_zenario_list_videos .column_image { float:right; padding-left:30px; } body.desktop .nest_single_video .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position:static; margin-top:20px; } /**/ /* Layout min-width: 1366px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1367px) { .zenario_skin img { max-width:calc(100% - 6px) !important; height:auto !important; } .slot_masthead .zenario_banner.banner_masthead_home .banner_wrap_inner > a { height:600px !important; background-position:right center; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_wrap_inner > a { height:300px !important; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content > div, .slot_masthead .zenario_banner.banner_masthead_home .banner_content > div { width:45%; } .Grid_Testimonials { background-position:left center !important; } .zenario_menu ul > li { font-size:0.9375em; } .zenario_menu ul > li > a, .zenario_menu ul > li > em > a { padding-left:12px; padding-right:12px; } .layout_home .slot_masthead .zenario_banner .banner_content h2, .layout_home .zenario_banner.banner_we_offer .banner_title h2, .layout_home .slot_testimonials .zenario_banner .banner_title h2 { font-size:2em; } .zenario_banner.banner_testimonials .banner_content blockquote { font-size:1.2em; line-height:1.5em; background-size:40px; padding-left:50px; min-height:35px; } } /* Layout min-width: 1280px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1281px) { .zenario_skin h1 { font-size:2.6em; } } /* Layout min-width: 1024px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .zenario_menu ul > li { font-size:0.875em; } .zenario_banner.banner_we_offer .banner_wrap_inner > a, .Grid_Testimonials, .Grid_Testimonials .container { position:relative; } .zenario_banner.banner_we_offer .banner_wrap_inner > a:after, .Grid_Testimonials:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; display:block; background:rgba(0,0,0,0.5); } .zenario_banner.banner_we_offer .banner_content { min-width:auto; padding:15px; } .zenario_banner.banner_we_offer .banner_content, .slot_testimonials .zenario_banner .banner_content blockquote { font-size:90%; line-height:1.5em; } .Grid_Testimonials .container { z-index:9; } .zenario_banner.banner_testimonials > div { padding:20px; } } /* Layout min-width: 960px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 961px) { .zenario_menu .wrap_menu_inner > ul:first-child { display:none; } .slot_logo .zenario_banner img { width:100px !important; height:auto !important; } } /* Layout min-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 769px) { .Grid_Body, .Grid_Content, .Grid_Sections, .Grid_Testimonials { padding:40px 0; } .Grid_Body .container, .Gridbreak_Footer .container { padding-left:15px; padding-right:15px; } .Grid_Body .zenario_slot { margin-bottom:20px; } .Gridbreak_Header { height:50px; } .slot_logo .zenario_banner { margin-left:15px; z-index:10; } .slot_logo .zenario_banner > div { padding:5px; height:70px; } .slot_logo .zenario_banner img { width:auto !important; height:70px !important; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_wrap_inner > a { height:200px !important; } .slot_masthead .zenario_banner.banner_masthead_home .banner_wrap_inner > a { height:400px !important; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content { background:rgba(255,255,255,0.5); font-size:80%; text-align:center; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content > div, .slot_masthead .zenario_banner.banner_masthead_home .banner_content > div { width:100%; } .Gridbreak_Header .slot_social_media { display: inline-block; position: absolute; right: 65px; z-index: 19; top: 0; } .Gridbreak_Header .slot_social_media .zenario_html_snippet .social_links { margin-top:9px; border-left:0; border-right:1px solid #444; padding-left:0; padding-right:10px; } .Gridbreak_Footer { padding-top:20px; overflow:hidden; font-size:90%; } .Gridbreak_Footer .Grouping_Footer { width:70%; float:left; } .Gridbreak_Footer .slot_logos_links, .Gridbreak_Footer .slot_logo_footer { width:30%; float:right; } .Gridbreak_Footer .slot_logo_footer img { margin:auto; } .zenario_plugin_nest.nest_footer_logos .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_footer_logos .nest_plugins > .zenario_slot { float:right; padding-bottom:10px; } .zenario_copyright { margin-top:10px; } .Grid_Testimonials { height:320px; } .zenario_banner.banner_we_offer .banner_wrap_inner > a { height:400px !important; } .slot_masthead .zenario_banner .banner_content { top:auto; bottom:10px; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image { width:80px; height:80px; float:left; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_image img { width: 60% !important; height: 60% !important; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_wrap { overflow:hidden; } .zenario_plugin_nest.nest_sections .zenario_banner .banner_content { width:calc(100% - 100px); float:left; margin-left:20px; padding-top:10px; text-align:left; } .layout_home .Slot_Main_2 .zenario_banner .banner_image img { max-width:300px !important; margin:auto; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div { margin-left:0; } .zenario_skin h1 { font-size:1.5em; } .zenario_skin h2, .zenario_skin h3 { font-size:1.4em; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div h1 { font-size:1.5em; padding-bottom:0; } .slot_masthead .zenario_banner.banner_masthead_home h1 { font-size:1.875em; } .layout_home .slot_masthead .zenario_banner .banner_content h2, .layout_home .zenario_banner.banner_we_offer .banner_title h2, .layout_home .slot_testimonials .zenario_banner .banner_title h2 { font-size:1.625em; } .slot_masthead .zenario_banner.banner_masthead_home .banner_content p { font-size:1.500em; } .zenario_html_snippet.html_intro .zenario_wysiwyg, .zenario_banner.banner_we_offer .banner_text ul { font-size:1em; } .Grid_Body .zenario_slot.zenario_breadcrumbs { margin-top:-10px; margin-bottom:0; font-size:0.813em; } .zenario_html_snippet.panel_color > div.zenario_wysiwyg { max-width: 300px; margin: auto; font-size: 90%; padding:20px; } .zenario_html_snippet blockquote, .zenario_plugin_nest.nest_grid_boxes .nest_plugins .zenario_banner blockquote, .slot_testimonials .zenario_banner .banner_content blockquote { background-size:30px; } .zenario_html_snippet blockquote { font-size:1em; background-position:10px 20px; padding-left:50px; } .zenario_plugin_nest.nest_grid_boxes .nest_plugins .zenario_banner blockquote, .slot_testimonials .zenario_banner .banner_content blockquote { padding-left:40px; min-height:30px; } .zenario_html_snippet .table_graphics td { display:block; width:calc(100% - 20px) !important; } .zenario_plugin_nest.nest_feedback.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height { height:auto !important; width: calc(100% - 2px); float: none; margin-left: 0; margin-right: 0; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner { width:100%; overflow:hidden; max-width:none; float:none; padding:15px 0 15px; border-top:1px dotted #ccc; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:first-child, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner:first-child { border-top:0; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row, .zenario_content_list.csl_grid .content_list_listing .content_list_data_row:nth-child(4n+4) { clear:both; } .zenario_html_snippet div.section_highlight { margin-top:20px; padding:20px; font-size:100%; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner { margin-bottom:20px; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height { width:calc(50% - 32px); } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(3n+3) { clear:none; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(2n+2), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(2n+2), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(2n+2) { padding-right:0; clear:right; } .zenario_content_list.csl_list .sticky_image, .zenario_content_list.csl_list .content_list_text, .zenario_content_list.csl_list .content_list_more { width:100%; float:none; } .zenario_content_list.csl_list .sticky_image { padding-bottom:10px; } .zenario_content_list.csl_list .sticky_image img { margin:auto; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .zenario_plugin_nest.nest_footer_logos .nest_plugins { margin-top:10px; } .Gridbreak_Footer .container { text-align:center; } .slot_masthead .zenario_banner .banner_content { padding:10px 15px; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_wrap_inner > a { height:130px !important; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div { padding:10px; } .slot_masthead .zenario_banner:not(.banner_masthead_home) .banner_content > div h1 { font-size:1.2em; margin:0; padding:0; } .zenario_html_snippet .map_container iframe { height:300px; } .zenario_plugin_nest.nest_aditional_material .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(1), .zenario_plugin_nest.nest_aditional_material .nest_plugins > .zenario_slot:nth-child(1), .zenario_plugin_nest.nest_aditional_material .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(2), .zenario_plugin_nest.nest_aditional_material .nest_plugins > .zenario_slot:nth-child(2) { width:100%; float:none; margin-left:0; } .zenario_plugin_nest.nest_aditional_material .zenario_document_container img { margin:auto; } .zenario_banner.banner_we_offer .banner_wrap_inner > a, .Grid_Testimonials { height:480px !important; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot, .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height { width:calc(100% - 2px); margin:0 0 15px 0; float:none; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(3n+3), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(3n+3) { clear:both; } .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > x-zenario-admin-slot-wrapper:nth-child(2n+2), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .zenario_slot:nth-child(2n+2), .zenario_plugin_nest.nest_grid_boxes.grid_three .nest_plugins > .nest_egg_equal_height:nth-child(2n+2) { clear:both; } .zenario_plugin_nest.nest_grid_boxes .zenario_html_snippet.inner_video .video_title { min-height:auto; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_image, .zenario_plugin_nest.nest_bios .zenario_banner .banner_content { width:100%; float:none; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_image { margin-bottom:20px; } .zenario_plugin_nest.nest_bios .zenario_banner .banner_image img { margin:auto; } .zenario_wysiwyg img { float:none; margin-left:auto; margin-right:auto; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 30px - 2% - 26px); } .responsive_table_wrap { position:relative; } .responsive_table_wrap:after { position: absolute; display: block; content: ""; height: 100%; width: 50px; z-index: 10; top: 0; right: 0; background: linear-gradient(-90deg, #FFF, transparent 58%); } .responsive_table_wrap .responsive_table_inner { overflow-x:auto; padding-right:30px; } .responsive_table_wrap table { width:700px; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { .zenario_content_list.csl_grid .content_list_listing .content_list_data_row > div.sticky_image img, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image img { margin:auto; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_more, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_more { text-align:center; } .zenario_plugin_nest.section_interest .zenario_banner .banner_image img { margin:auto; max-width:240px !important; } .Grid_Body .zenario_html_snippet img { float:none; margin-left:auto; margin-right:auto; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_content { width:100%; float:none; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image { padding-bottom:10px; } .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image img { max-width:305px; } } /* Layout max-width: 320px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 321px) { .Gridbreak_Footer .Grouping_Footer, .Gridbreak_Footer .slot_logos_links, .Gridbreak_Footer .slot_logo_footer { width:100%; float:none; } .Gridbreak_Footer .slot_logo_footer { padding-top:10px; } } /* Layout max-width: 1024px - 768px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 481px) and (max-width: 769px) { .zenario_plugin_nest.section_interest .zenario_banner { overflow:hidden; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row > div.sticky_image, .zenario_plugin_nest.section_interest .zenario_banner .banner_image, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_image { width:30%; float:left; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text, .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_more, .zenario_plugin_nest.section_interest .zenario_banner .banner_content, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner .banner_content { width:calc(70% - 15px); float:right; } .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_text, .zenario_content_list.csl_grid .content_list_listing .content_list_data_row .content_list_more, .zenario_plugin_nest.nest_grid_horizontal_two .nest_plugins .zenario_banner { font-size:80%; } } /**/ @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 { .Gridbreak_Header .zenario_banner, .Grid_Body .zenario_slot { display:block !important; } } /**/ /* cache/bundles/skin-css-id-2-vKxK8YqO9ibwq6Pq-/skin.css was written to the page cache */