/* 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; } /**/ .banner_wrap .zenario_rollover,.banner_wrap:hover .zenario_rollout{display:none}.banner_wrap:hover .zenario_rollover{display:initial}div.zenario_cookie_consent,.zenario_cookie_consent_manage_popup{font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:12px;line-height:1.6em}div.zenario_cookie_consent{overflow:hidden;width:calc(100% - 20px);padding:10px 10px 12px;position:fixed;bottom:0;z-index:99;background:#333}div.zenario_cookie_consent .zenario_cookie_consent_wrap{width:100%;max-width:980px;overflow:hidden;margin:auto}div.zenario_cookie_consent .zenario_cc_message{width:calc(100% - 215px);margin:auto;float:left}div.zenario_cookie_consent .zenario_cc_message p:first-child a{text-decoration:underline}div.zenario_cookie_consent .zenario_cc_buttons{width:200px;padding-left:15px;float:right;text-align:right}div.zenario_cookie_consent .zenario_cc_buttons div,div.zenario_cookie_consent .zenario_cc_buttons div a{display:inline-block}div.zenario_cookie_consent .zenario_cc_buttons div{padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}div.zenario_cookie_consent .zenario_cc_buttons a,div.zenario_cookie_consent .zenario_cc_buttons a:hover{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_continue a{height:30px;line-height:28px;padding:0 15px;background:#FFF;color:#333;font-weight:700}div.zenario_cookie_consent .zenario_cc_manage a{height:28px;line-height:26px;padding:0 15px;border:1px solid #FFF;color:#FFF;cursor:pointer}div.zenario_cookie_consent .zenario_cc_accept a,div.zenario_cookie_consent .zenario_cc_manage a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_accept a:hover,div.zenario_cookie_consent .zenario_cc_continue a:hover,div.zenario_cookie_consent .zenario_cc_manage a:hover{background:rgb(255 255 255 / .8)}div.zenario_cookie_consent .zenario_cc_manage a:hover{color:#333}div.zenario_cookie_consent .zenario_cc_close a{position:absolute;top:10px;right:15px;display:block;width:15px;height:15px;text-indent:-99px;font-size:0;line-height:0;cursor:pointer}div.zenario_cookie_consent .zenario_cc_close a:before,div.zenario_cookie_consent .zenario_cc_close a:after{position:absolute;right:0;content:' ';height:15px;width:2px;background-color:#FFF}div.zenario_cookie_consent .zenario_cc_close a:before{transform:rotate(45deg)}div.zenario_cookie_consent .zenario_cc_close a:after{transform:rotate(-45deg)}div.zenario_cookie_consent,div.zenario_cookie_consent a{color:#FFF}div.zenario_cookie_consent .zenario_cc_message a{text-decoration:none}div.zenario_cookie_consent .zenario_cc_message a:hover{text-decoration:underline}body.no_js div.zenario_cookie_consent .zenario_cc_close,.zenario_dn{display:none}div.zenario_cookie_consent.cookies_explicit,.zenario_cookie_consent_manage_popup{position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background-color:rgb(0 0 0 / .5);font-size:13px;line-height:1.5}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{position:fixed;z-index:100;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:96%;max-width:860px;margin:auto;padding:30px}div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{background-color:rgb(0 0 0)}div.zenario_cookie_consent.cookies_explicit,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{text-align:center}div.zenario_cookie_consent.cookies_explicit .zenario_cc_message,div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{width:100%;float:none;padding:0}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons{margin-top:30px;font-size:14px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{height:40px;line-height:38px;padding:0 25px}div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons .zenario_cc_manage a{height:38px;line-height:36px}.zenario_cookie_consent_manage_popup{background:rgb(0 0 0 / .75);transition:opacity 0.5s ease}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{background:#FFF;padding:0}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{display:flex}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:30px;background:#efefef}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1{font-size:1.6em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2{font-size:1.5em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{font-size:1.4em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h1,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h2,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap h3{padding-bottom:5px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_consent_image{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{padding:30px 30px 15px;border-bottom:1px solid #ccc}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text{width:52%}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie{overflow:hidden;padding-bottom:15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>label{float:left;margin-top:2px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{overflow:hidden;padding-left:20px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:15px;padding-bottom:4px}body.mobile .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info h5{font-size:13px;font-weight:600;padding-bottom:0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:5px}body.desktop .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text p{padding-top:1em}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons{text-align:center;padding-top:10px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons.top{padding:0 0 15px}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{height:36px;border:0;min-width:80px;padding:0 15px;margin:0 5px;background:#333;color:#fff;font-family:Verdana,Arial,Helvetica,Sans-Serif;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences{border:1px solid #333;color:#333;background:#fff0}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover{color:#FFF;background:#333}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel{position:absolute;width:20px;height:20px;top:15px;right:15px;display:block;text-indent:-9999px;background:#fff0;border:0;cursor:pointer}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{position:absolute;left:10px;content:' ';height:20px;width:1px;background-color:#000;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:before,.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:hover:after{background-color:#2a98ce}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:before{transform:rotate(45deg)}.zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form button.cancel:after{transform:rotate(-45deg)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cookie_consent_wrap{padding:20px;width:calc(100% - 60px)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text,.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form{padding:15px}.touchscreen div.zenario_cookie_consent.cookies_explicit .zenario_cc_buttons a{padding:0 15px}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{width:90%;max-height:85vh;overflow-y:auto}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .switch{transform:scale(.8)}.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookie>.cookie_info{padding-left:10px}@media (orientation:landscape){.touchscreen .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap{height:75vh}}@media all and (max-width:581px){div.zenario_cookie_consent .zenario_cc_message,div.zenario_cookie_consent .zenario_cc_buttons{width:calc(100% - 20px);float:none;padding-right:20px}div.zenario_cookie_consent .zenario_cc_buttons{padding-left:0;padding-top:5px;text-align:center}div.zenario_cookie_consent .zenario_cc_accept a{height:24px;line-height:22px}}body.js select.jquery_datepicker{display:none}body.no_js input.jquery_datepicker{display:none}#ui-datepicker-div{display:none}.container .medium_slot .zenario_slot{min-height:150px}.container .large_slot .zenario_slot{min-height:225px}.container .xlarge_slot .zenario_slot{min-height:300px}.container .xxlarge_slot .zenario_slot{min-height:375px}.zenario_password_requirements_tooltip{text-align:left;display:none}.zenario_password_requirements_tooltip p{margin-bottom:5px!important}.zenario_password_requirements_tooltip ul{padding:0!important;margin:3px 0!important;line-height:1.5em!important}.zenario_password_requirements_tooltip ul li{margin:0 0 4px 0!important;text-align:left!important}.zenario_password_requirements_tooltip ul li.fail,.zenario_password_requirements_tooltip ul li.pass{list-style:none!important;background-repeat:no-repeat;background-position:0 2px;background-size:auto 12px;padding:0 0 0 15px!important}.zenario_password_requirements_tooltip ul li.fail{background-image:url(..//styles/../zenario/admin/images/icon-error.svg);color:#E30000}.zenario_password_requirements_tooltip ul li.pass{background-image:url(..//styles/../zenario/admin/images/icon-tick-green-circle.svg);color:#00AB00}.title_red,.title_orange,.title_yellow,.title_green{display:inline;padding:2px 5px!important;text-align:center;font-family:Verdana,Arial,sans-serif;font-size:13px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.title_red{color:#ff3939}.title_orange{color:#F90}.title_yellow{color:#e6af0b}.title_green{color:#24ae2d}.zenario_visitor_tooltip{font-size:11px!important;line-height:14px;padding:6px 8px!important;background:#323232!important;color:#fff!important;border:0!important;-webkit-box-shadow:0 0 3px 0 rgb(0 0 0 / .2);box-shadow:0 0 3px 0 rgb(0 0 0 / .2);-webkit-border-radius:5px!important;border-radius:5px!important;text-align:center;font-family:Arial,Helvetica,sans-serif!important;opacity:1;max-width:130px!important}.zenario_visitor_tooltip.ui-widget-shadow{opacity:1!important}.zenario_visitor_tooltip.tooltip_top_center{margin-top:5px}.zenario_visitor_tooltip.tooltip_bottom_center{margin-bottom:5px}.zenario_visitor_tooltip.tooltip_center_left{margin-left:5px}.zenario_visitor_tooltip.tooltip_center_right{margin-right:5px}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none}.zenario_visitor_tooltip.tooltip_top_center:after{bottom:100%}.zenario_visitor_tooltip.tooltip_bottom_center:after{top:100%}.zenario_visitor_tooltip.tooltip_center_left:after{right:100%}.zenario_visitor_tooltip.tooltip_center_right:after{left:100%}.zenario_visitor_tooltip.tooltip_top_center:after,.zenario_visitor_tooltip.tooltip_bottom_center:after,.zenario_visitor_tooltip.tooltip_center_left:after,.zenario_visitor_tooltip.tooltip_center_right:after{border-color:#fff0;border-width:5px;left:50%;margin-left:-5px}.zenario_visitor_tooltip.tooltip_top_center:after{border-bottom-color:#323232}.zenario_visitor_tooltip.tooltip_bottom_center:after{border-top-color:#323232}.zenario_visitor_tooltip.tooltip_center_left:after{border-right-color:#323232}.zenario_visitor_tooltip.tooltip_center_right:after{border-left-color:#323232}.zenario_visitor_tooltip_wrap{position:relative}.zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip{position:absolute;right:0;top:0}input[type="password"].border_red{border-color:#e30000!important}input[type="password"].border_green{border-color:#00AB00!important}.zenario_tslink{position:relative;z-index:50!important;float:right;width:18px;height:18px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) center center no-repeat;right:24px}.zenario_front_end_picked_item_info{width:18px;height:18px;display:inline-block;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMC4yLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxyZWN0IHg9IjAuNDExIiB5PSI2LjQzIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjE1LjA2OCIgaGVpZ2h0PSIxMS43ODEiLz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTE0LjE5LDcuNzkzdjkuODI0SDIuMTgzVjcuNzkzSDE0LjE5IE0xNi4zNzMsNS42MUgwVjE5LjhoMTYuMzczVjUuNjFMMTYuMzczLDUuNjF6Ii8+Cgk8L2c+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMDI3REM5OyIgZD0iTTguMTkxLDExLjgwNGMwLjUzMSwwLDAuNjcsMC4xMywwLjY3LDAuNTV2Mi45NzFoMC40MTljMC4yNTEsMCwwLjMwNywwLjEwMiwwLjMwNywwLjUyMQoJCWMwLDAuNDE5LTAuMDU2LDAuNTIyLTAuMzA3LDAuNTIySDcuMTY2Yy0wLjI1MSwwLTAuMzA3LTAuMTAyLTAuMzA3LTAuNTIyYzAtMC40MTksMC4wNTYtMC41MjEsMC4zMDctMC41MjFINy41M3YtMi4zMDEKCQljMC0wLjE0OS0wLjA1Ni0wLjE3Ny0wLjE3Ny0wLjE3N0g3LjE3NmMtMC4yNTEsMC0wLjMxNy0wLjEyMS0wLjMxNy0wLjQxOWMwLTAuNDU2LDAuMTEyLTAuNjI0LDAuNTAzLTAuNjI0SDguMTkxeiBNOC4xOTEsOC45NDYKCQljMC40MTksMCwwLjcwOCwwLjE0OSwwLjcwOCwwLjc2NGMwLDAuNTk2LTAuMTMxLDAuNzY0LTAuNTUsMC43NjRINy44NTZjLTAuNDI5LDAtMC41NTktMC4xNjgtMC41NTktMC43NjQKCQljMC0wLjYwNSwwLjI4OS0wLjc2NCwwLjcwOC0wLjc2NEg4LjE5MXoiLz4KCTxnPgoJCTxyZWN0IHg9IjkuNzI2IiB5PSIwLjY3NiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIHdpZHRoPSI5Ljg2MyIgaGVpZ2h0PSI3LjY3MSIvPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiMwMjdEQzk7IiBkPSJNMTguNTk0LDEuNjA3djYuMzI5aC03LjczNVYxLjYwN0gxOC41OTQgTTIwLDAuMkg5LjQ1MnY5LjE0MkgyMFYwLjJMMjAsMC4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;text-indent:-99px;font-size:0;line-height:0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#8c8c8c;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:#2196F3}.switch input:disabled+.slider{background:#CCC;cursor:default}.switch input:focus+.slider{box-shadow:0 0 1px #2196F3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.z_toggle_open .z_toggle_closed_indicator{display:none}.z_toggle_closed .z_toggle_open_indicator{display:none}.lang_flag.lang_disabled{opacity:.3}.lang_flag.lang_disabled{opacity:.3}#toast-container>.toast{font-family:Arial,Helvetica,Sans-Serif;font-size:13px}#toast-container.toast-top-right>div{width:365px;font-family:verdana,arial,helvetica;font-size:13px;opacity:.95;background-position:15px 12px}#toast-container .toast-message a{transition:color 200ms ease-in-out}#toast-container .toast-message a:hover{color:#FFE61A;text-decoration:underline}.zenario_skin img.lazy{display:block}.zenario_skin img.lazy[src=""],.zenario_skin img.lazy:not([src]){visibility:hidden}.zenario_slot .pinned{font-size:90%;padding-bottom:5px}.zenario_slot .pinned_icon:before,.zenario_slot .page_title .pinned_icon:after{font-family:"FontAwesome";content:"\f08d";position:absolute;transform:rotateY(0deg) rotate(45deg)}.zenario_slot .pinned_icon{padding-left:18px;position:relative}.zenario_slot .pinned_icon:before{left:0}.zenario_slot .page_title .pinned_icon{padding-left:0}.zenario_slot .page_title .pinned_icon:before{content:"";padding:0}.zenario_slot .page_title .pinned_icon:after{margin-left:10px;font-size:20px}.zenario_slot.zenario_loading_spinner{position:relative;z-index:1}.zenario_slot.zenario_loading_spinner:before{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;content:"";display:block;background:rgb(255 255 255 / .8);width:100%;height:100%}.zenario_slot.zenario_loading_spinner:after{position:absolute;z-index:3;top:0;bottom:0;left:0;right:0;margin:auto;display:inline-block;content:" ";border-radius:50%;width:3em;height:3em;font-size:10px;text-indent:-9999em;border-top:1em solid rgb(0 0 0 / .2);border-right:1em solid rgb(0 0 0 / .2);border-bottom:1em solid rgb(0 0 0 / .2);border-left:1em solid #555;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loading_spinner 1.1s infinite linear;animation:loading_spinner 1.1s infinite linear}@-webkit-keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading_spinner{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.in_iframe .admin_login_link,body.in_iframe>x-zenario-cache-info.zenario_cache_info{display:none} /**/ /* General --------------------------------------------------------------------------------------------------*/ .zfea .assetwolf_form_row { padding:10px 0; } .zfea .assetwolf_form_row label { display:inline-block; padding-bottom:5px; } .zfea .assetwolf_form_row.assetwolf_form_row__submit label { display:unset; } body .ace_editor.ace_autocomplete { width: 600px; } .assetwolf_2 table.table_with_lines, .assetwolf_2 .update_background_scripts table { width:100%; margin-bottom:15px; } .assetwolf_2 table.table_with_lines th, .assetwolf_2 table.table_with_lines td, .assetwolf_2 .update_background_scripts table th, .assetwolf_2 .update_background_scripts table td { padding:8px 10px; border:1px solid #ccc; } .assetwolf_2 table.table_with_lines th, .assetwolf_2 .update_background_scripts table th { font-weight:bold; } .zenario_skin .zfea_assetwolf_edit_options table tr td div.Tokenize { float:left; } /* Courier new --------------------------------------------------------------------------------------------------*/ body .zenario_skin select.assetwolf_input_keys option, .zfea.zfea_assetwolf_data_schema table input[id*="key__"], .zfea.zfea_assetwolf_data_schema table label[id*="label__key__"], .zfea.zfea_assetwolf_data_schema .zfea_form_row.zfea_form_row__calculated__th_key table textarea[id*="calc_code__calculated"], .zfea_aw_schema_or_metric table input[id*="alias_"], .zfea_aw_schema_or_metric table tr td.current_value_col, .zfea_assetwolf_view_schema table tr td span[id*="__key__"], .zfea_aw_schema_or_metric table tr td span[id*="__key__"], .zfea_assetwolf_view_schema table tr td span[id*="__alias__"], .zfea_aw_schema_or_metric table tr td span[id*="__alias__"] { font-family:"Courier New", Courier, monospace; } /* Tables --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_schemas table tr th.sorted_buttons { width:140px; } .aw_a_list table tr th.sorted_buttons { width:200px; } .zfea_row.node_at_wrong_level { background-color: #ffd0d0; } .zfea_assetwolf_list_scheduled_reports table tr th.sorted_buttons, .zfea_assetwolf_list_scheduled_reports table tr td.sorted_buttons, .aw_list table tr th.sorted_buttons, .aw_list table tr td.sorted_buttons { width:220px; } .zfea_assetwolf_list_data_pools.aw_list table tr th.sorted_buttons, .zfea_assetwolf_list_data_pools.aw_list table tr td.sorted_buttons, .zfea_assetwolf_list_data_scheduled_calcs table tr th.sorted_buttons, .zfea_assetwolf_list_data_scheduled_calcs table tr td.sorted_buttons { width:auto; white-space:nowrap; } .zfea table tr th.sorted_buttons, .zfea table tr td.sorted_buttons, .zfea_assetwolf_edit_data_pool_type table tr th:last-child, .zfea_assetwolf_edit_data_pool_type table tr td:last-child, .zfea_assetwolf_possible_events table tr td:last-child, .zfea_assetwolf_possible_events table tr th:last-child, .zfea_form_grouping table tr th:last-child, .zfea_form_grouping table tr td:last-child { text-align:right; } .aw_list table tr th { white-space:nowrap; } .zfea_assetwolf_list_commands table tr th:nth-child(1) { width:25px; } .zfea_assetwolf_edit_asset_type table tr td input[type="text"], .zfea_assetwolf_edit_data_pool_type table tr td input[type="text"] { margin-bottom:10px; } .zfea_assetwolf_list_reports .zfea_table_wrap { margin-right:20px; } /* Number styles --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_schemas .col_value_for__usage, .comms_wrap .comms_number, .alarms_wrap .alarms_number { position:relative; top:-10px; float:right; width:19px; height:19px; line-height:18px; padding-top:0; font-size:10px; background:#333; color: white; font-style:italic; font-weight:normal !important; text-align: center; -webkit-border-radius:50%; border-radius:50%; } .comms_wrap .comms_number, .alarms_wrap .alarms_number { top:5px; left:-5px; } /* Styles for the quick nav on some conductor slides --------------------------------------------------------------------------------------------------*/ .conductor_slide_quick_nav { position: fixed; left: -20px; top: 95px; /*transform: translateY(-25%);*/ z-index: 10; width: 140px; } body.zenario_adminLoggedIn .conductor_slide_quick_nav { top: 225px; } @media all and (max-width: 1470px) { .conductor_slide_quick_nav { display: none; } } /* Styles for the list schema plugin. --------------------------------------------------------------------------------------------------*/ .aw_schema_fields .col_child_value { font-style: normal; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; line-height:1.4em; } .aw_schema_fields .col_child_value label, .aw_schema_fields .col_child_value .fea_empty_value { font-family: Arial, sans-serif; } /* Some initial placeholder styles written by Chris for the toggle buttons for the Alias fields on the Edit Schema plugin. --------------------------------------------------------------------------------------------------*/ .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases { white-space: nowrap; } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases input { width: 80px; } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases button { width: 14px; height: 14px; padding: 0; background-color:#777; background-repeat:no-repeat; background-position:center; border:0; font-family:courier; -webkit-border-radius:50%; border-radius:50%; } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases button.not_pressed { background-image:url('..//styles/fea/images/aw/icon-small-add.png'); } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases button.not_pressed:before { line-height:16px; } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases button.pressed { background-image:url('..//styles/fea/images/aw/icon-small-remove.png'); } .zfea.zfea_assetwolf_data_schema table td.aw_schema_aliases button.pressed:before { line-height:12px; } div.high_priority_checkbox_wrap { display: inline-block; white-space: nowrap; line-height:30px; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section table div.high_priority_checkbox_wrap .zenario_field_tooltip { display: inline-block; float: none; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic #microtemplate__add_phi_snippets, .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic .zfea_form_row__add_monitor .zfea_row_fields { width:97%; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic #row__add_phi_snippets, .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic #row__add_phi_snippets div { padding:0; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic .zfea_form_row__add_phi_snippets_dropdown { text-align:right; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic .zfea_form_row__calculated_logic_title h3 { width: calc(100% - 300px); padding-right: 300px; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic .zfea_form_row__add_phi_snippets_dropdown select#add_phi_snippets_dropdown { position: absolute; top: 20px; right: 50px; max-width: 250px; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section.zfea_form_grouping__phi_logic .zfea_form_row:not(.zfea_form_row__calculated_logic_title) { padding-top:0; } /* Assetwolf List Reports --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_reports .zfea_search_buttons { position: absolute; right: 29px; top: 4px; } .zfea_assetwolf_list_reports .zfea_table_wrap tr td span.fea_icon.pdf { display:inline-block; width:16px; height:16px; background: url('..//styles/fea/images/aw/pdf.png') no-repeat center center; } /* Assetwolf List data pools --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_data_pools .zfea_table_wrap .zfea_list_outer_grouping h4 img, .zfea_assetwolf_list_data_pools .zfea_table_wrap .zfea_list_grouping h5 img { display:inline-block; float:left; margin-right:5px; } .zfea_assetwolf_list_data_pools .zfea_table_wrap table tr td div[class*="show_communication_status"] { width:140px; } .zfea_assetwolf_list_data_pools .zfea_table_wrap table tr td div[class*="show_communication_status"] .comms_wrap > span { margin-left:0 !important; } /* Search sort */ .zfea_assetwolf_list_data_pools.aw_list .zfea_list_search_sort_wrapper { text-align:right; } .zfea_assetwolf_list_data_pools.aw_list .zfea_list_search_sort_wrapper select.zfea_list_sort { width: 150px; padding: 5px 35px 5px 5px; font-size: 13px; border: 0; height: 32px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#fff; background: #00468C url('..//styles/fea/images/aw/icon-arrow-down-white.png') 96% / 16px auto no-repeat; } body.webkit .zfea_assetwolf_list_data_pools.aw_list .zfea_list_search_sort_wrapper select.zfea_list_sort { padding:0 35px 5px 8px; } /* CAUTION: IE hackery ahead */ .zfea_assetwolf_list_data_pools.aw_list .zfea_list_search_sort_wrapper select.zfea_list_sort::-ms-expand { display: none; /* remove default arrow on ie10 and ie11 */ } /* target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) { .zfea_assetwolf_list_data_pools.aw_list .zfea_list_search_sort_wrapper select.zfea_list_sort { background:none\9; padding: 5px\9; } } /* Assetwolf Edit schema --------------------------------------------------------------------------------------------------*/ .zfea_aw_schema_or_metric fieldset { clear:both; float:none; } .zfea_aw_schema_or_metric .zfea_form_row__recent_assets .ui-selectmenu-button span.ui-selectmenu-text { background:#FFF; border:1px solid #999; font-size:13px; } .zfea_aw_schema_or_metric table tr td.current_value_col, .zfea_aw_schema_or_metric .zfea_form_row__recent_assets.zenario_row_with_dropdown { background:#FFBFBF; } .zfea_aw_schema_or_metric table tr td.current_value_col { width:120px; } .zfea_aw_schema_or_metric .zfea_form_row__recent_assets { float:right; clear:both; width:545px; margin-bottom:10px; padding:10px 20px; text-align:right; } .zfea_aw_schema_or_metric .zfea_form_row__recent_assets .ui-selectmenu-button span.ui-selectmenu-text { width:400px; } .zfea_aw_schema_or_metric .zfea_form_grouping .zfea_form_row table tr.merged_cell td:last-child { background:#FFF; text-align:center; } .zfea_aw_schema_or_metric .zfea_form_grouping .zfea_form_row table tr th.actions { width:170px; } .zfea_aw_schema_or_metric .zfea_form_grouping .zfea_form_row, .zfea_aw_schema_or_metric .zfea_form_grouping .zfea_form_row > div { padding-bottom:5px; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section { position:relative; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section .zenario_field_tooltip { position:absolute; top:25px; right:15px; line-height:20px; } .zfea_aw_schema_or_metric .zfea_form_grouping.zfea_form_section table .zenario_field_tooltip { position:static; top:0; right:0; float:none; display:inline-block; } .zfea_aw_schema_or_metric .zfea_form_grouping > .zfea_form_row h3 { font-size:22px; border-bottom:2px solid #d9dadb; padding-bottom:10px; } .zfea_aw_schema_or_metric .zfea_form_grouping > .zfea_form_row label { padding-bottom:15px; } .zfea_aw_schema_or_metric .zfea_form_grouping > .zfea_form_row .zfea_popout label { padding-bottom:0; } .zfea_aw_schema_or_metric .zfea_form_grouping > .zfea_form_row label[id*="key"] { padding-bottom:0; margin-right:5px; font-size:1em; } .zfea_aw_schema_or_metric .zfea_form_grouping table input.use[type="button"] { height:22px; padding:0; margin:0; background:transparent; border:0; } .zfea_aw_schema_or_metric .zfea_form_grouping table input.use[type="button"], .zfea_aw_schema_or_metric .zfea_form_grouping table input.use[type="button"]:hover { color:#494f6b; text-decoration:underline; } .zfea_aw_schema_or_metric .zfea_form_grouping table input[type="text"] { max-width:calc(100% - 22px); vertical-align:top; } /* Assetwolf schema --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_schema table tr td .zenario_textbox_with_autocomplete { float:left; margin-right:5px; } .zfea_assetwolf_schema table tr td span.zenario_field_widget_wrap { display:inline-block; } .zfea_assetwolf_schema table tr td span.zenario_field_widget_wrap input { margin-bottom:0; } .zfea_assetwolf_schema .zfea_form_grouping table tr td input, .zfea_assetwolf_schema .zfea_form_grouping table tr td select { margin-bottom:12px; } .zfea_assetwolf_schema .zfea_form_grouping table tr td input[type="button"] { height:32px; } .zfea_assetwolf_schema .zfea_form_grouping table tr td span { display:inline-block; vertical-align:middle; } .zfea_assetwolf_schema table tr td .zfea_popout .zfea_popout_form { text-align:center; } .zfea_assetwolf_schema table tr td .zfea_popout .zfea_popout_form h3, .zfea_assetwolf_schema table tr td .zfea_popout .zfea_popout_form .zfea_popout_threshold { text-align:left; } .zfea_assetwolf_schema table tr td .zfea_popout span.zenario_field_widget_wrap { display:block; text-align:right; margin-bottom:10px; } /* Other tables styles color --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_events table.table_list tr th { background:#D9DADC; color:#494f6b; } .zfea.zfea_assetwolf_asset table tr th, .zfea.zfea_assetwolf_asset table tr:nth-child(2) th, .zfea.zfea_assetwolf_asset table tr td { border:2px solid #FFF; } .zfea.zfea_assetwolf_asset table tr:nth-child(2) th { background:#777b90; color:#FFF; } .zfea.zfea_assetwolf_asset table tr td { background:#d2d3da; } .zfea_assetwolf_view_asset_keys_and_data tr th { background:#777b90; color:#FFF; } .zfea_assetwolf_view_asset_keys_and_data tr { background:#f0f0f0; } .zfea_assetwolf_view_asset_keys_and_data tr:nth-child(even) { background:#fff; } table.mqtt_details tr td, .list_of_assets table tr td, .list_of_assets_resource_usage table tr td { border:3px solid #FFF; background:#F0F0F0; } .list_of_assets table tr td[colspan], .list_of_assets_resource_usage table tr td[colspan] { background:#494f6b; color:#FFF; } /* Tables rows --------------------------------------------------------------------------------------------------*/ .zfea.zfea_assetwolf_asset table tr th, .zfea.zfea_assetwolf_asset table tr:nth-child(2) th, .zfea.zfea_assetwolf_asset table tr td { padding:10px; } .zfea.zfea_assetwolf_asset table tr th:first-child { border-radius:0; -webkit-border-radius:0; } /* Other tables styles --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest .zfea_assetwolf_view_asset_keys_and_data { margin-top:30px; } .zfea_assetwolf_view_asset_keys_and_data tr td { height:40px !important; padding:7px 10px; vertical-align:middle; } table.mqtt_details, .list_of_assets table, .list_of_assets_resource_usage table { width:100%; margin-top:20px; } table.mqtt_details tr th:first-child, .list_of_assets table tr th:first-child, .list_of_assets_resource_usage table tr th:first-child { width:200px; } table.mqtt_details tr td, .list_of_assets table tr td, .list_of_assets_resource_usage table tr td { padding:5px 10px; } .mqtt_message.asset pre, .assetwolf_2__in_mode__view_last_mqtt_message pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .indicators { display:inline-block; float:right; } .indicators .indicator { display:inline-block; margin:8px 0 8px 8px; } .indicator img { width:auto !important; height:28px !important; } /* Background scripts --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row.zfea_form_indent_level_1 { margin-left:40px; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row.zfea_form_indent_level { padding-bottom:10px; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row span[id*="zf_snippet__"] img { display:inline-block; float:left; margin-right:10px; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row .zfea_row_fields { overflow:hidden; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row .zfea_row_fields div.title { width:150px; float:left; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row .zfea_row_fields div.title label { font-weight:bold; } .zfea_assetwolf_update_background_scripts .zfea_form_grouping .zfea_form_row .zfea_row_fields div:nth-child(2) { width:calc(100% - 160px); float:right; } .zfea_bg_scripts_debug_info { font-size: 12px; } .zfea_bg_scripts_debug_info pre { background: #f8f8f8; padding: 5px; margin: 0 30px 10px; } /* Query data popout --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_query_data_popout .zfea_form_row .zfea_form_note_below { display:inline-block; margin-top:0; } .zfea_assetwolf_query_data_popout .aw_console { overflow-x: auto; overflow-y: auto; max-height: 90vh; } .zfea_assetwolf_query_data_popout .aw_console table { margin-top:8px; margin-bottom:15px; } .zfea_assetwolf_query_data_popout .aw_console table td.ts_cell { white-space: nowrap; } .zfea_assetwolf_query_data_popout .aw_console table tr th { background:#444; color:#fff; } .zfea_assetwolf_query_data_popout .aw_console table tr th, .zfea_assetwolf_query_data_popout .aw_console table tr td { padding: 2px 4px; } .zfea_assetwolf_query_data_popout .aw_console table tr th { border: 1px solid #444; } .zfea_assetwolf_query_data_popout .aw_console table tr td { border: 1px solid #ccc; } /* Resource usage --------------------------------------------------------------------------------------------------*/ .list_of_assets_resource_usage table { margin-bottom:20px; } .list_of_assets_resource_usage table tr td:first-child { width:280px; } .list_of_assets_resource_usage table tr td[colspan]:first-child { width:auto; } /* Asset type --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_asset #row__submit { clear: both; } .zfea_assetwolf_asset #refresh_last_data { position: relative; float: right; z-index: 2; /*width: 22px; height: 22px; padding: 0; top: 12px;*/ } .zfea_assetwolf_asset #zf_snippet__last_data { display: block; max-height: 10em; overflow: auto; padding:3px 5px; } /* Asset type --------------------------------------------------------------------------------------------------*/ .zfea.zfea_assetwolf_asset_type table { margin-top:0; } .zfea.zfea_assetwolf_edit_command table { margin-top:8px; } .zfea.zfea_assetwolf_asset_type table tr th, .zfea.zfea_assetwolf_asset_type table tr td { width:25%; } .zfea.zfea_assetwolf_edit_command table tr th, .zfea.zfea_assetwolf_edit_command table tr td, .zfea.zfea.zfea_assetwolf_asset_type .zfea_form_row__th_code_name table tr th, .zfea.zfea.zfea_assetwolf_asset_type .zfea_form_row__th_code_name table tr td { width:20%; } .zfea.zfea_assetwolf_asset_type table tr th:last-child, .zfea.zfea_assetwolf_asset_type table tr td:last-child, .zfea.zfea_assetwolf_edit_command table tr th:last-child, .zfea.zfea_assetwolf_edit_command table tr td:last-child { text-align:right; } .zfea.zfea_assetwolf_asset_type table td input[type="text"], .zfea.zfea_assetwolf_asset_type table td select, .zfea.zfea_assetwolf_edit_command table td input[type="text"], .zfea.zfea_assetwolf_edit_command table td select { margin-bottom:5px; } .zfea_assetwolf_asset_type .zfea_form_row h3, .zfea_assetwolf_edit_command .zfea_form_row h2 { margin-bottom:0; margin-top:10px; padding-bottom:3px; } .zfea_assetwolf_asset_type form div [class*="__title"], .zfea_assetwolf_edit_command form div [class*="__title"] { margin-bottom:0; padding-bottom:0; } /* Command form --------------------------------------------------------------------------------------------------*/ .zfea_form_row.zfea_form_row__command_form_preview .preview_title { text-align:center; display:block; font-size:1.143em; position:absolute; display:inline-block; padding:3px 10px; top:-15px; left:45%; } .zfea_form_row.zfea_form_row__command_form_preview .preview_title, .zfea_form_row.zfea_form_row__command_form_preview label#label__command_form_preview { margin-bottom:10px; } .zfea_form_row.zfea_form_row__command_form_preview .command_field { padding:5px 10px 5px 20px; } .zfea_form_row.zfea_form_row__command_form_preview .command_field input { margin-left:8px; } .zfea_form_row.zfea_form_row__command_form_preview .command_field input[type="checkbox"] { margin-left:0; margin-right:5px; } .zfea_form_row.zfea_form_row__command_form_preview .command_field .units, .zfea_form_row.zfea_form_row__command_form_preview .command_field .multiplier { display:inline-block; margin-left:5px; padding:5px 5px; } .zfea_form_row.zfea_form_row__command_form_preview input[type="button"] { margin-top:15px; } .zfea_assetwolf_edit_command .zfea_form_row table tr td input { margin-bottom:2px; } .zfea_assetwolf_edit_command div.command_form_preview { text-align:right; } .zfea_assetwolf_edit_command div.command_form_preview .command_fields { text-align:left; } .zfea_assetwolf_edit_command .zfea_form_row__th_code_name h2 { margin-top:15px; } .zfea_assetwolf_edit_command .command_preview { padding:10px 10px 4px; margin:10px 0; } /* Data Schema edit data --------------------------------------------------------------------------------------------------*/ .zfea.zfea_assetwolf_edit_command table input[type="text"], .zfea.zfea_assetwolf_edit_command table select, .zfea_assetwolf_create_command table input[type="text"], .zfea_assetwolf_create_command table select, .zfea_assetwolf_scheduled_calc.zfea_edit_box table input[type="text"], .zfea_assetwolf_scheduled_calc.zfea_edit_box table select { width:150px; } .zfea.zfea_assetwolf_data_schema table tr td:first-child input[type="text"], .zfea.zfea_assetwolf_data_schema table input[type="text"], .zfea.zfea_assetwolf_data_schema table select, .zfea_assetwolf_scheduled_calc.zfea_edit_box table tr td:first-child input[type="text"], .zfea_assetwolf_scheduled_calc.zfea_edit_box table input[type="text"], .zfea_assetwolf_scheduled_calc.zfea_edit_box table select { width:220px; } .zfea.zfea_assetwolf_data_schema table input[type="text"].zfea_field_setting, .zfea.zfea_assetwolf_data_schema table input[id*="true_phrase"], .zfea.zfea_assetwolf_data_schema table input[id*="false_phrase"], .zfea_assetwolf_scheduled_calc.zfea_edit_box table input[id*="true_phrase"], .zfea_assetwolf_scheduled_calc.zfea_edit_box table input[id*="false_phrase"] { width: 50px; } .zfea_assetwolf_scheduled_calc.zfea_edit_box table input[type="text"].zfea_field_setting { width:80px; } .zfea.zfea_assetwolf_edit_command table input[type="text"], .zfea.zfea_assetwolf_edit_command table select { width:80%; } .zfea.zfea_assetwolf_data_schema table select[id*='storage'] { width:100%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr th:nth-child(1), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr td:nth-child(1) { width:28%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr th:nth-child(2), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr td:nth-child(2) { width:18%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr th:nth-child(3), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr td:nth-child(3) { width:24%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr th:nth-child(4), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr td:nth-child(4) { width:15%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr th:nth-child(5), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping__calculated table tr td:nth-child(5) { width:15%; } .zfea_assetwolf_scheduled_calc.zfea_edit_box table select[id*='dps'] { width:130px; } .zfea_assetwolf_scheduled_calc.zfea_edit_box table .zenario_textbox_with_autocomplete, .zfea_assetwolf_scheduled_calc.zfea_edit_box table select[id*='dps'] { float:left; margin-right:5px; } .zfea_aw_schema_or_metric.zfea_edit_box .zfea_form_grouping > .zfea_form_row label { padding-bottom:0; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__manual_entry_fields_grouping .zfea_form_row, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__comm_status_fields_grouping .zfea_form_row { width:48%; float:left; clear:none; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row:nth-child(2), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__manual_entry_fields_grouping .zfea_form_row:nth-child(2), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__comm_status_fields_grouping .zfea_form_row:nth-child(2) { float:right; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row.zfea_form_row__source_list .ui-selectmenu-button, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__manual_entry_fields_grouping .zfea_form_row.zfea_form_row__manual_entry_source_list .ui-selectmenu-button, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__comm_status_fields_grouping .zfea_form_row.zfea_form_row__comm_status_destination_list .ui-selectmenu-button { min-width:300px; } /* View user --------------------------------------------------------------------------------------------------*/ .zfea_zenario_view_user .zfea_form_row > div > div:not(.title) label { font-weight:normal; } /* Location Track, full plugin mode --------------------------------------------------------------------------------------------------*/ .assetwolf_2_location_track .map .title, .assetwolf_2_location_track .map .text_at_the_button { text-align:center; margin-top: 10px; } .assetwolf_2_location_track .map { position: relative; } .assetwolf_2_location_track .map .error { position: absolute; top: 50%; text-align: center; background-position: 40%; } .zenario_plugin_nest .assetwolf_2_location_track .map .error { background-position: 22%; } .assetwolf_2_location_track .map_container { position: relative; } .assetwolf_2_location_track .map_container .data_date_time { position:absolute; z-index:11; bottom:0; width:100%; padding:5px 0; text-align:center; } .assetwolf_2_location_track .text_at_the_bottom { margin-top:20px; text-align:center; } .Slot_Connection_String .assetwolf_2_location_track .map { position: relative; } .Slot_Connection_String .assetwolf_2_location_track .map .error { position: absolute; top: 40%; text-align: center; background-position: 25%; } .Slot_Connection_String .assetwolf_2_location_track .map .spinner { position: absolute; top: 40%; left: 50%; } /* Schedule report --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_logo, .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_alarms_and_events, .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_current_values, .zfea_assetwolf_create_scheduled_report .zfea_form_row__send_user_email_notifications { overflow:hidden; } .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_logo div div, .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_alarms_and_events div div, .zfea_assetwolf_create_scheduled_report .zfea_form_row__show_current_values div div, .zfea_assetwolf_create_scheduled_report .zfea_form_row__send_user_email_notifications div div { display:inline-block; } /* Portal creation progress bar --------------------------------------------------------------------------------------------------*/ .assetwolf_2_portal_creation_progress_bar { text-align:center; } .assetwolf_2_portal_creation_progress_bar .progress_bar_panel { padding:15px 0; display:inline-block; text-align:left; } .assetwolf_2_portal_creation_progress_bar h6, .assetwolf_2_portal_creation_progress_bar p, .assetwolf_2_portal_creation_progress_bar .progress_bar .item { font-size:12px; } .assetwolf_2_portal_creation_progress_bar .progress_bar_msg h6 { font-weight:bold; margin-bottom:6px; } .assetwolf_2_portal_creation_progress_bar .progress_bar_msg p a { text-decoration:underline; } .assetwolf_2_portal_creation_progress_bar .progress_bar_msg p { margin-bottom:5px; } .assetwolf_2_portal_creation_progress_bar .progress_bar { overflow:hidden; padding-left:26px; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item { display:inline-block; position:relative; margin-left:-1px; float:left; padding-left:40px; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item a { display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; font-weight:bold; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item.status_ok { margin-right:1px; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item a:hover { text-decoration:none; } .assetwolf_2_portal_creation_progress_bar .progress_bar { background:url('..//styles/fea/images/aw/progressbar-status-0.png') no-repeat left center; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item { background:url('..//styles/fea/images/aw/progressbar-grey-bg.gif') no-repeat left center; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item a { background:url('..//styles/fea/images/aw/progressbar-circle.png') no-repeat center; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item.status_ok { background:url('..//styles/fea/images/aw/progressbar-green-bg.gif') no-repeat left center; } .assetwolf_2_portal_creation_progress_bar .progress_bar .item.status_ok a { background:url('..//styles/fea/images/aw/progressbar-circle-on.png') no-repeat center; } /* Commns icons --------------------------------------------------------------------------------------------------*/ .comms_wrap, .alarms_wrap { display:inline-block; } .red_alarms_icon, .amber_alarms_icon, .green_alarms_icon, .red_comms_icon, .orange_comms_icon, .green_comms_icon, .not_monitored_comms_icon, .never_communicated_comms_icon, .simulated_comms_icon, li.red_comms_bread_icon a::before, li.orange_comms_bread_icon a::before, li.green_comms_bread_icon a::before, li.grey_comms_bread_icon a::before, li.never_comms_bread_icon a::before, li.simulated_comms_bread_icon a::before { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-99px; font-size:0; position:relative; top:-4px; margin-left:5px; } .red_alarms_icon, .red_comms_icon, .red_comms_list_icon, li.red_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-red.svg') no-repeat center center / 18px 20px; } .orange_comms_icon, .amber_alarms_icon, .orange_comms_list_icon, li.orange_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-orange.svg') no-repeat center center / 18px 20px; } .green_alarms_icon, .green_comms_icon, .green_comms_list_icon, li.green_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-green.svg') no-repeat center center / 18px 20px; } .not_monitored_comms_icon, .grey_comms_list_icon, li.grey_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-grey.svg') no-repeat center center / 18px 20px; } .never_communicated_comms_icon, .never_comms_list_icon, li.never_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-white.svg') no-repeat center center / 18px 20px; } .simulated_comms_icon, .simulated_comms_list_icon, li.simulated_comms_bread_icon a::before { background: url('..//styles/fea/images/aw/icon-comms-asset-simulate.svg') no-repeat center center / 18px 20px; } .red_comms_list_icon, .orange_comms_list_icon, .green_comms_list_icon, .grey_comms_list_icon, .never_comms_list_icon, .simulated_comms_list_icon { display:inline-block; padding-left:30px; min-height:22px; background-position:left center; } /* Search buttons, filters buttons --------------------------------------------------------------------------------------------------*/ .aw_a_list .search_form, .zfea_assetwolf_list_node_hierarchy .search_form, .zfea_assetwolf_list_data_schemas .search_form { width:60%; float:left; margin-bottom:20px; } body.mobile .aw_a_list .search_form, body.mobile .zfea_assetwolf_list_node_hierarchy .search_form { width:50%; } /* Procedure --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__name .title, .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__add .title { display:inline-block; float:left; margin-right:8px; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__name .title label, .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__add .title label { line-height:30px; height:30px; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row { margin-left:20px; margin-right:20px; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row.zfea_form_row__name, .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__add { margin:20px 0; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row_delete { padding:7px 10px 2px; text-align:right; -webkit-border-radius: 4px; border-radius: 4px; } .assetwolf_2 .zfea_assetwolf_procedure hr { margin-top:10px; margin-bottom:10px; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row__submit { margin-top:20px; } /* Edit pool type --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_edit_data_pool_type td input, .zfea_assetwolf_edit_data_pool_type td select { margin-bottom:10px; } /* Schedule --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_schedule tr td { vertical-align:top; } .zfea_assetwolf_schedule tr td:nth-child(2) select { width:150px; } .zfea_assetwolf_schedule tr td .time_block { margin:2px 0; padding:10px; } .zfea_assetwolf_schedule tr td .time_block .input_toggle { width:22px; height:22px; line-height:20px; padding:0; } .zfea_assetwolf_schedule tr td .time_block select { margin:0 2px; } /* Switch views buttons with children --------------------------------------------------------------------------------------------------*/ .assetwolf_switch_views { float:right; font-size:13px; } .zenario_skin .assetwolf_switch_views ul, .zenario_skin .assetwolf_switch_views ul li { list-style:none; padding:0; margin:0; } .assetwolf_switch_views ul li a { display:inline-block; background-image:url("..//styles/fea/images/aw/icon-search-arrow-down.png"); background-repeat:no-repeat; background-position:right center; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align:left; padding:2px 25px 2px 10px; cursor:pointer; } .assetwolf_switch_views, .assetwolf_switch_views ul, .assetwolf_switch_views ul li { position:relative; z-index:97; } .assetwolf_switch_views ul ul { position:absolute; z-index:79; left:0; top:26px; width:180px; opacity:0; visibility:hidden; } .assetwolf_switch_views ul li:hover ul { opacity:1; visibility:visible; } .assetwolf_switch_views ul ul, .assetwolf_switch_views ul ul li { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .assetwolf_switch_views ul ul li a { display:block; background:transparent; padding:2px 10px; -webkit-border-radius: 0; border-radius: 0; } .assetwolf_switch_views ul li a:hover { text-decoration:none; } /* Graph base --------------------------------------------------------------------------------------------------*/ .assetwolf_graph_base .graph_options { overflow:hidden; margin:0; padding:10px; } .assetwolf_graph_base .time_period_selector, .assetwolf_graph_base .pre_defined_period, .assetwolf_graph_base .specific_dates { display:inline-block; float:left; } .assetwolf_graph_base .specific_dates.sub_panel { padding-left:10px; } .assetwolf_graph_base .graph_buttons { display:inline-block; text-align:center; float:right; } .assetwolf_graph_base .time_period_selector .title, .assetwolf_graph_base .specific_dates label { display:inline-block; padding-right:10px; } .assetwolf_graph_base .specific_dates .date_range_selector { overflow:hidden; } .assetwolf_graph_base .specific_dates .date_range_selector label { line-height:30px; } .assetwolf_graph_base .specific_dates.sub_panel .date_range_selector { margin-bottom:10px; } .assetwolf_graph_base .specific_dates .date_range_selector label, .assetwolf_graph_base .specific_dates .date_range_selector input, .assetwolf_graph_base .specific_dates .date_range_selector select { float:left; } .assetwolf_graph_base .specific_dates .date_range_selector select { height:36px; } .minigrid.span.span4 .assetwolf_graph_base .specific_dates .date_range_selector label { clear:left; width:38px; } .minigrid.span.span4 .assetwolf_graph_base .specific_dates .date_range_selector label, .minigrid.span.span4 .assetwolf_graph_base .specific_dates .date_range_selector input, .minigrid.span.span4 .assetwolf_graph_base .specific_dates .date_range_selector select { margin-bottom:8px; } .minigrid.span.span4 .assetwolf_graph_base { margin-right:10px; } .assetwolf_graph_base .graphs_wrapper { min-height:150px; } .assetwolf_graph_base .graph_wrapper { position:relative; clear:both; } .assetwolf_graph_base .graph_wrapper .no_data { position:absolute; /*z-index:59;*/ left:0; right:0; top:35%; text-align:center; } .assetwolf_graph_base .graph_wrapper .no_data .error { display:inline-block; width:auto; } .Grouping_Graph { position:relative; } .slot_refresh_button .button.refresh.small_button { position:absolute; z-index:9; right:0; padding:0 10px; } .assetwolf_graph_base .compare_data_wrap { position:relative; height:40px; } .zenario_skin .assetwolf_graph_base input.compare_with { float:right; height:34px; line-height:32px; padding-right:30px; font-size:0.875em; background-image:url('..//styles/fea/images/aw/arrow-down.png'); background-repeat:no-repeat; background-position:right center; -webkit-border-radius: 0; border-radius: 0; cursor:pointer; } .assetwolf_graph_base input.compare_with.active { background-image:url('..//styles/fea/images/aw/arrow-up.png'); } .assetwolf_graph_base .graph_wrapper .fea_preloader_circle { top:35%; } .graph_plugin_wrap { position:relative; } .graph_plugin_wrap .compare_data { position:absolute; right:0; top:34px; z-index:79; } .graph_plugin_wrap .compare_data_inner { overflow:hidden; } .graph_plugin_wrap .asset_picker_wrapper { width:280px; float:left; padding:15px; } .graph_plugin_wrap .field_picker_wrapper { width:280px; float:right; padding:15px; } .graph_plugin_wrap .field_picker_wrapper .field_picker_label__asset_name { overflow:hidden; font-weight:600; } .graph_plugin_wrap .field_picker_wrapper .field_picker_label__asset_name > span { float:left; margin-right:5px; } .graph_plugin_wrap .asset_picker_wrapper select { max-width:100%; } .graph_plugin_wrap .asset_picker_wrapper .error { margin-top:8px; padding-top:5px; padding-bottom:5px; } .graph_plugin_wrap .compare_data_inner .field_picker { max-height:75px; overflow-y:auto; padding:8px; } .graph_plugin_wrap .compare_data_inner .field_picker .field_checkbox { padding:2px 0; } .graph_plugin_wrap .compare_data_inner .field_picker .field_checkbox input { margin-right:5px; } .graph_plugin_wrap .compare_data form .controls { overflow:hidden; clear:both; margin-top:10px; padding:10px; text-align:center; } .graph_plugin_wrap .compare_data .small_error { font-size: 0.867em; } .assetwolf_graph_base .highcharts-contextmenu { background:#FFF; top:35px !important; right:0 !important; padding:10px !important; border:2px solid #0099a9; -webkit-border-radius: 4px; border-radius: 4px; } .assetwolf_graph_base .highcharts-contextmenu .highcharts-menu .highcharts-menu-item { padding-top:4px; cursor:pointer; font-size:0.800em; } .assetwolf_graph_base .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:first-child { font-weight:bold; padding-top:0; padding-bottom:3px; margin-bottom:3px; font-size:0.933em; cursor:default; } .assetwolf_graph_base .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:hover { text-decoration:underline; color:#0099a9; } .assetwolf_graph_base .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:first-child:hover { text-decoration:none; color:#57585a; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input[type="button"] { padding:0 8px; margin:0; -webkit-border-radius:0; border-radius:0; background:#CACAD9; color:#555; border:0; border-right:1px solid #999; font-size:12px; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input[type="button"]:first-child { border-left:1px solid #999; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input.selected[type="button"] { background:#999; color:#FFF; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"] { height:26px; -webkit-border-radius:12px; border-radius:12px; background-color:#fff; border:2px solid #999; color:#999; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"].selected { background-color:#999; color:#FFF; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"].selected:hover { opacity:1; } .assetwolf_graph_base .highcharts-data-table table { max-width: calc(100% - 20px); margin: 10px auto; } .assetwolf_graph_base .highcharts-data-table table tr th, .assetwolf_graph_base .highcharts-data-table table tr td { border:1px solid #777; padding:5px 12px; vertical-align:top; } .assetwolf_graph_base .highcharts-data-table table tr th { text-align:center; } .assetwolf_graph_base .highcharts-data-table table tr th, .assetwolf_graph_base .highcharts-data-table table tr td:first-child { background:#777; color:#fff; } .assetwolf_graph_base .highcharts-data-table table tr td { text-align:right; } /* Form grouping --------------------------------------------------------------------------------------------------*/ body.desktop .zfea_form_grouping__asset_details, body.desktop .zfea_form_grouping__asset_multiplex_prefix, body.desktop .zfea_form_grouping__asset_connection { width: 45%; padding: 15px 2%; margin-bottom: 20px; } body.desktop .zfea_form_grouping__asset_details, body.desktop .zfea_form_grouping__asset_connection { min-height:480px; } body.desktop .zfea_form_grouping__asset_connection { position:absolute; right:10px; top:80px; } body.desktop .zfea_assetwolf_edit_asset .zfea_form_grouping__asset_connection { top:124px; } .zfea_form_grouping__asset_details .zfea_form_row__asset_details_title label, .zfea_form_grouping__asset_multiplex_prefix .zfea_form_row__asset_connection_title label { font-size:1.25em; } body.desktop .zfea_form_grouping__asset_details .zfea_form_row.zfea_form_row__image_id #name_for_image_id div.Tokenize { width:400px; } .zfea_form_row__asset_type_fields_preview span#zf_snippet__asset_type_fields_preview { display:inline-block; padding:5px 8px; background:#ccc; } /* Edit asset --------------------------------------------------------------------------------------------------*/ .zenario_skin .zfea_assetwolf_edit_asset form { padding-top:10px; } .zfea_assetwolf_edit_asset fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info { margin-top:-25px; } .zfea_assetwolf_edit_asset .zfea_form_row__asset_details_title, .zfea_assetwolf_edit_asset .zfea_form_row__asset_connection_title { width:100%; overflow:hidden; } .zfea_assetwolf_edit_asset .zfea_form_row__asset_details_title label, .zfea_assetwolf_edit_asset .zfea_form_row__asset_connection_title label, .zfea_assetwolf_edit_asset .zenario_field_tooltip { float:left; } .zfea_assetwolf_edit_asset input[type="text"], .zfea_assetwolf_edit_asset input[type="password"], .zfea_assetwolf_edit_asset input[type="email"], .zfea_assetwolf_edit_asset input[type="search"], .zfea_assetwolf_edit_asset textarea { width:80%; } .zfea_assetwolf_edit_asset #name_for_image_id { min-height:30px; } .zfea_assetwolf_edit_asset #name_for_image_id .TokenSearch { display:none; } .zfea_assetwolf_edit_asset .zfea_form_row__enable_event_monitoring { overflow:hidden; } .zfea_assetwolf_edit_asset .zfea_form_row__enable_event_monitoring > div > div { display:inline-block; } /* Create asset --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_create_asset .error { width: 49%; } /* Dropdown button --------------------------------------------------------------------------------------------------*/ .ui-selectmenu-button span.ui-selectmenu-text { background:#FFF; border:1px solid #999; } .ui-selectmenu-button.ui-widget, .ui-selectmenu-menu .ui-widget, .ui-selectmenu-button span.ui-selectmenu-text { font-size:13px; } .ui-selectmenu-menu .ui-menu { height:210px; } .ui-selectmenu-button a:hover { text-decoration:none; } .ui-selectmenu-button span { line-height:22px; } .ui-selectmenu-button.ui-widget.ui-state-default { background:none; border:0; -webkit-box-shadow:unset; box-shadow:unset; text-align:right; } .zfea_form_grouping .zenario_row_with_dropdown { position:relative; } .zfea_form_grouping .zenario_row_with_dropdown .ui-selectmenu-button { position:absolute; top:0; right:0; } .zfea_form_grouping .zenario_row_with_dropdown .ui-selectmenu-button span.ui-selectmenu-text { background:none; border:0; } .assetwolf_comm_time_setting { display: inline-block; float: left; clear: left; } .assetwolf_comm_time_setting_on_right { clear: none; } /* Merge field --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_row_with_dropdown, .zfea_form_grouping .zfea_form_row.zenario_row_with_dropdown { position:relative; max-width:472px; } .zenario_row_with_dropdown .title { padding-bottom:8px; } .zfea_assetwolf_edit_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__6__1 .chosen-container { position:absolute; top:0; right:0; } .zfea_assetwolf_edit_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container a:hover, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container a:hover, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__6__1 .chosen-container a:hover, .ui-selectmenu-button a:hover { text-decoration:none; } .zfea_assetwolf_edit_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-single .chosen-single span, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-single .chosen-single span, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__6__1 .chosen-container-single .chosen-single span, .ui-selectmenu-button span { line-height:22px; } .zfea_assetwolf_edit_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-single .chosen-single, .zfea_assetwolf_edit_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-active.chosen-with-drop .chosen-single, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-single .chosen-single, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__2__1 .chosen-container-active.chosen-with-drop .chosen-single, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__6__1 .chosen-container-single .chosen-single, .zfea_assetwolf_create_procedure .zfea_form_grouping__grouping__1 .zfea_form_row__6__1 .chosen-container-active.chosen-with-drop .chosen-single, .ui-selectmenu-button.ui-widget.ui-state-default { background:none; border:0; -webkit-box-shadow:unset; box-shadow:unset; text-align:right; } /* Edit schedule --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_edit_schedule tr td { vertical-align:top; } .zfea_assetwolf_edit_schedule tr td:nth-child(2) select { width:150px; } .zfea_assetwolf_edit_schedule tr td .time_block { margin:2px 0; padding:10px; } .zfea_assetwolf_edit_schedule tr td .time_block .input_toggle { width:22px; height:22px; line-height:20px; padding:0; } .zfea_assetwolf_edit_schedule tr td .time_block select { margin:0 2px; } /* Schemas --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_view_schema .zfea_form_grouping.zfea_form_grouping__name_and_desc { clear:both; float:none; } .zfea_form_grouping.label_span_same_line div div { display:inline-block; } .zfea_form_grouping.label_span_same_line div div.title { font-weight:600; } .zfea_form_grouping.label_span_same_line div, .zfea_form_grouping.label_span_same_line div label { padding-bottom:0; } .zfea_assetwolf_edit_schema .zfea_form_row.zfea_form_indent_level { padding-top:10px; } .zfea_assetwolf_edit_schema .zfea_form_row.zfea_form_indent_level br, .zfea_assetwolf_edit_schema .zfea_form_row.zfea_form_indent_level .zfea_row_fields .title { margin-bottom:10px; } .zfea_assetwolf_edit_schema .zfea_form_row span[class*="list_icon"], .zfea_assetwolf_view_schema .zfea_form_row span[class*="list_icon"] { float:left; } .zfea_assetwolf_view_schema div[class*="communication_time_label"] label { font-weight:600; } /* Asset status --------------------------------------------------------------------------------------------------*/ .asset_status.commands { background: url('..//styles/fea/images/aw/icon-commands-status.svg') no-repeat center center; background-size: 22px; } .zenario_skin a.zfea_button.commands_enabled, .zenario_skin a.zfea_button.commands_disabled { border: none; background: transparent url('..//styles/fea/images/aw/icon-commands-status-green.svg') no-repeat center center; background-size: 33px; width: 33px; height: 33px; } .zenario_skin a.zfea_button.commands_disabled { background-image: url('..//styles/fea/images/aw/icon-commands-status-orange.svg'); } .zenario_skin a.zfea_button.cut_button.zfea_button_disabled { color: black; border-color: black; background-color: #F2c0c0; } table tr td div.col_value.asset_status { width:auto; padding:0 0 0 20px; } .status_classes .asset_status.warning, .status_classes .asset_status.ackd_alarm, .status_classes .asset_status.comms_error { background-color: #EE8131 } .status_classes .asset_status.ok { background-color: #4EAA32 } .status_classes .asset_status.alarm { background-color: #E53622 } .asset_icon, .data_pool_icon, .location_icon { display:inline-block; } .data_pool_icon, .location_icon { width:22px; height:22px; display:inline-block; background-size: 22px; } .asset_icon { width:40px; height:40px; } .ui-selectmenu-menu .ui-widget-content .ui-icon { background:none !important; } .asset_icon, .ui-widget-content .ui-icon.asset_icon { background: url('..//styles/fea/images/aw/icon-asset.svg') no-repeat center center !important; } .data_pool_icon, .ui-widget-content .ui-icon.data_pool_icon { background: url('..//styles/fea/images/aw/icon-data-pools.svg') no-repeat center center !important; } .location_icon, .ui-widget-content .ui-icon.location_icon { background: url('..//styles/fea/images/aw/icon-location.svg') no-repeat center center !important; } .col_value_for__status.asset_status { background-size: 15px; background-position:0 1px; font-size:1em; padding:0 0 0 20px; } .col_value_for__image_id img { max-width:22px !important; max-height:22px !important; } /* List schemas --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_list_schemas table tr td[data-label="Image"] div.col_value { width:auto; } .zfea_assetwolf_list_schemas table tr td[data-label="Image"] .col_value_for__usage { top:-4px; } .zfea_assetwolf_list_schemas table tr td[data-label="Image"] div.col_value, .zfea_assetwolf_list_schemas table tr td[data-label="Image"] .col_value_for__usage { float:left; } .zfea_assetwolf_list_schemas table tr td[data-label="Image"] .col_value_for__image_id img { max-width: none !important; max-height: none !important; } .zfea_assetwolf_list_schemas table tr td[data-label="Image"] { width:100px; } .zfea_assetwolf_list_schemas table tr td[data-label="ID"] { width:30px; } /* Asset switcher --------------------------------------------------------------------------------------------------*/ .assetwolf_2_asset_switcher .asset_change_dropdown_wrapper { position:relative; margin-top:10px; text-align:right; } .assetwolf_2_asset_switcher .asset_change_dropdown_wrapper > p { display:inline-block; height:30px; line-height:28px; margin:0; padding:0 25px 0 8px; font-size:0.85em; cursor:pointer; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-image:url('..//styles/fea/images/aw/icon-search-arrow-down.png'); background-repeat:no-repeat; background-position:right center; } .assetwolf_2_asset_switcher .asset_change_dropdown_content { position:absolute; z-index:90; top:30px; right:0; width:905px; padding:15px; text-align:left; font-size: 0.9em; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .searchbox_button { position:relative; width:95%; width:calc(100% - 37px); float:left; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_creation_link { float:right; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_creation_link, .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_creation_link a { width:23px; height:23px; display:block; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_creation_link a { font-weight:bold; text-indent:-999; font-size:0; line-height:0; background-image:url('..//styles/fea/images/aw/icon-white-plus.svg'); background-repeat:no-repeat; background-position:center; background-size:15px; -webkit-border-radius: 2px; border-radius: 2px; } .assetwolf_2_asset_switcher .asset_change_dropdown_content input#search_asset { width:90%; width:calc( 100% - 42px); margin-bottom:10px; padding-left:32px; background-image:url('..//styles/fea/images/aw/icon-search.png'); background-repeat:no-repeat; background-position:left center; } .assetwolf_2_asset_switcher .asset_change_dropdown_content input[type="button"] { position:absolute; top:5px; right:8px; height:18px; line-height:18px; margin:0; -webkit-border-radius: 0; border-radius: 0; padding:0; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; -webkit-box-shadow: none; box-shadow: none; text-shadow:none; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table { width:90%; width:calc(100% - 20px); height:245px; padding-right:20px; overflow:auto; float:none; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_change_dropdown_table_row, .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_items_link { width: 98.5% !important; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_change_dropdown_table_row.heading { margin-bottom:10px; -webkit-border-radius: 5px; border-radius: 5px; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table a.asset_items_link { display:block; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_change_dropdown_table_row.heading, .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_items_link, .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_items_link .asset_items { width:100%; overflow:hidden; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_change_dropdown_table_row.heading div, .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_items_link .asset_items div { float:left; width:40%; width:calc( 50% - 40px); padding-left:20px; padding-right:20px; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_change_dropdown_table_row.heading div { padding-top:9px; padding-bottom:9px; } .assetwolf_2_asset_switcher .asset_change_dropdown_content .asset_change_dropdown_table .asset_items_link .asset_items div { padding-top:4px; padding-bottom:4px; } .assetwolf_2_asset_switcher #asset_selector { display:none; } /* Asset switcher --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .asset_switcher .main_wrap { position:relative; text-align:right; } .assetwolf_2 .asset_switcher .main_wrap:before, .assetwolf_2 .asset_switcher .main_wrap:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .assetwolf_2 .asset_switcher .main_wrap:after { clear: both; } .assetwolf_2 .asset_switcher .main_wrap .switcher_tab { line-height:34px; padding: 0 15px; margin-bottom:0; float:right; display:inline-block; white-space:nowrap; -webkit-border-radius:2px; border-radius:2px; } .assetwolf_2 .asset_switcher .main_wrap .switcher_tab:after { font-family:"FontAwesome"; content:"\f107"; padding-left:5px; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content { position:absolute; z-index:50; top:32px; right:0; width:90vw; max-width:1100px; padding:5px; text-align:center; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; border-radius: 4px; border-top-right-radius: 0; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .loading { display:inline-block; padding:50px 0; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .loading:after { font-family:"FontAwesome"; content:"\f110"; padding-left:5px; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table { position:relative; max-height: 50vh; overflow-y: auto; text-align:left; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item { overflow:hidden; font-size:0.9em; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading { position:sticky; z-index:2; top:0; padding: 10px 0; -webkit-border-radius:2px; border-radius:2px; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item { padding: 8px 0 4px; border-bottom: 1px solid #ddd; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading > div, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item > div { float:left; padding:0 10px; line-height:1.3em; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table div.asset_switcher_comms_stats, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table div.asset_switcher_id { width:calc(10% - 20px); } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table div.asset_switcher_name { width:calc(50% - 20px); } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table div.asset_switcher_schema { width:calc(30% - 20px); } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table.three_columns div.asset_switcher_name { width:calc(60% - 20px); } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table.three_columns div.asset_switcher_schema { width:calc(30% - 20px); } .assetwolf_2 .asset_switcher .main_wrap .switcher_tab, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item { cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .assetwolf_2 .asset_switcher .main_wrap .switcher_tab { background:#0f202e; color:#fff; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content, .assetwolf_2 .asset_switcher .main_wrap:hover .switcher_tab { background:#333; color:#fff; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content { border:2px solid #333; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading { background:#000; color:#fff; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item:hover { background:#777; } .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item.currently_selected { background: #154f7c; cursor: default; } .assetwolf_2.assetwolf_2__in_mode__asset_switcher .content_loading { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .assetwolf_2.assetwolf_2__in_mode__asset_switcher .content_loading:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family:"FontAwesome"; content:"\f1ce"; font-size:3em; color:rgba(255,255,255,0.8); -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; } /* Responsive */ @media all and (max-width: 769px) { .assetwolf_2 .asset_switcher .main_wrap .dropdown_content { width:99%; } } @media all and (max-width: 531px) { .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading > div, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item > div, .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .table_row.heading > div:nth-child(1), .assetwolf_2 .asset_switcher .main_wrap .dropdown_content .dropdown_table .item > div:nth-child(1) { width:calc(100% - 20px); float:none; } } /* Export data --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .mode_export_panel form { display:none; } .assetwolf_2 .mode_export_panel .reveal_button h4 { height:27px; line-height:26px; font-size:1em; font-weight:normal; 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; background-color: #000; border: 1px solid #000; color: #FFF; } .assetwolf_2 .mode_export_panel .form_date_picker > label, .assetwolf_2 .mode_export_panel .form_date_picker > select, .assetwolf_2 .mode_export_panel .form_date_picker > div, .assetwolf_2 .mode_export_panel .form_date_picker > input, .assetwolf_2 .mode_export_panel .form_date_picker > span { float:none; } .assetwolf_2 .mode_export_panel .form_date_picker select[name="ts_format"] { max-width:none; } .assetwolf_2 .mode_export_panel .form_date_picker span.note { font-size:12px; font-style:italic; margin-left:10px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap { padding:10px 10px 5px; border-bottom:5px solid #FFF; margin:0; background:#F5F5F5; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap:first-child label { margin-right:8px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap.same_label_size > label, .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap label.label_from { width:130px; text-align:left; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap, .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields { overflow:hidden; clear:both; display:block; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields { clear:left !important; padding-left:135px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields input[type="radio"] { margin-top:3px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields > span:not(.subtitle):not(.indented_schema_field), .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__metric_data_fields .zfea_form_group { float:none; height:auto; margin-top:8px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields > span:not(.subtitle):not(.indented_schema_field) label { height:auto; line-height:1.4em; margin-bottom:0; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields span.indented_schema_field, .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__metric_data_fields .zfea_form_group span.indented_schema_field { display:block; float:none; height:auto; line-height:1.8em; margin-left:30px; font-size:95%; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields span.subtitle, .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__granular_data_fields .zfea_form_group span.subtitle, .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__metric_data_fields .zfea_row_fields span.subtitle { float:none; display:block; height: 34px; line-height: 34px; margin:5px 0 8px; padding:0 10px; background:#e2e2e2; border-bottom:1px solid #ccc; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields span.indented_schema_field.title { font-size:110%; padding-top:10px; } .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__granular_data_fields .zfea_form_group, .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__metric_data_fields .zfea_row_fields { max-width:400px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields input[type="checkbox"] { top:4px; } .assetwolf_2 .mode_export_panel .form_date_picker .form_date_picker_wrap .schema_fields input[type="checkbox"], .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__granular_data_fields .zfea_form_group input[type="checkbox"] { position:relative; margin-left:10px; } .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__granular_data_fields .zfea_form_group { padding-bottom:4px; } .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__granular_data_fields .zfea_form_group label { padding-bottom:0; } .assetwolf_2 .zfea_assetwolf_export_all_data .zfea_form_row__monthly_metrics_error { margin:10px 0 15px; } /* AW2 mode compare fields --------------------------------------------------------------------------------------------------*/ .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields { background:#efefef; margin-bottom:5px; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header { font-weight:bold; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label { display:block; position:relative; padding:8px 15px 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_top_level_toggle_with_selected_children { padding-right:80px; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label .zfea_toggle { font-size:0; border:0 !important; border-radius:0 !important; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label .zfea_toggle:after { font-family: "FontAwesome"; content: "\f105"; position: absolute; right: 10px; top: 8px; font-size:22px; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_toggle_on { background:#d7e0ea; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label:hover, .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_toggle_on { color:#1565c0; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_toggle_on .zfea_toggle:after { content: "\f107"; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_reveal { padding:8px 15px 5px 20px; border:5px solid #d7e0ea; border-top:0; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_reveal .dash_select_field { padding:2px 0; font-size:0.938em; } .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_top_level_toggle_with_selected_children, .assetwolf_2.assetwolf_2__in_mode__compare_fields .dash_compare_fields .dash_header .zfea_toggle_and_label.zfea_top_level_toggle_with_selected_children.zfea_toggle_on { background:#7de0f7; } .dash_header .zfea_num_children_toggled, .dash_header .dash_header_warning { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; position:absolute; z-index:2; top:10px; } .dash_header .zfea_num_children_toggled { right:30px; font-size:11px; background:#1565c0; color:#FFF; border-radius:50%; } .dash_header .dash_header_warning { right:55px; background:url('..//styles/fea/images/icon-warning-triangle.svg') no-repeat; background-size: 20px 20px; } /* Max the graphs a little taller; aim to fill the screen if possible */ .zenario_slot.assetwolf_2__in_mode__compare_graphs .fea_highcharts_container { min-height: 540px; height: calc(100vh - 340px); } /* Check if the user has scrolled the page past where the graph starts. If not, keep it positioned normally. However if they have, set the graph to position: fixed; so it follows them as they scroll. */ .zenario_slot.assetwolf_2__in_mode__compare_graphs .fea_highcharts_container.fea_scroll_at_top { position: static; top: 0; } .zenario_slot.assetwolf_2__in_mode__compare_graphs .fea_highcharts_container.fea_scrolled_past { position: fixed; top: 0; } /* Account for the admin toolbar when in admin mode */ .zenario_adminLoggedIn .zenario_slot.assetwolf_2__in_mode__compare_graphs .fea_highcharts_container { height: calc(100vh - 470px); } .zenario_adminLoggedIn .zenario_slot.assetwolf_2__in_mode__compare_graphs .fea_highcharts_container.fea_scrolled_past { top: 130px; } /* Edit box --------------------------------------------------------------------------------------------------*/ .zfea_edit_box { overflow:hidden; padding:20px; } .zfea_assetwolf_edit_global_setup_options table input[type="text"] { width:90% !important; } .zfea_assetwolf_edit_global_setup_options table tr td:first-child input[type="text"] { width:2em !important; } /* Map canvas --------------------------------------------------------------------------------------------------*/ .assetwolf_2.list_of_assets #map_canvas { clear: both; } #map_canvas h1 { margin-bottom:10px; padding-bottom:5px; border-bottom-width:2px; } #map_canvas .gm-style-iw > div > div { width:250px !important; } #map_canvas .gm-style-iw .map_header { overflow:hidden; } #map_canvas .gm-style-iw .map_header .map_title { width:calc(100% - 60px); float:left; display:inline-block; } #map_canvas .gm-style-iw .map_header .map_title h1 { border:0; margin:0; padding:3px 0 2px; line-height:20px; } #map_canvas .gm-style-iw .map_header .map_button { float:right; } #map_canvas .gm-style-iw .map_header .map_button a { display:inline-block; font-size:12px; height:20px; line-height:18px; padding:0 8px; } #map_canvas .gm-style-iw .map_content { overflow:hidden; } #map_canvas .gm-style-iw .map_content .image { float:right; margin-left:10px; } #map_canvas .gm-style-iw .map_content .map_details { overflow:hidden; padding:5px 8px; } #map_canvas .gm-style-iw .map_content .map_details p { margin-bottom:0; } #map_canvas .gm-style-iw .map_bottom { clear:both; margin-top:5px; } /* Author information --------------------------------------------------------------------------------------------------*/ fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info { background:transparent; padding:0; margin-top: -15px; margin-bottom:0; position: relative; } .zfea_assetwolf_edit_procedure fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info, .zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info { float:none; } .zfea_assetwolf_edit_procedure fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info, .zfea_assetwolf_edit_procedure fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info div, .zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping.zfea_form_grouping__last_edit_info { padding-bottom:0; margin-bottom:0; } .zfea_form_row__last_edited, #colorbox .note_wrapper .row .content .author p, .stop_auto_refresh p { font-size:0.857em; font-style:italic; text-align:right; padding-right:2px; } /* Common styles, plugins titles --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_users > h1, .zfea_assetwolf_list_asset_types > h1, .zfea_assetwolf_list_commands > h1, .zfea_assetwolf_list_data_schemas > h1, .zfea_assetwolf_list_possible_events > h1, .zfea_assetwolf_list_procedures > h1, .zfea_assetwolf_list_companies > h1, .zfea_assetwolf_list_locations > h1, .nest_mqtt_connection .assetwolf_2 > h1, .nest_mqtt_monitor .assetwolf_2 > h1, .nest_resource_usage .assetwolf_2 > h1, .zfea_assetwolf_list_triggers > h1 { padding-left:50px; padding-top:7px; background-repeat:no-repeat; background-position:left 0; background-size:40px; } .zfea_zenario_list_users > h1 { background-image:url('..//styles/fea/images/aw/icon-title-customer-users.svg'); } .zfea_assetwolf_list_asset_types > h1 { background-image:url('..//styles/fea/images/aw/icon-title-asset-types.svg'); } .zfea_assetwolf_list_commands > h1 { background-image:url('..//styles/fea/images/aw/icon-commands.svg'); } .zfea_assetwolf_list_data_schemas > h1 { background-image:url('..//styles/fea/images/aw/icon-title-schemas.svg'); } .zfea_assetwolf_list_possible_events > h1, .zfea_assetwolf_list_triggers > h1 { background-image:url('..//styles/fea/images/aw/icon-title-alarms-and-events.svg'); } .zfea_assetwolf_list_procedures > h1 { background-image:url('..//styles/fea/images/aw/icon-title-alarm-procedures.svg'); } .zfea_assetwolf_list_companies > h1, .zfea_assetwolf_list_locations > h1 { background-image:url('..//styles/fea/images/aw/icon-title-manage-locations.svg'); } .nest_mqtt_connection .assetwolf_2 > h1 { background-image:url('..//styles/fea/images/aw/icon-title-global-mqtt-connection.svg'); } .nest_mqtt_monitor .assetwolf_2 > h1 { background-image:url('..//styles/fea/images/aw/icon-title-mqtt-monitor.svg'); } .nest_resource_usage .assetwolf_2 > h1 { background-image:url('..//styles/fea/images/aw/icon-title-resource-usage.svg'); } /* Assetwolf create command --------------------------------------------------------------------------------------------------*/ .send_commands .command_fields { padding:10px 0; } .send_commands form select { margin-bottom:10px; } .send_commands .command_fields .command_field { overflow:hidden; } .send_commands .command_fields .command_field label { margin-right:10px; } .send_commands .command_fields .command_field label, .send_commands .command_fields .command_field input, .send_commands .command_fields .command_field textarea, .send_commands .command_fields .command_field span { float:left; margin-right:10px; } .send_commands .command_fields .command_field label, .send_commands .command_fields .command_field span { padding-top:5px; } /* Tabbed panel --------------------------------------------------------------------------------------------------*/ .zenario_skin .message_tabbed_panel ul, .zenario_skin .message_tabbed_panel ul li { list-style:none; padding:0; margin:0; } .message_tabbed_panel ul { height:33px; border-bottom:1px solid #ccc; z-index:1; } .message_tabbed_panel ul li, .message_tabbed_panel > div { border:1px solid #ccc; } .zenario_skin .message_tabbed_panel ul li { position:relative; display:inline-block; float:left; line-height:32px; padding:0 15px; margin-right:1px; background:#ccc; color:#FFF; cursor:pointer; } .message_tabbed_panel ul li.tab.on { background:#FFF; color:#333; z-index:2; line-height:33px; border-bottom:0; } .message_tabbed_panel ul li:hover { opacity:0.8; } .message_tabbed_panel ul li.tab.on:hover { opacity:1; } .message_tabbed_panel > div { background:#FFF; padding:15px; border-top:0; } .message_tabbed_panel > div p.ago { font-style:italic; } /* Common styles Zfea, various --------------------------------------------------------------------------------------------------*/ span.awf_data_out_of_date { padding-left:22px; } span.awf_data_out_of_date { display:inline-block; background:url('..//styles/fea/images/aw/icon-warning-triangle.svg') no-repeat left center / 17px 15px; } /* Auto refreshing --------------------------------------------------------------------------------------------------*/ .auto_refreshing .auto_refresh, .stop_auto_refresh { display:none; } .auto_refreshing .stop_auto_refresh { display:inline-block; } .auto_refreshing .stop_auto_refresh, .auto_refreshing .stop_auto_refresh a, .auto_refreshing .stop_auto_refresh p { display:inline-block; } .stop_auto_refresh p { line-height:26px; } /* Form grouping --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row.zfea_form_row__add_action { margin-left:0; margin-right:0; } .assetwolf_2 .zfea_assetwolf_procedure .zfea_form_row.zfea_form_row__add_action { padding-left:35px; } /* Common styles, for Assetwolf --------------------------------------------------------------------------------------------------*/ .zfea_popout.assetwolf_query_data_popout { z-index: 1010; } .zfea_popout.assetwolf_query_data_popout .zfea_popout_inner { width: 95%; max-height: 90%; top: 1%; left: 1%; border-radius: 8px; overflow: auto; } .zfea_popout.assetwolf_query_data_popout .aw_console { font-family: "Lucida Console", Monaco, monospace; background: #f8f8f8; color: black; font-size: 13px; } .zfea_popout.assetwolf_query_data_popout .aw_console .fea_csvDownload { margin-bottom:10px; } .zfea_popout.assetwolf_query_data_popout .aw_console .fea_csvDownload > a { color:#fff; } .zfea_popout.assetwolf_query_data_popout .aw_console .different_timestamp { color: darkred; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner { width:60%; max-width:600px; left:0; right:0; margin:auto; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner { width:300px; min-width:300px; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner .zfea_popout_form { width:250px; margin:auto; text-align:center; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner .zfea_popout_form h3 { margin-bottom:20px; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner .zfea_popout_form label { clear: left; float: left; line-height:32px; padding-right:10px; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner .zfea_popout_form input.input_text { width: 90px; clear:right; float:left; margin-bottom:20px; text-align:right; } .zfea_popout.zfea_popout_heatmap_band_values .zfea_popout_inner .zfea_popout_form input#close_popout { clear: both; float: none; display: block; margin:auto; } .zenario_skin form .zfea_popout .zfea_popout_inner > input.close_popout_x, .zenario_skin form .zfea_form_row .zfea_popout .zfea_popout_inner > input.close_popout_x { position:absolute; z-index:2; top:10px; right:10px; width:22px; height:22px; -webkit-border-radius:50%; border-radius:50%; background: url('..//styles/fea/images/aw/close-cross.svg') no-repeat center center / 10px 10px; background-color: #CCC; border:0; padding:0; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form { max-height: 70vh; overflow-y: auto; margin-top:0; text-align:center; padding-right:10px; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form h3, .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div, .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form label, .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div input, .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form textarea { text-align:left; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div { overflow:hidden; padding:5px 0; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div.zfea_form_note_below { padding:5px 10px; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div.zfea_form_note_below code { font-size:1.2em; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form label { display:block; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form .zenario_hierarchical_box_children { padding:0 0 5px 10px; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form .input_button { margin-top:10px; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form .zfea_form_radio_or_checkbox { overflow:hidden; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div input, .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form div label { display:inline-block; float:left; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form input[type="checkbox"], .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner .zfea_popout_form input[type="radio"] { margin:3px 5px 0 0; } /* Colorbox, popup aw data entry --------------------------------------------------------------------------------------------------*/ .zfea_popout.assetwolf_data_entry_popout .zfea_popout_inner, .zfea_assetwolf_send_command_popout .zfea_popout_inner { width:400px; } .zfea_popout.assetwolf_data_entry_popout .zfea_form_row.zfea_form_row__asset_name h2, .zfea_assetwolf_send_command_popout .zfea_form_row.zfea_form_row__asset_name h2 { border-bottom: 2px solid #d9dadb; padding-bottom: 10px; } .zfea_popout.assetwolf_data_entry_popout .zfea_form_row.zfea_form_row__title h3, .zfea_assetwolf_send_command_popout .zfea_form_row.zfea_form_row__title h3 { border-bottom: 0; font-size:1.2em; font-weight:600; } .zfea_popout.assetwolf_data_entry_popout .zfea_form_row.zfea_form_row__title, .zfea_popout.assetwolf_data_entry_popout .zfea_form_row.zfea_form_row__title h3, .zfea_assetwolf_send_command_popout .zfea_form_row.zfea_form_row__title, .zfea_assetwolf_send_command_popout .zfea_form_row.zfea_form_row__title h3 { padding-bottom: 0; } .zfea_popout.assetwolf_data_entry_popout fieldset.zfea_form_grouping__submit_buttons, .zfea_assetwolf_send_command_popout fieldset.zfea_form_grouping__submit_buttons { text-align:center; } .zfea_popout.assetwolf_data_entry_popout fieldset.zfea_form_grouping__submit_buttons .zfea_form_row, .zfea_assetwolf_send_command_popout fieldset.zfea_form_grouping__submit_buttons .zfea_form_row { display:inline-block; padding-bottom:0; } .zfea_popout.assetwolf_data_entry_popout fieldset.zfea_form_grouping__submit_buttons .zfea_form_row input[type="button"], .zfea_assetwolf_send_command_popout fieldset.zfea_form_grouping__submit_buttons .zfea_form_row input[type="button"] { height:40px; line-height:38px; padding:0 20px; font-size:1em; } .zfea_popout.assetwolf_data_entry_popout .zfea_form_row.zfea_row_for_button, .zfea_assetwolf_send_command_popout .zfea_form_row.zfea_row_for_button { text-align:right; } /* Triggers --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .zfea_assetwolf_edit_trigger table.table_with_lines { width:auto; } .zfea_assetwolf_edit_trigger .table_with_lines input[type="text"] { width:80px !important; } .zfea_assetwolf_edit_trigger .table_with_lines tr th:last-child, .zfea_assetwolf_edit_trigger .table_with_lines tr td:last-child { text-align:right; } .zfea_assetwolf_edit_trigger .table_with_lines tr th { background:#999; color:#fff; } /* Date Range Selector --------------------------------------------------------------------------------------------------*/ .assetwolfDateRangeSelector .data_section { padding:20px; margin:15px 0; overflow:hidden; } .assetwolfDateRangeSelector .data_section .date_from { display: inline; } .assetwolfDateRangeSelector .data_section .data_date_time p span { float:right; padding:1px 8px 2px 8px; margin-left:5px; } .assetwolfDateRangeSelector input[type="text"] { width:110px; font-size:0.9em; } .assetwolfDateRangeSelector .data_section .label, .assetwolfDateRangeSelector .data_section .data { display: inline-block; } .assetwolfDateRangeSelector .data_section .label p { font-size: 0.9em; } .assetwolfDateRangeSelector .data_section .data .assetwolf_datepicker_range_selector { max-width:150px; padding: 0 10px; -webkit-border-radius: 4px; border-radius: 4px; } .assetwolfDateRangeSelector .assetwolf_asset_location_history_update_button { float: right; } .assetwolfDateRangeSelector .data_section .data #assetwolfLocationTrackUpdate { display: inline-block; font-size: 0.9em; height: 30px; line-height: 30px; padding: 0 15px; margin-left: -20px; border: 0; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; } .assetwolfDateRangeSelector .assetwolf_asset_location_history_update_button { float: right; } .assetwolfDateRangeSelector .form_date_picker div { margin-bottom:0; } /* Asset details --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .asset_details { overflow:hidden; } .assetwolf_2 .asset_details .acknowledge_alarm_icon { margin-top:10px; } .assetwolf_2 .asset_details.image { margin-bottom:15px; float:left; } .assetwolf_2 .asset_details.image img { display:inline-block; height: auto; margin-right:15px; } .assetwolf_2 .asset_details.information p, .assetwolf_2 .field_details p, .assetwolf_2 .location .location_details .metadata p { margin-bottom:5px; } .assetwolf_2 .asset_details.information p span, .assetwolf_2 .field_details p span, .assetwolf_2 div.location_details p > span, .assetwolf_2 div.metadata p span.title { font-weight:bold; } .assetwolf_2 .asset_details.information p span.warning_text, .assetwolf_2 .field_details p span.warning_text, .assetwolf_2 .time_zone { font-weight:normal; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; cursor:pointer; } .assetwolf_2 .title_main_icons .time_zone { font-weight:bold; } .assetwolf_2 .asset_details.information p span.warning_text:hover, .assetwolf_2 .field_details p span.warning_text:hover { text-decoration:underline; } .assetwolf_2 .asset_details.information p span.warning_icon { display:inline-block; width:16px; height:16px; background:url('..//styles/fea/images/aw/icon-warning-triangle.svg') no-repeat center / 100%; } .assetwolf_2 div.metadata { overflow:hidden; padding:5px 0; } .assetwolf_2 div.metadata span.has_option, .zfea_assetwolf_list_locations span.has_option { display:inline-block; margin-right:5px; padding:2px 8px; background:#333; color:#fff; font-size:13px; font-weight:normal; } .zfea_assetwolf_list_locations span.has_option { margin:2px; } .assetwolf_2 div.metadata span.has_option:before, .zfea_assetwolf_list_locations span.has_option:before { font-family: 'FontAwesome'; content:"\f00c"; padding-right:4px; } .assetwolf_2 div.metadata span.has_option.cross:before, .zfea_assetwolf_list_locations span.has_option.cross:before { content:"\f00d"; } .assetwolf_2 div.metadata span.inherited, .zfea_assetwolf_list_locations span.inherited { font-style:italic; } .assetwolf_2 div.metadata span.inherited:before, .zfea_assetwolf_list_locations span.inherited:before { font-style:normal; } .assetwolf_2 .location .location_details p { margin-bottom:0; } /* View asset field value, Days until change out --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .aw__field, .assetwolf_2 div[class*="aw_field__"] { display:inline-block; } .assetwolf_2.field_small .aw__field, .assetwolf_2.field_large .aw__field, .assetwolf_2.field_small div[class*="aw_field__"], .assetwolf_2.field_large div[class*="aw_field__"] { text-align:center; padding:10px; border:1px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; } .assetwolf_2__default_style .aw__field p, .assetwolf_2__default_style div[class*="aw_field__"] p { display:inline-block; padding-right:5px; margin-bottom:0; } .assetwolf_2__default_style .aw__field .field_label:after, .assetwolf_2__default_style div[class*="aw_field__"] .field_label:after { content:":"; } .assetwolf_2__default_style .aw__field .field_label small, .assetwolf_2__default_style div[class*="aw_field__"] .field_label small { font-size:1em; font-weight:700; } .assetwolf_2.field_large, .assetwolf_2.field_small { margin-bottom:10px !important; } .assetwolf_2.field_large .aw__field, .assetwolf_2.field_large div[class*="aw_field__"] { padding:2px 20px 8px; } .assetwolf_2.field_small .aw__field, .assetwolf_2.field_small div[class*="aw_field__"] { padding:5px 10px 10px; } .assetwolf_2.field_small .aw__field p, .assetwolf_2.field_large .aw__field p, .assetwolf_2.field_small div[class*="aw_field__"] p, .assetwolf_2.field_large div[class*="aw_field__"] p { margin-bottom:4px; display:block; } .assetwolf_2.field_small .aw__field p.field_value, .assetwolf_2.field_small div[class*="aw_field__"] p.field_value { font-size:1em; line-height:12px; } .assetwolf_2.field_large .aw__field p.field_value, .assetwolf_2.field_large div[class*="aw_field__"] p.field_value { font-size:50pt; line-height:50px; } /* View asset field value, RSSI icon --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .aw_5bar_field { overflow:hidden; float:right; clear:both; display:inline-block; width:75px; padding:60px 8px 4px; text-align:center; font-weight:600; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center 10px; background-size:68px auto; } .assetwolf_2 .aw_5bar_field > div { display:inline-block; margin:auto; } .assetwolf_2 .aw_5bar_field p { display:inline-block; margin:0; font-size:0.813em; float:left; padding:0 2px; } .assetwolf_2 .aw_5bar_field p small { font-size:1em; } .assetwolf_2 .aw_5bar_field.aw_val_null { background-image:url('..//styles/fea/images/aw/icon-rssi-0-bars.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_0 { background-image:url('..//styles/fea/images/aw/icon-rssi-0-bars-no-mark.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_1 { background-image:url('..//styles/fea/images/aw/icon-rssi-2-bars.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_2 { background-image:url('..//styles/fea/images/aw/icon-rssi-2-bars.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_3 { background-image:url('..//styles/fea/images/aw/icon-rssi-3-bars.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_4 { background-image:url('..//styles/fea/images/aw/icon-rssi-4-bars.svg'); } .assetwolf_2 .aw_5bar_field.aw_val_5 { background-image:url('..//styles/fea/images/aw/icon-rssi-5-bars.svg'); } /* Common styles Zfea Edit assets --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_asset .zfea_form_row__unique_identifier, .zfea_assetwolf_asset .zfea_form_row__generate_identifier { display:inline-block; } .zenario_slot_dummy_for_transition { position: absolute; z-index: 2; } .zfea_dummy_for_transition { background:#FFF; } /* Schematics */ .assetwolf_2_schematics > .mode_view .schematic_builder, .assetwolf_2_schematics > .mode_edit .schematic_builder_panel .schematic_builder_wrap { position: relative !important; padding-bottom: 56.25% !important; /* 16:9 */ padding-top: 25px !important; height: 0 !important; } .assetwolf_2_schematics .mode_view .schematic_builder .canvas-container, .assetwolf_2_schematics .mode_view .schematic_builder .canvas-container canvas, .assetwolf_2_schematics > .mode_edit .schematic_builder_panel .schematic_builder_wrap .canvas-container, .assetwolf_2_schematics > .mode_edit .schematic_builder_panel .schematic_builder_wrap .canvas-container canvas { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .assetwolf_2_schematics .mode_view .schematic_builder .canvas-container canvas, .assetwolf_2_schematics > .mode_edit .schematic_builder_panel .schematic_builder_wrap .canvas-container canvas { width:calc(100% - 2px) !important; height:calc(100% - 2px) !important; } .assetwolf_2_schematics .mode_view .canvas_container, .assetwolf_2_schematics .mode_edit .canvas_container { width:66%; } .assetwolf_2_schematics .mode_edit .canvas_container { float:left; } .assetwolf_2_schematics .mode_edit #canvas_error { position: absolute; top: 50%; transform: translateY(-50%); left:0; right:0; text-align:center; } body.desktop .assetwolf_2_schematics .mode_edit #canvas_error { font-size:1.2em; } /* Schematics mode view */ .assetwolf_2_schematics .mode_view { overflow:hidden; position:relative; } .assetwolf_2_schematics .mode_view .canvas_container { float:left; position:relative; } .assetwolf_2_schematics .mode_view .icon_button.edit_icon { position:absolute; z-index:9; float:none; top:8px; right:12px; } body.touch .assetwolf_2_schematics .mode_view .icon_button.edit_icon { display:none; } .assetwolf_2_schematics .info, .assetwolf_2_schematics .mode_view p.nothing_selected { width:32%; float:right; } .assetwolf_2_schematics .mode_view p.nothing_selected { position:absolute; z-index:1; top:20px; right:0; text-align:center; font-size:1.2em; } .assetwolf_2_schematics .info { position:relative; z-index:2; background:#fff; } .assetwolf_2_schematics .info .buttons { text-align:center; } .assetwolf_2_schematics .info .hotspot_popup { position:relative; z-index:2; width:calc(100% - 34px) !important; border:2px solid #CCCCCC; background:#fff; padding:15px; -webkit-border-radius:10px; border-radius:10px; } .assetwolf_2_schematics .info .hotspot_popup:after { right: 100%; top: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(204, 204, 204, 0); border-right-color: #CCCCCC; border-width: 14px; margin-top: -14px; } .assetwolf_2_schematics .info .hotspot_popup h3 { text-align: center; color: #333333; font-size: 1.714em; font-weight: 600; border:0; margin:0; padding:0 65px 0 80px; text-align:left; } body.mobile .assetwolf_2_schematics .info .hotspot_popup h3 { margin-top:40px; padding:0; } .assetwolf_2_schematics .info .hotspot_popup .inner { overflow:hidden; position:relative; } .assetwolf_2_schematics .info .hotspot_popup .inner .wrap_div { position: relative; left: 0; top: 5px; } body.mobile .assetwolf_2_schematics .info .hotspot_popup .inner .wrap_div { position:absolute; } .assetwolf_2_schematics .info .hotspot_popup .inner .wrap_div span { display: inline-block; float: left; padding-right: 5px; } .assetwolf_2_schematics .info .hotspot_popup .inner .wrap_div span.icon img { max-width: 22px !important; max-height: 22px !important; } .assetwolf_2_schematics .info .hotspot_popup .buttons { display:inline-block; position:absolute; top:0; right:0; } /* Schematics mode view, manual input buttons */ .assetwolf_2_schematics .info .hotspot_popup div.manual_input { display:inline-block; margin:5px 5px 5px 0; } .assetwolf_2_schematics .info .hotspot_popup .manual_input span.label { padding-left:20px; padding-right:20px; background-repeat:no-repeat; background-position:12px center; background-size:auto 30px; background-color:#fff; border-radius:25px; border:3px solid #333; color:#333; } /* Schematics mode view, legend */ .assetwolf_2_schematics .mode_view .legend { position:absolute; left:0; top:45px; padding:5px 3px 5px 0; background:rgba(255,255,255,0.9); color:#888; font-size:10px; } .assetwolf_2_schematics .mode_view .legend .section_title { padding-bottom:10px; color:#333; font-size:11px; line-height:1.5em; text-align:center; } .assetwolf_2_schematics .mode_view .legend .section { overflow:hidden; padding-bottom:5px; display:inline-block; float:right; } .assetwolf_2_schematics .mode_view .legend .section span.color { display:inline-block; width:22px; height:14px; float:left; margin-right:5px; border-radius:2px; } .assetwolf_2_schematics .mode_view .legend .section p { display:inline-block; float:left; margin:0; line-height:15px; margin-right:8px; } /* Schematics mode edit */ .assetwolf_2_schematics .schematic_builder_panel { overflow:hidden; position:relative; background:#f4f4f4; } .assetwolf_2_schematics .schematic_builder_panel .header, .assetwolf_2_schematics .schematic_builder_panel .header .top { overflow:hidden; } .assetwolf_2_schematics .schematic_builder_panel .header .top { padding:5px 5px 0; } .assetwolf_2_schematics .schematic_builder_panel .header .top .layer_navigation { width:calc(100% - 220px); float:left; overflow:hidden; } .assetwolf_2_schematics .schematic_builder_panel .header .top .save_buttons { width:220px; float:right; } .assetwolf_2_schematics div.schematic_builder .title, .assetwolf_2_schematics div.schematic_builder .controls { width:100%; overflow:hidden; clear:both; float:none; } .assetwolf_2_schematics div.schematic_builder .title { padding-bottom:10px; } .assetwolf_2_schematics div.schematic_builder .title h2 { font-size:1.571em; } .assetwolf_2_schematics .schematic_builder_panel .header .controls { text-align:center; overflow:hidden; background:#f4f4f4; width:calc(100% - 20px); height:130px; padding:5px 10px 5px; margin:auto; position:relative; } .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon { width:26px; height:26px; display:inline-block; position:absolute; z-index:9; top:15px; left:15px; background-repeat:no-repeat; background-position:center; background-size:24px; -webkit-filter: invert(.8); filter: invert(.8); } .assetwolf_2_schematics div.schematic_builder .controls p.error { clear:both; float:none; margin:0; padding:5px 0 0 26px; background-size:auto 22px; background-position:0 2px; text-align:left; } .assetwolf_2_schematics div.schematic_builder .schematic_builder_wrap { background:#FFF; position:relative; z-index:1; } .assetwolf_2_schematics div.schematic_builder .schematic_builder_wrap .canvas_dimensions { display: inline-block; padding: 2px 8px; background: rgba(0,0,0,0.7); color: #fff; font-size:11px; margin-top:1px; position:absolute; bottom:-1px; right:-1px; z-index:1; } .assetwolf_2_schematics div.schematic_builder .layer_navigation > div { float:left; width:calc(33.33% - 30px); height:22px; padding:5px 10px; margin-left:5px; margin-right:5px; margin-bottom:10px; font-size:16px; background:#777b90; color:#FFF; text-align:center; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; cursor:pointer; } .assetwolf_2_schematics div.schematic_builder .layer_navigation > div.current { background:#0097ae; position:relative; } .assetwolf_2_schematics div.schematic_builder .layer_navigation > div.current:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 151, 174, 0); border-top-color: #0097ae; border-width: 10px; margin-left: -10px; } .assetwolf_2_schematics div.schematic_builder .layer_navigation > div:hover { opacity:0.85; } .assetwolf_2_schematics div.schematic_builder .layer_navigation > div.current:hover { opacity:1; } .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row { display:inline-block; margin-right:10px; height:32px; padding-bottom:0; } .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row:first-child { padding-left:30px; } .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row label { float:left; line-height:34px; padding-right:3px; } .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row input[type="checkbox"] { float:left; margin-right:4px; } .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row input[type="checkbox"]+label { color:#191919; } .assetwolf_2_schematics div.schematic_builder .controls .buttons select { height:31px; line-height:31px; } .assetwolf_2_schematics div.schematic_builder .controls .buttons select#field_input__schema_field_id { width:230px; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; } /*.assetwolf_2_schematics div.schematic_builder .controls .buttons select#field_input__alarm_source { width:180px; }*/ .assetwolf_2_schematics div.schematic_builder .controls .buttons select#field_input__position { width:150px; } .assetwolf_2_schematics div.schematic_builder .controls .buttons input[type="checkbox"] { margin-top:9px; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons { position:relative; height:100%; min-height:77px; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.form_panel { background:#C4C4C4; height:calc(100% - 16px); padding:8px 10px; position:relative; overflow:hidden; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .form_fields { width:calc(100% - 200px); float:left; text-align:left; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .form_fields .zfea_form_row div { display: inline; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .options_button { width:200px; display:inline-block; float:right; text-align:right; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .options_button input { margin:0 0 0 3px; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected.form_panel .form_fields { overflow:hidden; height:115px; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected.form_panel .form_fields > .field { /*max-width:32%;*/ height:40px; margin-right:1%; float:left; text-align:left; white-space:nowrap; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected.form_panel .form_fields fieldset.zfea_form_grouping__field_input__move_buttons_grouping { background:transparent; padding:0; margin:0; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected.form_panel .form_fields #row__field_input__alarm_source + fieldset.zfea_form_grouping__field_input__move_buttons_grouping div.zfea_form_row { padding-top:0; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area, .assetwolf_2_schematics .schematic_builder_panel .controls .diagram_layer_nothing_selected .inner_content_area { width:calc(100% - 220px); text-align:center; position:absolute; left:0; bottom:0; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add[type="button"], .assetwolf_2_schematics .schematic_builder_panel .controls .diagram_layer_nothing_selected .inner_content_area input.add[type="button"] { height:45px; line-height:42px; padding-left:15px; padding-right:15px; font-size:14px; padding-left:35px; background-repeat:no-repeat; background-position:10px center; background-size:16px 16px; } .assetwolf_2_schematics .schematic_builder_panel .controls .diagram_layer_nothing_selected .inner_content_area input.add[type="button"] { background-image:url('..//styles/fea/images/aw/icon-upload-plan-white.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.icon, .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.icon { background-image:url('..//styles/fea/images/aw/icon-add-state-white.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.rectangle, .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.rectangle { background-image:url('..//styles/fea/images/aw/icon-rectangle-white.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.polygon, .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.polygon { background-image:url('..//styles/fea/images/aw/icon-polygon-white.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.hotspot, .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.hotspot { background-image:url('..//styles/fea/images/aw/icon-hotspot-white-v2.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.hotspot { background-size:auto 18px; } .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.hotspot { background-size:auto 22px; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.comms_icon, .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.comms_icon { background-image:url('..//styles/fea/images/aw/icon-add-comms-white.svg'); } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area input.add.comms_icon { background-size:16px auto; } .assetwolf_2_schematics .schematic_builder_panel .header .controls > .icon.comms_icon { background-size:20px auto; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons input.delete_all[type="button"] { position:absolute; top:0; right:0; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons input.delete_all[type="button"], .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .options_button input.delete_button[type="button"] { background:transparent; border:0; color:#d51a24; font-weight:600; padding:0; height:auto; font-size:1em; -webkit-border-radius:0; border-radius:0; text-decoration:underline; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons input.delete_all[type="button"]:hover, .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected .options_button input.delete_button[type="button"]:hover { opacity:1; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity { display:inline-block; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div { display:inline; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity, .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div { overflow:hidden; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity label, .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div.field_slider__opacity, .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity input { display:inline-block; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity input { width:40px; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div.field_slider__opacity { width:200px; margin:0 20px 0 10px; overflow: visible; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div.zfea_row_fields > div { float: left; } .assetwolf_2_schematics .schematic_builder_panel .controls #row__field_input__opacity div.zfea_row_fields > div.title { float: none; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons input[type="button"] { margin-bottom:3px; } .assetwolf_2_schematics .schematic_builder_panel .header .top .save_buttons input { width:calc(50% - 3px); height:32px; line-height:30px; padding:0; float:left; font-size:14px; } .assetwolf_2_schematics .schematic_builder_panel .header .top .save_buttons input.save { background:#d51a24; border-color:#d51a24; margin-right:5px; } body.mobile .assetwolf_2_schematics .schematic_builder_panel .header .controls { height:175px; } body.mobile .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_selected.form_panel .form_fields { font-size:12px; } body.mobile .assetwolf_2_schematics div.schematic_builder .controls .buttons div.zfea_form_row label { /*float:none; line-height:1.2em;*/ font-size:12px; } body.mobile .assetwolf_2_schematics div.schematic_builder .controls .buttons select { max-width:190px; } /* Block list / popups --------------------------------------------------------------------------------------------------*/ .aw_list .zfea_block_list_wrap > div > div.column_name { text-align:left; color:#333333; font-size:1.714em; line-height:1.2em; font-weight:600; padding-left:80px; } .aw_list .zfea_block_list_wrap > div div.column_status, .assetwolf_2_schematics .info .hotspot_popup div.asset_status { line-height:1.2em; padding:0 0 10px 28px; min-height:16px; } .aw_a_list.aw_list .zfea_block_list_wrap > div div.column_status, .assetwolf_2_schematics .info .hotspot_popup div.asset_status { padding-top:2px; padding-bottom:12px; } .aw_list .zfea_block_list_wrap > div div.column_status, .assetwolf_2_schematics .info .hotspot_popup div.asset_status { background-repeat:no-repeat; background-position:left 0; } .aw_list .zfea_block_list_wrap > div div.column_status .comms_wrap, .assetwolf_2_schematics .info .hotspot_popup div.asset_status .comms_wrap { position:relative; top:8px; } .aw_list .zfea_block_list_wrap > div div.wrap_div, .aw_dp_list.aw_list .zfea_block_list_wrap > div.zfea_block > div.column_id { position:absolute !important; left:15px; top:18px; } .aw_list .zfea_block_list_wrap > div div.wrap_div > div { display:inline-block; float:left; padding-right:5px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div[class*="column_field"], .assetwolf_2_schematics .info .hotspot_popup div[class*="column_field"] { position:relative; line-height:1.2em; height:52px; margin-bottom:10px !important; } .assetwolf_2_schematics .info .hotspot_popup.blue_dis_schema div[class*="column_field"] .label, .assetwolf_2_schematics .info .hotspot_popup.soap_dis_schema div[class*="column_field"] .label { position:static; transform:none; } .aw_list .zfea_block_list_wrap > div div.column_id, .aw_list .zfea_block_list_wrap > div div.column_parent_name, .aw_list .zfea_block_list_wrap > div div.column_schema_name { text-align:center; color:#333; } .aw_dp_list.aw_list .zfea_blocks.aw_list .zfea_block_list_wrap .zfea_block > div:first-child { font-weight:400; font-size:1em; } .aw_dp_list.zfea_blocks.aw_list .zfea_block_list_wrap .zfea_block { border: 2px solid #888; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div[class*="column_field"], .assetwolf_2_schematics .mode_view .info .hotspot_popup div[class*="column_field"] { position:relative; line-height:1.2em; height:50px; margin-bottom:10px !important; overflow:hidden; background:#999; color:#fff; } .assetwolf_2_schematics .mode_view .info .hotspot_popup div[class*="column_field"] { font-size:13px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.icon, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.icon { width:auto; height:50px; padding:0; background-repeat:no-repeat; background-position:center; background-size:auto 32px; } .zfea_blocks .zfea_block_list_wrap .zfea_block div:first-child .label .field_label, .zfea_blocks .zfea_block_list_wrap .zfea_block > div:first-child .label .field_label { display:inline-block; } .zfea_blocks .zfea_block_list_wrap .zfea_block .wrap_div div:first-child .label .field_label, .zfea_blocks .zfea_block_list_wrap .zfea_block .wrap_div > div:first-child .label .field_label { display:none; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.icon, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.icon, .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label { float:left; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label { width:calc(100% - 40px); height:40px; padding:5px 25px 5px 10px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .box_wrapper, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .box_wrapper { width:63px; height:40px; float:right; margin-left:5px; padding:0 5px; display:inline-block; background-color:#222222; color:#fff; font-size:14px; text-align:center; -webkit-border-radius: 2px; border-radius: 2px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .field_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .field_label { width:calc(100% - 156px); display:inline-block; float:left; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .block_boxes, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .block_boxes { width:156px; display:inline-block; float:right; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .block_boxes .box_wrapper, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .block_boxes .box_wrapper { float:left; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .box_wrapper .box_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .box_wrapper .box_label { padding-top:1px; font-size:9px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.real_time .field_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.real_time .field_label { width:calc(100% - 93px); } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.real_time .field_value, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.real_time .field_value { width:83px; height:22px; padding-top:20px; background:url('..//styles/fea/images/aw/icon-gauge.png') no-repeat center; color:#fff; text-align:center; font-size:14px; float:right; position:relative; top:-2px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .info_icon, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .info_icon { position:absolute; top:7px; right:5px; } body.mobile .aw_list .zfea_block_list_wrap > div > div.column_name, body.mobile .assetwolf_2_schematics .info .hotspot_popup h3 { font-size:1.5em; } body.mobile .aw_list .zfea_block_list_wrap > div div.wrap_div div { font-size:0.875em; } /* common block display May 26, 2021 - Liz */ .assetwolf_2 .zfea_blocks .zfea_block .column_icon { width:30px; float:left; clear:left; } .assetwolf_2 .zfea_blocks .zfea_block .column_description { width: calc(100% - 40px); float: right; font-size:1.143em; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box:nth-child(3) { clear:both; float:none; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box { padding:2px 0; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_icon, .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_description, .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box:nth-child(3) { border-top:0; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box .field_value { font-weight:600; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_contract_status .field_value { font-weight:400; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box .field_value { padding-left:15px; } .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_icon .field_value, .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_description .field_value, .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box:nth-child(3) .field_value, .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_name .field_value { padding-left:0; } .assetwolf_2 .zfea_blocks .zfea_block .comms_wrap, .assetwolf_2 .zfea_blocks .zfea_block .alarms_wrap { margin-right:5px; } /* Resize text function, just works for the class set here --------------------------------------------------------------------------------------------------*/ .aw_dp_list.aw_list .zfea_block_list_wrap > div div[class*="column_field"] .resize_text, .assetwolf_2_schematics .mode_view .info .hotspot_popup div[class*="column_field"] .resize_text { width:100%; height:18px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div[class*="column_field"] .resize_text.field_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div[class*="column_field"] .resize_text.field_label { height:32px; } /* Simulator --------------------------------------------------------------------------------------------------*/ .slot_simulator_panel { background:#000; margin:20px 10px; padding:20px; -webkit-box-shadow:0 3px 4px 5px rgba(255, 255, 255, 0.5); box-shadow:0 3px 4px 5px rgba(255, 255, 255, 0.5); -webkit-border-radius: 30px; border-radius: 30px; } .data_simulator_panel .panel_section { overflow:hidden; background:#FFF; margin:0 10px 20px 10px; padding:15px; } .data_simulator_panel .panel_section.data_simulator_title { font-size:1.500em; text-align:center; } .data_simulator_panel .panel_section.panel_rounded_border { -webkit-border-radius: 20px; border-radius: 20px; } .data_simulator_panel .data_simulator_table { width:100%; } .data_simulator_panel .data_simulator_table tr th { text-align:center; } .data_simulator_panel .data_simulator_table tr th, .data_simulator_panel .data_simulator_table tr td { padding:8px; } .data_simulator_panel .data_simulator_table tr th:nth-child(2), .data_simulator_panel .data_simulator_table tr th:nth-child(3) { width:220px; } .data_simulator_panel .data_simulator_table tr td:nth-child(1) { text-align:right; } .data_simulator_panel .data_simulator_table input[type="text"], .data_simulator_panel .data_simulator_table .like_field { text-align:right; } .data_simulator_panel .data_simulator_table input[type="text"] { width:auto; border: 1px solid #333; color: #333; height: 30px; line-height: 30px; padding: 0 10px; } .data_simulator_panel .data_simulator_table .like_field { padding:0 10px; color:#5E5E5E; background:#FFFE6F; border:1px solid #F2F2F2; height:30px; line-height:30px; } .data_simulator_panel .data_simulator_sent_time { color:#009000; text-align:right; padding:8px 10px; } .data_simulator_panel .success_msg { font-size:1.250em; line-height:40px; color:#009000; } .data_simulator_panel .data_simulator_buttons { padding:8px 0; overflow:hidden; } .data_simulator_panel .data_simulator_buttons .data_simulator_buttons_area { width:60%; float:left; text-align:right; } .data_simulator_panel .data_simulator_buttons .data_simulator_message_area { width:38%; float:right; text-align:left; } .data_simulator_panel .data_simulator_buttons .main_button input { background:#FF9400; height:40px; min-width:100px; font-size:1.375em; } .data_simulator_panel .data_simulator_buttons input.button_start { background:#FF2200; } .data_simulator_panel .data_simulator_buttons input.button_stop { background:#5E5E5E; } .data_simulator_panel .data_simulator_buttons .countdown { display:inline-block; margin-left:10px; min-width:100px; line-height:34px; color:#009000; } .data_simulator_panel .data_simulator_asset_info { overflow:hidden; display:inline-block; font-size:1.250em; line-height:26px; } .data_simulator_panel .data_simulator_asset_info .label { font-weight:600; } .data_simulator_panel .data_simulator_asset_qr { display:inline-block; float:right; margin-left:20px; } .data_simulator_panel .data_simulator_asset_info code { word-break:break-all; } /* Simulator mobile --------------------------------------------------------------------------------------------------*/ .data_simulator_mobile_panel { overflow:hidden; margin:auto; } .data_simulator_mobile_panel .data_field { overflow:hidden; padding:8px; border-bottom:1px solid rgba(0, 0, 0, 0.1); } .data_simulator_mobile_panel .data_field:nth-of-type(even) { background:rgba(0, 0, 0, 0.05); } .data_simulator_mobile_panel .data_field .data_field_send, .data_simulator_mobile_panel .data_field .data_field_last { overflow:hidden; clear:both; } .data_simulator_mobile_panel .data_field .data_field_send { padding-bottom:5px; } .data_simulator_mobile_panel .data_field .data_field_last { font-size:0.938em; font-style:italic; font-family:'Times News Roman'; color:#555; } .data_simulator_mobile_panel .data_field_send > div, .data_simulator_mobile_panel .data_field_last > div { width:50%; float:left; } .data_simulator_mobile_panel .data_field_last > div.value { width:45%; } .data_simulator_mobile_panel .data_field_last > div.label { width:55%; text-align:right; } .data_simulator_mobile_panel .data_field_send > div.value input[type="text"] { width:calc(100% - 22px); } .data_simulator_mobile_panel .data_field_last > div.value { text-align:right; } /* Update background scripts --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .update_background_scripts form { text-align:center; } .assetwolf_2 .update_background_scripts form table { text-align:left; } /* Slider --------------------------------------------------------------------------------------------------*/ .zfea_slider_clear { cursor: pointer; } .zenario_skin a.zfea_slider_clear:hover { text-decoration: none; } /* Back button --------------------------------------------------------------------------------------------------*/ .zfea_zenario_edit_user h1, .zfea_assetwolf_procedure h1 { padding-right:30px; } .zfea .button_back, .zenario_company_listing_fea .modal_window #close_button { position:absolute; } .button_back, .zfea .button_back, .zenario_company_listing_fea .modal_window #close_button { z-index:9; top:12px; right:12px; display:inline-block; width:15px; height:15px; text-indent:-999; font-size:0; line-height:0; background:url('..//styles/fea/images/aw/close-cross.svg') no-repeat; -webkit-border-radius: 0; border-radius: 0; } .zfea .button_back:hover, .zenario_company_listing_fea .modal_window #close_button:hover { background:url('..//styles/fea/images/aw/close-cross-over.svg') no-repeat; } .zfea .arrow { background:url('..//styles/fea/images/aw/back-arrow-off-state.png') no-repeat; background-size: contain; -webkit-box-shadow:none; box-shadow: none; } .zfea .arrow:hover { background:url('..//styles/fea/images/aw/back-arrow-hover-state.png') no-repeat; background-size: contain; -webkit-box-shadow:none; box-shadow: none; } .zfea_zenario_edit_user .button_back { top:5px; right:5px; } /* Nest various --------------------------------------------------------------------------------------------------*/ .nest_buttons { padding:10px 0; } .zenario_breadcrumbs { padding:8px 0; } .zenario_skin .zenario_plugin_nest .show_only_data_pool_schema_breadcrumbs .zenario_breadcrumbs ul.smart_breadcrumbs li.asset_breadcrumb, .zenario_skin .zenario_plugin_nest .show_only_asset_schema_breadcrumbs .zenario_breadcrumbs ul.smart_breadcrumbs li.data_pool_breadcrumb { display: none; } /* MAP view --------------------------------------------------------------------------------------------------*/ .zfea.map_view .title_with_icons { border:0; margin:0; } /* MAP popup --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .zfea.map_view .gm-style { font-size:87.5%; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw { width:350px; padding:15px 20px; font-weight:400; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .gm-style-iw-d { position:relative; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .buttons { width:65px; position:absolute; right:0; top:0; text-align:right; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_icon { position:absolute; left:0; top:0; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_icon .location_icon { width:22px; background-size:100% auto !important; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_show_communication_status .label span[class*="icon"] { margin-left:0; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_description { font-size:1.143em; min-height:35px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_description { padding-left:30px; padding-right:70px; font-weight:600; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_show_communication_status { margin-top:5px; margin-bottom:12px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap { padding:8px; background:#efefef; margin-top:3px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label { overflow:hidden; font-size:0.929em; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_label { width:150px; float:left; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_value { width:calc(100% - 155px); float:right; font-size: 1.429em; line-height: 0.9em; font-weight:600; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .alarms_wrap, .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_show_communication_status { line-height:14px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .alarms_wrap span.alarms_icon, .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_show_communication_status .label span[class*="icon"] { width:16px; height:16px; line-height:16px; background-size:100% auto; margin-left:0; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .alarms_wrap span.alarms_number, .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw .column_show_communication_status .label span.comms_number { width: 15px; height: 15px; line-height: 15px; font-size:9px; margin-right:5px; } /* JQuery UI --------------------------------------------------------------------------------------------------*/ .datepicker_no_image input.datepicker { float:left; } input.datepicker[type="text"] { width:100px !important; } input[readonly].datepicker { background-color:#FFF !important; color:#57585a !important; } img.ui-datepicker-trigger { display:inline-block; position:relative; width:27px; height:22px; top:4px; margin-left:-25px; cursor:pointer; border:0; } .datepicker_no_image img.ui-datepicker-trigger { width:16px; float:left; margin-left:-27px; background:url('..//styles/fea/images/aw/icon-calendar-default.svg') no-repeat 0 center / 16px; } #ui-datepicker-div.ui-datepicker { z-index:999999 !important; } /* Ace editor --------------------------------------------------------------------------------------------------*/ .ace-tm .ace_marker-layer .ace_active-line { background:#DCF5F9 !important; } /* Two column layout, same as the one in FABs --------------------------------------------------------------------------------------------------*/ .zfea fieldset.zfea_form_grouping__left_column { float: left; } .zfea fieldset.zfea_form_grouping__right_column { float: right; margin-right: 10px; } .zfea .zfea_form_grouping__left_column .input_textarea, .zfea .zfea_form_grouping__right_column .input_textarea, .zfea .zfea_form_grouping__left_column .input_date, .zfea .zfea_form_grouping__right_column .input_date { max-width: 350px; } .zenario_skin .zfea input.aw_current_posiiton { background-color: #ee0; } .zfea.zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping__left_column, .zfea.zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping__right_column { width:calc(48% - 30px); } /* Right-hand Slider --------------------------------------------------------------------------------------------------*/ .rhSlider { position: fixed; right: 0; top: 0; z-index: 1001; height: 100%; overflow: hidden; /* Needed for initial hidden state */ -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); } .zenario_adminLoggedIn .rhSlider { top:129px; } .rhSlider > div { height: 100%; float: left; } .rhSlider .rhSliderHandle { width: 34px; color:#FFF; background: #2F2F2F url('..//styles/fea/images/aw/icon-open-arrow.svg') no-repeat center 10px / 18px auto; transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -webkit-transition: background-color .15s ease-in-out; cursor:pointer; padding-top: 40px; } .rhSliderRow.zfea_row_pressed .rhSlider .rhSliderHandle { background-image: url('..//styles/fea/images/aw/icon-close-arrow.svg'); } .rhSlider .rhSliderHandle > div { white-space: nowrap; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rhSlider .rhSliderHandle > div label { cursor:pointer; } .rhSlider .rhSliderHandle:hover { background-color:#86d661; } /* .rhSlider .rhSliderHandle { background-image:url('..//styles/fea/images/aw/closed-state-empty-arrow-left.png'); background-repeat:no-repeat; background-position:center center; } .rhSlider.active .rhSliderHandle { background-image:url('..//styles/fea/images/aw/closed-state-empty-arrow-right.png'); } .rhSlider .rhSliderHandle.content { background-image:url('..//styles/fea/images/aw/closed-state-populated-arrow-left.png'); } .rhSlider .rhSliderHandle.content:hover { background-image:url('..//styles/fea/images/aw/closed-state-populated-hover-arrow-left.png'); } .rhSlider.active .rhSliderHandle.content { background-image:url('..//styles/fea/images/aw/open-state-populated-arrow-left.png'); } .rhSlider.active .rhSliderHandle.content:hover { background-image:url('..//styles/fea/images/aw/open-state-populated-hover-arrow-right.png'); } */ .rhSlider .rhSliderHandle:after { font-size:22px; font-family:times new roman; position: absolute; top: 50%; padding: 2px; color:#FFF; } .rhSlider .rhSliderContent { width: 370px; margin-right: -400px; /* -width */ background-color: #F0F0F0; } .rhSlider .rhSliderContent { overflow-y:auto; height:calc(100% - 30px); padding:15px; } .zenario_adminLoggedIn .rhSlider .rhSliderContent { height:calc(100% - 30px - 129px); } .rhSlider .rhSliderContent .zenario_phi_result { padding-bottom:15px; } .rhSlider .rhSliderContent input#phi_run { margin-top:15px; } .rhSliderRow.zfea_row_pressed .rhSlider .rhSliderContent { margin-right: 0; } /* Dry run/var dumps from Phi code --------------------------------------------------------------------------------------------------*/ .rhSliderContent h3 { margin-top: 8px; margin-bottom: 8px; } .zenario_phi_environment_table { display: table; } .zenario_phi_environment_table > div { display: table-row; } .zenario_phi_environment_table > div > code { display: table-cell; } .zenario_phi_var_dump code { word-wrap: break-word; } .zenario_phi_environment_tsm { font-size: 12px; } .aw_phi_no_ranges { font-style: italic; } /* Rename key plugin --------------------------------------------------------------------------------------------------*/ .zfea_assetwolf_rename_key .zfea_form_note_below code { font-size: 13px; } /* Toast msg --------------------------------------------------------------------------------------------------*/ #toast-container.toast-top-right>div { width: 365px; font-family: verdana, arial, helvetica; font-size: 13px; opacity: 0.95; background-position: 15px 15px } .toast-title, .toast-message h2 { font-weight: bold; } .toast-message h2 { font-size:1.1em; padding-bottom:5px; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Emdedded ace editor --------------------------------------------------------------------------------------------------*/ .zenario_embedded_ace_editor { border: 1px solid #ddd; -webkit-border-radius: 4px 4px 0; border-radius: 4px 4px 0; } /* Connection times --------------------------------------------------------------------------------------------------*/ .assetwolf_2 .connection_times_options { overflow:hidden; padding-bottom:10px; margin-right:8px; } .assetwolf_2 .connection_times_options > div, .assetwolf_2 .connection_times_options input, .assetwolf_2 .connection_times_options select { float:left; margin-right:5px; } .assetwolf_2 .connection_times_options input#time_interval { width:30px; } .assetwolf_2 .connection_times_table_wrap { height:350px; overflow-y:auto; padding-right:15px; box-shadow: 0 0 1px #AAA; border: 5px solid #fff; border-right: 0; } .assetwolf_2 .connection_times_table { width:100%; table-layout:fixed; } .assetwolf_2 .connection_times_table tr th { padding:5px 10px; } .assetwolf_2 .connection_times_table tr td { padding:0 10px; font-size:0.875em; } .assetwolf_2 .connection_times_table tr th, .assetwolf_2 .connection_times_table tr td { border:1px solid #ccc; } .assetwolf_2 .connection_times_table tr th, .assetwolf_2 .connection_times_table tr td:first-child { background:#f0f0f0; } .assetwolf_2 .connection_times_table tr:first-child th:first-child { font-weight:bold; } .assetwolf_2 .connection_times_table tr:first-child th:first-child, .assetwolf_2 .connection_times_table tr td:first-child { width:180px; } .assetwolf_2 .connection_times_table select { width:100%; } .assetwolf_2 .connection_times_table tr td p { margin:0; } /* Info icon --------------------------------------------------------------------------------------------------*/ .info_icon, .assetwolf_2 span.info { display:inline-block; width:18px; height:18px; background:url('..//styles/fea/images/aw/icon-info-generic-grey.svg') no-repeat center center / 100%; overflow:hidden; text-indent:-99px; font-size:0; line-height:0; position:relative; top:4px; } .assetwolf_2_schematics .info .hotspot_popup .info_icon { top:-2px; margin-left:5px; } .assetwolf_2 span.info { margin:0 0 0 5px; cursor:default; } /* Simulator --------------------------------------------------------------------------------------------------*/ .slot_simulator_panel .zenario_slot { background:#000; padding:20px; -webkit-box-shadow:0 3px 4px 5px rgba(255, 255, 255, 0.5); box-shadow:0 3px 4px 5px rgba(255, 255, 255, 0.5); -webkit-border-radius: 30px; border-radius: 30px; } .data_simulator.panel_section { overflow:hidden; background:#FFF; margin:0 10px 20px 10px; padding:15px; } .data_simulator.panel_section.data_simulator_title { font-size:1.500em; text-align:center; } .data_simulator.panel_section.panel_rounded_border { -webkit-border-radius: 20px; border-radius: 20px; } .data_simulator .data_simulator_table { width:100%; } .data_simulator .data_simulator_table tr th { text-align:center; } .data_simulator .data_simulator_table tr th, .data_simulator .data_simulator_table tr td { padding:8px; } .data_simulator .data_simulator_table tr th:nth-child(2), .data_simulator .data_simulator_table tr th:nth-child(3) { width:220px; } .data_simulator .data_simulator_table tr td:nth-child(1) { text-align:right; } .data_simulator .data_simulator_table input[type="text"], .data_simulator .data_simulator_table .like_field { text-align:right; } .data_simulator .data_simulator_table .like_field { padding:0 10px; color:#5E5E5E; background:#FFFE6F; border:1px solid #F2F2F2; height:30px; line-height:30px; } .data_simulator .data_simulator_sent_time { color:#009000; text-align:right; padding:8px 10px; } .data_simulator .success_msg { font-size:1.250em; line-height:40px; color:#009000; } .data_simulator .data_simulator_buttons { padding:8px 0; overflow:hidden; } .data_simulator .data_simulator_buttons .data_simulator_buttons_area { width:60%; float:left; text-align:right; } .data_simulator .data_simulator_buttons .data_simulator_message_area { width:38%; float:right; text-align:left; } .data_simulator .data_simulator_buttons .main_button input { background:#FF9400; height:40px; min-width:100px; font-size:1.375em; } .data_simulator .data_simulator_buttons input.button_start { background:#FF2200; } .data_simulator .data_simulator_buttons input.button_stop { background:#5E5E5E; } .data_simulator .data_simulator_buttons .countdown { display:inline-block; margin-left:10px; min-width:100px; line-height:34px; color:#009000; } .data_simulator_asset_info { overflow:hidden; display:inline-block; font-size:1.250em; line-height:26px; } .data_simulator_asset_info .label { font-weight:600; } .data_simulator_asset_qr { display:inline-block; float:right; margin-left:20px; } .data_simulator_asset_info code { word-break:break-all; } /* Simulator mobile --------------------------------------------------------------------------------------------------*/ .data_simulator_mobile_panel { overflow:hidden; margin:auto; } .data_simulator_mobile_panel .data_field { overflow:hidden; padding:8px; border-bottom:1px solid rgba(0, 0, 0, 0.1); } .data_simulator_mobile_panel .data_field:nth-of-type(even) { background:rgba(0, 0, 0, 0.05); } .data_simulator_mobile_panel .data_field .data_field_send, .data_simulator_mobile_panel .data_field .data_field_last { overflow:hidden; clear:both; } .data_simulator_mobile_panel .data_field .data_field_send { padding-bottom:5px; } .data_simulator_mobile_panel .data_field .data_field_last { font-size:0.938em; font-style:italic; font-family:'Times News Roman'; color:#555; } .data_simulator_mobile_panel .data_field_send > div, .data_simulator_mobile_panel .data_field_last > div { width:50%; float:left; } .data_simulator_mobile_panel .data_field_last > div.value { width:45%; } .data_simulator_mobile_panel .data_field_last > div.label { width:55%; text-align:right; } .data_simulator_mobile_panel .data_field_send > div.value input[type="text"] { width:calc(100% - 22px); } .data_simulator_mobile_panel .data_field_last > div.value { text-align:right; } /* Asset connection times chart --------------------------------------------------------------------------------------------------*/ .connChart { width:100%; margin-bottom:2.5em; } .assetwolf_2__in_mode__connection_times { overflow-x: scroll; padding-bottom:20px; } .connChart th { background:#333; color:#FFF; padding:5px; text-align:left; border: 1px solid #999999; } .connChart td { padding-left: 2px; padding-right: 2px; border: 1px solid #888888; } .connChart td.connChart_val { vertical-align:top; white-space: nowrap; } .connChart .connChart_connection { border: 1px solid #aaaaaa; min-width: 8px; text-align: center; } .connChart .connChart_one { background: #bbf8a0ba; } .connChart .connChart_one.blockb { background: #bbf8a0; } .connChart .connChart_multiple { background: #88cc66ba; } .connChart .connChart_multiple.blockb { background: #88cc66; } .connChart .connChart_none { background: #ff920596; } .connChart .connChart_none.blockb { background: #ff9205; } .connChart .connChart_future { background: #fff; } .connChart .connChart_future.blockb { background: #f3f3f3; } .connChart .connChart_neverReceived { background: #ddddddba; } .connChart .connChart_neverReceived.blockb { background: #dddddd; } /* RESPONSIVE Layout max-width: 1300px -769px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 769px) and (max-width: 1301px) { table.table_list tr th, .zfea_form_grouping table tr th { font-size:13px; line-height:18px; } .zfea_form_grouping table tr th button { font-size:1em; } .zfea table th.sorted_buttons a { padding:0 3px; margin-left:0; } } /* RESPONSIVE Layout max-width: 960px - 769px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 769px) and (max-width: 961px) { .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input[type="button"] { font-size:10px; } } /* RESPONSIVE Layout max-width: 1280 --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1281px) { .assetwolf_2_schematics .info .hotspot_popup .inner .wrap_div { position:relative; } } /* Layout max-width: 1080px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1081px) { body.desktop .zfea_form_grouping__asset_details, body.desktop .zfea_form_grouping__asset_multiplex_prefix, body.desktop .zfea_form_grouping__asset_connection { width: 96%; padding: 15px 2%; margin-bottom: 20px; } body.desktop .zfea_form_grouping__asset_details, body.desktop .zfea_form_grouping__asset_connection { min-height:inherit; } body.desktop .zfea_form_grouping__asset_connection { position:static; } .assetwolf_2_schematics .schematic_builder_panel .controls .buttons.data_layer_nothing_selected .inner_content_area { position:static; } } /* Layout max-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 769px) { .assetwolf_2_schematics .mode_view .canvas_container, .assetwolf_2_schematics .mode_edit .canvas_container, .assetwolf_2_schematics .info, .assetwolf_2_schematics .mode_view p.nothing_selected { width:100%; float:none; } .assetwolf_2_schematics .mode_view { padding-bottom:55px; } .assetwolf_2_schematics .mode_view p.nothing_selected { top:auto; bottom:0; width:calc(100% - 10px); padding:5px; font-size:1em; background:#FFFFBF; font-size:0.857em; } .assetwolf_2_schematics .mode_view p.nothing_selected:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 191, 0); border-bottom-color: #FFFFBF; border-width: 10px; margin-left: -10px; } .assetwolf_2_schematics .info { margin-top:20px; } .assetwolf_2_schematics .info .hotspot_popup::after { bottom: 100%; left: 50%; border-bottom-color: #CCCCCC; margin-left: -14px; right: 0; top: auto; margin-top: 0 !important; border-right-color:transparent !important; } .title_with_icons { padding-left:0; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon, .title_main_icons .thumbnail { position:relative; float:left; padding-right:8px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { padding-bottom:8px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_bottom { text-align:center; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_bottom a.zfea_button, body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top a.zfea_button { font-size:1em; } body.mobile .title_with_icons .top_buttons { float:none; display: flex; justify-content: right; } body.mobile .aw_list .zfea_block_list_wrap > div div.column_id { text-align:left; } body.mobile .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box .field_value { font-weight:normal; } body.mobile .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_description .field_value, body.mobile .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box.column_id .field_value, body.mobile .zfea_blocks .zfea_block > .block_view_box.column_company_name .field_value, body.mobile .zfea_blocks .zfea_block > .block_view_box.column_name .field_value { font-weight:bold; font-size:18px; } body.mobile .assetwolf_2 .zfea_blocks .zfea_block > .block_view_box .field_value { padding-left:0; } body.mobile .column_status.asset_status.ackd_alarm, body.mobile .aw_list .zfea_block_list_wrap > div div.column_status.asset_status.ok, body.mobile .zfea_blocks .zfea_block > .block_view_box .asset_status, body.mobile .zfea_blocks .zfea_block > .block_view_box.column_status.asset_status, body.mobile .zfea_blocks .zfea_block > .block_view_box[class*="comms_list_icon"] .field_value { padding-left:28px; padding-bottom:2px; background-position:left top; } } /* Layout max-width: 680px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 681px) { .zfea_aw_schema_or_metric .zfea_form_row__recent_assets { width:calc(100% - 40px); } .zfea_aw_schema_or_metric .zfea_form_row__recent_assets .ui-selectmenu-button { width:280px !important; } .zfea_aw_schema_or_metric .zfea_form_row__recent_assets .ui-selectmenu-button span.ui-selectmenu-text { width:auto; } .ui-selectmenu-menu.ui-front.ui-selectmenu-open { width:280px !important; overflow-x:auto !important; } .ui-selectmenu-menu.ui-front.ui-selectmenu-open ul { width:500px !important; } .ui-selectmenu-menu .ui-menu .ui-iconselectmenu-selected { background:#9f9f9f; } body.mobile .aw_a_list .search_form, body.mobile .zfea_assetwolf_list_node_hierarchy .search_form { width:auto; float:none; } .form_date_picker select[name="ts_format"] { max-width:100%; } .assetwolf_graph_base .time_period_selector, .assetwolf_graph_base .pre_defined_period, .assetwolf_graph_base .specific_dates { float:none; clear:both; margin:8px 0 0; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys { padding-left:0; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__manual_entry_fields_grouping .zfea_form_row { width:100%; float:none; clear:both; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row:nth-child(2), .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__manual_entry_fields_grouping .zfea_form_row:nth-child(2) { float:none; } .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row.zfea_form_row__source_list .ui-selectmenu-button, .zfea_assetwolf_scheduled_calc.zfea_edit_box .zfea_form_grouping.zfea_form_grouping__fields_grouping .zfea_form_row.zfea_form_row__manual_entry_source_list .ui-selectmenu-button { min-width:90%; } .zfea_popout.zfea_popout_edit_schemas .zfea_popout_inner { width:90%; max-width:none; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .aw_dp_list.aw_list .zfea_block_list_wrap > div div[class*="column_field"], .assetwolf_2_schematics .mode_view .info .hotspot_popup div[class*="column_field"] { height:auto; min-height:50px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label { height:auto; min-height:40px; font-size:12px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .block_boxes, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .block_boxes, .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.real_time .field_value, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.real_time .field_value { margin-top:0; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .box_wrapper, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .box_wrapper { width:calc(50% - 10px); height:auto; min-height:auto; margin:0; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.metric .field_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.metric .field_label { width:35%; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.metric .block_boxes, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.metric .block_boxes { width:65%; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.real_time .field_label, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.real_time .field_label { width:65%; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label.real_time .field_value, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label.real_time .field_value { width:35%; padding-top:3px !important; } .aw_dp_list.aw_list .zfea_block_list_wrap > div div.block_view_box div.label .box_wrapper, .assetwolf_2_schematics .mode_view .info .hotspot_popup div.block_view_box div.label .box_wrapper { top:0; } .assetwolf_2_schematics .mode_view .legend { position:static; overflow:hidden; width:100%; } .assetwolf_2_schematics .mode_view .legend .section { float:left; } .zfea .zfea_top_buttons, .title_with_icons .top_buttons { float:none; clear:both; overflow:hidden; padding-bottom:10px; } .aw_dp_list.aw_list .zfea_block_list_wrap > div.zfea_block > div.column_image_id.zfea_first_col { left:0; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_value, .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_label { width:100%; float:none; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_value { font-size:1.2em; line-height:1.4em; padding-left:15px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap.column_contract_status .label .field_value { padding-left:0; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw div.column_data_wrap .label .field_label { padding-bottom:5px; } .assetwolf_2 .zfea.map_view .gm-style .gm-style-iw { max-width:270px !important; } .assetwolf_2_schematics .mode_view .legend { position:static; } /* make graph options to look like dropdowns */ .assetwolf_graph_base .graph_options, .assetwolf_2_schematics .mode_view { position:relative; padding-top:65px; overflow:initial; } .assetwolf_graph_base .graph_options .pre_defined_period, .assetwolf_graph_base .graph_options .keys, .assetwolf_2_schematics .mode_view .data_options { position:absolute; left:10px; right:10px; height:0; padding-top:27px; top:0; overflow:hidden; } .assetwolf_2_schematics .mode_view .data_options { padding-bottom:0; } .assetwolf_graph_base .graph_options .pre_defined_period:after, .assetwolf_graph_base .graph_options .keys:after, .assetwolf_2_schematics .mode_view .data_options:after { font-family:"FontAwesome"; content:"\f0d7"; color:#FFF; position:absolute; right:10px; top:2px; } .assetwolf_graph_base .graph_options .pre_defined_period, .assetwolf_2_schematics .mode_view .data_options { top:0; z-index:91; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys { top:40px; z-index:90; padding-left:0; margin:0; } .assetwolf_graph_base .graph_options .pre_defined_period:hover, .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys:hover, .assetwolf_2_schematics .mode_view .data_options:hover { height:auto; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input[type="button"], .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"], .assetwolf_2_schematics .mode_view .data_options input[type="button"] { width:100%; background:#6d6f82; color:#FFF !important; border-bottom:1px solid #fff !important; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .pre_defined_period input[type="button"].selected, .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"].selected, .assetwolf_2_schematics .mode_view .data_options input[type="button"].selected { position:absolute; top:0; left:0; } .assetwolf_graph_base .graph_options .pre_defined_period input:hover, .assetwolf_graph_base .graph_options .keys input:hover, .assetwolf_2_schematics .mode_view .data_options input:hover { opacity:1; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"], .assetwolf_2_schematics .mode_view .data_options input[type="button"] { -webkit-border-radius: 0; border-radius: 0; border:0; height:27px; } .assetwolf_graph_base .graph_plugin_wrap .graph_options.form_date_picker .keys input[type="button"].selected, .assetwolf_2_schematics .mode_view .data_options input[type="button"].selected { background:#333; } } /* Layout max-width: 520px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 521px) { .list_of_assets_resource_usage table tr td:first-child, table.mqtt_details tr th:first-child { width:150px; } .zfea.zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping__left_column, .zfea.zfea_assetwolf_view_data_repeater fieldset.zfea_form_grouping__right_column { width:calc(100% - 30px); float:none; } } /**/ /* General --------------------------------------------------------------------------------------------------*/ .zfea { position:relative; } .zfea .section { margin-top:10px; padding-top:20px; } .zenario_plugin_nest .zfea { margin-bottom:30px; } .zenario_plugin_nest .nest_plugins:before, .zenario_plugin_nest .nest_plugins:after { content: "."; display: block; height: 0; overflow: hidden; } .zenario_plugin_nest .nest_plugins:after {clear: both;} ::-webkit-input-placeholder { opacity:0.4; color:#777; } :-moz-placeholder { opacity:0.4; color:#777; } ::-moz-placeholder { opacity:0.4; color:#777; } :-ms-input-placeholder { opacity:0.4; color:#777; } table.table_list.zfea_group_by { margin-left:30px; width:calc(100% - 30px); } table.table_list.zfea_group_by tr.zfea_list_grouping td { padding-top:10px; padding-left:0; } table.table_list.zfea_group_by tr.zfea_list_grouping td h5 { position:relative; margin-left:-28px; } table.table_list.zfea_group_by tr.zfea_list_outer_grouping td h4 { position:relative; margin-left:-38px; } /* Form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_textbox_with_autocomplete { display:inline-block; overflow:hidden; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"] { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { font-size:16px; border-left:0 !important; padding:0 10px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .zenario_skin .zenario_textbox_with_autocomplete input[type="text"], .zenario_skin .zenario_textbox_with_autocomplete input[type="button"] { float:left; } .zfea_form_row .zenario_textbox_with_autocomplete ul.ui-menu { max-height:40vh; overflow-y: auto; } /* Tables --------------------------------------------------------------------------------------------------*/ .zfea table { width:100%; margin-top:20px; } table.table_list tr th, table.table_list tr td, .zfea_form_grouping table tr th, .zfea_form_grouping table tr td { padding:10px; } table.table_list tr th, .zfea_form_grouping table tr th { line-height:18px; } table.table_list tr td, .zfea_form_grouping table tr td { vertical-align:top; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea_form_grouping table tr th:first-child { border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; } .zfea_form_grouping table tr th:last-child { border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; } .zfea table th.sorted_buttons a { white-space:nowrap; } table tr td[colspan="100%"], table tr td.no_items_message:last-child { text-align:center !important; } .zfea_form_grouping table tr th label + button { margin-left: 15px; } /* Other tables styles color --------------------------------------------------------------------------------------------------*/ .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { border:2px solid #FFF; } .zfea table.table_grid tr th, .zenario_users_fea .zfea .zfea_form_row tr th { background:#777b90; color:#FFF; } .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr td { background:#d2d3da; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { background:#d9dadb; } table tr td div.col_child_value label { color:#333; } /* Tables rows --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea table, .zenario_company_listing_fea table, .zenario_company_location_listing_fea table, .zenario_location_fea table { border-collapse: separate; border-spacing: 0 15px; } .zenario_company_locations_fea table tr td, .zenario_company_listing_fea table tr td, .zenario_company_location_listing_fea table tr td, .zenario_location_fea table tr td, .zenario_company_users_fea table tr td { padding:9px; } .zenario_company_locations_fea table tr td:first-child, .zenario_company_listing_fea table tr td:first-child, .zenario_company_location_listing_fea table tr td:first-child, .zenario_location_fea table tr td:first-child, .zenario_company_users_fea table tr td:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } .zenario_company_locations_fea table tr td:last-child, .zenario_company_listing_fea table tr td:last-child, .zenario_company_location_listing_fea table tr td:last-child, .zenario_location_fea table tr td:last-child, .zenario_company_users_fea table tr td:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .zfea .zfea_form_row table { margin-top:0 } .zfea table.table_grid tr th, .zfea table.table_grid tr td, .zenario_users_fea .zfea .zfea_form_row tr th, .zenario_users_fea .zfea .zfea_form_row tr td { padding:10px; } .zfea table.table_grid tr th:first-child { border-radius:0; -webkit-border-radius:0; } table tr td div.col_value, table tr td div.col_child_value { width:100%; padding-right:0; float:none; } table tr td div.col_child_value { padding-top:5px; font-size:0.938em; } table tr td div.col_value.col_value_for__most_recent_value, table tr td div.col_child_value.col_value_for__as_of { width:auto; padding-right:0; float:none; } table tr td div.col_child_value.col_value_for__as_of { margin-top:3px; } /* Common styles Zfea Search form and table position --------------------------------------------------------------------------------------------------*/ .zenario_company_locations_fea .zfea_zenario_list_companies form, .zenario_company_location_listing_fea .zfea_zenario_list_locations form, .zenario_company_location_listing_fea .zfea_zenario_edit_user form, .zenario_company_listing_fea .zfea_zenario_list_companies form, .zenario_location_fea .zfea_zenario_list_locations form, .zenario_location_fea .zfea_zenario_edit_user form { position:absolute; z-index:2; display:inline; } .zenario_company_location_listing_fea form { width:calc(100% - 145px); } .zenario_company_locations_fea .zfea_zenario_list_companies table, .zenario_company_location_listing_fea .zfea_zenario_list_locations table, .zenario_company_location_listing_fea .zfea_zenario_edit_user table, .zenario_location_fea .zfea_zenario_list_locations table, .zenario_location_fea .zfea_zenario_edit_user table, .zenario_company_listing_fea .zfea_zenario_list_companies table { position:relative; z-index:1; top:-14px; margin-top:0; } .zenario_company_listing_fea .zfea_zenario_list_companies table { top:0; } .panel_reset_position .zfea_zenario_list_companies form, .panel_reset_position .zfea_zenario_list_locations form { position:static; top:0; } .zfea_zenario_list_companies .zfea_table_wrap { margin-top:20px; } .zenario_company_location_listing_fea .company_details { padding-bottom:10px; } .zenario_company_location_listing_fea .company_details p { margin-bottom:0; } /* Locations --------------------------------------------------------------------------------------------------*/ .zenario_location_fea h2, .zenario_location_fea form, .zenario_location_fea table { padding-left:10px; padding-right:10px; } .zenario_location_fea .zfea_zenario_list_locations, .zenario_location_fea .zfea_zenario_map_locations { position:relative; } .zenario_location_fea .search_form input[type="text"] { width:280px; } .no_locations_message { position:absolute; top:45%; right:0; left:0; z-index:99; text-align:center; } .no_locations_message p { display:inline-block; width:auto; } /* Company locations listings --------------------------------------------------------------------------------------------------*/ .zenario_company_listing_fea .company .top_buttons, .zenario_company_location_listing_fea .company .top_buttons { right:0; } .zenario_company_locations_fea table tr td:nth-child(1), .zenario_company_listing_fea table tr td:nth-child(1) { padding-left:15px; } .zenario_company_locations_fea table tr th:nth-child(1), .zenario_company_locations_fea table tr th:nth-child(2) { font-size:0; line-height:0; text-indent:-999; } .zenario_company_locations_fea .company_section { overflow:hidden; padding-bottom:10px; } .zenario_company_locations_fea .company_section .label { width:75px; float:left; } .zenario_company_locations_fea .company_section .details { overflow:hidden; } .zenario_company_locations_fea .company_section .details p { margin-bottom:2px; } .Slot_Side_1 .zenario_company_listing_fea .company { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #FFF; } /* Company users --------------------------------------------------------------------------------------------------*/ .zenario_company_users_fea table { border-collapse: separate; border-spacing: 0 10px; margin-top:0; } .zenario_company_users_fea table tr th:nth-child(1) { font-size:1.250em; } .zenario_company_users_fea table tr td:nth-child(1) { padding-left:40px; background-repeat:no-repeat; background-position:10px center; background-size:17px 18px } .zenario_company_users_fea .zfea_zenario_list_users table.table_list tr th { margin-bottom: 10px; padding-bottom: 10px; } /* Common styles, forms --------------------------------------------------------------------------------------------------*/ .zfea_form_row { padding-bottom:10px; position:relative; } .zfea_form_row > div { padding-bottom:5px; } .zfea_form_row label { display:inline-block; padding-bottom:3px; } .zfea_form_row__submit { text-align:center; } .zfea textarea { width:80%; } .title_with_icons { position:relative; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:10px; } .title_main_icons { position:relative; padding-left:30px; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon { width:25px; height:25px; } .title_main_icons .asset_icon, .title_main_icons .data_pool_icon, .title_main_icons .location_icon, .title_main_icons .thumbnail { position:absolute; left:0; top:2px; } .title_main_icons .thumbnail img { max-width:24px !important; height:auto !important; } .zfea .indent_form { padding-left:10%; } .zfea .form .form_field { padding:10px 0; } .zfea .form .form_field_date { overflow:hidden; } .zfea .form .form_field_date label, .zfea .form .form_field_date input, .zfea .form .form_field_date img { display:inline-block; float:left; } .zfea .form .form_field_date label { line-height:30px; margin-right:8px; } .zfea .form .form_field_date input { margin-right:10px; } .zfea .form .form_field_date input.small_field { width:110px; } .zfea_form_note_below { clear:both; display:block; margin-bottom:8px; padding:3px 8px; font-size:0.813em; line-height:18px; font-style:italic; } .zfea_form_row__submit .zfea_form_note_below { margin-top:10px; } /* Common styles, date picker --------------------------------------------------------------------------------------------------*/ .form_date_picker { overflow:hidden; } .form_date_picker label, .form_date_picker span, .form_date_picker .label { display:inline-block; height:34px; line-height:34px; } .form_date_picker select { height:32px; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { clear:none !important; margin-bottom:10px; } .form_date_picker div input, .form_date_picker div span { margin-bottom:0; } .form_date_picker label, .form_date_picker select, .form_date_picker div, .form_date_picker input, .form_date_picker span { float:left; margin-right:5px; } .form_date_picker span.title { font-weight:600; } .form_date_picker select[name="ts_format"] { max-width:325px; } .form_date_picker select[name="format"] { max-width:100px; } .form_date_picker .form_date_picker_button { float:none; clear:both !important; overflow:hidden; padding-top:10px; text-align:center; } .form_date_picker .form_date_picker_button input { float:none; } /* Common styles Zfea, new row --------------------------------------------------------------------------------------------------*/ .zfea_new_row { animation: zfea_new_row 3s; -webkit-animation: zfea_new_row 3s; } @keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } @-webkit-keyframes zfea_new_row { 0% {background: #F6F6F6;} 50% {background: #f5e687;} 100% {background: #F6F6F6;} } /* Common styles Zfea, various --------------------------------------------------------------------------------------------------*/ .no_locations { padding-left:22px; } .button_panel { text-align:right; } .zenario_skin .warning_icon, .no_locations { display:inline-block; background:url('..//styles/fea/images/aw/icon-warning-triangle.svg') no-repeat left center / 17px 15px; } .zenario_skin .warning_icon { width:17px; height:17px; margin-right:3px; } /* Form grouping --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping, .zfea_form_row__add_action { position:relative; padding:15px; } .zfea_form_grouping { margin-bottom:15px; } .zfea_form_row__add_action { margin-left:0; margin-right:0; } .zfea_form_grouping .zfea_form_row { position:unset; padding-top:10px; padding-bottom:0; } .zfea_form_grouping .zfea_form_row.zfea_form_indent_level { padding-top:2px; } .zfea_form_grouping table tr td input, .zfea_form_grouping table tr td select { margin-bottom:8px; } .zfea_form_grouping label.label_num { position:absolute; left:0; top:15px; font-size:12px; height:24px; line-height:24px; padding:0 0 0 8px; } .zfea_form_grouping label.label_num:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 12px; margin-top: -12px; } /****************************************************************************************/ .zenario_plugin_nest.nest_zfea .zenario_slot { padding-bottom:20px; position:relative; } .zenario_plugin_nest .zenario_breadcrumbs { clear:both; } .zenario_plugin_nest .zenario_breadcrumbs:before, .zenario_plugin_nest .zenario_breadcrumbs:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_plugin_nest .zenario_breadcrumbs:after { clear: both; } .zfea_form_row { padding-bottom:10px; overflow:hidden; clear:both; } .zfea_form_row .zfea_form_note_below { margin-top:10px; } .zfea_form_row.zfea_row_for_password { overflow:initial; } .zfea_form_row.zfea_row_for_password .zenario_visitor_tooltip_wrap { max-width:900px; } .zfea_form_row.zfea_form_indent_level_1 { margin-left:30px; } .zfea_form_row.zfea_form_indent_level_2 { margin-left:50px; } .zfea_form_row.zfea_form_indent_level_3 { margin-left:70px; } .zfea_form_row.zfea_form_indent_level_4 { margin-left:90px; } .zfea_form_row.zfea_form_indent_level_5 { margin-left:110px; } #row__submit { margin-top:20px; } .zfea_form_row__submit { text-align:center; } .title_with_icons { position:relative; border-bottom:6px solid #d9dadb; margin-bottom:15px; } .title_with_icons:before, .title_with_icons:after { content: '.'; } .title_with_icons:before, .title_with_icons:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .title_with_icons:after { clear: both; } .zenario_skin .title_with_icons h1 { min-height:20px; border:0; margin-bottom:0; padding-bottom:5px; } .title_with_icons h1, .title_with_icons h2, .title_with_icons h3 { display:inline-block; float:left; } .title_with_icons p { float:none; clear:left; } .title_main_icons { position:relative; border-bottom-width:5px; border-bottom-style:solid; padding-bottom:10px; } .title_subheading_icons { border-bottom-width:3px; } .zfea .zfea_top_buttons, .title_with_icons .top_buttons { float:right; text-align:right; position:relative; z-index:2; } .zfea .zfea_top_buttons a, .zfea .zfea_top_buttons input, .top_buttons a { float:left; margin-left:8px; } .zenario_skin .zenario_copy { display: inline-block; background: url('..//styles/fea/../../admin/images/icon-copy.svg') no-repeat; width: 14px; height: 16px; cursor: pointer; } .zenario_skin span.zenario_copy { display: inline-block; padding-left: 3px; background-position: right center; } /* Field date --------------------------------------------------------------------------------------------------*/ .zenario_skin input[readonly].zenario_datepicker { width:150px; background:transparent; } .zenario_skin .zenario_field_widget_wrap { overflow:hidden; margin-right:10px; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker, .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { float:left; } .zenario_skin .zenario_field_widget_wrap .zenario_datepicker { margin-right:4px; } .zenario_skin .zenario_field_widget_wrap .zenario_remove_val { margin-top:4px; border:0 !important; background:#ccc !important; color:#555 !important; width:20px !important; height:20px !important; min-width:inherit; padding:0 0 3px 0; text-align:center; -webkit-border-radius:50%; border-radius:50%; margin-left:3px; font-size:13px; font-family:arial; font-weight:bold; } /* Tables --------------------------------------------------------------------------------------------------*/ table.table_list { border-collapse: collapse; width: 100%; margin: 10px; margin: 1.0rem 0; } table.table_list tr th { background:#333; color:#fff; } table.table_list th, table.table_list td { font-size: 1em; line-height: 22px; padding:10px 8px; } table.table_list tr th:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } table.table_list tr th:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } table.table_list tr td { border-bottom:1px solid #ccc; } table.table_list tr .sorted_buttons { text-align:right; } table.table_list tr.alarm_ended, table.table_list tr.node_deactivated { background:#F3F3F3; } .zfea_with_dev_tools .zfea_buttons_above_list { margin-right: 20px; } .zfea_with_tslink .zfea_buttons_above_list { margin-right: 30px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks .sorted_buttons { display:block; width:100%; } .zfea_blocks .zfea_block_list_wrap { padding-bottom:10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block { position:relative; overflow:hidden; float:left; width:calc(31% - 34px); margin:20px 1% 0; padding:15px; border:2px solid #ccc; -webkit-border-radius: 10px; border-radius: 10px; } .zfea_blocks .zfea_block_list_wrap .zfea_block:before, .zfea_blocks .zfea_block_list_wrap .zfea_block:after, .zfea_blocks .zfea_block_list_wrap:before, .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:before, .zfea_blocks .zfea_block_list_wrap_inner:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_blocks .zfea_block_list_wrap:after, .zfea_blocks .zfea_block_list_wrap_inner:after, .zfea_blocks .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_blocks .zfea_block_list_wrap .zfea_block.clickable { cursor:pointer; } .zfea_blocks .zfea_block_list_wrap .zfea_block > svg { position:absolute; left:0; right:0; bottom:0; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block p, .zfea_blocks .zfea_block_list_wrap .zfea_block > div { position:relative; z-index:2; margin:0 0 3px; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_image_id img, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_image_id img { max-width:22px !important; max-height:22px !important; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_asset_name, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_asset_name { font-size:18px; font-weight:600; } .zfea_blocks .zfea_block_list_wrap .zfea_block p.column_hierarchy_breadcrumbs, .zfea_blocks .zfea_block_list_wrap .zfea_block div.column_hierarchy_breadcrumbs { font-size:12px; line-height:1.5em; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.wrap_div { font-size:1em; font-weight:normal; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top { position:relative; z-index:3; text-align:center; clear:both; padding:0 8px; } .zfea_blocks .zfea_block_list_wrap .zfea_block .block_buttons_top a { margin:2px auto; } .zfea_blocks .sorted_buttons, .zfea_blocks .search_form { float:none; display:block; } .zfea_blocks .sorted_buttons { text-align:right; } .zfea_blocks .search_form { width:auto; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 34px - 2%); } .zfea_blocks.zfea_1_block .zfea_block_list_wrap .zfea_block { width:88% !important; float:right; margin:0; } .zfea_blocks.zfea_1_block .column_schema_name { padding-bottom:5px; } /* Block list like block --------------------------------------------------------------------------------------------------*/ .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap { overflow:hidden; clear:both; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:left; margin-right:20px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block { overflow: hidden; padding: 15px; border-bottom: 2px solid #ccc; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p { margin-bottom: 0; padding-bottom: 0; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p:before { content: attr(data-label); font-weight:600; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block p.column_product_display_name:before, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block p.column_name:before { content: ''; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { padding-top:5px; } /* Block list like table --------------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table .zfea_block_list_wrap { margin-top:20px; border-top:1px solid #ccc; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { padding:10px 0; border-bottom:1px solid #ccc; height:auto !important; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block:after { clear: both; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_no_items_message { padding:10px; text-align:center; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p, .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { padding:0 8px; width:calc(24% - 16px); float:left; margin-bottom:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { width:280px; } /* Block list like table Cell width for zfea_zenario_list_orders ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_amount { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_items { width:calc((100% - 86px - 232px - 166px - 296px) - 16px); } /* Block list like table Cell width for zfea_zenario_list_order_line_items ----------------------------------------------------------------------------------------------*/ .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_ord, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_qty { width:70px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_amount, .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_price_per_item { width:100px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block p.column_status { width:150px; } .zfea_block_list_like_table.zfea_zenario_list_order_line_items .zfea_block_list_wrap .zfea_block div.buttons { width:140px; } .zfea_block_list_like_table.zfea_block_list_like_table .zfea_block_list_wrap .zfea_block p.column_product_name { width:calc((100% - 86px - 116px - 86px - 116px - 166px - 156px) - 16px); } /* Pinned item --------------------------------------------------------------------------------------------------*/ .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id { position:relative; } .zfea_blocks .zfea_block_list_wrap .zfea_block > div.column_thumbnail_id img, .zfea_table_wrap .zfea_row .col_value_for__thumbnail_id img { position:relative; z-index:1; } .zfea_blocks .zfea_block_list_wrap .zfea_block.pinned > div.column_thumbnail_id:before, .zfea_table_wrap .zfea_row.pinned .col_value_for__thumbnail_id:before { font-family: "FontAwesome"; font-size:14px; content: "\f08d"; padding-right: 5px; position:absolute; z-index:2; top:5px; left:5px; width: 24px; height: 24px; text-align: center; line-height: 24px; padding: 0; background:rgba(0,0,0,0.7); color:#FFF; border-radius: 50%; -webkit-border-radius: 50%; } /* Placeholder styles for sortable lists --------------------------------------------------------------------------------------------------*/ table.table_list tr th.zfea_col_sortable, table.table_list tr th.zfea_col_sorted { background-repeat:no-repeat; background-position:right center; } table.table_list tr th.zfea_col_sortable { background-image:url('..//styles/fea/../../admin/images/icon-arrows-sort-white.svg'); background-size:17px 11px; cursor: pointer; } table.table_list tr th.zfea_col_sorted { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-up-green.svg'); background-size:17px 10px; } table.table_list tr th.zfea_col_sortable.zfea_col_will_sort_desc, table.table_list tr th.zfea_col_sorted.zfea_col_sorted_desc { background-image:url('..//styles/fea/../../admin/images/icon-arrow-triangle-down-green.svg'); background-size:17px 10px; background-repeat:no-repeat; background-position: right center; padding-right:25px; } table.table_list tr th.zfea_col_sorted { color:#FFFFBF; } .zenario_skin select.zfea_list_sort { width:auto; } /* Zfea form --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="text"], .zenario_skin input[type="password"], .zenario_skin input[type="email"], .zenario_skin textarea { width:90%; } .zenario_skin input[type="text"].input_small, .zenario_skin input[type="password"].input_small, .zenario_skin input[type="email"].input_small, .zenario_skin input[type="search"].input_small, .zenario_skin textarea.input_small { width:100px; } /* Zfea Search form --------------------------------------------------------------------------------------------------*/ .zenario_skin .zfea .search_form { overflow:hidden; } .zenario_skin .zfea .search_form, .zenario_skin .zfea .search_form input { height:41px; line-height:1em; } .zenario_skin .zfea .search_form input { float:left; border:0; -webkit-border-radius: 0; border-radius: 0; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:800px; padding:0 0 0 15px; line-height:36px; outline: none; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .zenario_skin .zfea .search_form input[type="submit"] { display:inline-block; min-width:40px; padding:0; cursor:pointer; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .zenario_skin .zfea .search_form input[type="button"] { min-width:25px; height: 41px; padding: 0; border: 0; cursor: pointer; display: inline-block; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s; white-space: nowrap; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term, .zenario_skin .zfea .search_form input[type="submit"] { border:2px #ccc solid; } .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { border-right:0; } .zenario_skin .zfea .search_form input[type="submit"] { border-left:0; } .zenario_skin .zfea .search_form input[type="button"] { background-color:transparent; color:#CCC; } .zenario_skin .zfea .search_form input[type="submit"], .zenario_skin .zfea .search_form input[type="button"] { font-family: 'FontAwesome'; font-size:20px; } .zenario_skin .zfea .search_form .clear_search { position:relative; margin-left:-65px; } .zenario_skin .zfea .search_form input[type="submit"]:hover { opacity:1; } /* Edit box --------------------------------------------------------------------------------------------------*/ .zfea_edit_box { overflow:hidden; padding:20px; border:2px solid #ccc; } /* View user --------------------------------------------------------------------------------------------------*/ .zfea_zenario_view_user { position:relative; } .zenario_users_fea .zfea_zenario_view_user .zfea_form_row { padding-bottom:0; } .zenario_users_fea .zfea_form_row .title label, .zenario_users_fea .zfea_form_row table label { width:auto; height:auto; line-height:24px; background:transparent; border:0; padding:0 0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_row { overflow:hidden; margin-bottom:5px; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields .title { width:200px; font-weight:600; float:left; } .zenario_users_fea .zfea_zenario_view_user form div > .zfea_form_row .zfea_row_fields div:nth-child(2) { width:calc(100% - 210px); float:left; margin-left:10px; } .zenario_users_fea form .zfea_form_grouping { overflow:hidden; margin:15px 0; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row { width:12%; float:left; margin-right:2.2%; clear:none; max-width:110px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row:first-child { max-width:125px; } .zenario_users_fea form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title { text-align:center; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields > .title { padding-left:25px; } .zenario_users_fea form .zfea_form_grouping > div:first-child .zfea_row_fields span.row_identifier { display:inline-block; width:20px; font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields .title label { font-weight:bold; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping .zfea_form_row .zfea_row_fields span[id*="span__custom_field"] { display:inline-block; border:1px solid #aaa; color:#aaa; width:calc(100% - 12px); height:30px; line-height:30px; padding:0 5px; } .zenario_users_fea .zfea_zenario_view_user form .zfea_form_grouping > div:first-child .zfea_row_fields span[id*="span__custom_field"] { width:calc(100% - 32px); } /* Grouping fields --------------------------------------------------------------------------------------------------*/ .zfea_form_grouping:after, .zfea_form_grouping:before { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zfea_form_grouping:after { clear: both; } .zfea_form_grouping.row_form_wrap { padding-top:10px; line-height:1.5em; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__salutation { width:13%; } .desktop .zfea_form_grouping.row_form_wrap.with_salutation #row__first_name { width:33%; } .zfea_form_grouping.row_form_wrap .zfea_form_row .title { padding-bottom:0; } .zenario_skin .zfea_form_grouping.row_form_wrap select { width:100%; } .zenario_skin .zfea_form_grouping.row_form_wrap input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap textarea { width:calc(100% - 22px); } .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="text"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="password"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error input[type="email"], .zenario_skin .zfea_form_grouping.row_form_wrap .zenario_row_with_error textarea { width:calc(100% - 26px); } /* List users --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_users { position:relative; } .zfea_zenario_list_users > h2 { padding-right:100px; } .zfea_zenario_list_users .zfea_button.export { position:absolute; top:4px; right:0; } /* List papers --------------------------------------------------------------------------------------------------*/ .zfea_zenario_list_papers .papers_wrap { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper { position:relative; float:none; width:100%; height:auto !important; margin:15px 0 30px; padding:0 0 15px; border-bottom:1px solid #ddd; } .zfea_zenario_list_papers .papers_wrap .paper h4 { margin-bottom:0; cursor:pointer; } .zfea_zenario_list_papers .papers_wrap .paper p.authors { line-height:1.2em; } .zfea_zenario_list_papers .papers_wrap .paper .short_abstract { position:relative; z-index:1; overflow:hidden; max-height:50px; padding-bottom:15px; } .zfea_zenario_list_papers .papers_wrap .paper .fade_layer { position:absolute; z-index:2; bottom:0; left:0; width:100%; height:50px; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .zfea_zenario_list_papers .papers_wrap .paper .buttons { text-align:left; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:50px; } /* order number feature*/ .zfea_zenario_list_papers .papers_wrap { clear:both; } .zfea_zenario_list_papers .papers_wrap .paper { padding-bottom:20px; position:relative; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal { display:inline-block; width: 30px; height: 30px; float:left; margin-right:15px; text-align: center; border-radius: 50%; line-height: 30px; background: rgba(0,0,0,0.2); color:#333; cursor:default; } .zfea_zenario_list_papers .papers_wrap .paper .paper_details { overflow:hidden; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip { display:inline-block; font-size: 11px; line-height:1.2em; padding:6px 8px; background:#323232; color:#fff; opacity:1; border:0; -webkit-border-radius: 5px; border-radius: 5px; width:100px; position:absolute; z-index:9; top:34px; left:0; opacity:0; visibility:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal span.tooltip:after { bottom: 100%; left: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 51, 51, 0); border-bottom-color: #333333; border-width: 4px; margin-left: -4px; } .zfea_zenario_list_papers .papers_wrap .paper p.ordinal:hover span.tooltip { opacity:1; visibility:visible; } .zfea_zenario_list_papers .papers_wrap .paper .buttons a { width:auto; min-width:50px; } /* Seminar edit order number --------------------------------------------------------------------------------------------------*/ .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields { overflow:hidden; border-top:1px solid #333; padding:17px 0 0 0; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div { width:80px; float:left; } .zfea_zenario_edit_seminar form div[id*="row__paper_"] .zfea_row_fields > div.title { width:calc(100% - 80px); float:right; } /* Conference --------------------------------------------------------------------------------------------------*/ .zenario_conference_fea .documents { overflow:hidden; padding:15px; background:#f0f0f0; } .zenario_conference_fea .documents div.thumbnail { margin-bottom:15px; text-align:center; } .zenario_conference_fea .documents div.thumbnail img { border:1px solid #ccc; margin:auto; } .zenario_conference_fea .documents label { overflow:hidden; padding-top:4px; } .zenario_conference_fea .documents label a { display:block; padding-bottom:3px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list tr th { white-space: nowrap; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .col_value_for__document_count { text-align:left; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons { width:auto; white-space:nowrap; } .zenario_conference_fea .title_subheading_icons { clear:both; float:none; } .zenario_conference_fea:before, .zenario_conference_fea:after { content: '.'; } .zenario_conference_fea:before, .zenario_conference_fea:after { width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_conference_fea:after { clear: both; } .zenario_conference_fea .details { width:74%; float:left; } .zenario_conference_fea .documents_info { width:22.5%; float:right; } .zenario_conference_fea .details p { margin-bottom:20px; } .zenario_conference_fea .zfea_zenario_list_abstracts .table_list .sorted_buttons.multi_select_buttons { position:relative; width:275px; background:#fbf290; } .zenario_conference_fea .zfea_zenario_list_abstracts table tr td.sorted_buttons.multi_select_buttons > div { position:absolute; top:-10px; left:0; right:0; text-align:center; } /* Storefront products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_products_fea .price_info { overflow:hidden; margin-bottom:10px; padding:15px; background:#f0f0f0; } .zenario_storefront_products_fea .price_info .price_info_details { width:45%; float:left; } .zenario_storefront_products_fea .price_info_links { width:45%; float:right; text-align:right; } .zenario_storefront_products_fea .price_info p { margin-bottom:0; padding-bottom:0; } .zenario_storefront_products_fea .price_info p span { font-weight:600; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket { display:inline-block; height: 27px; padding: 0 12px; background:#DFDFDF; color:#AAA; -webkit-border-radius: 4px; border-radius: 4px; cursor:default; } .zenario_storefront_products_fea .price_info p.storefront_document_in_basket, .zenario_storefront_products_fea .price_info p.view_basket { font-size: 13px; } .zenario_storefront_products_fea .price_info p.view_basket a { display:inline-block; line-height:27px; padding:0 12px; } .zenario_storefront_products_fea .price_info_links form { padding-bottom:3px; } /* Storefront physical products --------------------------------------------------------------------------------------------------*/ .zenario_storefront_physical_products_fea { overflow:hidden; } .zenario_storefront_physical_products_fea img { float:left; margin-right:20px; } .zenario_storefront_physical_products_fea .price_info, .zenario_storefront_physical_products_fea .price_details { overflow:hidden; } .zenario_storefront_physical_products_fea .price_info { overflow: hidden; margin-bottom: 10px; padding: 15px; background: #f0f0f0; } .zenario_storefront_physical_products_fea .price_info p { margin:0; } .zenario_storefront_physical_products_fea .price_info .price_info_details { width: 45%; float: left; } .zenario_storefront_physical_products_fea .price_info .price_info_details p span { font-weight: 600; } .zenario_storefront_physical_products_fea .price_info .price_info_links { width: 45%; float: right; text-align: right; } .zenario_storefront_physical_products_fea .zfea_zenario_list_products table .sorted_buttons { width:205px; } /* Videos --------------------------------------------------------------------------------------------------*/ .zenario_videos_fea .view_toggle_wrap { overflow:hidden; margin-bottom:15px; text-align:right; } .zenario_videos_fea .view_toggle_wrap > div { display:inline-block; width:26px; height:26px; margin-left:3px; text-align:center; background:#777; color:#FFF; text-indent:-99; font-size:0; line-height:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_videos_fea .view_toggle_wrap > div:before { font-family: 'FontAwesome'; text-indent:0; font-size:16px; line-height:26px; content: "\f0ca"; } .zenario_videos_fea .view_toggle_wrap > div:first-child:before { content: "\f009"; } .zenario_videos_fea .view_toggle_wrap > div.on { background:#000; } .zenario_videos_fea .view_toggle_wrap > div:not(.on):hover { opacity:0.85; } /* Block */ .zenario_videos_fea .zfea_block { overflow:hidden; padding:15px; margin-bottom:15px; } .zenario_videos_fea .zfea_block div.column_image a { overflow:hidden; display:block; } .zenario_videos_fea .zfea_block div.column_image a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_block div.column_image a:hover img { opacity:0.85; } .zenario_videos_fea .zfea_block .buttons { overflow:hidden; } .zenario_videos_fea .zfea_block .buttons a:before { font-family: 'FontAwesome'; content: "\f03d"; padding-right:4px; } /* List view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); padding:20px; margin-left:0; margin-right:0; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { float:left; padding-right:2%; } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div.column_image { width:28%; padding-right:2%; float:left; } body.mobile .zenario_videos_fea .zfea_block_list_like_table.zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 40px); } body.mobile .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block > div { width:calc(70%); float:right; } .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block div.buttons { text-align:left; padding:10px 0; } /* Grid view */ body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:40px; position:relative; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block { float:left; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width:calc(32% - 30px); margin:0 0 20px; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block:nth-child(3n+2) { margin-left:2%; margin-right:2%; } body.desktop .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position: absolute; bottom: 15px; left: 0; right: 0; margin:auto; } .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { text-align:center; } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { padding-bottom:8px; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a { text-align:center; position:relative; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a img { margin:auto; position:relative; z-index:1; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { font-family:"FontAwesome"; content: "\f01d"; position:absolute; z-index:90; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; width:100px; height:100px; font-size:100px; line-height:100px; opacity:0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:hover:after { opacity:0.8; } body.mobile .zfea_block_like_block .zfea_block_list_wrap .zfea_block > div.buttons { width:calc(100%); float:none; text-align:center; } body.mobile .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { padding:15px 0 0; } /* List view and block view */ .zfea_block_list_like_table .zfea_block_list_wrap .zfea_block, .zenario_videos_fea .zfea_block_like_block .zfea_block { border:0; -webkit-border-radius: 0; border-radius: 0; background:#efefef; } .zenario_videos_fea .zfea_block .column_title { font-size: 1.1em; font-weight:600; } .zenario_videos_fea .zfea_block .column_description { font-size:0.875em; margin-bottom:5px; } .zenario_videos_fea .zfea_block .column_date { font-size:0.75em; font-style:italic; } /* View video */ .zenario_videos_fea .view_video { max-width:1024px; margin:auto; } .zenario_videos_fea .view_video .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin:15px auto; } .zenario_videos_fea .view_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .zenario_videos_fea .view_video .description { padding:15px 0; line-height:1.4em; } .zenario_videos_fea .view_video p.date { font-size:0.75em; font-style:italic; } /* Search buttons, filters buttons --------------------------------------------------------------------------------------------------*/ .zfea_search_buttons { width:auto; display:inline-block; float:right; text-align:right; padding:8px 8px 8px 10px; background-repeat:no-repeat; background-position:8px center; -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons:before { font-family: 'FontAwesome'; content: "\f0b0"; padding:2px 5px 0 0; font-size:16px; float:left; } .zfea_search_buttons a { float:left; margin-left:4px; height:23px; line-height:23px; padding:0 8px; } .zfea_search_buttons a.zfea_button.fea_filter { -webkit-border-radius: 4px; border-radius: 4px; } .zfea_search_buttons { background-color:#cdcdcd; } .zfea_search_buttons a.zfea_button.fea_filter { background:#888; border:1px solid #888; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on { background:#333; color:#fff; } .zfea_search_buttons a.zfea_button.fea_filter_on:hover { opacity:1; } body.mobile .zfea_search_buttons { margin-bottom:10px; float:none; } /* Tokenize --------------------------------------------------------------------------------------------------*/ .zenario_skin div.Tokenize ul, .zenario_skin div.Tokenize ul li { padding:0; margin:0; list-style:none; position: relative; } .zenario_skin div.Tokenize { width:100%; max-width:480px; min-height:30px; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_skin .Tokenize .TokensContainer { width: 380px; width:calc(100% - 6px); height: auto; overflow-y: hidden; padding:2px; } .zenario_skin .zfea_row_input_button { float: left; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { width:calc(100% - 12px); height: auto; margin:0; } .zenario_skin div.Tokenize ul.TokensContainer li { white-space:nowrap; } .zenario_skin div.Tokenize ul.TokensContainer li.Token { overflow:hidden; line-height: 18px; padding: 0 5px; clear:both; margin-bottom:2px; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.Token { margin-bottom:0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { float:left; } .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch { margin:0; } .zenario_skin div.Tokenize.OnlyOne ul.TokensContainer li.TokenSearch input[disabled] { display:none; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close { cursor: pointer; float: right; font-size: 16px !important; line-height: 18px; margin:0 2px 0 3px !important; padding: 0; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close, .zenario_skin div.Tokenize ul.TokensContainer li.Token span { height:auto; min-height:22px; line-height:22px !important; } .zenario_skin div.Tokenize ul.TokensContainer li.Token a.Close:hover { text-decoration:none; } .zenario_skin div.TokenizeMeasure, .zenario_skin div.Tokenize ul li span, .zenario_skin div.Tokenize ul.TokensContainer li.TokenSearch input { font-size: 12px; } .zenario_skin div.Tokenize ul.TokensContainer li.Token span.zfea_picked_file_wrapper img { margin-top:2px; } .zenario_skin div.Tokenize.Disabled ul.TokensContainer li.Token { background:#EFEFEF; border:1px solid #ccc; } .zenario_skin div.Tokenize ul.TokensContainer li.Token > div { width:calc(100% - 15px); overflow:hidden; } .zenario_skin div.Tokenize ul.TokensContainer, .zenario_skin div.Tokenize ul.Dropdown { border:0; margin:1px; } .zenario_skin div.Tokenize .zfea_picked_file_wrapper { float:left; min-width:20px; padding-right:0.5em; } /*.zenario_skin .Tokenize .TokensContainer .Placeholder { opacity: 1; line-height:22px; padding:0 0 0 5px; color:#999; position:relative; }*/ /*.zenario_skin .Tokenize.OnlyOne .TokensContainer { position:relative; }*/ .zenario_skin .Tokenize .TokensContainer .Placeholder { padding-left: 5px; opacity: .9; } .zenario_skin .Tokenize.OnlyOne .TokensContainer { min-height: 30px; } .zenario_skin .Tokenize.OnlyOne .TokenSearch { position:absolute; } .zenario_skin .Tokenize.OnlyOne .TokenSearch, .zenario_skin .Tokenize.OnlyOne .TokenSearch input { height:30px; line-height:30px; font-size:1em; } .zenario_skin .Tokenize.OnlyOne .TokenSearch input { padding:0 5px; } .zenario_skin div.Tokenize ul.Dropdown li.Hover { background:#ccc !important; color:#555 !important; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer .Token { width:calc(100% - 47px); } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token { position:relative; padding-right:40px; background-image:url('..//styles/fea/images/icon-drag-vertical-dark.svg'); background-repeat:no-repeat; background-position:right center; background-size:auto 14px; } .zenario_skin .Tokenize.zenario_reorder_items .TokensContainer li.Token a.Close { position:absolute; right:0; } /* Tokenize buttons --------------------------------------------------------------------------------------------------*/ .zfea_form_row.zfea_form_row__image_id { overflow:hidden; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id { display:inline-block; float:left; min-height:30px; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id div.Tokenize { width:472px; float:left; } .zfea_form_row.zfea_form_row__image_id #name_for_image_id .TokenSearch { display:none; } .zfea_form_row.zfea_form_row__image_id .launch_keeper { margin-left:10px; } /* Progress --------------------------------------------------------------------------------------------------*/ #zenario_progress_wrap { background: rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 320000; } #zenario_progress.ui-widget-content { background: #333 none repeat scroll 0 0; border: 2px solid #f6f6f6; color: #fff; border-radius: 8px; } #zenario_progress.ui-widget { font-size: 12px; } #zenario_progress { height: 40px; left: 0; right:0; margin:auto; padding: 5px 30px 0 10px; position: fixed; top: 45%; width: 57%; z-index: 999999; } #zenario_progress #zenario_progress_name { background: transparent none repeat scroll 0 0; margin-bottom: 5px; text-align: center; width: 100%; } #zenario_progress #zenario_progress_stop { background: rgba(0, 0, 0, 0) url("..//styles/fea/images/close-icon-uploader.png") no-repeat scroll 0 0; cursor: pointer; float: right; height: 18px; margin: -10px -20px 0 0; position: relative; width: 18px; } #zenario_progress.ui-progressbar #zenario_progressbar.ui-progressbar-value { margin: 0; } #zenario_progressbar.ui-widget-header { background: #02cb01 none repeat scroll 0 0; border: 0 none; border-radius: 5px; height: 9px; } /* Common styles, modal window warning msg --------------------------------------------------------------------------------------------------*/ .modal_window { margin:auto; position:relative; z-index:2; width:70%; -webkit-box-shadow:0 0 5px 0; box-shadow:0 0 5px 0; padding:20px; -webkit-border-radius: 10px; border-radius: 10px; } .modal_window form, .modal_window .warning_message, .modal_window .select_list, .modal_window .buttons { text-align:center; } .modal_window select, .modal_window .select_list { margin-top:20px; } .modal_window form div a.zfea_button, .modal_window .buttons button { display:inline-block; margin:5px; } .modal_window #close_button { background-color:transparent; -webkit-border-radius: 0; border-radius: 0; } .modal_window .confirm_warning, .zfea.confirm_warning .messageDisplay div { background:url("..//styles/fea/../images/icon-warning-triangle.svg") no-repeat scroll 0 0 / 47px 40px; min-height: 40px; padding: 5px 0 0 60px; text-align:left !important; } .zfea .message_in_form { text-align: center; } .zfea .message_in_form .error, .zfea .message_in_form .success, .zfea .message_in_form .warning { display: inline-block; width: auto; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; padding:10px 0; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zfea_button, .nest_buttons a, .icon_button, .fea_csvDownload > a { display: inline-block; height:26px; line-height:24px; padding:0 10px; text-align:center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; background:#000; color:#fff; } .zfea_button:hover, .nest_buttons a:hover, .icon_button:hover { text-decoration:none !important; } .icon_button.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .delete_icon, .zenario_skin input[type="button"].delete_icon, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete { background-image:url('..//styles/fea/images/icon-delete.svg'); } .zenario_skin .delete_icon.zfea_button_disabled, .zenario_skin input[type="button"].delete_icon.zfea_button_disabled, .zenario_skin .zfea_form_grouping .zfea_form_row_delete input.small_button[type="button"].delete.zfea_button_disabled, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete.zfea_button_disabled { background-image:url('..//styles/fea/images/icon-delete-grey.svg'); } .icon_button.query_data_icon { background-image:url('..//styles/fea/images/icon-white-inspector-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.schedule_icon { background-image:url('..//styles/fea/images/icon-white-schedule-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .icon_button.recalculate_icon { background-image:url('..//styles/fea/images/icon-white-recalculate-placeholder.svg'); background-repeat:no-repeat; background-position:center; } .zenario_skin .icon_button { width:30px; padding:0; text-indent:-999px; font-size:0; background-repeat:no-repeat; background-size:18px; background-position:center; } .icon_button.weekly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-weekly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 22px 13px; } .icon_button.yearly_report_icon { background-image: url('..//styles/fea/images/aw/icon-white-yearly-report-placeholder.png'); background-repeat: no-repeat; background-position: center; background-size: 25px 10px; } .zfea_button.delete, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete, #colorbox.zfea_colorbox_content input[type="button"].delete_button { background-color:#B20000; color:#FFF; } .zfea_button.delete:hover, .zenario_skin form .zfea_form_row input[type="button"].icon_button.delete:hover, #colorbox.zfea_colorbox_content input[type="button"].delete_button:hover { background-color:#e23535; color:#FFF; opacity:1; } .zfea_button.cancel, input[type="button"].zfea_button.cancel, .zfea_cancel, input[type="button"].zfea_cancel, #colorbox.zfea_colorbox_content input[type="button"].zfea_cancel { background: #888; border-color: #888; color: #FFF; } .zfea_button.cancel:hover, .zfea_cancel:hover, .zfea_button:hover, .nest_buttons a:hover { opacity:0.8; } .zenario_skin input.launch_keeper[type="button"] { background:transparent; border:0; color:#333; font-size:0.875em; height:auto; line-height:22px; margin-left:10px; padding:2px 0 0; min-width:auto; } /* Buttons, sorted buttons --------------------------------------------------------------------------------------------------*/ .zfea div.sorted_buttons { display:inline-block; float:right; } .zfea table div.sorted_buttons { display:block; float:none; } .zfea table th.sorted_buttons a { margin-left:5px; } /* Buttons with children --------------------------------------------------------------------------------------------------*/ .zfea_button_with_children .fa.fa-caret-down:before { padding-left:5px; } .button_with_children_wrap { display:inline-block; position:relative; } .button_with_children_wrap .small_button { position:relative; z-index:1; } .zenario_skin .button_with_children_wrap ul, .zenario_skin .button_with_children_wrap ul li { list-style:none; padding:0; margin:0; } .zenario_skin .button_with_children_wrap ul { opacity:0; visibility:hidden; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_skin .button_with_children_wrap:hover ul { opacity:1; visibility:visible; } .zenario_skin .button_with_children_wrap ul { position:absolute; z-index:9; right:0; top:27px; width:140px; padding:0 4px 2px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; border-radius: 4px; border-top-right-radius: 0; } .zenario_skin .button_with_children_wrap ul:after { bottom: 100%; right: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 5px; margin-left: -5px; } .zenario_skin .button_with_children_wrap ul li { text-align:left; font-size:0.813em; height:auto; } .zenario_skin .button_with_children_wrap ul li, .zenario_skin .button_with_children_wrap ul li a { display:block; } .zenario_skin .button_with_children_wrap ul li a { width:calc(100% - 8px); height:auto; line-height:16px; padding:4px; margin:1px 0px; font-size:13px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; cursor:pointer; } .zenario_skin .button_with_children_wrap ul li a:hover { text-decoration:none; } /* Buttons, nest top buttons --------------------------------------------------------------------------------------------------*/ .nest_buttons { position:relative; overflow:hidden; text-align:right; margin-bottom:10px; } .nest_buttons a { float:right; margin-left:8px; } /* Buttons, common --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin input[type="button"].icon_button, .zenario_skin .small_button, .zenario_skin .standard_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin .fea_filter, .manual_input span.label, .nest_buttons a, a.zfea_button, #colorbox .connection_tabbed_panel .content_links input, .fea_csvDownload > a { display:inline-block; padding:0 12px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; cursor:pointer; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .standard_button { white-space:nowrap; } .zenario_skin table tr td.sorted_buttons .small_button { padding:0 8px; } .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .fea_csvDownload > a:hover { text-decoration:none; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button, .zenario_skin .small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { height:27px; font-size:13px; } .zenario_skin input[type="submit"].small_button, .zenario_skin a.small_button, .zenario_skin .fea_filter, .nest_buttons a, a.zfea_button, .fea_csvDownload > a { line-height:26px; } .manual_input span.label { font-size:18px; height:40px; line-height:36px; font-weight:600; } .zenario_skin input[type="button"].small_button, .zenario_skin input[type="submit"].small_button { line-height:0; min-width:0; } .zenario_skin .icon_button, .zenario_skin input[type="button"].icon_button { width:27px; height:27px; padding:0; } .zenario_skin input[type="button"].icon_button, .zenario_skin .icon_button, .zenario_skin .refresh_button, .zenario_skin a.edit_icon, .zenario_skin a.edit_password_icon { font-size:0; line-height:0; text-indent:-999; background-repeat:no-repeat; background-position:center center; } .zenario_skin th.sorted_buttons .refresh_button { float:right; padding:0; width:30px; } .zenario_skin input[type="button"].icon_button { min-width:0; } .zenario_skin input[type="button"]:hover, .zenario_skin input[type="submit"]:hover, .zenario_skin .small_button:hover, .zenario_skin .standard_button:hover, .zenario_skin .icon_button:hover, .zenario_skin .refresh_button:hover, .zenario_skin .fea_filter:hover, .zenario_skin .nest_buttons a:hover, .zenario_skin a.zfea_button:hover, .manual_input span.label:hover, #colorbox .connection_tabbed_panel .content_links input:hover, .fea_csvDownload > a:hover { opacity:0.75; } .zenario_skin table th .zfea_button:hover { opacity:0.9; } .zenario_skin table .zfea_button.no_button_styling { border: none; background: none; } .zenario_skin .button_with_children_wrap ul li.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.small_button:hover, .zenario_skin .button_with_children_wrap ul li a.fea_filter:hover, .fea_csvDownload > a:hover { opacity:1; } .zenario_skin .button_with_children_wrap ul li a.fea_filter { white-space:normal; -webkit-border-radius:0; border-radius:0; } .zenario_skin .icon_button.view_list, .zenario_skin input[type="button"].icon_button.view_list { background-image:url('..//styles/fea/images/icon-list.png'); } .zenario_skin .icon_button.view_overview, .zenario_skin input[type="button"].icon_button.view_overview { background-image:url('..//styles/fea/images/icon-eye.png'); } .zenario_skin .icon_button.view_map, .zenario_skin input[type="button"].icon_button.view_map { background-image:url('..//styles/fea/images/icon-map-pin-on.svg'); background-size:14px 20px; } .zenario_skin .icon_button.view_hierarchical, .zenario_skin input[type="button"].icon_button.view_hierarchical { background-image:url('..//styles/fea/images/icon-org-chart-on.svg'); background-size:16px 16px; } .zenario_skin a.edit_icon, .zenario_skin input.edit_icon { background-image:url('..//styles/fea/images/icon-white-edit-asset.svg'); background-size: 20px 20px; } .zenario_skin a.edit_password_icon, .zenario_skin input.edit_password_icon { background-image:url('..//styles/fea/images/icon-white-edit-password.svg'); background-size: 20px 20px; } .zenario_skin a.connection_icon { background-image:url('..//styles/fea/images/icon-white-connect.svg'); background-size: 20px 20px; } .zenario_skin a.data_simulator_icon { background-image:url('..//styles/fea/images/icon-white-simulate-data.svg'); background-size: 21px 24px; } .zenario_skin a.manually_enter_data_icon { background-image:url('..//styles/fea/images/icon-white-manual-data.svg'); background-size: 21px 24px; } .zenario_skin a.compare_fields_icon { background-image:url('..//styles/fea/images/icon-compare-graphs.svg'); background-size: 18px auto; } .zenario_skin a.connection_times_icon { background-image:url('..//styles/fea/images/icon-white-connection-times-placeholder.svg'); background-size: 18px auto; } .zenario_skin a.acknowledge_alarm_icon { background-image:url('..//styles/fea/images/icon-acknowledge-alarms-white-bell.svg'); background-size: 24px 24px; } .zenario_skin .nest_refresh { float:right; } .zenario_skin .auto_refresh, .zenario_skin .nest_refresh.auto_refresh { float:none; } .zenario_skin .nest_buttons .stop_auto_refresh .nest_refresh { padding-left:12px; padding-right:24px; } .zfea_form_grouping .zfea_form_row_delete input.small_button.delete[type="button"] { position:absolute; top:10px; right:10px; background-repeat:no-repeat; background-position:center; background-size:auto 65%; text-indent:-999; line-height:0; font-size:0; } .zenario_skin input[type="button"].launch_keeper { height:auto; padding:2px 0 0 0; margin-left:10px; line-height:22px; font-size:0.875em; } .zfea_button_disabled, input[type="submit"].zfea_button_disabled, input[type="button"].zfea_button_disabled, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover, .zenario_skin .zfea_button.zfea_button_disabled, .zenario_skin .icon_button.zfea_button_disabled { background-color:#F2EEEB; border-color:#BBB7B4 !important; cursor:default !important; } .zfea_button_disabled, .zfea_button_disabled .fa, input[type="button"].zfea_button_disabled, input[type="button"].zfea_button_disabled .fa, input[type="submit"].zfea_button_disabled, input[type="submit"].zfea_button_disabled .fa, input[type="button"].not_pressed.disabled, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { color:#AAA !important; } .zfea_button_disabled:hover, .zenario_skin a.zfea_button.zfea_button_disabled:hover, input[type="button"].zfea_button_disabled:hover, input[type="submit"].zfea_button_disabled:hover, input[type="button"].not_pressed.disabled:hover, .zenario_skin form .zfea_form_row input[type="button"].disabled:hover { opacity:1 !important; } .zenario_skin a.zfea_button.button_double_square:after { font-family:"FontAwesome"; content:"\f24d"; padding-left:3px; } .zenario_skin a.zfea_button.button_arrow_up_right_from_square:after { font-family:"FontAwesome"; content:"\f08e"; padding-left:3px; } /* Button toggle --------------------------------------------------------------------------------------------------*/ .zfea_toggle_button.pressed, .zenario_skin form .zfea_form_row .zfea_toggle_button.pressed { background-color: lightblue; } .zfea_toggle_button.zfea_hidden_toggle_button { width: 1px; height: 1px; visibility: hidden; } /* Common styles Zfea Loading --------------------------------------------------------------------------------------------------*/ .fea_preloader_circle { position: absolute; z-index: 60; margin:auto; left:0; right:0; } .fea_initial_load_done .fea_preloader_circle { background:url('..//styles/fea/images/overlay_light_grey.png') repeat 0 0; } @keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade_in { 0% {opacity: 0;} 100% {opacity: 1;} } .fea_initial_load_done .fea_preloader_circle { animation: fade_in 0.4s; -webkit-animation: fade_in 0.4s; } .fea_preloader_circle div { top:40%; height:32px; width:32px; margin:auto; position:relative; border-radius:50%; -webkit-animation:zenario_spinner 1s infinite linear; animation:zenario_spinner 1s infinite linear; opacity:.8; } .zenario_company_users_fea .fea_preloader_circle { display: none !important; } #hierarchy_chart .fea_preloader_circle { top:50%; } /* Common styles Zfea Tooltip --------------------------------------------------------------------------------------------------*/ .zfea .zenario_field_tooltip { float:right; margin-left:8px; display: inline-block; } .zfea_field_tooltip, .zenario_field_tooltip { width:20px; height:20px; line-height:20px; font-weight:600; background:#ccc; text-align:center; -webkit-border-radius: 50%; border-radius: 50%; cursor:default; } /* Spinner --------------------------------------------------------------------------------------------------*/ .spinner { min-width: 32px; min-height: 32px; } .spinner:before { content: 'Loading…'; position: absolute; z-index:90; top: 40%; left: 50%; margin-top: -10px; margin-left: -10px; height:32px; width:32px; } .spinner:not(:required):before { content: ''; border-radius: 50%; animation: zenario_spinner .6s linear infinite; -webkit-animation: zenario_spinner .6s linear infinite; } /* Overlay layer --------------------------------------------------------------------------------------------------*/ .overlay_layer { position:absolute; top:0; left:0; z-index:1; background:rgba(255,255,255,0.7); width:100%; height:100%; } /* Colorbox --------------------------------------------------------------------------------------------------*/ #colorbox.zfea_colorbox_content input[type='submit'], #colorbox.zfea_colorbox_content input[type='button'], #colorbox.zfea_colorbox_content button { display:inline-block; height:36px; line-height:32px; padding: 0 15px; border:0; background:#000; color:#FFF; text-align:center; font-size:0.938em; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } #colorbox.zfea_colorbox_content input[type='submit']:hover, #colorbox.zfea_colorbox_content input[type='button']:hover, #colorbox.zfea_colorbox_content button:hover { background:#b8babc; color:#282e35; text-decoration:none; } #colorbox.zfea_colorbox_content #cboxLoadedContent { max-width:500px; padding:15px; overflow:hidden !important; } #colorbox.zenario_user_forms #cboxLoadedContent { overflow-y:auto !important; } #colorbox.zenario_user_forms .user_form { padding-bottom:20px; } #colorbox.zenario_user_forms .user_form form { padding: 0 30px; } #colorbox .form_field, #colorbox .form_fields_read_only { overflow:hidden; margin-bottom:20px; } #colorbox .field_section_description .field_title { font-style: normal; font-weight: normal; font-size: 1.5em; line-height: 1.2em; } #colorbox.zenario_user_forms fieldset { margin: 30px 0 8px; } /*.zfea_colorbox_content, #colorbox .embed_slide { padding:20px; width:500px; min-height: 180px; }*/ .zfea_colorbox_content .zfea_colorbox_title h1, #colorbox .embed_slide .embed_title { border-bottom-width:6px; border-bottom-style:solid; padding-bottom:10px; margin-bottom:10px; } .zfea_colorbox_content .zfea_colorbox_buttons, #colorbox .embed_slide .embed_link .embed_copy_button { padding:15px 0; text-align:center; } .zfea_colorbox_content .zfea_colorbox_buttons input { margin:0 8px; } .zfea_colorbox_body select#zfea_new_hierarchy_asset_id { margin:auto; } #colorbox .embed_slide .embed_link { text-align:center } #colorbox .embed_slide .embed_link .embed_link { text-align:left; margin-top:10px; } #colorbox .modal_window { width: 900px; min-height: 300px; padding: 30px 30px 10px 30px; border:0; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; } #colorbox .modal_window .title h1 { font-size: 1.4em; } #colorbox .modal_window .content p:nth-child(1) { font-size: 1.15em; margin-bottom: 25px; } #colorbox .modal_window p { margin-bottom: 15px; } #colorbox .modal_window .connection_url_input input[type="text"] { width: 97%; } #colorbox .zfea_error { padding:20px; min-width:500px; background:#FFF; } #colorbox .zfea_error .zfea_error_body { padding:10px 0; } #colorbox .zfea_error .zfea_error_buttons { text-align:center; } #colorbox .modal_window.modal_window_connection { padding:12px 0 0; } #colorbox .connection_tabbed_panel ul, #colorbox .connection_tabbed_panel ul li { padding:0; margin:0; list-style:none; } #colorbox .connection_tabbed_panel ul.tabs { clear:both; display:block; margin-left:2px; overflow:hidden; position:relative; z-index:1; } #colorbox .connection_tabbed_panel ul.tabs li { display: inline-block; float:left; height:44px; line-height:44px; padding: 0 18px; margin-left:3px; font-weight:bold; border-top:0; border-bottom:0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } #colorbox .connection_tabbed_panel ul li.tab_body { display: none; overflow:hidden; height:270px; overflow-y:auto; padding:20px; } #colorbox .connection_tabbed_panel ul li.tab_body.active { display: block; } #colorbox .connection_tabbed_panel h2 { font-weight:bold; font-size:1.250em; } #colorbox .connection_tabbed_panel .simulator_img { width:25%; height:121px; margin-right:40px; display:inline-block; background:url('..//styles/fea/images/red-box.png') no-repeat 0 0 / 100%; float:left; } body.retina #colorbox .connection_tabbed_panel .simulator_img { background:url('..//styles/fea/images/red-box-retina.png') no-repeat 0 0 / 100%; } #colorbox .connection_tabbed_panel .simulator_content { width:65%; width:calc(75% - 40px); float:left; } #colorbox .connection_tabbed_panel .simulator_scan, #colorbox .connection_tabbed_panel .simulator_links { overflow:hidden; padding-top:15px; clear:both; float:none; } #colorbox .connection_tabbed_panel .simulator_scan p { display:inline-block; width:70%; float:left; padding-top:35px; } #colorbox .connection_tabbed_panel .simulator_scan .simulator_scan_img { width:22%; height:120px; display:inline-block; float:right; margin-left:20px; } #colorbox .connection_tabbed_panel .app_img { width:182px; height:238px; margin-right:18px; display:inline-block; background:url('..//styles/fea/images/icon-with-footprints-v2.png') no-repeat 0 0 / 100%; float:left; } #colorbox .connection_tabbed_panel .app_content { width:70%; width:calc(100% - 200px); float:left; } #colorbox .connection_tabbed_panel .connection_content { position:relative; z-index:1; } #colorbox .connection_tabbed_panel .after_tabs { margin-top:-2px; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text { padding: 10px; margin-bottom: 10px; word-break: break-all; font-size:0.938em; line-height:20px; -webkit-border-radius: 6px; border-radius: 6px; z-index: 2; position: relative; } #colorbox .connection_tabbed_panel .connection_content .connection_url_text.code strong { font-family:monospace; } #colorbox .connection_tabbed_panel .content_links { float:right; overflow:hidden; } #colorbox .connection_tabbed_panel .content_links a { float:left; } #colorbox .connection_tabbed_panel .content_links a:first-child { font-size:0.813em; text-decoration:underline; padding:3px 10px 0 0; } #colorbox .connection_tabbed_panel .content_links input { margin-left:10px; } #colorbox .connection_tabbed_panel table.mqtt_details { width:100%; margin-bottom:10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th, #colorbox .connection_tabbed_panel table.mqtt_details tr td { padding:5px 10px; } #colorbox .connection_tabbed_panel table.mqtt_details tr th { font-weight:bold; width:200px; } #colorbox .connection_tabbed_panel p.code { padding-left:30px; } #colorbox.help_button { text-align:left; } #colorbox .zfea_confirm_warning .zfea_colorbox_body { min-height:40px; padding:5px 0 0 60px; background:url('..//styles/fea/images/icon-warning-triangle.svg') no-repeat 0 0 / 47px 40px; } #colorbox .form_buttons { overflow:hidden; } #colorbox .form_buttons .next { float:right; } #colorbox .form_buttons .next.submit { float:none; } #colorbox .delete_button:hover, #colorbox .small_button.delete_button:hover, #colorbox input.delete_button[type="button"]:hover, #colorbox input.small_button.delete_button[type="button"]:hover { opacity:0.7; } #colorbox:not(.zenario_grid_maker) .colorbox_content { padding:20px; min-height:180px; } #colorbox .colorbox_content .colorbox_buttons { padding-top:20px; text-align:center; overflow:hidden; clear:both; float:none; } #colorbox .colorbox_content[id*='range_popup'] { min-width:320px; } #colorbox .colorbox_content[id*='range_popup'] .select_list { width:80px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body { float:none; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body > div, #colorbox .colorbox_content[id*='range_popup'] .colorbox_body select { float:left; margin-right:5px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body input.datepicker { height:28px; line-height:28px; } #colorbox .colorbox_content[id*='range_popup'] .colorbox_body label { margin-left:5px; } .zfea_error_box .zfea_error_buttons { display: inline-block; text-align: center; padding: 0 12px; height: 27px; font-size: 0.929em; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; background:#008aca; color:#FFF; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .input-group { overflow: hidden; position: relative; display: inline-block; } .input-group .fa { position: relative; z-index: 1; left: -25px; top: 1px; cursor:pointer; width: 0; } #colorbox .connection_tabbed_panel .content_links .input-group .fa.fa-caret-right { left:-18px; } .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:18px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } /* Common styles: pagination --------------------------------------------------------------------------------------------------*/ .paginator_p { text-align:center; float:left; color:white; background-color:#B7B7B7; cursor:pointer; padding:2px 0 0 0; } .paginator_p_bloc { position:relative; width:3000px; } .paginator_p.over { background-color:#8B8B8B; } .paginator_p.selected { cursor: default; font-weight: bold; } .paginator_p_wrap { position:relative; overflow:hidden; float:left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; line-height: 30px; } .paginator_slider { clear:left; height: 4px; top: 4px; left:5px; margin:auto; background: white; border: solid 1px black; position:relative; } .paginator_slider .ui-slider-handle { width: 8px; height: 12px; position: absolute; top: -4px; background-color:black; } .zfea_pagination { overflow:hidden; padding:20px 0; text-align:center; } .zfea_pagination .paginator_p_wrap { margin:auto; float:none; } .zfea_pagination .paginator_p_wrap a.paginator_p { font-size:13px; font-weight:700; padding:0; color:#fff; background-color:#8B8B8B; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zfea_pagination .paginator_p_wrap a.paginator_p.over { background-color:#B7B7B7; } .zfea_pagination .paginator_p_wrap a.paginator_p.selected { background:#0f81ad; color:#FFF; } .zfea_pagination .paginator_p_wrap a:hover { text-decoration:none; } /* Messages --------------------------------------------------------------------------------------------------*/ .zfea .error, .zfea .success, .zfea .warning, .zfea .info, .ok, .alarm, .comms_error { width:calc(100% - 60px); padding:12px 10px 18px 50px; margin-bottom:8px; -webkit-border-radius: 4px; border-radius: 4px; font-size:0.929em; line-height:17px; background-repeat:no-repeat; background-position:10px center; background-size:32px 32px; } .zfea .warning.small, .zfea .info.small { width:calc(100% - 30px); padding:0 0 0 30px; background-position: left top; background-size: 20px; } .column_status.ok, .column_status.alarm, .zfea .column_status.warning { width:auto; padding:0; margin:0; -webkit-border-radius: 0; border-radius: 0; font-size:1em; line-height:1.2em; } .zfea .column_status.warning { color:#494f6b; } .zfea .blue_dis_schema .column_status.warning, .zfea .soap_dis_schema .column_status.warning { color:#fff; } .zfea_zenario_create_user .zenario_textbox_with_autocomplete .zenario_open_autocomplete { width:auto; } /* - Error ---------------------------------------------------------------------------------------*/ .zfea .error { color:#CE0011; background-image:url('..//styles/fea/images/icon-msg-stop.svg'); min-height:32px; padding-bottom:0; } .zfea .error p { margin:0; } .zfea .zenario_row_with_error .Tokenize, .zfea input[type="text"].zenario_field_with_error, .zfea input[type="email"].zenario_field_with_error, .zfea input[type="search"].zenario_field_with_error, .zfea input[type="password"].zenario_field_with_error, .zfea select.zenario_field_with_error, .zfea textarea.zenario_field_with_error { -webkit-box-shadow: inset 0px 0 0 2px #CE0011; box-shadow: inset 0px 0 0 2px #CE0011; } .zfea input[type="radio"].zenario_field_with_error { -webkit-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0px 0.5px 0.5px 2px #CE0011; box-shadow: 0px 0.5px 0.5px 2px #CE0011; } .zfea input[type="checkbox"].zenario_field_with_error { -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 0px 1px 1px #CE0011; box-shadow: 0px 0px 1px 1px #CE0011; } .zfea .zfea_inline_error { clear:both; padding-top:4px; color:#CE0011; } /* - Sucess --------------------------------------------------------------------------------------*/ .zfea .success { color:#44A02A; } /* - Warning -------------------------------------------------------------------------------------*/ .zfea .warning { color:#ec5c30; background-image:url('..//styles/fea/images/icon-warning-triangle.svg'); } /* - Info -------------------------------------------------------------------------------------*/ .zfea .info { width:calc(100% - 50px); padding:0 0 0 50px; min-height:32px; background-position: left top; background-image:url('..//styles/fea/images/icon-info.svg'); } .zfea .info > ul { margin-left:0; padding-bottom:0; } /* Common styles: font awesome icons --------------------------------------------------------------------------------------------------*/ .fa.fa-search { left:-30px; font-size:1.375em; line-height:36px; } .fa.fa-calendar { float:left; left:-28px; font-size:1.125em; line-height:28px; } .graph_options .fa.fa-calendar { left:-32px; } .fa.fa-caret-left, .fa.fa-circle, .fa.fa-refresh { float:left; font-size:16px; padding:4px 7px 0 0; } .fa.fa-caret-right { float:right; font-size:18px; padding:4px 0 0 7px; } .fa.fa-angle-right { font-size:18px; padding:0 0 0 2px; } .fa.fa-plus { padding:0 5px 0 0; } .zenario_skin .icon_button.refresh_button { line-height:24px; font-size:18px; text-indent:inherit; } .zenario_skin .icon_button.refresh_button .fa.fa-refresh { float:none; } .icon_button.refresh_button .fa.fa-refresh { padding:0; } .input_group_icon_button .fa { left:8px; padding-right:0; } .zenario_skin .zfea .search_form .input-group.clear_search .fa.fa-times-circle { top:8px; font-size:18px; } table .button_arrow_right, .zenario_skin table tr td.sorted_buttons .small_button.button_arrow_right { position:relative; padding-right:18px; } table .button_arrow_right .fa { position:absolute; right:5px; top:0; } /* Smart breadcrumbs --------------------------------------------------------------------------------------------------*/ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb { display: inline-block; float: left; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level { cursor: default; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; display:inline-block; background: white; width: 100%; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { opacity:0; visibility:hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; z-index: 30; top:0; left:24px; width: auto; float: none; padding: 2px 0; width:220px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover ul.smart_breadcrumbs { opacity:1; visibility:visible; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs li a { padding:0 8px 2px; display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.sb_title { width:calc(100% - 26px); padding:2px 10px; margin:0 3px; color: #7f7f7f; background:#f0f0f0; font-size:14px; font-weight:600; } /* Hide the subtitles in the smart breadcrumbs if this isn't a touch-enabled device */ body.non_touchscreen .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs .sb_title { display: none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a:hover { text-decoration:none; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { background:none; padding-left:0; position:relative; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs { top:22px; left:-10px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; padding-right:3px; position:relative; top:1px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { padding-right:5px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.level1_1_on:before { content:none; padding-right:0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li[class*="comms_bread"] a:before { text-indent: inherit; margin-left:0; width:30px; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level ul.smart_breadcrumbs li[class*="comms_bread"] a::before { content:""; top:5px; margin-left:0; } /* Colors */ .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb a { color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.current > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:hover > a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a, .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { color:#1565c0; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:hover { background:#b1e5fd; color:#676767; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li.current a:hover { background:transparent; } .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs ul.smart_breadcrumbs { background: #ffffff; border: 1px solid #999; } /* CSS arrow top */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-bottom-color: #777777; border-width: 6px; margin-left: -6px; } /* CSS arrow left */ body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { right: 100%; top: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 6px; margin-top: -6px; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .next_level ul.smart_breadcrumbs:before { border-color: rgba(119, 119, 119, 0); border-right-color: #777777; border-width: 7px; margin-top: -7px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb.next_level > a { border:1px solid #959595; padding:0 3px; margin-left:2px; display:inline-block; line-height:1.2em; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs { position:relative; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { position:static; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs { top:35px; left:0; width:100%; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a { color:#2a2b2b; font-size:14px; padding-top:2px; } body.mobile .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb ul.smart_breadcrumbs li a:before { font-family: 'FontAwesome'; content: "\f105"; font-size:15px; padding-right:5px; position:relative; top:-1px; } /* Common styles, popup --------------------------------------------------------------------------------------------------*/ .zfea_popout { position: fixed; top: -100px; left: -100px; padding: 20px; z-index: 10; width: 200%; height: 200%; } .zfea_popout .zfea_popout_inner { padding: 20px; z-index: 12; width: 40vw; min-height: 30%; min-width: 400px; position: fixed; top: 20%; left: 0; right:0; margin:auto; border-radius: 8px; } .mobile .zfea_popout .zfea_popout_inner { width:calc(80% - 40px); min-width:auto; left:0; right:0; margin:auto; } .zfea_popout .zenario_debug { right:25px; } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { position: absolute; z-index: 11; top: 12px; right: 12px; display: inline-block; width: 15px; height: 15px; text-indent: -999; font-size: 0; line-height: 0; cursor: pointer; } .zfea_popout .zfea_popout_inner .zfea_popout_form { margin-top: 20px; } .zfea_popout .zfea_popout_inner .zfea_popout_form input[type="text"], .zfea_popout .zfea_popout_inner .zfea_popout_form textarea { width:calc(100% - 22px); max-width:450px; } .zfea_popout .zfea_popout_inner .zfea_slider { display:flex; align-items: center; text-align: right; margin: 20px; } .zfea_popout .zfea_popout_inner .zfea_slider label { min-width:80px; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear { background-color: #777; background-image:url('..//styles/fea/images/icon-white-clear-x.svg'); background-repeat:no-repeat; background-position:center center; background-size:10px; float:right; margin:8px; color: #fff !important; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; width:20px; height:20px; text-indent:-999px; font-size:0; line-height:0; -webkit-transition:background-color 0.3s ease 0s; -moz-transition:background-color 0.3s ease 0s; transition:background-color 0.3s ease 0s; } .zfea_popout .zfea_popout_inner .zfea_slider a.zfea_slider_clear:hover { opacity:0.7; text-decoration:none; } .zfea_popout .zfea_popout_inner .ui-widget-content { width: calc(100% - 240px); display: inline-block; margin: 0 20px 0 10px; } .zfea_popout .zfea_popout_inner .zfea_slider > input[type="text"] { width: 50px; text-align: right; margin-right:5px; } .zfea_popout { background: url('..//styles/fea/images/overlay_layer.png'); } .zfea_popout .zfea_close, .zfea_popout .zfea_popout_inner #close_popout__2 { background: url('..//styles/fea/images/close-cross.svg') no-repeat; } .zfea_popout .zfea_close:hover, .zfea_popout .zfea_popout_inner #close_popout__2:hover { background: url('..//styles/fea/images/close-cross-over.svg') no-repeat; } /* Rows and columns for radio/checkboxes */ div.zenario_hierarchical_box_children { overflow:hidden; } div.zfea_form_group { float: left; } div.zfea_form_group_1_cols { float: none; } div.zfea_form_group_col_1 { clear: both; } div.zfea_form_group_2_cols { min-width: 300px; } .zfea_popout div.zfea_form_group_2_cols { min-width: 240px; } div.zfea_form_group_3_cols { min-width: 200px; } div.zfea_form_group_4_cols { min-width: 150px; } div.zfea_form_group_5_cols { min-width: 120px; } div.zfea_form_group_6_cols { min-width: 100px; } div.zfea_form_group_7_cols { min-width: 85px; } div.zfea_form_group_8_cols { min-width: 75px; } div.zfea_form_group_9_cols { min-width: 66px; } div.zfea_form_group_10_cols { min-width: 60px; } .schema_level_title { font-weight: bold; } /* Misc utility --------------------------------------------------------------------------------------------------*/ .zfea_row_with_1_field .zfea_show_on_rows_with_multiple_fields { display: none; } .zfea_row_with_multiple_fields .zfea_show_on_rows_with_1_field { display: none; } /* Slide info buttons that appear above nests for superusers. --------------------------------------------------------------------------------------------------*/ x-zenario-superuser-slide-controls { position: relative; z-index: 48; float: left; width: 44px; height: 0; line-height: 1px; text-align: left; visibility: hidden; display: none; } .zenario_slot.zenario_plugin_nest:hover x-zenario-superuser-slide-controls { display: block; } x-zenario-superuser-slide-info { margin-top: 0; margin-left: 0; z-index: 49; display: block; position: absolute; line-height: 1px; text-align: left; cursor: pointer; width: 26px; height: 26px; border:1px solid #b9b9b9; background:#f6f6f6 url('..//styles/fea/../../admin/images/icon-cogwheel.svg') no-repeat center center / 15px 15px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } x-zenario-superuser-slide-info:hover { background-color:#b1e6fd; } /* Mobile. Block list --------------------------------------------------------------------------------------------------*/ body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block { background:#fbfbfb; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block:nth-child(odd) { background:#f0f0f0; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(50% - 16px) !important; float:left; clear:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id { font-weight:700; font-size:110%; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:right; } /* Breakpoint --------------------------------------------------------------------------------------------------*/ body.mobile .zfea div.sorted_buttons { float:none; text-align:right; } body.mobile .zenario_videos_fea .zfea_zenario_list_videos .column_image .field_value a:after { width: 60px; height: 60px; font-size: 60px; line-height: 60px; } /* Layout max-width: 630px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 631px) { .zenario_skin .zfea .search_form input[type="search"], .zenario_skin .zfea .search_form input.search_term { max-width:none; width:calc(100% - 41px); } .zenario_conference_fea .details, .zenario_conference_fea .documents_info { width:100%; float:none; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_id, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_status, body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { width:calc(100% - 16px) !important; float:none; clear:both; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block p.column_created { text-align:left; } body.mobile .zfea_zenario_list_orders .zfea_block_list_wrap .zfea_block div.buttons { padding-top:10px; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .search_form { width:100%; float:none; margin-bottom:10px; } .zenario_storefront_products_fea .zfea_zenario_list_storefront_documents .zfea_search_buttons { padding-left:0; float:none; } .zenario_storefront_physical_products_fea img { float:none; padding-bottom:10px; margin:auto; } .zenario_storefront_physical_products_fea .price_info .price_info_details, .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_details, .zenario_storefront_products_fea .price_info .price_info_links { width:auto; float:none; } .zenario_storefront_physical_products_fea .price_info .price_info_links, .zenario_storefront_products_fea .price_info .price_info_links { text-align:center; padding-top:10px; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(100% - 30px - 2% - 6px); } #colorbox .colorbox_content[id*='range_popup'] { min-width:auto; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 481px) { .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id { padding-bottom:10px; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap p.column_image_id img { float:none; margin:auto; } .zfea_blocks.zfea_zenario_list_products .zfea_block_list_wrap .zfea_block .block_buttons_top, .zfea_blocks.zfea_zenario_list_storefront_documents .zfea_block_list_wrap .zfea_block .block_buttons_top { text-align:center; } } /* Toggles. Styles for the on/off switches, Style 1: with tick and cross */ .zenario_skin .onoffswitch .onoffswitch-label { width:calc(100% - 4px); /* clear */ } .zenario_skin .onoffswitch { width:78px; } .zenario_skin .onoffswitch-switch { right:47px; } .zenario_skin .zfea_form_row label.onoffswitch-label { display:block; padding:0; } .zenario_skin .onoffswitch-inner::before, .zenario_skin .onoffswitch-inner::after { font-family: "FontAwesome"; font-size: 18px; } .zenario_skin .onoffswitch-inner::before { content: "\f00c"; background-color:#32bb82; } .zenario_skin .onoffswitch-inner::after { content: ""; background-color:#aeaeae; color:#666; } .zenario_skin .onoffswitch-label, .zenario_skin .onoffswitch-switch { border:1px solid #687780; } /**/ /* Reset backgrounds */ #colorbox:not(.zenario_admin_cb) #cboxTitle, #colorbox:not(.zenario_admin_cb) #cboxLoadingGraphic, #colorbox:not(.zenario_admin_cb) #cboxPrevious, #colorbox:not(.zenario_admin_cb) #cboxNext, #colorbox:not(.zenario_admin_cb) #cboxClose, #colorbox:not(.zenario_admin_cb) #cboxClose:hover { background:none; } #colorbox:not(.zenario_admin_cb) #cboxTopLeft, #colorbox:not(.zenario_admin_cb) #cboxTopCenter, #colorbox:not(.zenario_admin_cb) #cboxTopRight, #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft, #colorbox:not(.zenario_admin_cb) #cboxMiddleRight, #colorbox:not(.zenario_admin_cb) #cboxBottomLeft, #colorbox:not(.zenario_admin_cb) #cboxBottomCenter, #colorbox:not(.zenario_admin_cb) #cboxBottomRight { visibility:hidden; } #colorbox:not(.zenario_admin_cb) #cboxMiddleLeft { display:none; } body #colorbox:not(.zenario_admin_cb) #cboxOverlay, body > #cboxOverlay { opacity:1 !important; background:rgba(0,0,0,0.8); position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } #colorbox:not(.zenario_admin_cb) #cboxContent { background: #FFF; -webkit-border-radius: 6px; margin: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); border: 5px solid #fff; font-family: "open-sans",helvetica,tahoma,sans-serif; font-weight:400; 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:0; 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); } } /* Content --------------------------------------------------------------------------------------------------*/ #cboxContent h1, #cboxContent h2 { font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; } #cboxContent table { width:100%; font-size:1em; } #cboxContent strong, #cboxContent h1, #cboxContent h2, #cboxContent h3 { font-weight:700; } #cboxContent h2, #cboxContent h3, #cboxContent h4 { font-weight:600; } #cboxContent { color:#1b1b1b; } #cboxContent a { color:#124988; } #cboxContent h1 { font-size:1.750em; line-height:34px; } #cboxContent h2 { font-size:1.500em; line-height:30px; } #cboxContent h3 { font-size:1.250em; line-height:28px; } #cboxContent h4 { font-size:1.125em; line-height:24px; } #cboxContent h5 { font-size:1em; line-height:20px; } #cboxContent h6 { font-size:0.875em; line-height:18px; } #cboxContent h1, #cboxContent h2, #cboxContent h3, #cboxContent h4, #cboxContent h5, #cboxContent h6 { margin-bottom:8px; } #cboxContent p { margin-bottom:10px; font-size:1em; line-height:22px; } #cboxContent a { text-decoration:none; } #cboxContent a:hover { text-decoration:underline; } #cboxContent ul, #cboxContent ol { padding:10px; margin-left:30px; } #cboxContent ul li { list-style:disc; } /* Form --------------------------------------------------------------------------------------------------*/ #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: "open-sans",helvetica,tahoma,sans-serif; font-weight:400; } #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; -moz-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; -moz-border-radius: 6px; border-radius: 6px; -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; 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; } /* Plugins --------------------------------------------------------------------------------------------------*/ #colorbox .zenario_slot, #colorbox .colorbox_content { width:600px !important; min-height:200px; overflow-y:auto; } #colorbox .zenario_slot { height:85vh; } #colorbox .colorbox_content .colorbox_content_inner { padding:20px; } #colorbox .colorbox_content .colorbox_content_inner .error { margin-left:auto; margin-right:auto; } #colorbox .colorbox_buttons { margin-top:15px; text-align:center; } #colorbox .colorbox_buttons input { display:inline-block; margin:0 8px; } #colorbox .day_view .day_view_wrap { padding:0 10px; margin-right:10px; display:block; } #colorbox .day_view .day_view_title { overflow:hidden; border-bottom:4px solid #0060a0; } #colorbox .day_view .day_view_title h1 { position:relative; display:inline-block; padding:8px 10px 10px 35px; margin-top:1em; text-transform: uppercase; font-weight: bold; font-family:"open-sans",helvetica,tahoma,sans-serif; font-size:1.4em; line-height: 1.2; } #colorbox .day_view .day_view_title h1:before { font-family:"FontAwesome"; content:"\f133"; position:absolute; left:10px; top:8px; } #colorbox .day_view .day_view_title p.event_count_in_window { display:inline-block; padding-left:15px; color:#E1341E; font-style:italic; font-size:0.938em; } #colorbox .day_view .day_view_events_list ul, #colorbox .day_view .day_view_events_list ul li { padding:0; margin:0; list-style:none; } #colorbox .day_view .day_view_events_list ul li { padding:15px 0; border-top:4px solid #ebebeb; overflow:hidden; } #colorbox .day_view .day_view_events_list ul li:first-child { padding-top:0; border-top:0; } #colorbox .day_view .day_view_events_list ul li h3 { margin:0; font-size:1.250em; line-height:22px; } #colorbox .day_view .day_view_events_list ul li h3 a { color:#0060a0; } #colorbox .day_view .day_view_events_list ul li div.sticky_image { float:right; margin-left:25px; } #colorbox .day_view .day_view_events_list .day_view_event_time { color:#151515; font-weight:600; } #colorbox .zenario_event_calendar .day_view .day_view_event .day_view_event_summary { color:#1b1b1b; } /**/ .zenario_skin { font-family: "open-sans",helvetica,tahoma,sans-serif; font-size:100%; line-height:22px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .zenario_skin h1, .zenario_skin h2 { font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; } .sking strong { width:600; } .zenario_skin table { width:100%; font-size:1em; } .zenario_skin table tr th, .zenario_skin table tr td { padding:5px 10px; } .zenario_skin table caption { display:block; float:none; position: relative; margin-top: -10px; margin-bottom:10px; padding-left:10px; padding-right:10px; text-align: center; font-size:0.875em; line-height:1.3em; } .zenario_skin table tr th { background:#f3f3f3; font-weight:600; } .zenario_skin { color:#202020; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h6 { color:#151515; } .zenario_skin h4 { color:#124988; } .zenario_skin h5 { color:#687074; } .zenario_skin a { color:#124988; } .zenario_skin h1 { font-size:2em; line-height:1.2em; } .zenario_skin h2 { font-size:1.750em; line-height:1.2em; } .zenario_skin h3 { font-size:1.4em; line-height:1.3em; } .zenario_skin h4 { font-size:1.250em; line-height:1.4em; } .zenario_skin h5 { font-size:1em; line-height:1.5em; } .zenario_skin h6 { font-size:0.875em; line-height:1.5em; } .zenario_skin h1, .zenario_skin h2, .zenario_skin h3, .zenario_skin h4, .zenario_skin h5, .zenario_skin h6 { margin-top:8px; margin-bottom:8px; } /* .Grid_Body h2 a, .Grid_Body h1 a, .Grid_Body h3 a { position: relative; text-decoration: none; } .Grid_Body h2 a:before, .Grid_Body h1 a:before, .Grid_Body h3 a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #bdc7db; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .Grid_Body h2 a:hover, .Grid_Body h1 a:hover, .Grid_Body h3 a:hover { text-decoration:none; } .Grid_Body h2 a:hover:before, .Grid_Body h1 a:hover:before , .Grid_Body h3 a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } */ .zenario_skin p { margin-bottom:18px; } .zenario_skin a { text-decoration:none; } .zenario_skin a:hover { text-decoration:underline; } .zenario_skin ul, .zenario_skin ol { padding:5px 10px 0; margin-left:30px; } .zenario_skin ul li, .zenario_skin ol li { padding-bottom: 8px; } .zenario_skin ol ol, .zenario_skin ul ul, .zenario_skin ul ul ul { padding-top: 8px; } .zenario_skin li li { padding-top:4px; padding-bottom:4px; } .zenario_skin ol.small li { padding-bottom:4px; } .zenario_skin ul { list-style-type: disc; list-style-position: outside; } .zenario_skin ol { list-style-type: decimal; list-style-position: outside; } .zenario_skin ul ul, .zenario_skin ol ul { list-style-type: circle; list-style-position: outside; } .zenario_skin ol ol, .zenario_skin ul ol { list-style-type: lower-latin; list-style-position: outside; } .zenario_skin p.font_size_26 { font-size:1.625em; line-height:32px; } .zenario_skin table tr th h1, .zenario_skin table tr th h2, .zenario_skin table tr th h3, .zenario_skin table tr th p, .zenario_skin table tr td p { margin-bottom:5px; } .zenario_skin .tinymce_content table tr td { border:1px dotted #777; } /* BLOCKQUOTES */ blockquote { margin: 0px 28px; position: relative; font: 1.6em "adobe-caslon-pro", serif; padding: 0px 28px; color:#538cc7; line-height:34px; } blockquote cite:before { display: block; content: "\201C"; font-size: 80px; color: #CCC; position: absolute; left: -18px; top: 30px; } blockquote cite { font-style: normal;} .zenario_skin blockquote h6 { color: #999999; font-size: 14px; display: block; margin-top: 5px; font-weight: normal; } .zenario_skin blockquote h6:before { content: "\2014 \2009"; } blockquote p {margin-left:28px;} /* 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; } /* Sections font colors --------------------------------------------------------------------------------------------------*/ .Grid_Footer *, .Grid_Footer a { color:#FFF; } /**/ /* Reset element properties --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type="submit"], .zenario_skin input[type="button"], .zenario_skin button, .zenario_skin select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ appearance: none; -webkit-border-radius: 0; } ::-moz-placeholder { opacity: 0.7; font-weight:normal; font-style:italic; } input::placeholder { opacity: 0.7; font-weight:normal; font-style:italic; } /* Form fields --------------------------------------------------------------------------------------------------*/ .zenario_skin form { margin:0; padding:0; } .zenario_skin input, .zenario_skin button, .zenario_skin select, .zenario_skin textarea, .zenario_skin select { font-size:1em; font-family: "open-sans",helvetica,tahoma,sans-serif; } body.ie .zenario_skin input[type='password'] { font-family: Helvetica, Arial, sans-serif; } .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin textarea, .zenario_skin select { width:calc(100% - 22px); padding:0 10px; color:#000; background:#f6f6f6; border:1px solid #b5b5b5; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_skin input[name='amount'] { width:50px; } .zenario_skin select { width:100%; } .zenario_skin select, .zenario_skin input[readonly=""].jquery_form_datepicker { background:#f6f6f6 url('../../zenario_custom/skins/WFN-2016/editable_css/../images/arrow-down-select.png') no-repeat right center; padding-right:35px; } .zenario_skin input[readonly=""].jquery_form_datepicker { max-width:150px; } .zenario_skin .repeat_rows input[readonly=""].jquery_form_datepicker { max-width:unset; } .zenario_skin textarea { padding-top:10px; padding-bottom:10px; } .zenario_skin input[type='text'], .zenario_skin input[type='password'], .zenario_skin input[type='email'], .zenario_skin input[type='search'], .zenario_skin select { height:40px; line-height:40px; font-size:1em; } .zenario_skin input[readonly=''], .zenario_skin input[disabled='disabled'], .zenario_skin textarea[disabled='disabled'], .zenario_skin select[disabled='disabled'], .zenario_skin select[disabled], .zenario_skin .readonly input.hasDatepicker { color:#557777; background-color:#ededed; border-color:#ededed; opacity:0.7; cursor:default; } .zenario_skin input[type='file'] { font-size:0.867em; background:#d8d8d3; padding:1% 2%; width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_skin input.hasDatepicker { max-width:150px; position:relative; } .zenario_skin .readonly input[type="button"].clear_date { display:none; } .zenario_skin input[type="button"].clear_date { border:0; display:inline-block; width:30px; height:30px; min-width:0; padding:0; -webkit-border-radius:50%; border-radius:50%; margin-left:5px; font-size:0; text-indent:-99; position:relative; top:-6px; } .zenario_skin input[type="button"].clear_date, .zenario_skin input[type="button"].clear_date:hover { background:#ccc url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-cross-search.svg') no-repeat center / 10px auto; } .zenario_skin input[type="button"].clear_date:hover { opacity:0.9; } /* Buttons --------------------------------------------------------------------------------------------------*/ .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button { cursor:pointer; } .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, a.nice_button { padding:0 30px; border:0; display: inline-block; text-align: center; background:#124988; color:#FFF; 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; -webkit-border-radius: 20px; border-radius: 20px; } .zenario_skin input[type='submit'], .zenario_skin input[type='button'], .zenario_skin button, a.nice_button { height: 40px; padding-bottom:3px; } a.nice_button { line-height:36px; padding-bottom:0; } .zenario_skin input[type='submit']:hover, .zenario_skin input[type='button']:hover, .zenario_skin button:hover, a.nice_button:hover { text-decoration:none; background:#ffec17; color:#151515; } input.cancel_button, a.cancel_button { background:#AAA; } input.cancel_button:hover, a.cancel_button:hover { background:#AFAFAF; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 1em; width: 1em; border-radius: 50em; background: url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-clear-search.svg') no-repeat 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } input[type="search"]:focus::-webkit-search-cancel-button { opacity: .8; pointer-events: all; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset; } /* Fix for captcha --------------------------------------------------------------------------------------------------*/ #recaptcha_widget_div { margin-top:10px; } #recaptcha_area, #recaptcha_table { line-height: 0!important; } .recaptchatable a, .recaptchatable a:hover { color:#A51400 !important; } .recaptcha_only_if_privacy { position:absolute !important; width:100px; left:185px !important; } /* Messages --------------------------------------------------------------------------------------------------*/ .error, .success, .warning, .extranet_error, .extranet_message, .extranet_confirm, .form_error { display:block; margin-bottom:8px; } /* - Error ---------------------------------------------------------------------------------------*/ .error, .extranet_error, .form_error { color:#AF0615; } /* - Sucess --------------------------------------------------------------------------------------*/ .success, .extranet_message { color:#44A02A; } .confirm_email_text { text-align:center; } /* - Warning -------------------------------------------------------------------------------------*/ .extranet_confirm, .warning { color:#817134; } /**/ body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-autocomplete { z-index:10 !important; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content { background:#FCFDFD; border: 1px solid #EAE7E8; color: #333; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:0.929em; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-all, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-bottom, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-right, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-corner-br { -webkit-border-radius: 0; border-radius: 0; } body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-hover, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-content .ui-state-focus, body:not(.zenario_fbAdminFloatingBox__isOpen) .ui-widget-header .ui-state-focus { border-color:#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/WFN-2016/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/WFN-2016/editable_css/../images/icon-circle-next-blue.svg') no-repeat center center / 14px 14px; } /**/ html { position:relative; } .zenario_skin { min-height: 100%; } #zenario_citem { position:relative; background:#FFF; } /* HEADER --------------------------------------------------------------------------------------------------*/ .Grid_Header { position:fixed; top:0; z-index:50; height:130px; padding:20px 0 0; width:100%; background:#FFF; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.11); box-shadow:0 1px 3px rgba(0, 0, 0, 0.11); } .Grid_Header .container { position:relative; } .Grid_Header .Grouping_Header { background:#FFF; } .Grid_Header .Slot_Logo { height:60px; } body.desktop .Grid_Header, .Grid_Header .zenario_promo_menu, body.desktop .Grid_Header .zenario_banner_8309 a, .zenario_banner_8309 .banner_text, .zenario_plugin_nest_8310, .zenario_slideshow_2_8313 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .zenario_adminLoggedIn .Grid_Header { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .Grid_Header { top:10px; } .zenario_adminLoggedIn.zenario_showing_preview .Grid_Header { top:0; } .slideshow_higher .zenario_slideshow_2 { margin-top:77px; } .slot_masthead.masthead_higher { padding-top:77px; } .Grid_Header.header_active { height:62px; padding-top:15px; } .Grid_Header.header_active .zenario_banner_8309 a { width:98px !important; height:45px !important; background-size:100% !important; } .Grid_Header.header_active .Slot_Logo { height:45px; } .Grid_Header.header_active .zenario_banner_8309 .banner_text, .Grid_Header.header_active .zenario_plugin_nest_8310 { opacity:0; visibility:hidden; display:none; } .Grid_Header.header_active .zenario_promo_menu { margin-top:-28px; } .Grid_Header.header_active .slot_search .search_entry_box_panel { top:62px; } .Grid_Header.header_active .slot_search .search_button { width:26px; height:26px; background-size:100%; } .Grid_Header.header_active .slot_search .search_button.active { width:20px; height:20px; background-size:100%; } /* BODY --------------------------------------------------------------------------------------------------*/ .Grid_Content .zenario_slot, .slot_full_width { margin-bottom:70px; } .layout_home .Grid_Content .zenario_slot, .layout_home .slot_full_width { margin-bottom:18px; } .layout_home .slot_subscribe { margin-bottom:0; overflow:hidden; } .Grid_Content .zenario_slot .zenario_slot, .layout_home .Grid_Content .zenario_slot .zenario_slot { margin-bottom:0; } .Grid_Body { padding-bottom:50px; min-height:400px; } .layout_background .Grid_Body, .layout_landing .Grid_Body { min-height:0; } .layout_landing .Grid_Body, .Grid_Body.Grid_Section { padding-bottom:0; } .Grid_Body .zenario_slot { margin-top:20px; } .Grid_Body.Grid_Section .zenario_slot, .Grid_Body .zenario_slot .zenario_slot, .Grid_Body .zenario_slot.no_top_margin { margin-top:0; } .Grid_Body.Grid_Section .zenario_slot { padding-top:30px; padding-bottom:30px; } .Grid_Body.Grid_Section .zenario_slot.no_space, .Grid_Body.Grid_Section .zenario_slot .zenario_slot { padding-top:0; padding-bottom:0; } .Grid_Row_Grey, .Grid_Body_Grey { background:#d2d7db; } .Grid_Background { overflow:hidden; padding:30px 0; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/cells-form-bg-blue-half-size.jpg') no-repeat center top; background-size:cover; } .Grid_Background .container { box-shadow: 0px 2px 5px 0px rgba(1, 1, 1, 0.16); background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/background-white-transparent.png'); padding-top:50px; padding-bottom:40px; } .Grid_Background .container .zenario_slot { width:83% !important; margin:auto; } .Grid_Online { padding:50px 0; background:#a6bed9; overflow:hidden; } /* FOOTER --------------------------------------------------------------------------------------------------*/ .Grid_Footer { padding:25px 0; background:#124988; } /* Default slot sizes --------------------------------------------------------------------------------------------------*/ body.zenario_adminLoggedIn .medium_slot .zenario_slot, body.zenario_pageMode_preview .medium_slot, body.zenario_pageMode_menu .medium_slot { min-height: 150px; } body.zenario_adminLoggedIn .large_slot .zenario_slot, body.zenario_pageMode_preview .large_slot, body.zenario_pageMode_menu .large_slot { min-height: 225px; } body.zenario_adminLoggedIn .xlarge_slot .zenario_slot, body.zenario_pageMode_preview .xlarge_slot, body.zenario_pageMode_menu .xlarge_slot { min-height: 300px; } body.zenario_adminLoggedIn .xxlarge_slot .zenario_slot, body.zenario_pageMode_preview .xxlarge_slot, body.zenario_pageMode_menu .xxlarge_slot { min-height: 375px; } body.zenario_adminLoggedIn .zenario_slotWithNoContents .zenario_slot { background:#f0f0f0; } /* Layout v2 --------------------------------------------------------------------------------------------------*/ body.desktop .layout_home_v2 .Grid_Content { padding-top:150px; } .layout_home_v2 .Grid_Content .Grouping_Main .zenario_slot { margin-top:0; overflow:hidden; } .layout_home_v2 .Grid_Content .Grouping_Main .zenario_slot img { display:block; } .layout_home_v2 .zenario_slideshow .nest_wrap { padding-bottom:0; } .layout_home_v2 .zenario_slideshow .nest_wrap .zenario_slot_padding, .layout_home_v2 .Grid_Content .Grouping_Main .zenario_slot .zenario_slot_padding, .layout_home_v2 .Grouping_Boxes .zenario_slot .zenario_slot_padding { display:none; } body.mobile .layout_home_v2 .Grid_Content .Grouping_Main .zenario_slot img { float:none; margin:auto; } /**/ a.zenario_push_pull-hamburger { display: block; overflow: hidden; width: 30px; padding: 10px; } a.zenario_push_pull-hamburger span { display:block; height:5px; margin:0 0 4px; background:#000; } .zenario_push_pull-menu, .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { margin:0; left:0; right:0; top:0; bottom:0; box-sizing:border-box } .zenario_push_pull-btn, .zenario_push_pull-menu { box-sizing:border-box } .zenario_push_pull-wrapper { overflow-x:hidden; position:relative } .zenario_push_pull-panels, .zenario_push_pull-panels>.zenario_push_pull-panel { position:absolute } .zenario_push_pull-panels { overflow:hidden } .zenario_push_pull-panels>.zenario_push_pull-panel { padding-top:40px; -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zenario_push_pull-btn { width:40px; height:40px; position:absolute; top:0 } .zenario_push_pull-btn_next:after, .zenario_push_pull-btn_prev:before { content:''; border:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .zenario_push_pull-btn_prev:before { border-right:none; border-bottom:none; left:17px } .zenario_push_pull-btn_next:after { border-top:none; border-left:none; right:23px } .zenario_push_pull-navbar { border-bottom:1px solid; border-color:inherit; text-align:center; line-height:20px; height:40px; padding:0 40px; margin:0; position:absolute; top:0; left:0; right:0 } .zenario_push_pull-navbar>* { display:block; padding:10px 0 } .zenario_push_pull-navbar .zenario_push_pull-btn:first-child { width:40px; right:auto; left:0; border-left:0; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar>* { color:#000 } .zenario_push_pull-menu .zenario_push_pull-navbar a { padding:10px; } .zenario_push_pull-menu>.zenario_push_pull-navbar { background:inherit; padding:0; z-index:3; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-navbar[class*=zenario_push_pull-navbar-content-]>* { box-sizing:border-box; display:block; float:left } .zenario_push_pull-listview,.zenario_push_pull-listview>li { list-style:none; display:block; padding:0; margin:0 } .zenario_push_pull-listview { font:inherit; font-size:14px; line-height:20px } .zenario_push_pull-listview>li { position:relative } .zenario_push_pull-listview>li, .zenario_push_pull-listview>li .zenario_push_pull-btn_next, .zenario_push_pull-listview>li .zenario_push_pull-btn_next:before, .zenario_push_pull-listview>li:after { border-color:inherit } .zenario_push_pull-listview>li>a, .zenario_push_pull-listview>li>span { color:inherit; display:block; padding:10px 10px 10px 20px; margin:0 } .zenario_push_pull-listview>li.has_child>a:first-child { padding-right:60px; } .zenario_push_pull-listview>li:after { content:''; border-bottom-width:1px; border-bottom-style:solid; display:block; position:absolute; right:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next { width:50px; padding:0; position:absolute; right:0; top:0; bottom:0; z-index:2 } .zenario_push_pull-listview .zenario_push_pull-btn_next:before { content:''; border-left-width:1px; border-left-style:solid; display:block; position:absolute; top:0; bottom:0; left:0 } .zenario_push_pull-listview .zenario_push_pull-btn_next+a, .zenario_push_pull-listview .zenario_push_pull-btn_next+span { margin-right:50px } .zenario_push_pull-menu .zenario_push_pull-btn:after, .zenario_push_pull-menu .zenario_push_pull-btn:before, .zenario_push_pull-menu .zenario_push_pull-listview, .zenario_push_pull-menu .zenario_push_pull-listview>li .zenario_push_pull-btn_next:after { border-color:#000; } .zenario_push_pull-menu .zenario_push_pull-listview>li a:not(.zenario_push_pull-btn_next){ -webkit-tap-highlight-color:rgba(255,255,255,.5); tap-highlight-color:rgba(255,255,255,.5) } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>a:not(.zenario_push_pull-btn_next), .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-selected>span{ background:rgba(255,255,255,.5) } .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>.zenario_push_pull-panel, .zenario_push_pull-menu .zenario_push_pull-listview>li.zenario_push_pull-wrapper_opened.zenario_push_pull-vertical>a.zenario_push_pull-btn_next{ background:rgba(0,0,0,.05) } .zenario_push_pull-page { box-sizing:border-box; } body.mobile .zenario_push_pull-page { position:relative } .zenario_push_pull-slideout { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; z-index:1 } html.zenario_push_pull-wrapper_opened { overflow-x:hidden; position:relative } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger { height:30px; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { position: absolute; left: 0; right:0; margin:auto; content: ' '; height: 24px; width: 5px; background-color: #000; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { transform: rotate(45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { transform: rotate(-45deg); } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger span { display:none; } html.zenario_push_pull-wrapper_blocking, html.zenario_push_pull-wrapper_blocking body { overflow:hidden } .zenario_push_pull-wrapper__blocker { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2 } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-wrapper__blocker { display:block; } .zenario_push_pull-menu.zenario_push_pull-menu_offcanvas { z-index:1; display:none; position:fixed } .zenario_push_pull-menu_offcanvas { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } html.zenario_push_pull-wrapper_opening .zenario_push_pull-menu_offcanvas { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .zenario_push_pull-menu { width:80%; min-width:140px; max-width:440px; padding:0; position:absolute; -webkit-text-size-adjust: 100%; background:#f3f3f3; border-color:#000; color:#000 } html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0) } .zenario_push_pull-sronly { text-indent:10px; overflow:hidden; display:block; width:1px; height:1px; position:absolute; z-index:-1 } .zenario_push_pull-hidden { display:none; } .zenario_push_pull-panels > .zenario_push_pull-panel.zenario_push_pull-panel_opened { z-index: 1; } .zenario_push_pull-menu a, .zenario_push_pull-menu a:hover, .zenario_push_pull-navbar a, .zenario_push_pull-navbar a:hover, a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before { text-decoration:none; } .zenario_push_pull-listview > li, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media all and (max-width:175px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0) } } @media all and (min-width:550px) { html.zenario_push_pull-wrapper_opening .zenario_push_pull-slideout { -webkit-transform:translate3d(440px,0,0); transform:translate3d(440px,0,0) } } /**/ /* Slimmenu basic styles - do not edit or remove --------------------------------------------------------------------------------------------------*/ .menu-collapser { position: relative; background-color: #999; color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,0.5); width: 100%; height: 48px; line-height: 48px; font-size: 16px; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .collapse-button { position: absolute; right: 8px; top: 50%; width: 40px; background-color: #0E0E0E; background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; color: #FFFFFF; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); padding: 7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 14px; text-align: center; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .collapse-button:hover, .collapse-button:focus { background-image: none; background-color: #040404; color: #FFF; } .collapse-button .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; margin: 2px 0; } ul.slimmenu { list-style-type: none; margin: 0; padding: 0; width: 100%; } ul.slimmenu li { position: relative; display: inline-block; background-color: #AAA; } ul.slimmenu > li { margin-right: -5px; border-left: 1px solid #999 } ul.slimmenu > li:first-child { border-left: 0 } ul.slimmenu > li:last-child { margin-right: 0 } ul.slimmenu li a { display: block; color: #333; padding: 12px 64px 12px 16px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.2); transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out; } ul.slimmenu li a:hover { background-color: #999; text-decoration: none; } ul.slimmenu li .sub-collapser { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075); position: absolute; right: 0; top: 0; width: 48px; height: 100%; text-align: center; z-index: 999; cursor: pointer; } ul.slimmenu li .sub-collapser:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } ul.slimmenu li .sub-collapser > i { color: #333; font-size: 18px; display: inline-block; vertical-align: middle; } ul.slimmenu li ul { margin: 0; list-style-type: none; } ul.slimmenu li ul li { background-color: #BBB } ul.slimmenu li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.slimmenu li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.slimmenu.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.075); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li .sub-collapser { height: 40px; } ul.slimmenu.collapsed li > ul { display: none; position: static; } ul.slimmenu span.sub-collapser i::before { content: '►'; } ul.slimmenu span.sub-collapser.expanded i::before { content: '▼'; } /**/ .zenario_advanced_search { width:auto; } .zenario_advanced_search .search_button_panel { width:100%; height:38px; margin:auto; } .Grid_Header .zenario_advanced_search .search_button_panel.active::before { content: ""; width: 100%; height: 100%; background: rgba(102,102,102,0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .Grouping_Header { position:relative; } .Grouping_Header .zenario_advanced_search .zenario_slot_padding { display:none; } .Grouping_Header .zenario_advanced_search .search_button_panel { width: auto; /* position: absolute; right: 0; bottom: 10px; */ margin-top:22px; } .Grid_Header.header_active .Grouping_Header .zenario_advanced_search .search_button_panel { margin-top:0; position: absolute; right: 0; bottom: 10px; } /* Search entry button ---------------------------------------------------------------- */ .zenario_advanced_search .search_button_panel .search_button { display:inline-block; float:right; height:38px; font-size:0; line-height:0; cursor:pointer; } body.desktop .zenario_advanced_search .search_button_panel .search_button { width:38px; text-align:left; position:relative; top:3px; } .zenario_advanced_search .search_button_panel .search_button:before { font-family:"FontAwesome"; content:"\f002"; font-size:32px; line-height:32px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Search entry box panel -------------------------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel { clear:both; width:100%; max-width:1124px; position:absolute; z-index:109; left:0; right:0; margin:auto; } /* Search criteria panel. Mode: Search entry box -------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria { height:41px; padding:30px 20px; background:rgba(0,0,0,0.8); text-align:center; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form { display:inline-block; margin:auto; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form > div { overflow:hidden; position:relative; margin: auto; display:flex; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div .further_search { float:left; height:40px; line-height:40px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div label { padding-right:10px; color:#FFF; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input { -webkit-border-radius: 0; border-radius: 0; border:0; font-size:1.1em; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input, .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input:focus { outline:0; outline:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { width:600px; margin-right:10px; font-weight:600; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button { min-width:auto; padding:0; width:100px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button:hover { opacity:1; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button { position:relative; float:left; z-index:9; top:6px; right:0; border-radius:50%; width:30px; height:30px; margin-left:10px; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:before, .zenario_advanced_search .search_entry_box_panel .search_area .close_button:after { left:13.5px; top:7px; } .zenario_advanced_search .search_area .close_button { width:20px; height:20px; font-size:0; line-height:0; cursor:pointer; } .zenario_advanced_search .search_area .close_button:before, .zenario_advanced_search .search_area .close_button:after { position: absolute; left: 10px; content: ' '; height: 16px; width: 3px; background-color: #FFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .close_button:before { transform: rotate(45deg); } .zenario_advanced_search .search_area .close_button:after { transform: rotate(-45deg); } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div a.further_search { color:#eaf0f4; margin-left:15px; font-size:90%; text-decoration:underline; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div a.further_search:hover { color:#bdc6cc; } /* Search results panel. Mode: search box -------------------------------------------- */ .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results { text-align:left; font-size:90%; line-height: 1.4em; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results { position:relative; padding:15px; background: #f3f6f8; box-shadow:0 0 10px rgba(0,0,0,0.2); max-height:75vh; overflow-y:auto; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column { float:left; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results p.search_column_more { float:none; clear:both; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title { display: inline-block; padding: 0 0 15px 10px; font-size: 1.3em; color: #000; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .column_title { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column .search_no_results { padding-left:10px; font-size:0.938em; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_no_results { padding-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a { display:block; margin-bottom:8px; color:#333; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column > a:hover, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results > a:hover { text-decoration:none; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .column.column_1 .search_result { margin-left:0; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 246, 248, 0); border-bottom-color: #f3f6f8; border-width: 10px; margin-left: -10px; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { font-size: 0.9em; line-height: 1.3em; } /* Common */ .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { overflow:hidden; padding:10px 15px; margin:0 10px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_image { float:left; padding-right:15px; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content { overflow:hidden; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title .title span { font-size: 0.75em; font-weight: normal; font-style: italic; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title span.title { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { padding:5px 0 0; font-size:0.813em; line-height: 1.3em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_summary { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title span.title:before { font-family:"FontAwesome"; content:"\f023"; } /* Search criteria panel. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_categories { background:#efefef; padding:20px; overflow:hidden; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div { display:flex; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div div { margin-right:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div label { margin-right:8px; line-height:40px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div select { font-size:0.875em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="text"] { width:400px; margin-right:8px; height:36px; font-weight:bold; background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-magnifyer.svg'); background-repeat:no-repeat; background-position:98% center; background-size:auto 18px; padding-right:30px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_criteria form div input[type="submit"] { min-width:auto; height:38px; line-height:1em; margin-right:8px; } /* Search results. Mode: Search results ---------------------------------------- */ .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results { margin-top:20px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { padding-bottom:20px; font-size: 1.3em; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs { border-bottom:1px solid #ccc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div { display:inline-block; position:relative; bottom: -1px; border-bottom: 1px solid #ccc; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a { display:inline-block; padding:10px; margin:0 10px; background:#FFF; border-bottom:2px solid #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div:first-child a { margin-left:0; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a:hover { text-decoration:none; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results { padding-top:15px; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results .search_result_content .search_result_title { font-size:1.1em; } /* Colors and fonts */ .zenario_advanced_search .search_button_panel .search_button:before { color:#124988; } .zenario_advanced_search .search_button_panel .search_button:hover:before, .zenario_advanced_search .search_button_panel.active .search_button:before { color:#5c94d4; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box:focus { box-shadow:inset 0 0 0 2px #124988; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box { color:#000; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button { background:#124988; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_entry_button:hover { background:#ffec17; color:#151515; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button { background:#124988; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover { background:#ffec17; } .zenario_advanced_search .search_entry_box_panel .search_area .close_button:hover:before { color:#151515; } .zenario_advanced_search .search_entry_box_panel .search_area .zenario_advanced_search_criteria form div input.search_input_box, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { font-family:"open-sans",helvetica,tahoma,sans-serif; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { font-weight:600; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title { font-size:1.1em; line-height:1.4em; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .column_title, .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { color: #000; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result { background:#f1f3f6; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result:hover { background:#e1e5ec; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result:hover .search_result_content .search_result_title { color:#124988; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title .title span { color: #000; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .search_result_title a { color:#333; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content .breadcrumb { color:#777; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private { background:#F2E5E5; } .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title, .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result.private .search_result_content .search_result_title a { color:#9f0505; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a { color:#888; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div a:hover { color:#124988; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results #search_results_tabs > div.search_results_tab_on a { color:#000; border-color:#000; } .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { color: #000; } .zenario_advanced_search .search_results .search_result .search_result_description { padding:5px 0; font-size:0.9em; } .zenario_advanced_search .search_results .search_result .search_result_date { font-size: 0.8em; font-style: italic; } .zenario_advanced_search .more_results { color: #7d7c7c; font-size: 0.875em; font-style: italic; } .zenario_advanced_search .more_results, .zenario_advanced_search .search_column_more { text-align:right; padding-right:15px; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_image { width:80px; } body.mobile .zenario_advanced_search .search_area .zenario_advanced_search_results .search_results .search_result .search_result_content { font-size:90%; } /**/ .zenario_banner .banner_image_credit { display: block; color: #7a7a7a; font-size: 0.85em; font-style: italic; } /* Grid section --------------------------------------------------------------------------------------------------*/ .Grid_Section .zenario_banner h2 a { color:#151515; transition:all 0.2ms ease-in-out; } .Grid_Section .zenario_banner h2 a:hover { color:#124988; text-decoration:none; } /* Logo --------------------------------------------------------------------------------------------------*/ .Grid_Header .slot_logo .zenario_banner a { position:relative; z-index:95; } /* Side --------------------------------------------------------------------------------------------------*/ .Grouping_Side .zenario_banner h2 { font-size:1.5em; } .Grouping_Side .zenario_banner .banner_image { text-align:center; } .Grouping_Side .zenario_banner .banner_image img { display:inline-block; } /* Banner 3 --------------------------------------------------------------------------------------------------*/ .zenario_banner__3 a { display:inline-block; padding-left:15px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/arrow-left-off.png') no-repeat 0 0 / 8px; } .zenario_banner__3 h2 { font-size:1.125em; } /* Banner publications --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_publications { overflow:hidden; } .zenario_banner.banner_publications .banner_image { display:inline-block; float:left; margin-right:20px; } .zenario_banner.banner_publications .banner_content { overflow:hidden; } /* Box message --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_box_message { padding:30px; background:#ebf1f6; border:5px solid #bbcadb; } .zenario_banner.banner_box_message blockquote { line-height: 1.4em; font-style: italic; padding-bottom: 10px; padding-top: 22px; position: relative; padding-left:35px; font-family:"open-sans",helvetica,tahoma,sans-serif; color:#000; font-size:1.15em; line-height:1.5em; margin:0; } .zenario_banner.banner_box_message blockquote:before { content: '“'; display: block; font-weight: 900; height: 1.5em; color: #bbcadb; font-size: 80px; line-height: 80px; position: absolute; left: -1px; top: 0; font-family:"Arial Black", sans-serif; } .zenario_banner.banner_box_message .banner_wrap_inner > .banner_title { text-align:center; } .zenario_banner.banner_box_message .banner_image { float:right; margin-top:25px; margin-left:15px; } .zenario_banner.banner_box_message .banner_text { overflow:hidden; } body.mobile .zenario_banner.banner_box_message { margin:15px; padding:15px; } .zenario_banner.banner_box_message .banner_text { overflow:initial; } body.mobile .zenario_banner.banner_box_message blockquote { font-size:1em; padding:12px 0 0 15px; } body.mobile .zenario_banner.banner_box_message blockquote:before { font-size:50px; line-height:50px; } body.mobile .zenario_banner.banner_box_message .banner_image { width:25%; } /* Suscribe button --------------------------------------------------------------------------------------------------*/ .subscribe_button { position:absolute; right:0; top:-15px; } /* Masthead --------------------------------------------------------------------------------------------------*/ .slot_masthead { position:relative; padding-top:150px; } /* Masthead, style 1 --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_masthead .banner_wrap_inner { position:relative; } .zenario_banner.banner_masthead a { width:100% !important; background-position:center center !important; background-size:auto 100% !important; } .zenario_banner.banner_masthead .banner_text { position:absolute; z-index:19; top: 50%; transform: translateY(-50%); left:0; right:0; width:1322px; margin:auto; text-align:center; } .zenario_banner.banner_masthead .banner_text * { font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; color:#FFF; } .zenario_banner.banner_masthead .banner_text p { font-size:3em; line-height:1.2; margin-bottom:0; } /* Masthead, style 2 --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_masthead_style_2 .banner_wrap_inner { position:relative; } .zenario_banner.banner_masthead_style_2 a { width:100% !important; background-position:center center !important; background-size:auto 100% !important; } .zenario_banner.banner_masthead_style_2 .banner_text { position:absolute; z-index:19; top: 50%; transform: translateY(-50%); left:0; right:0; width:1322px; margin:auto; text-align:left; } .zenario_banner.banner_masthead_style_2 .banner_text * { font-family:"open-sans",helvetica,tahoma,sans-serif; } .zenario_banner.banner_masthead_style_2 .banner_text h2, .zenario_banner.banner_masthead_style_2 .banner_text h3, .zenario_banner.banner_masthead_style_2 .banner_text h4, .zenario_banner.banner_masthead_style_2 .banner_text h5, .zenario_banner.banner_masthead_style_2 .banner_text h6 { color:#124988; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; } .zenario_banner.banner_masthead_style_2 .banner_text h2 { font-size:3.5em; } .zenario_banner.banner_masthead_style_2 .banner_text p { color:#555; font-size: 1.5em; line-height: 1.3; letter-spacing: -0.02em; } /* Masthead various --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_text_align_bottom .banner_text { top: auto; transform: none; bottom:20px; } .zenario_banner.banner_text_black .banner_text p { color:#000; } /* Header extranet --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_header_extranet .banner_title p { margin-bottom:0; } .zenario_banner.banner_header_extranet .zenario_slot_padding { display:none; } /* Banner tiles style --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_tiles_style { margin:0 0 15px; color:#999999; } .zenario_banner.banner_tiles_style > a { display:block; color:#124988; } .zenario_banner.banner_tiles_style .banner_wrap_inner { background:#EBF4F5; display:flex; align-items: center; /*justify-content: center; text-align:left;*/ transition:all 0.2s ease-in-out 0s; } .zenario_banner.banner_tiles_style > a:hover .banner_wrap_inner { background:#a5bedb; color:#FFF; } .zenario_banner.banner_tiles_style .banner_image img { float:left; border-right:3px solid #e1cf04; opacity:0.3; } .zenario_banner.banner_tiles_style > a .banner_image img { opacity:1; } .zenario_banner.banner_tiles_style .banner_content { /*margin: 0 auto; padding:5px 10px;*/ padding:5px 10px 5px 15px; width:calc(100% - 25px); } .zenario_banner.banner_tiles_style .banner_content p { margin-bottom:0; } .zenario_banner.banner_tiles_style a:hover { text-decoration:none; } body.mobile .zenario_banner.banner_tiles_style .banner_content { font-size:0.9em; } /**/ .slot_subscribe .zenario_banner .banner_wrap { padding:80px 0 60px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/cells-subscribe-bg-yellow-bluured.jpg') no-repeat center; } .slot_subscribe .zenario_banner .banner_content { width:1222px; margin:auto; text-align:center; } .slot_subscribe .zenario_banner .banner_content h2, .slot_subscribe .zenario_banner .banner_content *, .slot_subscribe .zenario_banner .banner_content a { color:#FFF; } .slot_subscribe .zenario_banner .banner_content h2 { font-size:2.750em; margin-bottom:50px; padding-bottom:0; } .slot_subscribe .zenario_banner .banner_content p { font-size:1.500em; line-height:30px; margin-bottom:25px; } .slot_subscribe .zenario_banner .banner_more { padding-top:30px; } .slot_subscribe .zenario_banner .banner_content h2 a:hover, .slot_subscribe .zenario_banner .banner_content a:hover { text-decoration:none; } /**/ .zenario_banner_4534 { text-align:center; } /**/ .zenario_banner_8162 { overflow:hidden; } .zenario_banner_8162 .banner_wrap { padding-left: 8.5%; width: 75%; } .zenario_banner_8162 .banner_image { float:right; } .zenario_banner_8162 .banner_content { overflow:hidden; padding-right:20px; } .zenario_banner_8162 .banner_content h2 { margin-bottom:30px; font-size:2.500em; } .zenario_banner_8162 .banner_content h2 a { color:#151515; } .zenario_banner_8162 .banner_content p { margin:0; font-size:1.500em; color:#687074; } .zenario_banner_8162 .banner_content p:first-child { margin-bottom:20px; } .zenario_banner_8162 .banner_content ul, .zenario_banner_8162 .banner_content ul li { list-style:none; padding:0; margin:0; display:inline-block; } .zenario_banner_8162 .banner_content ul { padding-top:30px; } /**/ .zenario_banner_8172 .banner_wrap { padding:80px 0 60px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/cells-subscribe-bg-yellow.jpg') no-repeat center; } .zenario_banner_8172 .banner_content { width:1222px; margin:auto; text-align:center; } .zenario_banner_8172 .banner_content h2, .zenario_banner_8172 .banner_content *, .zenario_banner_8172 .banner_content a { color:#FFF; } .zenario_banner_8172 .banner_content h2 { font-size:2.750em; margin-bottom:50px; padding-bottom:0; } .zenario_banner_8172 .banner_content p { font-size:1.500em; line-height:30px; margin-bottom:25px; } .zenario_banner_8172 .banner_more { padding-top:30px; } .zenario_banner_8172 .banner_content h2 a:hover, .zenario_banner_8172 .banner_content a:hover { text-decoration:none; } /**/ .zenario_banner_8309 { overflow:hidden; } .zenario_banner_8309 a { background-size:100% !important; } .zenario_banner_8309 a, .zenario_banner_8309 .banner_text { float:left; display:inline-block; } .zenario_banner_8309 .banner_text { padding:5px 0 0 8px; } .zenario_banner_8309 .banner_text h2, .zenario_banner_8309 .banner_text h3 { margin:0; font-family: "open-sans",helvetica,tahoma,sans-serif; line-height:23px; } .zenario_banner_8309 .banner_text h2 { color:#124988; font-size:1.500em; font-weight:700; } .zenario_banner_8309 .banner_text h3 { margin:0; color:#151515; font-size:1.125em; font-weight:600; } body.retina .zenario_banner_8309 a { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/logo-retina.png') !important; } /**/ .zenario_banner_8321 { overflow:hidden; } .zenario_banner_8321 .banner_wrap { padding-left: 8.5%; width: 75%; } .zenario_banner_8321 .banner_image { float:right; } .zenario_banner_8321 .banner_content { overflow:hidden; padding-right:20px; } .zenario_banner_8321 .banner_content h2 { margin-bottom:30px; font-size:2.500em; } .zenario_banner_8321 .banner_content h2 a { color:#151515; } .zenario_banner_8321 .banner_content p { margin:0; font-size:1.500em; line-height:1.25em; color:#151515; } .zenario_banner_8321 .banner_content p:first-child { margin-bottom:20px; } .zenario_banner_8321 .banner_content ul, .zenario_banner_8321 .banner_content ul li { list-style:none; padding:0; margin:0; display:inline-block; } .zenario_banner_8321 .banner_content ul { padding-top:30px; } /**/ body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs { overflow:hidden; margin-bottom:20px; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div { position:relative; margin-left:-16px; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_on { margin-left:0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div a, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div span.end { display:inline-block; height:30px; line-height:28px; float:left; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div span.end { width:15px; display:none; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.current span.end { display:block; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div a { margin-left:24px; margin-right:26px; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_on a { padding-left:0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.current a { padding-right:2px; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs a { color:#202020; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs .current a { color:#5c94d4; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs { font-size:0.813em; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs a:hover { text-decoration:none; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-left-off-v2.png') no-repeat 0 0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-left-over.png') no-repeat 0 0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.current, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.current:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-left-on.png') no-repeat 0 0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.current span.end { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-right-end.png') no-repeat right 0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_on, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_on:hover, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_1, body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_1:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-1.png') no-repeat 0 0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_1 { margin-left:0; } body.desktop .Slot_Breadcrumbs .zenario_breadcrumbs div.level1_on a { width:16px; text-indent:-999px; line-height:0; font-size:0; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-house-grey.png') no-repeat 0 center; } body.mobile .Slot_Breadcrumbs .zenario_breadcrumbs__default_style div { display:inline; font-size:0.85em; line-height:1; } body.mobile .Slot_Breadcrumbs .zenario_breadcrumbs__default_style div:not(.level1_1_on):before { font-family:"FontAwesome"; content:"\f105"; padding:0 4px; } body.mobile .Slot_Breadcrumbs .zenario_breadcrumbs__default_style div a { color:#202020; } body.mobile .Slot_Breadcrumbs .zenario_breadcrumbs__default_style div.current a { color:#5c94d4; } body.mobile .Slot_Breadcrumbs .zenario_breadcrumbs { display:inline-block; padding: 5px 10px 8px; background: #f7fbff; border: 1px solid #d4d4d4; border-radius: 6px; } /* Breadcrumbs in nest --------------------------------------------------------------------------------------------------*/ body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb a { display:inline-block; height: 28px; line-height: 26px; padding:0 15px; float:left; border:1px solid #D1D1D1; border-left:0; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb a:hover { background:#A5BEDB; } body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb:first-child a { border-left:1px solid #D1D1D1; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; width:16px; text-indent:-999px; line-height:0; font-size:0; padding-right:6px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-house-grey.png') no-repeat 10px center; } body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb.current { display:inline-block; height:30px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/breadcrumbs-item-right-end.png') no-repeat right center; padding-right:16px; } body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb.current a { border-right:0; padding-right:5px; } body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb.current a, body.desktop .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb.current a:hover { background:#F0F0F2; } body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:before, body.desktop .zenario_skin .zenario_plugin_nest .zenario_breadcrumbs .breadcrumb:not(.next_level) ul.smart_breadcrumbs li a:before { display:none; } body.mobile .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb { display:inline; font-size:0.85em; line-height:1; } body.mobile .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb a { color:#202020; } body.mobile .zenario_plugin_nest .zenario_breadcrumbs span.breadcrumb.current a { color:#5c94d4; } .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 { padding-left:4px; } /**/ .zenario_content_list.list_general .content_list_rss_link a { display:inline-block; padding:2px 8px 4px; float:right; background:#124988; color:#FFF; font-size:0.813em; 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; } .zenario_content_list.list_general .content_list_rss_link a:hover { background:#ffec17; color:#151515; text-decoration:none; } .zenario_content_list.list_general .content_list_data_row { overflow:hidden; padding:10px 0; border-bottom:1px dotted #ccc; } .zenario_content_list.list_general .content_list_data_row:first-child { border-top:1px dotted #ccc; } .zenario_content_list.list_general .content_list_data_row h2 { font-size:1.2em; font-family:"open-sans",helvetica,tahoma,sans-serif; line-height:26px; margin:0; } .zenario_content_list.list_general .content_list_data_row .content_list_excerpt { overflow:hidden; } .zenario_content_list.list_general .content_list_data_row .content_list_text { overflow:hidden; } .zenario_content_list.list_general .content_list_data_row .sticky_image, .zenario_content_list.list_general .content_list_data_row .sticky_image div { display:inline-block; } .zenario_content_list.list_general .content_list_data_row > .sticky_image { float:left; margin:5px 20px 5px 0; } .zenario_content_list.list_general .content_list_data_row p.content_list_date, .zenario_content_list.list_general .content_list_data_row p.content_list_author { margin-bottom:5px; } .zenario_content_list.list_general .content_list_data_row .content_list_date, .zenario_content_list.list_general .content_list_data_row p.content_list_author, .zenario_content_list.list_general .content_list_data_row .content_list_more { font-size:0.813em; } .zenario_content_list.list_general .content_list_data_row .content_list_more { text-align:right; } .zenario_content_list.list_general .content_list_data_row p.content_list_date, .zenario_content_list.list_general .content_list_data_row p.content_list_author { display:inline-block; } .zenario_content_list.list_general .content_list_data_row p.content_list_author + p.content_list_date { position:relative; padding-left:10px; } .zenario_content_list.list_general .content_list_data_row p.content_list_author + p.content_list_date:before { font-family: 'FontAwesome'; content: "\f111"; /* fa-circle */ font-size:6px; position:absolute; left:0; } /* List main --------------------------------------------------------------------------------------------------*/ .zenario_content_list.list_main { overflow:hidden; } .zenario_content_list.list_main > h2 { font-size:2.500em; margin-top:0; } body.desktop .zenario_content_list.list_main .content_list_data_row { float:left; position:relative; z-index:1; width: 30%; margin-left: 1%; margin-right: 1%; overflow:hidden; max-width:650px; margin-bottom:40px; } body.desktop .layout_home_v2 .zenario_content_list.list_main .content_list_data_row { width: 32.31%; margin-left: 0; margin-right: 0; } body.desktop .zenario_content_list.list_main .content_list_data_row:nth-child(3n+1) { clear:left; } body.desktop .zenario_content_list.list_main .content_list_data_row:nth-child(3n+3) { clear:right; } body.desktop .zenario_content_list.list_main .content_list_data_row:nth-child(3n+2) { margin-left: 1.5%; margin-right: 1.5%; } .zenario_content_list.list_main.list_single_row .content_list_data_row { height:auto; } .zenario_content_list.list_main .content_list_data_row h2 { font-size:1.50em; line-height:1.3em; } .zenario_content_list.list_main .content_list_data_row h2 a { color:#202020; transition:all 0.2s ease-in-out; } .zenario_content_list.list_main .content_list_data_row h2 a:hover { color:#124988; text-decoration:none; } .zenario_content_list.list_main .content_list_data_row p.content_list_date { font-size:1em; color:#687074; padding: 10px 0 0; margin-bottom: 12px; } .zenario_content_list.list_main .content_list_data_row .sticky_image { overflow:hidden; } .zenario_content_list.list_main .content_list_data_row .sticky_image img { transition: all .2s ease-in-out; } .zenario_content_list.list_main .content_list_data_row:hover .sticky_image img { transform: scale(1.1); } .zenario_content_list.list_main .content_list_all_more { clear:both; margin-top:20px; text-align:center; } .zenario_content_list.list_main .pag_pagination { clear:both; float:none; } .zenario_content_list.list_main.list_categories .content_list_data_row { height:auto; position:relative; } .zenario_content_list.list_main.list_categories .content_list_data_row .content_list_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } body.mobile .zenario_content_list.list_main .content_list_data_row { overflow:hidden; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #efefef; } body.mobile .zenario_content_list.list_main .content_list_data_row div.sticky_image { width:30%; float:left; } body.mobile .zenario_content_list.list_main .content_list_data_row .content_list_text, body.mobile .zenario_content_list.list_main .content_list_data_row > a { width:68%; float:right; } body.mobile .zenario_content_list.list_main.list_categories .content_list_data_row .content_list_category { position:static; display:inline-block; font-size:13px; } body.mobile .zenario_content_list.list_main .content_list_data_row p.content_list_date { padding:0; margin:0; font-size:13px; } body.mobile .zenario_content_list.list_main .content_list_data_row h2 { font-size:1.2em; } /* Grid 2 columns --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_grid_2_cols { border-top:2px solid #d2d7db !important; padding-top:35px; overflow:hidden; } .zenario_content_list.csl_grid_2_cols > h2 { font-size:2.500em; } .zenario_content_list.csl_grid_2_cols .content_list_data_row { float:left; position:relative; z-index:1; width:50%; overflow:hidden; max-width:650px; height:505px; margin-bottom:40px; } .zenario_content_list.csl_grid_2_cols .content_list_listing .content_list_data_row:nth-child(even) { float:right; } .zenario_content_list.csl_grid_2_cols .content_list_data_row h2 { font-size:1.750em; margin:0; } .zenario_content_list.csl_grid_2_cols .content_list_data_row h2 a { color:#202020; transition:all 0.2s ease-in-out; } .zenario_content_list.csl_grid_2_cols .content_list_data_row h2 a:hover { color:#124988; text-decoration:none; } .zenario_content_list.csl_grid_2_cols .content_list_data_row p.content_list_date { font-size:1.500em; color:#687074; padding:15px 0 0; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_excerpt p { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .sticky_image { overflow:hidden; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .sticky_image img { transition: all .2s ease-in-out; } .zenario_content_list.csl_grid_2_cols .content_list_data_row:hover .sticky_image img { transform: scale(1.1); } /* Categories --------------------------------------------------------------------------------------- */ .zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_category, .zenario_content_list.list_categories .content_list_data_row .content_list_category { position:absolute; z-index:10; top:0; right:0; line-height:34px; padding:0 15px; font-size:1.125em; text-transform:uppercase; background:#ccc; -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_content_list.csl_grid_2_cols .content_list_data_row .content_list_category:hover, .zenario_content_list.list_categories .content_list_data_row .content_list_category:hover { text-decoration:underline; opacity:0.85; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_category.category_59, .zenario_content_list.list_categories .content_list_data_row .content_list_category.category_59 { background:#b9dcfb; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_category.category_58, .zenario_content_list.list_categories .content_list_data_row .content_list_category.category_58 { background:#ffec17; } .zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_category.category_69, .zenario_content_list.list_categories .content_list_data_row .content_list_category.category_69 { background:#BFFFDF; } .zenario_content_list.csl_grid_2_cols .content_list_all_more { clear:both; margin-top:20px; } .zenario_content_list.csl_grid_2_cols .content_list_all_more_text, .zenario_content_list.csl_grid_2_cols .content_list_all_more { text-align:center; } .zenario_content_list.csl_grid_2_cols .content_list_all_more_text { color:#124988; font-size:1.500em; line-height:30px; } /* Home page, news listing --------------------------------------------------------------------------------------------------*/ .zenario_content_list.newslisting_narrow .content_list_data_row { position:relative; z-index:1; } .zenario_content_list.newslisting_narrow .content_list_data_row div.sticky_image { overflow:hidden; } .zenario_content_list.newslisting_narrow .content_list_data_row div.sticky_image a { display:block; overflow:hidden; } .zenario_content_list.newslisting_narrow .content_list_data_row .content_list_text { position:absolute; z-index:2; bottom:0; left:0; right:0; padding:0 15px 5px; background:rgba(0,0,0,0.5); } .zenario_content_list.newslisting_narrow .content_list_data_row .content_list_text *, .zenario_content_list.newslisting_narrow .content_list_data_row .content_list_text a { color:#FFF; } .zenario_content_list.newslisting_narrow .content_list_data_row .content_list_text a:hover { text-decoration:none; } .zenario_content_list.newslisting_narrow .content_list_data_row h3.content_list_title, .zenario_content_list.newslisting_narrow.list_categories .content_list_data_row .content_list_category { font-size:1em; } .zenario_content_list.newslisting_narrow .content_list_data_row h3.content_list_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* CSL main item / secondary items ------------------------------------------------------------------------------------------------- */ .zenario_content_list.csl_main_item { } .zenario_content_list.csl_main_item .content_list_data_row p.content_list_date, .zenario_content_list.csl_main_item .content_list_data_row p.content_list_author { margin-bottom:5px; } .zenario_content_list.csl_main_item .content_list_data_row .content_list_date, .zenario_content_list.csl_main_item .content_list_data_row p.content_list_author, .zenario_content_list.csl_main_item .content_list_data_row .content_list_more { font-size:0.813em; } .zenario_content_list.csl_main_item .content_list_data_row .content_list_more { text-align:right; } .zenario_content_list.csl_main_item .content_list_data_row p.content_list_date, .zenario_content_list.csl_main_item .content_list_data_row p.content_list_author { display:inline-block; } .zenario_content_list.csl_main_item .content_list_data_row p.content_list_author + p.content_list_date { position:relative; padding-left:10px; } .zenario_content_list.csl_main_item .content_list_data_row p.content_list_author + p.content_list_date:before { font-family: 'FontAwesome'; content: "\f111"; /* fa-circle */ font-size:6px; position:absolute; left:0; } .zenario_content_list.csl_secondary_items .content_list_listing { padding-left: 3.2%; padding-top: 38px; border-left:1px solid #ccc; text-align:center; } .zenario_content_list.csl_secondary_items .content_list_data_row { text-align:left; } /**/ .content_list_side_menu_style h1 { font-size:1.5em !important; line-height:28px; padding:10px 15px; background:#124988; color:#FFF; margin:0; -webkit-border-radius: 8px; border-radius: 8px; } .content_list_side_menu_style .content_list_data_row h2 { font-size:1em; font-family:"open-sans",helvetica,tahoma,sans-serif; } .content_list_side_menu_style .content_list_data_row h2 a { display:inline-block; padding-left:15px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/arrow-right-off.png') no-repeat 0 2px / 8px; } .content_list_side_menu_style .content_list_data_row { padding:3px 8px; border-bottom:1px dotted #ccc; } .content_list_side_menu_style .content_list_data_row:first-child { padding-top:0; } /**/ .zenario_content_list_8320 { /* This class will be applied to just this plugin. */ } /**/ .zenario_copyright_8323 { font-size:0.875em; } /**/ .zenario_ctype_document { overflow:hidden; } .zenario_ctype_document .document_details_content_sticky_image { float:left; display:inline-block; margin-right:30px; } .zenario_ctype_document .document_details_content_summary { margin-top:30; } .zenario_ctype_document h3 { font-size:1em; font-weight:600; } #document_details_content span.label { font-weight:600; } #document_details_content h3 span.file_type_size { font-size:75%; } .document_details_content_sticky_image img { border:1px solid #ccc; } /**/ .zenario_ctype_event .Event_details { margin-bottom: 18px; } .zenario_ctype_event .Event_details h3 { font-size:1em; color:#124988; } /**/ .zenario_event_calendar .calendar_title h2 { background: #124988 none repeat scroll 0 0; border-radius: 8px; color: #fff; font-size: 1.5em; line-height: 28px; margin: 0; padding: 10px 15px 8px; text-align:center; } .zenario_event_calendar .calendar_header h2 { text-align:center; padding:10px 0 2px; margin:0; font-size:1.5em; font-weight:bold; color:#124988; } .zenario_event_calendar table.calendar { width:100%; border-collapse:collapse !important; border-spacing:0 !important; } .zenario_event_calendar .calendar_month_content table tr td a:hover { text-decoration:none; } .zenario_event_calendar .calendar_month_content table tr td { margin:0; padding:0; height:55px; font-size:13px; font-weight:bold; text-align:center; vertical-align:middle; text-transform:uppercase; } .zenario_event_calendar .calendar_month_content table tr td a { display:block; height:35px; padding-top:16px; -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_event_calendar .calendar_month_content table tr td a { color:#151515; border:2px solid #FFF; } .zenario_event_calendar .calendar_month_content table tr td a.current_month { color:#124988; } .zenario_event_calendar .calendar_month_content table tr td a { background:#A6BED9; } .zenario_event_calendar .calendar_month_content table tr td a:hover { background:#5C94D4; } .zenario_event_calendar .calendar_month_content table tr td a.current_month { color:#FFF; background:#124988; } .zenario_event_calendar .calendar_month_content table tr td a.month_with_events { background:#FFEC17; cursor:pointer; } .zenario_event_calendar .calendar_month_content table tr td a.month_with_events:hover { color:#124988; } .zenario_event_calendar .calendar_month_content table tr td.current_month a.month_with_events, .zenario_event_calendar .calendar_month_content table tr td.current_month a.month_with_events:hover { color:#124988; } .zenario_event_calendar table tr td .content_cell { display:block; position:relative } .zenario_event_calendar table tr td .content_cell span.event_count { position:absolute; top:5px; right:5px; display:inline-block; padding:0 4px; width:auto; height:14px; font-size:.875em; line-height:13px; text-align:center; background:#124988; color:#FFF; font-weight:600; -webkit-border-radius:2px; border-radius:2px } /* Bottom */ .zenario_event_calendar .calendar_bottom { width:auto; padding:7px 8px; overflow:hidden; } .zenario_event_calendar .calendar_bottom { font-weight:bold; font-size:12px; } .zenario_event_calendar .calendar_bottom a { color:#124988; } .calendar_prev, .calendar_next { width:80px; } .calendar_prev { float:left; } .calendar_next { float:right; text-align:right; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_prev_next a { display: inline-block; position: relative; line-height: 30px; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_prev a { padding-left:18px; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_next a { padding-right:18px; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_prev a::before, .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_next a::after { position: absolute; font-family: "FontAwesome"; font-size: 1.2em; color:#E1341E; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_next a::after { content: "\f138"; right: 0; } .zenario_event_calendar .calendar_content .calendar_bottom .calendar_bottom_inner > div.calendar_prev a::before { content: "\f137"; left: 0; } .calendar_prev a:hover, .calendar_next a:hover { text-decoration:underline; } /* -- Day View -- */ #fancybox-content .zenario_event_calendar { background:none; padding:0; } .zenario_event_calendar .day_view { clear:both; overflow:hidden; z-index:100; text-align:left; } .zenario_event_calendar .day_view_title { padding:5px 0 10px; border-bottom:1px dotted #4081ab; margin-bottom:8px; text-align:center; } .zenario_event_calendar .day_view_events_list ul li { padding:8px 0; border-top:1px dotted #4081ab; } .zenario_event_calendar .day_view_events_list ul li:first-child { border:0; } .zenario_event_calendar .day_view h3 { position:relative; } .zenario_event_calendar .day_view h3:before { position: absolute; top:-1px; left: 6px; font-family:"FontAwesome"; content: "\f105"; color:#E1341E; } .zenario_event_calendar .day_view h3, .zenario_event_calendar .day_view .day_view_event p, .zenario_event_calendar .day_view .day_view_event_more { padding:0 10px 0 20px; } .zenario_event_calendar .day_view .day_view_event p { padding-bottom:3px; } .zenario_event_calendar .day_view .day_view_event p.day_view_event_date, .zenario_event_calendar .day_view .day_view_event p.day_view_event_time { padding-bottom:0; } .zenario_event_calendar .day_view .day_view_event .day_view_event_summary { padding-top:8px; } .zenario_event_calendar .day_view { font-family:"open-sans",helvetica,tahoma,sans-serif; } .zenario_event_calendar .day_view .day_view_event_date, .zenario_event_calendar .day_view .day_view_event_time { font-size:11px; } .zenario_event_calendar .day_view, .zenario_event_calendar .day_view h3 { font-size:13px; } .zenario_event_calendar .day_view_title h1, .zenario_event_calendar .day_view h3 { font-weight:bold; } .zenario_event_calendar .day_view_title h1 { font-size:14px; } .zenario_event_calendar .day_view h3 a { text-decoration:none; } .zenario_event_calendar .day_view h3 a:hover { text-decoration:underline; } .zenario_event_calendar .day_view h3 a { color:#124988; } .zenario_event_calendar .day_view .day_view_title h1 { color:#151515; } .zenario_event_calendar .day_view .day_view_event .day_view_event_date, .zenario_event_calendar .day_view .day_view_event .day_view_event_time { color:#124988; } .zenario_event_calendar .day_view .day_view_event .day_view_event_summary { color:#124988; } .zenario_event_calendar .calendar_month_content table tr td a .see_events { display:none; } #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event p.day_view_event_time { margin-bottom:0; } #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a { display: inline-block; background: #124988; color: #FFF; padding: 1px 12px 2px 12px; -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; } #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a, #colorbox .zenario_event_calendar .day_view_events_list ul li .day_view_event .day_view_event_more a:hover { text-decoration:none; } /**/ .zenario_event_listing .event_listing .single_event { overflow:hidden; padding:10px 0; border-bottom:1px dotted #ccc; } .zenario_event_listing .event_listing .single_event h2 { font-size:1.2em; font-family:"open-sans",helvetica,tahoma,sans-serif; line-height:26px; margin:0; } .zenario_event_listing .event_listing .single_event_description span.single_event_date { font-weight:600; font-size:0.935em; padding-bottom:5px; } .zenario_event_listing .event_listing .single_event_description span.single_event_date, .zenario_event_listing .event_listing .single_event_description span.single_event_description { display:block; clear:both; } .zenario_event_listing .event_listing .single_event_description span[class*="single_event_location"]:before { content:"- "; } .zenario_event_listing .event_listing .single_event_description span[class*="single_event_location_name"]:before { content:""; } .zenario_event_listing .event_listing .single_event .single_event_more_link { font-size:0.813em; text-align:right; float:right; } .zenario_event_listing .event_listing .year_label { color:#124988; font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; font-size:2.4em; font-weight: bold; line-height: 1.2; } .zenario_event_listing .event_listing .single_event + .year_label { padding-top: 1.5em; } body.mobiel .zenario_event_listing .event_listing .single_event + .year_label { padding-top: 1em; } .zenario_event_listing .event_listing .month_label { position:relative; display:inline-block; padding:8px 10px 10px 35px; margin-top:1em; text-transform: uppercase; font-weight: bold; font-size:1.2em; } .zenario_event_listing .event_listing .month_label:before { font-family:"FontAwesome"; content:"\f133"; position:absolute; left:0; top:8px; } .zenario_event_listing .event_listing .month_label, .zenario_event_listing .event_listing .single_event { padding-left:28px; } .zenario_event_listing .event_listing .single_event { position:relative; } .zenario_event_listing .event_listing .single_event:before { position: absolute; left: 5px; font-family:"FontAwesome"; content: "\f105"; color:#E1341E; font-size:1.5em; } /**/ .zenario_footer_3 { font-size:0.875em; } .zenario_footer .zenario_cc_manage a { cursor:pointer; } /**/ .zenario_html_snippet .zenario_wysiwyg:before, .zenario_html_snippet .zenario_wysiwyg:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .zenario_html_snippet .zenario_wysiwyg:after { clear: both; } .zenario_html_snippet h2 { margin-top:32px; } .zenario_html_snippet .zenario_wysiwyg + h2 { margin-top:0; } .zenario_html_snippet hr { border: 0; height: 1px; background-image: -moz-linear-gradient(to left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: linear-gradient(to left, #f0f0f0, #8c8b8b, #f0f0f0); } .zenario_html_snippet img { max-width:100%; } .zenario_html_snippet img.image_center_display_block { display:block; } .zenario_html_snippet .imgL { margin: 6px 18px 8px 0px; } .zenario_html_snippet .imgR { margin: 6px 0px 8px 18px; } .zenario_html_snippet .cboxElement img, .zenario_html_snippet a[rel="colorbox"] img { border:1px solid #124988; } .zenario_html_snippet table tr th, .zenario_html_snippet table tr td { vertical-align:top; } .zenario_html_snippet table h2 { margin-top:0; } .zenario_html_snippet table.table-grey { border-collapse:collapse; border-spacing:0; } .zenario_html_snippet table.table-grey tr th, .zenario_html_snippet table.table-grey tr td, .zenario_html_snippet__2 table.table-grey tr th, .zenario_html_snippet__2 table.table-grey tr td { border:1px solid #ccc; } .zenario_html_snippet table.table-grey tr td, .zenario_html_snippet__2 table.table-grey tr td { padding:5px 8px; } .zenario_html_snippet table.table-grey tr th, .zenario_html_snippet table.table-grey thead tr td, .zenario_html_snippet__2 table.table-grey tr th, .zenario_html_snippet__2 table.table-grey thead tr td { border-top:2px solid #ccc; background:#FFF url('../../zenario_custom/skins/WFN-2016/editable_css/../images/grey-bg.jpg') repeat-x bottom; padding:12px 5px 8px; font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; text-align:center; } .zenario_html_snippet .tinymce_content table.table-grey tr td { border:1px solid #ccc; border-top:2px solid #ccc; } .Grid_Body.Grid_Section .zenario_slot.no_space p { margin:0; } .Grid_Body.Grid_Section .zenario_slot.no_space a, .Grid_Body.Grid_Section .zenario_slot.no_space img { display:block; } div.wide_table_wrap { width:calc(100% - 26px); border:1px solid #aaa; padding:0px 0px 10px 0px; overflow-x:scroll; box-shadow:0 0 8px rgba(0,0,0, 0.1); } body.mobile div.wide_table_wrap table { max-width:980px; } /* Sticky table */ .sticky_table_wrap { width: calc(100% - 2px); max-height: 75vh; overflow: auto; border:1px solid #aaa; padding:0px 0px 10px 0px; } .sticky_table_wrap table { table-layout: fixed ; border-collapse: unset; } .sticky_table_wrap table thead th:first-child { position: sticky; left: 0; z-index: 2; width: 200px; } .sticky_table_wrap table thead th { position: sticky; top: 0; z-index: 1; background:#ebf1f6; } .sticky_table_wrap table tbody th { position: sticky; left: 0; z-index: 1; background:#ebf1f6; } /* Social links --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet.social_links div { overflow:hidden; padding-bottom:1.5em; } .zenario_html_snippet.social_links h3 { color:#ffec17; font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; font-size:1.750em; } .zenario_html_snippet.social_links ul, .zenario_html_snippet.social_links ul li { list-style:none; padding:0; margin:0; } .zenario_html_snippet.social_links ul li { display:inline-block; float:left; padding-right:20px; } .zenario_html_snippet.social_links ul li:last-child { padding-right:0; font-weight:600; } .zenario_html_snippet.social_links ul li a, .zenario_html_snippet.social_links ul li a i:before { -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 ul li a { display:inline-block; width:54px; height:54px; text-align:center; border-radius:50%; border:1px solid #FFF; transition:all 0.2s ease-in-out; } .zenario_html_snippet.social_links ul li a:hover { text-decoration:none; border-color:#ffec17; } .zenario_html_snippet.social_links ul li a i { line-height:54px; } .zenario_html_snippet.social_links ul li a i:before { font-size:30px; color:#fff; } .zenario_html_snippet.social_links ul li a:hover i:before { color:#ffec17; } /* Intro --------------------------------------------------------------------------------------------------*/ .slot_intro .zenario_html_snippet { padding:15px 0 0; } .slot_intro .zenario_html_snippet h1 { font-size:3.000em; } .slot_intro .zenario_html_snippet p { font-size:1.5em; line-height:32px; color:#717171; } .Grid_Content .slot_intro .zenario_html_snippet.zenario_slot { margin-bottom:30px; } body.desktop .html_snippet_intro p { font-size:1.125em; line-height:1.5em; } /* World map --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet_2372 { text-align:center; } .zenario_html_snippet .world_map_main_medium, .zenario_html_snippet .world_map_main_small { display:none; margin:auto; } /* Map member listing --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet .members_listing { overflow: hidden; padding: 0 0 0 8px; margin: 50px 0 0; } .zenario_html_snippet .members_listing h2 { font-family: "open-sans",helvetica,tahoma,sans-serif; font-size: 2.500em; font-weight: 600; float: left; width: 8%; margin-top:0; } .zenario_html_snippet .members_listing ul { margin-bottom: 20px; float: left; width: 68%; } .zenario_html_snippet .members_listing ul li { font-size: 1.2em; line-height: 34px; } .zenario_html_snippet .members_listing .atoz { display: block; float: left; width: 25%; } /* MailChimp --------------------------------------------------------------------------------------------------*/ #mc_embed_signup { font-family: "open-sans" !important; font-size:16px; } #mc_embed_signup h2 { font-size:2em !important; font-weight:normal !important; } #mc_embed_signup .mc-field-group input[type="text"], #mc_embed_signup .mc-field-group input[type="email"] { width:calc(100% - 22px) !important; padding:0 10px !important; text-indent:0 !important; } #mc_embed_signup .mc-field-group select { width:100% !important; padding:0 10px !important; } #mc_embed_signup .mc-field-group input[type="checkbox"], #mc_embed_signup .mc-field-group input[type="radio"] { margin-right:8px; } #mc_embed_signup .button { background:#ffec17 !important; color:#151515 !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; height:40px !important; line-height:38px !important; font-size:16px !important; font-weight:600 !important; } #mc_embed_signup .asterisk { font-size:100% !important; } body.desktop #mc_embed_signup .personal_info { overflow:hidden; width:96%; } body.desktop #mc_embed_signup .personal_info .mc-field-group { float:left; clear:none; } body.desktop #mc_embed_signup .personal_info .mc-field-group.field_title { width:13%; margin-right:2%; } body.desktop #mc_embed_signup .personal_info .mc-field-group.field_name { width:42.5%; } body.desktop #mc_embed_signup .personal_info .mc-field-group.field_last_name { width:40.5%; margin-left:2%; } ul.vidcat li a { white-space:nowrap; } /* Video responsive --------------------------------------------------------------------------------------------------*/ .video_responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; text-align:center; margin-bottom:20px; width:99.9%; } .video_responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .video_responsive_container { max-width:1100px; margin-left:auto; margin-right:auto; display:block; } /* Image shadow --------------------------------------------------------------------------------------------------*/ .zenario_html_snippet img.img_shadow { -webkit-border-radius:6px; border-radius:6px; padding:10px; box-shadow:0 0 3px #AAA; max-width:calc(100% - 26px); } /* Group membership message --------------------------------------------------------------------------------------------------*/ .zenario_group_membership_message { padding-bottom:2em; color:#ce3a3a; } .zenario_group_membership_message:before { font-family:"FontAwesome"; content:"\f071"; padding-right:8px; } /**/ .zenario_html_snippet_8169 { font-size:0.875em; } /**/ .zenario_html_snippet_8170 { font-size:0.875em; text-align:right; } /**/ .zenario_html_snippet_8325 { font-size:0.875em; text-align:right; } /**/ .zenario_location_editor { position:relative; } .zenario_location_editor .address_container, .zenario_location_editor .contact_details_container, .zenario_location_editor .president_details_container, .zenario_location_editor .delegate_details_container, .zenario_location_editor .treasurer_details_container, .zenario_location_editor .secretary_details_container { margin-top:10px; padding-top:10px; border-top:1px dotted #000; } .zenario_location_editor a.button { position:absolute; right:0; top:40px; margin-right:0; } .zenario_location_editor .field_wrapper { overflow:hidden; } .zenario_location_editor .field_wrapper .field_label, .zenario_location_editor .field_wrapper .field_value { display:inline-block; } .zenario_location_editor .field_wrapper .field_label, .zenario_location_editor .address_label { font-weight:600; } .zenario_location_editor .location_editor_edit_mode input, .zenario_location_editor .location_editor_edit_mode select, .zenario_location_editor .location_editor_edit_mode textarea { margin-bottom:15px; } .zenario_location_editor .location_editor_edit_mode .field_label { padding-bottom:5px; } .zenario_location_editor .location_editor_edit_mode .field_wrapper .field_label, .zenario_location_editor .location_editor_edit_mode .field_wrapper .field_value { display:block; } .zenario_location_editor .location_editor_edit_mode .details_container_row, .zenario_location_editor .location_editor_edit_mode .details_container_buttons { overflow:hidden; } .zenario_location_editor .location_editor_edit_mode .column { padding:10px 20px; width:45%; width:calc(50% - 41px); float:left; margin-top:0; } .zenario_location_editor .location_editor_edit_mode .column:first-child { border-right:1px dotted #000; } .zenario_location_editor .location_editor_edit_mode .details_container_buttons { text-align:center; border-top:1px dotted #000; padding-top:20px; } .zenario_location_editor .location_editor_edit_mode .details_container_buttons .button { display:inline-block; margin:0 8px; } /**/ /* Accordion ------------------------------------------------------------------------------------------------- */ .zenario_location_listing .accordion h2 { padding:14px 22px 16px; font-size:1.625em; font-weight:600; font-family: "open-sans",helvetica,tahoma,sans-serif; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; cursor:pointer; cursor:pointer; } .zenario_location_listing .accordion > div { position:relative; overflow:hidden; margin-top:-15px; margin-bottom:10px; padding:0 22px 20px; } .zenario_location_listing .accordion h2 { color:#fff; } .zenario_location_listing .accordion h2:hover { color:#124988; } .zenario_location_listing .accordion h2.panel_open, .zenario_location_listing .accordion h2.panel_open:hover { color:#151515; } .zenario_location_listing .accordion h2 { background-color:#5c94d4; } .zenario_location_listing .accordion h2:hover { background-color:#ffec17; } .zenario_location_listing .accordion h2.panel_open, .zenario_location_listing .accordion h2.panel_open:hover, .zenario_location_listing .accordion > div { background-color:#d2d7db; } .zenario_location_listing .accordion h2 { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-plus.png'); background-repeat:no-repeat; background-position:right 12px; } .zenario_location_listing .accordion h2:hover { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-plus-hover.png'); } .zenario_location_listing .accordion h2.panel_open, .zenario_location_listing .accordion h2.panel_open:hover { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-minus.png'); background-repeat:no-repeat; background-position:right 12px; } .zenario_location_listing .accordion hr { border:1px solid #999; } .zenario_location_listing .accordion .single_location_description { margin-top:5px; padding-top:15px; border-top:2px solid #FFF; } .zenario_location_listing .accordion .single_location_description .location_details { width:45%; margin-right:5%; float:left; position:relative; } body.desktop .zenario_location_listing .accordion .single_location_description .location_details .location_image { margin-bottom:18px; } .zenario_location_listing .accordion .single_location_description .miscellaneous_content { float:none; clear:both; padding-top:10px; } .zenario_location_listing .accordion .single_location_description .miscellaneous_content hr { display:none; } .zenario_location_listing .accordion #location_id_247 .single_location_description { padding-top:0; } .zenario_location_listing .accordion #location_id_247 .single_location_description .miscellaneous_content { padding-top:0; } .zenario_location_listing .accordion .single_location_description .location_details .location_address, .zenario_location_listing .accordion .single_location_description .location_details .location_contact, .zenario_location_listing .accordion .single_location_description .location_details .location_president { font-size:1.125em; line-height:26px; } .zenario_location_listing .accordion .single_location_description .location_details h3, .zenario_location_listing .accordion .single_location_description .location_details h4, .zenario_location_listing .accordion .single_location_description .location_details .location_address, .zenario_location_listing .accordion .single_location_description .location_details .location_contact { margin-bottom:18px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact.location_president, .zenario_location_listing .accordion .single_location_description .location_details .location_contact.location_vice_president, .zenario_location_listing .accordion .single_location_description .location_details .location_contact.location_secretary { margin-bottom:5px; } .zenario_location_listing .accordion .single_location_description .location_details .location_address span, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span { display:block; clear:both; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_phone, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_fax, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_email, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_url { padding-left:25px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_phone strong, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_fax strong, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_email strong, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_url strong { display:none; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_phone { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-phone.png') no-repeat 0 5px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_fax { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-fax.png') no-repeat 0 5px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_email { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-email.png') no-repeat 0 8px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_url { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-url.png') no-repeat 0 5px; } .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_email, .zenario_location_listing .accordion .single_location_description .location_details .location_contact span.single_location_url { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .zenario_location_listing .accordion .single_location_description .location_name { position:relative; overflow:hidden; padding-top:5px; } .zenario_location_listing .accordion .single_location_description .location_name h3 { color: #124988; font-size: 1.7em; line-height:1.3em; font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; display:inline-block; float:left; } .zenario_location_listing .accordion .single_location_description .location_name .single_location_sticky_image { display:inline-block; float:left; padding-left:20px; } .zenario_location_listing .accordion .single_location_description .location_name .single_location_sticky_image img { max-width:180px !important; height:auto !important; position:relative; top:-5px; } .zenario_location_listing .accordion .country_MY .single_location_description .location_name .single_location_sticky_image img { top:8px; } /**/ /* Location map and listing --------------------------------------------------------------------------------------------------*/ .zenario_location_map_and_listing { margin-bottom:10px; } .zenario_location_map_and_listing iframe { border:0; } .zenario_location_map_and_listing .zenario_lmal_map, .zenario_location_map_and_listing .zenario_lmal_map_wrap, .zenario_location_map_and_listing .zenario_lmal_map_iframe_wrap, .zenario_location_map_and_listing .zenario_lmal_map_iframe_wrap iframe { width:100% !important; max-width:none; height:520px; } .zenario_location_map_and_listing .zenario_lmal_map_iframe_wrap { margin-bottom:20px; } .zenario_location_map_and_listing .zenario_lmal_select_country { width:100%; font-size:18px; float:none; overflow:hidden; } .zenario_location_map_and_listing .zenario_lmal_select_country span { display:inline-block; float:left; padding-right:10px; color:#000; } .zenario_location_map_and_listing .zenario_lmal_select_country form { display:inline; float:left; } .zenario_location_map_and_listing .zenario_lmal_select_country form select { font-size:13px; margin-top:23px; } .zenario_location_map_and_listing .zenario_lmal_key { width:100%; padding:10px 0; overflow:hidden; float:right; border:1px solid #ccc; color:#000; display:none; } .zenario_location_map_and_listing .zenario_lmal_tabs { width:100%; overflow:hidden; float:none; clear:both; padding-top:15px; } .zenario_location_map_and_listing .zenario_lmal_scrollable_area { /*max-height:780px; overflow-y:auto;*/ height:auto; } .zenario_location_map_and_listing .zenario_lmal_tab { margin-top:20px; margin-right:1%; width:32.3%; float:left; } .zenario_location_map_and_listing .zenario_lmal_tab_single_column { width:100%; float:none; } .zenario_location_map_and_listing .zenario_lmal_tab__event_tents { margin-left:2%; margin-right:2%; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_tab_title { font-weight:bold; font-size:0.917em; text-align:center; color:#FFF; background:#124988; padding:5px; } .zenario_location_map_and_listing .zenario_lmal_tab_single_column .zenario_lmal_tab_title { padding-top:0; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location { background:#f3f3f3; padding:12px 15px 15px; cursor:pointer; word-wrap:break-word; overflow: hidden; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location:hover, .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_highlighted_location { background:#DADADA; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location, .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location a { color:#2b2b2b; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location h3, .zenario_lmal_map .zenario_lmal_map_popout h3 { margin-bottom:2px; color:#124988; font-weight:bold; line-height:1.4em; margin-top:0; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location h3 { font-size:0.923em; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location div { padding:0; line-height:16px; font-size:12px; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location div a { text-decoration:underline; } .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location div.zenario_lmal_email, .zenario_location_map_and_listing .zenario_lmal_tab .zenario_lmal_location div.zenario_lmal_url { width:170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zenario_lmal_map .zenario_lmal_map_popout { width:205px; height:auto; overflow:hidden; } .zenario_lmal_map .gm-style { font-family: "open-sans",helvetica,tahoma,sans-serif; font-size: 100%; line-height: 20px; } .zenario_lmal_map .zenario_lmal_map_popout h3 { font-size:14px; } .zenario_lmal_map .gm-style, .zenario_lmal_map .gm-style a { color:#2b2b2b; } .zenario_lmal_map .zenario_lmal_map_popout .zenario_lmal_close_map_popout { display:none; } .zenario_lmal_map .zenario_lmal_map_popout .image.map, .zenario_location_map_and_listing .zenario_lmal_tab .image.list { float: right; } .zenario_lmal_map .zenario_lmal_map_popout .image.map { float: right; } .zenario_lmal_map .zenario_lmal_map_popout .zenario_lmal_email, .zenario_lmal_map .zenario_lmal_map_popout .zenario_lmal_url { width:205px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_lmal_map .zenario_lmal_map_popout .zenario_lmal_url { padding-bottom:3px; } .zenario_lmal_marker { width: 21px; height: 21px; display: block; } .zenario_location_map_and_listing .zenario_lmal_key .zenario_lmal_marker { width:auto; display:inline-block; height:auto; padding-left:25px; margin-left:2%; float:left; color:#697178; } .location_map_and_listing_key_places .zenario_lmal_map, .location_map_and_listing_key_places .zenario_lmal_map_wrap, .location_map_and_listing_key_places .zenario_lmal_map_iframe_wrap, .location_map_and_listing_key_places .zenario_lmal_map_iframe_wrap iframe { width: 100%; height: 400px; max-width: none; } .location_map_and_listing_key_places .zenario_lmal_key { display: none; } .location_map_and_listing_key_places .zenario_lmal_tab__key_places { width: 100%; } .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_1, .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_2, .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_3 { float: left; width: 32%; min-height: 760px; margin-bottom: 10px; } .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_1, .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_2 { margin-right: 2%; } .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_1 .zenario_lmal_location, .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_2 .zenario_lmal_location, .location_map_and_listing_key_places .zenario_lmal_tab__key_places .column_3 .zenario_lmal_location { min-height: 166px; } .location_map_and_listing_key_places .zenario_lmal_tab__key_places .zenario_lmal_location .zenario_lmal_description { margin-top: 10px; } .zenario_lmal_marker { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/wfn-map-pin.png') no-repeat; } /* Standard --------------------------------------------------------------------------------------------------*/ .location_map_and_listing_standard .zenario_lmal_map_iframe_wrap { margin-bottom:0; } .location_map_and_listing_standard .zenario_lmal_tabs { padding-top:0; } .location_map_and_listing_standard .zenario_lmal_tabs .zenario_lmal_scrollable_area { max-height:600px; overflow-y:auto; } .location_map_and_listing_standard .zenario_lmal_tab { margin:0; width:100%; float:none; } .location_map_and_listing_standard .zenario_lmal_map_popout { width:300px; } .location_map_and_listing_standard .zenario_lmal_map_popout .zenario_president_name span, .location_map_and_listing_standard .zenario_lmal_map_popout .zenario_delegate_name span { font-weight:bold; } /* Drawer --------------------------------------------------------------------------------------------------*/ .slot > .zenario_location_map_and_listing.map_drawer .location_map_wrap, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_wrap { border:2px solid #124988 !important; position:relative; } .zenario_location_map_and_listing.map_drawer .location_map_header { display:none; } .zenario_location_map_and_listing.map_drawer .location_map_header span { cursor:pointer; font-weight:600; } .slot > .zenario_location_map_and_listing.map_drawer .location_map_header, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_header { background:#124988; color:#fff; padding:10px; display:block; } .slot > .zenario_location_map_and_listing.map_drawer .location_map_header:before, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_header:before { font-family:'FontAwesome'; content:"\f0a9"; padding-right:5px; cursor:pointer; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .slot > .zenario_location_map_and_listing.map_drawer .location_map_header.open:before, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_header.open:before { content:"\f0a8"; } .slot > .zenario_location_map_and_listing.map_drawer .location_map_header:hover:before, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_header:hover:before { color:#ffec17; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_iframe_wrap { margin:0; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_map, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_wrap, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_iframe_wrap, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_iframe_wrap iframe { width:100% !important; max-width:none; height:520px; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_key, .zenario_location_map_and_listing.map_drawer .zenario_lmal_tabs { display:none; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_tabs { position:absolute; top:0; left:0; width:300px; padding-top:0; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_tabs .zenario_lmal_scrollable_area { height:520px; overflow-y:auto; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_tabs .zenario_lmal_scrollable_area .zenario_lmal_tab { margin:0; width:100%; float:none; } .zenario_showing_plugin_without_layout .addthis-smartlayers { display:none; } /**/ .zenario_location_viewer .map iframe { border:0 !important; width:100% !important; margin-top:10px; } .zenario_location_viewer__default_style .title::before { content: 'Venue:'; font-weight: bold; padding-right: 28px; float: left; position: absolute; margin-left: -90px; } .zenario_location_viewer__default_style .title { padding-left: 90px; padding-bottom: 0.2em; } .zenario_location_viewer__default_style .address_container, .zenario_location_viewer__default_style .contact_details_container { margin-bottom: 20px; } .zenario_location_viewer__default_style .address_container .address_label { float: left; font-weight:bold; } .zenario_location_viewer__default_style .address_container .address { padding-left: 90px; } .zenario_location_viewer__default_style .contact_details_container > div { display: flex; padding-bottom: 0.2em; } .zenario_location_viewer__default_style .contact_details_container > div > div:first-child { width:65px; font-weight:bold; } .zenario_location_viewer__default_style .phone_label, .zenario_location_viewer__default_style .email_label, .zenario_location_viewer__default_style .url_label { position:relative; padding-left:25px; } .zenario_location_viewer__default_style .phone_label:before, .zenario_location_viewer__default_style .email_label:before, .zenario_location_viewer__default_style .url_label:before { font-family:"FontAwesome"; content:"\f095"; position:absolute; left:0; } .zenario_location_viewer__default_style .phone_label:before { content:"\f095"; } .zenario_location_viewer__default_style .email_label:before { content:"\f0e0"; } .zenario_location_viewer__default_style .url_label:before { content:"\f0c1"; } /**/ a.zenario_push_pull-hamburger { position:absolute; z-index:99; padding:24px 10px 18px; } .zenario_push_pull-panel .zenario_push_pull-navbar { background: #124988; border-bottom: 4px solid #ccc; font-size: 1.1em; } .zenario_push_pull-navbar, .zenario_push_pull-listview { font-family:"open-sans",Arial, Helvetica, sans-serif; } .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-listview:first-child, .zenario_push_pull-panels > .zenario_push_pull-panel > .zenario_push_pull-navbar + .zenario_push_pull-listview { border-top: 1px solid #FFF; } .zenario_push_pull-menu { background:#a6bed9; } .zenario_push_pull-listview { padding-top:4px; } .zenario_push_pull-listview > li > em a { display:block; padding:10px 10px 10px 20px; } .zenario_push_pull-navbar, .zenario_push_pull-listview > li > a, .zenario_push_pull-listview > li > em a, .zenario_push_pull-listview > li > span { color:#151515; } .zenario_push_pull-menu .zenario_push_pull-navbar a, .zenario_push_pull-menu .zenario_push_pull-navbar > * { color:#FFF; } .zenario_push_pull-navbar, .zenario_push_pull-menu .zenario_push_pull-btn::after, .zenario_push_pull-menu .zenario_push_pull-btn::before, .zenario_push_pull-listview > li, .zenario_push_pull-listview > li .zenario_push_pull-btn_next, .zenario_push_pull-listview > li .zenario_push_pull-btn_next::before, .zenario_push_pull-listview > li::after { border-color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview > li .zenario_push_pull-btn_next::after { border-color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li.level1_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level2_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level3_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level4_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li.level5_on .zenario_push_pull-btn_next::after, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next::before, .zenario_push_pull-menu .zenario_push_pull-listview > li:hover .zenario_push_pull-btn_next::after { border-color:#FFF; } .zenario_push_pull-listview > li:hover > a, .zenario_push_pull-listview > li:hover > span, .zenario_push_pull-listview > li.level1_on a, .zenario_push_pull-listview > li.level2_on a, .zenario_push_pull-listview > li.level3_on a, .zenario_push_pull-listview > li.level4_on a, .zenario_push_pull-listview > li.level5_on a { color:#FFF; } .zenario_push_pull-listview > li:hover, .zenario_push_pull-listview > li.level1_on, .zenario_push_pull-listview > li.level2_on, .zenario_push_pull-listview > li.level3_on, .zenario_push_pull-listview > li.level4_on, .zenario_push_pull-listview > li.level5_on { background-color:#5c94d4; } .zenario_push_pull-listview > li.node_highlight a { color:#124988; } .zenario_push_pull-listview > li.node_highlight.level1_on a { color:#FFF; } /* Special nodes: Search, Sign in, Login and Home --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { padding:10px 10px 10px 20px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a { display:block; position:relative; padding-left:40px; border-bottom:1px solid #FFF; color:#151515; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover a { color:#FFF; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special { background-color:#e2e6e8; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special:hover { background-color:#2a98ce; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special a:before { font-family:"FontAwesome"; position:absolute; left:20px; top:10px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.log_in a:before { content:"\f007"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.sign_up a:before { content:"\f234"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.home a:before { content:"\f015"; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special.search_box:hover { background:transparent; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box { overflow:hidden; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { padding:0; float:left; border: none; margin:0; -webkit-border-radius: 0; border-radius: 0; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box { width:calc(100% - 15px - 60px); height:31px; line-height:31px; padding-left:15px; font-family: Verdana; font-style: italic; background-color: #FFF; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button { width:60px; height:31px; font-size:0; line-height:0; background: #fff url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-magnifyer.svg') no-repeat center / 16px 16px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:hover { cursor:pointer; } .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_button:focus, .zenario_push_pull-menu .zenario_push_pull-listview .zenario_menu_node_special .search_entry_box input.search_entry_input_box:focus { outline:0; outline:none; } @media all and (max-width:370px) { .zenario_push_pull-navbar, .zenario_push_pull-listview { font-size:13px; } } /* Page semi-opaque and close button stand out --------------------------------------------------------------------------------------------------*/ .zenario_push_pull-page:after, .fixed:after { opacity:0; visibility:hidden; content:""; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.7); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page:after, html.zenario_push_pull-wrapper_blocking .fixed:after { opacity:1; visibility:visible; } html.zenario_push_pull-wrapper_blocking .zenario_push_pull-page .Slot_Top { z-index:0; } html.zenario_push_pull-wrapper_blocking a.zenario_push_pull-hamburger { background:#124988; border-left:1px solid #FFF; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:before, html.zenario_push_pull-wrapper_opened a.zenario_push_pull-hamburger:after { background-color:#FFF; width:2px; } .zenario_push_pull-panels>.zenario_push_pull-panel { padding-top:52px; } .zenario_push_pull-navbar { height:52px; } .zenario_push_pull-menu .zenario_push_pull-navbar a { padding:15px 10px; } /* Admin hacks --------------------------------------------------------------------------------------------------*/ .zenario_adminLoggedIn .zenario_push_pull-menu { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .zenario_push_pull-menu { top:10px; } .zenario_adminLoggedIn.zenario_pageMode_edit .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_item .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_menu .zenario_menu_responsive_push_pull, .zenario_adminLoggedIn.zenario_pageMode_template .zenario_menu_responsive_push_pull { position:relative; min-height:50px; } /**/ .zenario_menu_vertical .menu_image { display:none; } .zenario_menu_vertical ul, .zenario_menu_vertical ul li, .zenario_menu_vertical ul ul li { list-style:none; padding:0; margin:0; } .zenario_menu_vertical ul li { margin-bottom:7px; } .zenario_menu_vertical ul li li { margin-bottom:0; font-size:0.875em; } .zenario_menu_vertical ul li li li { font-size:1em; line-height:1.3em; } .zenario_menu_vertical ul li a { display:block; padding:2px 18px 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .zenario_menu_vertical ul li li a { padding-left:30px; padding-right:0; } .zenario_menu_vertical ul ul ul { padding-top:0; padding-bottom:5px; } .zenario_menu_vertical ul li li li a { padding-left:40px; padding-top:4px; } .zenario_menu_vertical ul li { font-weight:600; } .zenario_menu_vertical ul li a { color:#202020; } .zenario_menu_vertical ul li a:hover { background:#ffec17; text-decoration:none; } .zenario_menu_vertical ul li.level1_on a { color:#FFF; background:#5c94d4; } .zenario_menu_vertical ul li.level1_on li a { color:#202020; background:transparent; } .zenario_menu_vertical ul li.level1_on li.level2_on li a { color:#444; } .zenario_menu_vertical ul li.level1_on li a:hover { background:#ffec17; } .zenario_menu_vertical ul li.level1_on li.level2_on li a:hover { color:#124988; } .zenario_menu_vertical ul li.level1_on li.level2_on a, .zenario_menu_vertical ul li.level1_on li.level2_on a:hover, .zenario_menu_vertical ul li.level1_on li.level2_on li.level3_on a, .zenario_menu_vertical ul li.level1_on li.level2_on li.level3_on a:hover { color:#5c94d4; background:transparent; } .zenario_menu_vertical h2.side_menu_title { font-size: 1.2em; font-family: 'open-sans',arila,helvetica; font-weight: 600; padding: 0 18px 15px; margin-bottom:15px; border-bottom: 1px solid #124988; } .zenario_menu_vertical h2.side_menu_title, .zenario_menu_vertical h2.side_menu_title a { color: #124988; } /*.zenario_menu_vertical.menu_current_family .wrap_menu_inner > ul li { display:none; } .zenario_menu_vertical.menu_current_family .wrap_menu_inner > ul li.level1_on, .zenario_menu_vertical.menu_current_family .wrap_menu_inner > ul li.level1_on ul li { display:block; }*/ /**/ .zenario_meta_data .release_date h2 { font-size:1.5em; color:#124988; } .zenario_meta_data.meta_data_writer { background:#f0f0f0; padding:20px; } .zenario_meta_data .writer_image { float: left; margin-right: 20px; } .zenario_meta_data h4, .zenario_meta_data p { margin:0; padding:0 0 8px; } .zenario_meta_data p a { color:#5c94d4; } /**/ .zenario_multiple_image_container { overflow:hidden; background:#F8F8F8; padding-bottom:15px; } .zenario_multiple_image_container .banner_title { padding:15px 15px 0; } .zenario_multiple_image_container .banner_images { padding:0 10px; } .zenario_multiple_image_container .banner_image { width:calc(23% - 22px); margin:15px 1%; float:left; display:inline-block; border:1px solid #E3E3E3; background:#FFF; padding:10px; -webkit-border-radius: 2px; border-radius: 2px; position:relative; } .zenario_multiple_image_container .banner_image img { display:block; margin:auto; max-width:100%; height:auto !important; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; -o-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_multiple_image_container .banner_image:hover a img { opacity:0.85; } .banner_image_zoom { width:24px; height:24px; display:none; overflow:hidden; position:absolute; right:15px; top:15px; text-indent:-999em; background:#124988 url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-zoom.png') no-repeat center center / 18px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .banner_image_zoom:hover { background-color:#5c94d4; } .banner_image:hover .banner_image_zoom { display:block; } /**/ .nest_wrap:before, .nest_wrap:after { content: '.'; width: 0; height: 0; font-size: 0; line-height: 0; display: block; overflow: hidden; visibility: hidden; } .nest_wrap:after { clear: both; } /* Nest accordion --------------------------------------------------------------------------------------------------*/ .nest_accordion { min-height:300px; } .nest_accordion .zenario_banner { -webkit-border-radius: 6px; border-radius: 6px; } .nest_accordion .zenario_banner .banner_title div { background:#5c94d4; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; cursor:pointer; } .nest_accordion .zenario_banner:hover .banner_title div { background:#ffec17; } .nest_accordion .zenario_banner, .nest_accordion .zenario_banner .banner_title div.panel_open { background:#d2d7db; } .nest_accordion .zenario_banner .banner_title h2 { font-family: "open-sans",helvetica,tahoma,sans-serif; font-size:1.625em; font-weight:600; padding:10px 0 14px 22px; cursor:pointer; } .nest_accordion .zenario_banner .banner_title h2 a { color:#FFF; padding:2px 0 3px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-plus.png') no-repeat right 0; padding-right:20px; display:block; } .nest_accordion .zenario_banner .banner_title:hover h2 a { color:#124988; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-plus-hover.png') no-repeat right 0; } .nest_accordion .zenario_banner .banner_title .panel_open h2 a { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-accordion-minus.png') no-repeat right 0; } .nest_accordion .zenario_banner .banner_title .panel_open h2 a, .nest_accordion .zenario_banner .banner_title .panel_open h2 a:hover { color:#151515; } .nest_accordion .zenario_banner .banner_title h2 a:hover { text-decoration:none; } .nest_accordion .zenario_banner .banner_text { padding: 0px 22px 22px; } .zenario_skin .nest_accordion .AccordionContent { display:none; position:relative; } .nest_accordion .nest_plugins_wrap { padding:1px; } /* Nest landing --------------------------------------------------------------------------------------------------*/ .layout_landing .Grid_Row_Grey .zenario_plugin_nest, .layout_landing .Grid_Row_White .zenario_plugin_nest { padding:40px 0 40px; min-height:200px; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .nest_wrap, .layout_landing .Grid_Row_White .zenario_plugin_nest .nest_wrap { overflow:hidden; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .nest_wrap { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/vertical_divider_white.png') repeat-y center top; } .layout_landing .Grid_Row_White .zenario_plugin_nest .nest_wrap { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/vertical_divider_grey.png') repeat-y center top; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .zenario_banner, .layout_landing .Grid_Row_White .zenario_plugin_nest .zenario_banner { width:46% !important; padding:10px 2%; float:left; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest.nest_full_width .nest_wrap, .layout_landing .Grid_Row_White .zenario_plugin_nest.nest_full_width .nest_wrap, .layout_landing .Grid_Row_White .zenario_plugin_nest.nest_without_divider .nest_wrap { background:none; } /* Nest nest_side_tabs --------------------------------------------------------------------------------------------------*/ .nest_side_tabs { overflow:hidden; position:relative; } .nest_side_tabs .nest_tabs ul, .nest_side_tabs .nest_tabs ul li { padding:0; margin:0; list-style:none; } .nest_side_tabs .nest_tabs ul li { padding:5px 0 8px; margin:3px 0; border-bottom:1px dotted #dddddd; } .nest_side_tabs .nest_tabs ul li a { display:block; padding-left:10px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/bullet-grey.gif') no-repeat 0 3px; color:#7e7e7e; } .nest_side_tabs .nest_tabs ul li a:hover, .nest_side_tabs .nest_tabs ul li.tab_on a { color:#207caa; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/blue-arrow-on-white.gif') no-repeat 0 3px; } .nest_side_tabs .nest_tabs ul li.tab_on a { font-weight:600; } .nest_side_tabs .nest_tabs { width:30%; float:left; } .nest_side_tabs .nest_plugins_wrap { width:65%; float:left; padding-left:5%; } .nest_side_tabs .nest_plugins_wrap .zenario_html_snippet h1 { font-size:2.250em; } /* Nest 3 Tabbed Nest Horizontal Tabs --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest__3, .zenario_plugin_nest__5, .zenario_plugin_nest__6, .zenario_plugin_nest.nest_horizontal_tabs { overflow:hidden; } .zenario_plugin_nest__3 .nest_tabs, .zenario_plugin_nest__5 .nest_tabs, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs { overflow:hidden; padding-left:5px; } .zenario_plugin_nest__3 .nest_tabs ul, .zenario_plugin_nest__3 .nest_tabs ul li, .zenario_plugin_nest__5 .nest_tabs ul, .zenario_plugin_nest__5 .nest_tabs ul li, .zenario_plugin_nest__6 .nest_tabs ul, .zenario_plugin_nest__6 .nest_tabs ul li, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li { list-style:none; margin:0; padding:0; } .zenario_plugin_nest__3 .nest_tabs ul, .zenario_plugin_nest__3 .nest_tabs ul li a, .zenario_plugin_nest__5 .nest_tabs ul, .zenario_plugin_nest__5 .nest_tabs ul li a, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li a { float:left; } .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs { display:flex; align-items:baseline; } .zenario_plugin_nest__3 .nest_tabs ul, .zenario_plugin_nest__5 .nest_tabs ul, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul { margin-left:5px; } .zenario_plugin_nest__3 .nest_tabs ul li a, .zenario_plugin_nest__5 .nest_tabs ul li a, .zenario_plugin_nest__6 .nest_tabs ul li a, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li a { display:block; padding:10px 15px; background:#B5B5B5; font-weight:600; } .zenario_plugin_nest__3 .nest_tabs ul li a, .zenario_plugin_nest__5 .nest_tabs ul li a, .zenario_plugin_nest__6 .nest_tabs ul li a, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li a { color:#202020; text-decoration:none; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -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__3 .nest_tabs ul li.tab_on a, .zenario_plugin_nest__3 .nest_tabs ul li.tab_on a:hover, .zenario_plugin_nest__5 .nest_tabs ul li.tab_on a, .zenario_plugin_nest__5 .nest_tabs ul li.tab_on a:hover, .zenario_plugin_nest__6 .nest_tabs ul li.tab_on a, .zenario_plugin_nest__6 .nest_tabs ul li.tab_on a:hover, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li.tab_on a, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li.tab_on a:hover { color:#fff; } .zenario_plugin_nest__3 .nest_tabs ul li a:hover, .zenario_plugin_nest__5 .nest_tabs ul li a:hover, .zenario_plugin_nest__6 .nest_tabs ul li a:hover, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li a:hover { color:#333; background:#A6BED9; } .zenario_plugin_nest__3 .nest_tabs ul li.tab_on a, .zenario_plugin_nest__5 .nest_tabs ul li.tab_on a, .zenario_plugin_nest__6 .nest_tabs ul li.tab_on a, .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li.tab_on a { background:#124988; } .zenario_plugin_nest.nest_horizontal_tabs .nest_tabs ul li.tab_on a { padding-top:14px; } .zenario_plugin_nest__6 .nest_tabs ul li { margin-bottom:3px; font-weight:600; } .zenario_plugin_nest__3 h1, .zenario_plugin_nest__5 h1 { font-size:2em; } .zenario_plugin_nest__3 .nest_plugins_wrap, .zenario_plugin_nest.nest_horizontal_tabs .nest_plugins_wrap { padding:20px 15px 30px 20px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .zenario_plugin_nest__3 .nest_plugins_wrap, .zenario_plugin_nest__5 .nest_plugins_wrap, .zenario_plugin_nest.nest_horizontal_tabs .nest_plugins_wrap { width:auto; } .zenario_plugin_nest__3 .nest_plugins_wrap, .zenario_plugin_nest.nest_horizontal_tabs .nest_plugins_wrap { margin-top:-1px; border:1px solid #e4e4e4; } .zenario_plugin_nest.nest_horizontal_tabs .nest_plugins_wrap { overflow:hidden; } /* Content List */ .zenario_plugin_nest__3 .zenario_content_list .content_list_data_row { overflow:hidden; clear:both; margin-bottom:10px; } .zenario_plugin_nest__3 .zenario_content_list div.content_list_listing div.content_list_data_row:last-child { background:none; } .zenario_plugin_nest__3 .zenario_content_list .content_list_excerpt { font-weight:bold; } .zenario_plugin_nest__3 .content_list_listing div.sticky_image { width:120px; float:left; } .zenario_plugin_nest__3 .content_list_listing div.sticky_image img { border:1px solid #207caa; } .zenario_plugin_nest__3 .content_list_text, .zenario_plugin_nest__3 .content_list_more { width:70%; width:calc(100% - 120px); float:right; } .zenario_plugin_nest__3 .zenario_content_list h2 { font-size:1.500em; } .zenario_plugin_nest__3 .zenario_content_list h2, .zenario_plugin_nest__3 .zenario_content_list p { margin:0; } .Main .zenario_plugin_nest__3 .zenario_content_list a[href$="&download=1"], .Main .zenario_plugin_nest__3 .zenario_content_list a[href$="document"], .Main .zenario_plugin_nest__3 .zenario_content_list a[href^="document"] { background:none; padding-left:0; } .zenario_plugin_nest__3 .zenario_content_list .content_list_more { font-size:0.875em; } /* Nest accordion --------------------------------------------------------------------------------------------------*/ .nest_columns { overflow:hidden; } .nest_columns .zenario_banner { width:50% !important; float:left; } .nest_columns .zenario_banner .banner_title, .nest_columns .zenario_banner .banner_text { overflow:hidden; height:22px; padding:5px 10px; background:#f3f3f3; } .nest_columns .zenario_banner .banner_title p, .nest_columns .zenario_banner .banner_text p { margin:0; font-weight:600; } .nest_columns .zenario_banner .banner_image { padding:5px 10px; height:300px; margin-top:15px; } .nest_columns .zenario_banner .banner_image img { max-height:290px; width:auto !important; } /* FEA Nest --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest .nest_wrap { position:relative; } .zenario_plugin_nest .nest_buttons { position:absolute; right:0; top:4px; } .zenario_plugin_nest .nest_buttons .nest_browser_back { cursor:pointer; } .zenario_plugin_nest .zenario_breadcrumbs { margin-bottom:20px; margin-right:60px; } /* Home page, main area side --------------------------------------------------------------------------------------------------*/ .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_3 .nest_plugins, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_4 .nest_plugins, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_5 .nest_plugins { display:flex; flex-wrap:wrap; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical_3 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_3 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_4 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_5 .nest_plugins > * { width:50%; float:left; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_3 .nest_plugins > *:nth-child(3), .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_5 .nest_plugins > *:nth-child(3) { width:100%; float:none; clear:both; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical .nest_plugins > * { float:left; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical .nest_plugins > *:nth-child(2), .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical_3 .nest_plugins > *:nth-child(2) { float:right; } /* Nest nest_side_tabs_style_2 --------------------------------------------------------------------------------------------------*/ .Grid_Body .zenario_plugin_nest.nest_side_tabs_style_2 { margin-top:10px; } .nest_side_tabs_style_2 { overflow:hidden; position:relative; } .zenario_plugin_nest.nest_side_tabs_style_2 .nest_plugins_wrap .nest_plugins { overflow:hidden; } .nest_side_tabs_style_2 .nest_tabs ul, .nest_side_tabs_style_2 .nest_tabs ul li { padding:0; margin:0; list-style:none; } .nest_side_tabs_style_2 .nest_tabs ul li { margin-bottom:2px; } .nest_side_tabs_style_2 .nest_tabs ul li a { display:block; padding:10px 15px; background:#f0f0f0; color:#202020; font-weight:600; transition:all 0.2s ease-in-out 0s; } .nest_side_tabs_style_2 .nest_tabs ul li a:hover { background:#A6BED9; text-decoration:none; } .nest_side_tabs_style_2 .nest_tabs ul li.tab_on a { background:#5c94d4; color:#fff; } body.desktop .nest_side_tabs_style_2 .nest_tabs { width:23.8%; float:left; } body.desktop .nest_side_tabs_style_2 .nest_plugins_wrap { width:74.5%; float:right; overflow:hidden; } .nest_side_tabs_style_2 .zenario_html_snippet .zenario_wysiwyg > h2:first-child { margin-top:0; } .nest_side_tabs_style_2 .zenario_advanced_search #search_results_tabs { display:none; } .nest_side_tabs_style_2 .zenario_advanced_search.zenario_advanced_search__in_mode__search_page .zenario_advanced_search_results .search_heading { font-size:1em; font-style:italic; padding-left:20px; } .nest_side_tabs_style_2 .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { background:#fff; } body.desktop .nest_side_tabs_style_2 .zenario_videos_fea .zfea_block_like_block .zfea_block_list_wrap .zfea_block { width:calc(32% - 32px); border:1px solid #ccc; } body.mobile .nest_side_tabs_style_2 .nest_tabs { margin-bottom:30px; display:flex; flex-wrap:wrap; } body.mobile .nest_side_tabs_style_2 .nest_tabs ul { flex: 1; } body.mobile .nest_side_tabs_style_2 .nest_tabs ul li a .slide_image { display: none !important; } body.mobile .nest_side_tabs_style_2 .nest_tabs ul li { height: calc(100% - 4px); } body.mobile .nest_side_tabs_style_2 .nest_tabs ul li a { margin-right: 4px; height: 100%; padding:0; } body.mobile .nest_side_tabs_style_2 .nest_tabs ul li a span.slide_label { display: inline-block; padding: 3px 15px; } /* List tiles style --------------------------------------------------------------------------------------------------*/ .Grid_Body .zenario_plugin_nest.nest_list_side_tiles { margin-top:0; overflow:hidden; } body.desktop .zenario_plugin_nest.nest_list_side_tiles .nest_buttons { position:absolute; right:0; top:0; } .nest_list_side_tiles .nest_tabs, .nest_list_side_tiles .nest_plugins_wrap { position:relative; } body.desktop .nest_list_side_tiles .nest_tabs, body.desktop .nest_list_side_tiles .nest_plugins_wrap { padding-top:40px; } .nest_list_side_tiles .nest_tabs { z-index:2; } .nest_list_side_tiles .nest_plugins_wrap { z-index:1; } body.desktop .nest_list_side_tiles .nest_wrap { display:flex; } body.desktop .nest_list_side_tiles .nest_tabs { width:23.8%; float:left; padding-right: 1.6%; background: #fff; } body.desktop .nest_list_side_tiles .nest_plugins_wrap { width:74.5%; float:right; overflow:hidden; } .nest_list_side_tiles .nest_tabs ul, .nest_list_side_tiles .nest_tabs ul li { list-style:none; margin:0; padding:0; } .nest_list_side_tiles .nest_tabs ul li { padding-bottom:4px; } body.desktop .nest_list_side_tiles .nest_tabs ul li { padding-bottom:15px; } .nest_list_side_tiles .nest_tabs ul li a { position:relative; display:flex; align-items:center; background:#EBF4F5; overflow:hidden; font-size:0.85em; font-weight:600; line-height:1.4; transition:all 0.2s ease-in-out 0s; min-height:45px; } body.desktop .nest_list_side_tiles .nest_tabs ul li a { min-height:60px; } .nest_list_side_tiles .nest_tabs ul li a del.zenario_link_status { margin-left:0; } .nest_list_side_tiles .nest_tabs ul li a:hover { background:#D1E5E8; } .nest_list_side_tiles .nest_tabs ul li.tab_on a { background:#a5bedb; color: #FFF; } .nest_list_side_tiles .nest_tabs ul li a:hover { text-decoration: none; } .nest_list_side_tiles .nest_tabs ul li a span.slide_image { border-right:3px solid #e1cf04; transition:all 0.2s ease-in-out 0s; } .nest_list_side_tiles .nest_tabs ul li a:hover span.slide_image { opacity:0.9; } .nest_list_side_tiles .nest_tabs ul li a span.slide_label { display:inline-block; padding:3px 15px; } .nest_list_side_tiles .nest_tabs ul li a span.slide_image + span.slide_label { width:calc(100% - 30px - 106px); } .nest_list_side_tiles .nest_plugins > * { /*margin-bottom:20px;*/ } .nest_list_side_tiles .zenario_videos_fea .view_video .video + h1, .nest_list_side_tiles .zenario_videos_fea .view_video .video + .description { padding-top:20px; } .nest_list_side_tiles .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper { margin-bottom:0; } body.mobile .nest_list_side_tiles .nest_tabs { margin-bottom:10px; display:flex; flex-wrap:wrap; } body.mobile .nest_list_side_tiles .nest_tabs ul { flex:1; } body.mobile .nest_list_side_tiles .nest_tabs ul li { height:calc(100% - 4px); } body.mobile .nest_list_side_tiles .nest_tabs ul li a { margin-right: 4px; height:100%; } body.mobile .nest_list_side_tiles .nest_tabs ul li a .slide_image { display:none !important; } body.mobile .nest_list_side_tiles .nest_tabs ul li a span.slide_image + span.slide_label { width:auto; padding:3px 10px; } /* Nest tabs with images --------------------------------------------------------------------------------------------------*/ .nest_tabs_with_images .nest_tabs ul li a { display:flex; align-items:center; gap:10px; } /**/ .zenario_plugin_nest_10368 { text-align:center; } .zenario_plugin_nest_10368 .nest_title h1 { color: #124988; font-size: 1.5em; font-family:"open-sans",helvetica,tahoma,sans-serif; line-height: 30px; } .zenario_plugin_nest_10368 .zenario_banner { display:inline-block; margin:15px 15px 0 !important; } /**/ .zenario_plugin_nest_8161 .nest_title h1 { color:#ffec17; font-size:1.750em; } .zenario_plugin_nest_8161 .zenario_slot { display:inline-block; margin-right:20px; } .zenario_plugin_nest_8161 .zenario_banner, .zenario_plugin_nest_8161 .zenario_banner .banner_image { width:54px !important; height:54px; } /**/ .zenario_plugin_nest_8165 { position:relative; margin-left:115px; } /**/ .zenario_plugin_nest_8171 { overflow:hidden; text-align:right; } .zenario_plugin_nest_8171 > div { max-width:455px; float:right; } .zenario_plugin_nest_8171 .zenario_slot { display:inline-block; margin:10px 0 10px 35px; } /**/ .zenario_plugin_nest_8310 { text-align:right; } .zenario_plugin_nest_8310 .zenario_banner a { display:inline-block; height:30px; line-height:28px; padding:0 18px; font-size:0.938em; font-weight:600; background:#687074; color:#FFF; -webkit-border-radius: 20px; border-radius: 20px; -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_8310 .zenario_banner a:hover { text-decoration:none; background:#d2d7db; color:#151515; } /* Nest, Menu vertical, header --------------------------------------------------------------------------------------------------*/ .zenario_plugin_nest_8310 { position:relative; text-align:right; } .zenario_plugin_nest_8310 .zenario_menu_vertical .extranet_user_greeting { width:240px !important; padding:4px 22px 8px 12px; position:relative; z-index:97; display:inline; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/arrow-down-off.png') no-repeat right 13px; font-weight:600; font-size:0.938em; } .zenario_plugin_nest_8310 .zenario_menu_vertical:hover .extranet_user_greeting { background:#687074 url('../../zenario_custom/skins/WFN-2016/editable_css/../images/arrow-down.png') no-repeat right 13px; color:#fff; cursor:pointer; } .zenario_plugin_nest_8310 .zenario_menu_vertical .wrap_menu { background:#687074; width:250px !important; padding:7px; position:absolute; top:25px; right:0; z-index:101; text-align:left; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); } .zenario_plugin_nest_8310 .zenario_menu_vertical .wrap_menu .wrap_menu_outer { background:#f0f0f0; padding:5px 4px; } .zenario_plugin_nest_8310 .zenario_menu_vertical ul, .zenario_plugin_nest_8310 .zenario_menu_vertical ul li { list-style:none; padding:0; margin:0; } .zenario_plugin_nest_8310 .zenario_menu_vertical ul li a { display:block; padding:0 5px 2px 5px; color:#1b1b1b; font-size:0.938em; } .zenario_plugin_nest_8310 .zenario_menu_vertical ul li.level1_on a, .zenario_plugin_nest_8310 .zenario_menu_vertical ul li.level1_on a:hover { color:#FFF; background-color:#5c94d4; } .zenario_plugin_nest_8310 .zenario_menu_vertical ul li a:hover { background:#FFF; text-decoration:none; } .zenario_plugin_nest_8310 .zenario_menu_vertical .wrap_menu { visibility:hidden; opacity: 0; /* Hide sub level, we will use this in transition */ -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_plugin_nest_8310 .zenario_menu_vertical:hover .wrap_menu { visibility:visible; opacity: 1; } .zenario_plugin_nest_8310 { text-align:right; } .zenario_plugin_nest_8310 .zenario_banner { display:inline-block; margin-left:4px; } /**/ .zenario_plugin_nest_8324 { overflow:hidden; text-align:right; } .zenario_plugin_nest_8324 > div { max-width:455px; float:right; } .zenario_plugin_nest_8324 .zenario_slot { display:inline-block; margin:10px 0 10px 35px; } .zenario_plugin_nest_8324 x-zenario-admin-slot-wrapper { display: inline-block; } /**/ .zenario_promo_menu { position:relative; z-index:60; height:45px; margin-top:25px; padding-left:115px; } .zenario_promo_menu .wrap_menu { display:inline-block; } .zenario_promo_menu ul, .zenario_promo_menu ul li { list-style:none; padding:0; margin:0; } .zenario_promo_menu ul, .zenario_promo_menu ul li, .zenario_promo_menu ul li a { display:inline-block; height:100%; } .zenario_promo_menu ul { float:left; } .zenario_promo_menu ul li a { color:#22353e; } .zenario_promo_menu ul li > a, .zenario_promo_menu ul li > em a { display:block; height:28px; padding:10px 25px 7px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_promo_menu ul li:hover > a, .zenario_promo_menu ul li:hover > em a { text-decoration:none; background-color:#A5BEDB; } .zenario_promo_menu ul li.level1_on > a, .zenario_promo_menu ul li.level1_on > em a { color:#5c94d4; } .zenario_promo_menu ul li.level1_on:hover > a, .zenario_promo_menu ul li.level1_on:hover > em a { color:#22353e; } .zenario_promo_menu ul li.node_home a { display:inline-block; float:left; width:16px; height:31.5px; text-indent:-999; font-size:0; line-height:0; padding-bottom:3px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/home-off-state.svg') no-repeat center / 16px; } .zenario_promo_menu ul li.node_home a:hover { background-color:#A5BEDB; } .zenario_promo_menu ul li.node_home.level1_on > a { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/home-on-state.svg') no-repeat center / 16px; } .zenario_promo_menu ul .columns_wrap { width:100%; overflow:hidden; position:absolute; top:45px; left:0; z-index:59; background:#A5BEDB; text-align:left; } .zenario_promo_menu ul .columns_wrap { 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_promo_menu ul li:hover .columns_wrap { opacity:1; visibility:visible; } body.ie .zenario_promo_menu ul .columns_wrap { display:none; } body.ie .zenario_promo_menu ul li:hover .columns_wrap { display:block; opacity:1; visibility:visible; } .zenario_promo_menu ul .columns_wrap .columns_wrap_inner { margin:auto; text-align:left; } .zenario_promo_menu ul .columns_wrap a { border-top:0; height:auto; padding:2px 0 5px 0; } .zenario_promo_menu ul .columns_wrap .level2 > a, .zenario_promo_menu ul .columns_wrap .level2 > em > a, .zenario_promo_menu ul .columns_wrap .level2_on > a, .zenario_promo_menu ul .columns_wrap .level2_on > em > a, .zenario_promo_menu ul .columns_wrap .level3 > a, .zenario_promo_menu ul .columns_wrap .level3 > em > a, .zenario_promo_menu ul .columns_wrap .level3_on > a, .zenario_promo_menu ul .columns_wrap .level3_on > em > a { margin-left:8px; padding:2px 8px 4px; } .zenario_promo_menu ul .columns_wrap .level3, .zenario_promo_menu ul .columns_wrap .level3_on { padding-top:2px; } .zenario_promo_menu ul .columns_wrap .level2.has_child > a, .zenario_promo_menu ul .columns_wrap .level2_on.has_child > a, .zenario_promo_menu ul .columns_wrap .level2_on.has_child > em > a { padding:2px 8px; } .zenario_promo_menu ul .columns_wrap .level3 > a, .zenario_promo_menu ul .columns_wrap .level3 > em > a, .zenario_promo_menu ul .columns_wrap .level3_on > a, .zenario_promo_menu ul .columns_wrap .level3_on > em > a { line-height:1.3em; } .zenario_promo_menu ul > li > a { font-size:1.0625em; } .zenario_promo_menu ul .columns_wrap .level2, .zenario_promo_menu ul .columns_wrap .level2_on { font-size:1.0625em; font-weight:600; line-height:1.3em; } .zenario_promo_menu ul .columns_wrap .level3 { font-size:0.875em; } .zenario_promo_menu ul .columns_wrap .level2_on > a, .zenario_promo_menu ul .columns_wrap .level2_on > em > a, .zenario_promo_menu ul .columns_wrap .level3_on > a, .zenario_promo_menu ul .columns_wrap .level3_on > em > a { color:#124988; } .zenario_promo_menu ul .columns_wrap div { line-height:20px; margin-bottom:8px; } .zenario_promo_menu ul .columns_wrap .level2 { margin-top:8px; } .zenario_promo_menu ul .columns_wrap .level2.has_child, .zenario_promo_menu ul .columns_wrap .level3 { margin-bottom:0; } .zenario_promo_menu ul .columns_wrap .level2 > a, .zenario_promo_menu ul .columns_wrap .level2 > em > a, .zenario_promo_menu ul .columns_wrap .level3 > a, .zenario_promo_menu ul .columns_wrap .level3 > em > a { display:block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_promo_menu ul .columns_wrap .level2 > a:hover, .zenario_promo_menu ul .columns_wrap .level2 > em > a:hover, .zenario_promo_menu ul .columns_wrap .level3 > a:hover, .zenario_promo_menu ul .columns_wrap .level3 > em > a:hover { background:#FFEE00; text-decoration:none; } .zenario_promo_menu ul .columns_wrap .second_gallery_wrap { display:none; } .zenario_promo_menu ul .columns_wrap .column { float:left; width:23%; padding:10px 1%; position:relative; } .zenario_promo_menu ul .columns_wrap .level2 a.node_link_img 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_promo_menu ul .columns_wrap .level2 span.menu_image a:hover img { filter: drop-shadow(3px 3px 4px #333); } /* Dropdown with images */ .zenario_promo_menu ul li.node_images_dropdown .columns_wrap .column { width:23%; min-height:120px; } /* Dropdown columns no images */ .zenario_promo_menu ul li.node_images_dropdown.dropdown_second_column_no_image .columns_wrap .column:nth-child(2) { width:24%; } .zenario_promo_menu ul li.node_images_dropdown.dropdown_second_column_no_image .columns_wrap .column:nth-child(2) .level2, .zenario_promo_menu ul li.node_images_dropdown.dropdown_second_column_no_image .columns_wrap .column:nth-child(2) .level3, .zenario_promo_menu ul li.node_images_dropdown.dropdown_third_column_no_image .columns_wrap .column:nth-child(3) .level2, .zenario_promo_menu ul li.node_images_dropdown.dropdown_third_column_no_image .columns_wrap .column:nth-child(3) .level3 { padding-left:0; } /* 3 columns */ .zenario_promo_menu ul li.level1_8 .columns_wrap .column, .zenario_promo_menu ul li.level1_8_on .columns_wrap .column, .zenario_promo_menu ul li.node_3_columns .columns_wrap .column { width:31%; } /* 6 columns */ .zenario_promo_menu ul li.level1_7 .columns_wrap .column, .zenario_promo_menu ul li.level1_7_on .columns_wrap .column { width:14.6%; padding-bottom:82px; margin-bottom:20px; text-align:center; } .zenario_promo_menu ul li.node_images_dropdown .columns_wrap .column .level2, .zenario_promo_menu ul li.node_images_dropdown .columns_wrap .column .level3 { padding-left:92px; position:relative; } .zenario_promo_menu ul .columns_wrap .column .zenario_menu_node .menu_image { position:absolute; z-index:2; left:10px; top:8px; } .zenario_promo_menu ul li.level1_7 .columns_wrap .column .zenario_menu_node img, .zenario_promo_menu ul li.level1_7_on .columns_wrap .column .zenario_menu_node img { left:30%; top:50px; } .zenario_promo_menu ul li.level1_7 .columns_wrap .column:nth-child(6) .zenario_menu_node img, .zenario_promo_menu ul li.level1_7_on .columns_wrap .column:nth-child(6) .zenario_menu_node img { top:35px; } .zenario_promo_menu ul li.level1_8 .columns_wrap .column:nth-child(3) .zenario_menu_node img, .zenario_promo_menu ul li.level1_8_on .columns_wrap .column:nth-child(3) .zenario_menu_node img { /*max-width:200px;*/ } .zenario_promo_menu .node_highlight { display:none; } .zenario_promo_menu .node_icon { display:none; } /* Level 1 node icon */ .zenario_promo_menu .wrap_menu_inner > ul > li.node_icon { display:block; } .zenario_promo_menu .wrap_menu_inner > ul > li.node_icon img { -webkit-transition : all 200ms ease-in-out; -moz-transition : all 200ms ease-in-out; transition : all 200ms ease-in-out; } .zenario_promo_menu .wrap_menu_inner > ul > li.node_icon a:hover { background-color:transparent; } .zenario_promo_menu .wrap_menu_inner > ul > li.node_icon a:hover img { opacity:0.85; } /* Node classes */ .zenario_promo_menu ul li .columns_wrap .column .level2.menu_l2_divider { clear:both; border-top:1px solid rgb(209, 218, 230); } .zenario_promo_menu ul li .columns_wrap .column .level2.menu_l2_divider > a { margin-top:10px; } .zenario_promo_menu ul li .columns_wrap .column .level2.menu_l2_divider a.node_link_img > img { top:15px; } .zenario_promo_menu ul li.level1_3 .columns_wrap .level2:not(.has_child) a.node_link_img, .zenario_promo_menu ul li.level1_4 .columns_wrap .level2:not(.has_child) a.node_link_img, .zenario_promo_menu ul li.level1_5 .columns_wrap .level2:not(.has_child) a.node_link_img { min-height:75px; } .zenario_promo_menu .feature_wrap { display:none; } .zenario_promo_menu ul .columns_wrap .level2.node_min_height { min-height:125px; } .zenario_promo_menu ul .columns_wrap .level2 + .level3.node_min_height { min-height:97px; } .zenario_promo_menu ul .columns_wrap .level2.node_margin_top { margin-top:30px; } .zenario_promo_menu .level1.node_icon { display:inline-block; margin-left:25px; margin-right:25px; } .zenario_promo_menu .level1.node_icon > a { display:none; } .zenario_promo_menu .level1.node_icon > .menu_image { position:relative; top:-15px; } /**/ .slot_slideshow { height: auto !important; position: relative; } .zenario_slideshow { text-align:center; } .zenario_slideshow .nest_wrap { padding-bottom:15px; position:relative; z-index:1; margin:auto; } zenario_slideshow .nest_wrap .nest_plugins_wrap { position:relative; z-index:2 } zenario_slideshow .nest_wrap .nest_plugins { right:0; } .zenario_slideshow .zenario_banner > div, .zenario_slideshow .zenario_banner > a { width:auto; background:transparent; } .zenario_slideshow .zenario_banner img { max-width:100% !important; height:auto !important; } .zenario_slideshow .zenario_banner .banner_more { padding-top:15px; font-size:3em; } .zenario_slideshow .prev, .zenario_slideshow .next { width:40px; height:75px; position:absolute; z-index:95; top:42%; cursor:pointer; -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_slideshow .prev span, .zenario_slideshow .next span { display:none; } .zenario_slideshow .prev { left:22px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/slideshow-left-arrow.svg') no-repeat 0 0; } .zenario_slideshow .next { right:22px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/slideshow-right-arrow.svg') no-repeat 0 0; } .zenario_slideshow .prev:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/slideshow-left-arrow-hover.svg') no-repeat 0 0; } .zenario_slideshow .next:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/slideshow-right-arrow-hover.svg') no-repeat 0 0; } /**/ .zenario_slideshow_23400 { position:relative; /*margin-top:150px;*/ font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; } .zenario_slideshow_23400 .zenario_banner { margin:auto; } .zenario_slideshow_23400 .zenario_banner .banner_content { position:absolute; z-index:20; top:8%; left:0; right:0; width:1222px; margin:auto; text-align:center; padding-top:80px; } .zenario_slideshow_23400 .zenario_banner .banner_content * { color:#FFF; } .zenario_slideshow_23400 .zenario_banner .banner_content .banner_title h2 { font-size:4.875em; line-height:78px; margin-bottom:20px; } .zenario_slideshow_23400 .zenario_banner .banner_content .banner_text { font-size:3.000em; line-height:50px; } .zenario_slideshow_23400 .zenario_banner .banner_content a:hover { text-decoration:none; } /**/ .zenario_slideshow_8313 { position:relative; margin-top:150px; font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; } .zenario_slideshow_8313 .zenario_banner { margin:auto; } .zenario_slideshow_8313 .zenario_banner .banner_content { position:absolute; z-index:20; top:8%; left:0; right:0; width:1222px; margin:auto; text-align:center; padding-top:80px; } .zenario_slideshow_8313 .zenario_banner .banner_content * { color:#FFF; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2 { font-size:4.875em; line-height:78px; margin-bottom:20px; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text { font-size:3.000em; line-height:50px; } .zenario_slideshow_8313 .zenario_banner .banner_content a:hover { text-decoration:none; } /**/ .zenario_user_forms .form_field { padding-bottom:15px; } .zenario_user_forms .form_field .field_title { padding-bottom:8px; } .zenario_user_forms .field_radio { padding-bottom:5px; } .zenario_user_forms .form_field.field_section_description { padding:15px 0 0; } .zenario_user_forms .form_field.field_section_description .field_title, .zenario_user_forms .form_field.field_main_question .field_title { font-weight:600; } .zenario_user_forms .form_field .field_checkbox input { margin-right:8px; } .zenario_user_forms .repeat_block { overflow:hidden; float:none; clear:block; position:relative; } .zenario_user_forms .repeat_block .field_title { float:none; clear:block; width:100%; } .zenario_user_forms .repeat_block .field_bibliography_title, .zenario_user_forms .repeat_block .field_bibliography_publication, .zenario_user_forms .repeat_block .field_participant_position, .zenario_user_forms .repeat_block .field_participant_organisation { width:calc(50% - 10px); } .zenario_user_forms .repeat_block .field_employment_position, .zenario_user_forms .repeat_block .field_employment_organisation { width:29%; } .zenario_user_forms .repeat_block .field_bibliography_link { width:79%; } .zenario_user_forms .repeat_block .field_participant_first_name, .zenario_user_forms .repeat_block .field_participant_last_name, .zenario_user_forms .repeat_block .field_participant_title { width:calc(33% - 10px); } .zenario_user_forms .field_attachment { overflow:hidden; } .zenario_user_forms .field_attachment .field_data { display:inline-block; padding:1% 2%; font-size:0.867em; background-color:#d8d8d3; width:calc(100% - 4% - 100px); } .zenario_user_forms .field_attachment .remove_attachment { height:30px; line-height:22px; font-size:0.867em; padding:0 10px; margin-left:10px; background-color:#687074; } .zenario_user_forms .field_attachment .remove_attachment:hover { background-color:#d2d7db; color:#151515; } .zenario_user_forms .repeat_block .repeat_rows { padding:20px; background:#e3e3e3; margin-top:15px; margin-bottom:10px; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row { overflow:hidden; margin-top:10px; background:#f3f3f3; border:1px dotted #333; padding:15px 15px 15px; position:relative; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row.row_1 { margin-top:0; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete { width:40px; float:right; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .repeat_fields .form_field { float:left; margin-right:10px; } .zenario_user_forms .repeat_block.repeat_block_47 .repeat_rows .repeat_row .repeat_fields .form_field { float:none; margin-right:0; } .zenario_user_forms .repeat_block.fields_3 .repeat_rows .repeat_row .repeat_fields .form_field { width:30%; margin-right:3%; } .zenario_user_forms .repeat_block.fields_4 .repeat_rows .repeat_row .repeat_fields .form_field { width:22%; margin-right:3%; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .repeat_fields .form_field .field_title { font-size:0.938em; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete { width:40px; position:absolute; right:0; top:5px; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete { right:8px; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete { width:30px; font-weight:0; line-height:0; text-indent:-99999px; -webkit-border-radius: 50%; border-radius: 50%; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete, .zenario_user_forms .repeat_block .repeat_block_buttons .add { height:32px; display:inline-block; background-color:#ffec17; background-repeat:no-repeat; background-position:center; background-size:12px; cursor:pointer; } .zenario_user_forms .repeat_block .repeat_block_buttons .add { line-height:28px; padding:0 20px; -webkit-border-radius: 20px; border-radius: 20px; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-minus.png'); } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete:hover, .zenario_user_forms .repeat_block .repeat_block_buttons .add:hover { background-color:#5c94d4; color:#FFF; } .zenario_user_forms .repeat_block .repeat_rows .repeat_row .delete:hover { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-minus-white.png'); } .zenario_user_forms .repeat_block .repeat_block_buttons { margin-top:15px; text-align:center; } .zenario_user_forms .form_buttons { overflow:hidden; float:none; clear:both; padding-top:20px; text-align:center; } .zenario_user_forms .form_buttons .previous { float:left; } .zenario_user_forms .form_buttons .next { float:right; } .zenario_user_forms .form_buttons .next.submit { float:none; } .zenario_user_forms input[type="checkbox"], .zenario_user_forms input[type="radio"] { margin-right:5px; } /* Page switcher tabs */ /* .zenario_user_forms .page_switcher, .zenario_user_forms .page_switcher ul { overflow:hidden; } .zenario_user_forms .page_switcher ul, .zenario_user_forms .page_switcher ul li { list-style:none; padding:0; margin:0; display:inline-block; } .zenario_user_forms .page_switcher ul { display:block; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/background_tabs.gif') repeat-x bottom; } .zenario_user_forms .page_switcher ul li { font-size:0.813em; padding:5px 8px; position:relative; border:1px solid #D1D1D1; background:#F0F0F0; color:#888; border-left:0; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zenario_user_forms .page_switcher ul li:first-child { border-left:1px solid #D1D1D1; } .zenario_user_forms .page_switcher ul li.current, .zenario_user_forms .page_switcher ul li.complete { background:#F0F0F0; color:#5c94d4; } .zenario_user_forms .page_switcher ul li.available { background:#5c94d4; color:#FFF; } .zenario_user_forms .page_switcher ul li.complete { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-tick.png'); background-repeat:no-repeat; background-position:right center; background-size:14px auto; padding-right:20px; } .zenario_user_forms .page_switcher ul li.current { background:#FFF; border-bottom:1px solid #FFF; width:auto; } .zenario_user_forms .page_switcher ul li.available, .zenario_user_forms .page_switcher ul li.current { cursor:pointer; } */ /* User forms, Page switcher ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .page_switcher { overflow:hidden; margin-bottom:2em; font-size:14px; } .zenario_user_forms .page_switcher ul, .zenario_user_forms .page_switcher ul li { list-style:none; padding:0; margin:0; display:inline-block; float:left; } .zenario_user_forms .page_switcher ul li { margin-bottom:1px; } .zenario_user_forms .page_switcher ul li span { display:inline-block; color: white; text-decoration: none; padding: 10px 0 10px 30px; background: #9fb2c8; position: relative; display: block; float: left; } .zenario_user_forms .page_switcher ul li span::after { content: " "; display: block; width: 0; height: 0; border-top: 21px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 21px solid transparent; border-left: 20px solid #9fb2c8; position: absolute; top: 50%; margin-top: -21px; left: 100%; z-index: 2; } .zenario_user_forms .page_switcher ul li span::before { content: " "; display: block; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 20px solid white; position: absolute; top: 50%; margin-top: -21px; margin-left: 1px; left: 100%; z-index: 1; } .zenario_user_forms .page_switcher ul li:first-child span { padding-left: 15px; } .zenario_user_forms .page_switcher ul li.current span { background: #5c94d4; } .zenario_user_forms .page_switcher ul li.current span:after { border-left-color: #5c94d4; } .zenario_user_forms .page_switcher ul li.complete span { background: #55b94d; } .zenario_user_forms .page_switcher ul li.complete span:after { border-left-color: #55b94d; } .zenario_user_forms .page_switcher ul li:last-child span { pointer-events: none; cursor: default; } .zenario_user_forms .page_switcher ul li.clickable_step, .zenario_user_forms .page_switcher ul li.clickable_step span:before, .zenario_user_forms .page_switcher ul li.clickable_step span:after { cursor:pointer; } body.mobile .zenario_user_forms .page_switcher { font-size:0.857em; } body.mobile .zenario_user_forms .page_switcher ul li span { padding-left:30px; } body.mobile .zenario_user_forms .page_switcher ul li:first-child span { padding-left:10px; } body.mobile .zenario_user_forms .page_switcher ul li span::before , body.mobile .zenario_user_forms .page_switcher ul li span:after{ border-top-width:40px; border-bottom-width:40px; border-left-width:20px; margin-top:-40px; } /**/ .zenario_user_forms .user_form { margin-top:20px; padding:15px 20px 20px; background:#f3f3f3; } .zenario_user_forms .user_form .nice_title > .field_title { font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; font-size:1.5em; line-height:1.5em; font-weight:600; } .zenario_user_forms .user_form input[type="text"], .zenario_user_forms .user_form input[type="password"], .zenario_user_forms .user_form input[type="email"], .zenario_user_forms .user_form input[type="search"], .zenario_user_forms .user_form select, .zenario_user_forms .user_form textarea { background-color:#FFF; } .zenario_user_forms .complete_later { margin-top:20px; clear:both; float:none; } .zenario_user_forms .complete_later input[type="submit"] { background:#687074; height: 30px; line-height: 22px; padding:0 15px 2px; } .zenario_user_forms .complete_later input[type="submit"]:hover { text-decoration:none; background:#d2d7db; color:#151515; } .zenario_skin .zenario_user_forms .description p { margin-bottom:5px; } .zenario_user_forms .section_wrap { overflow:hidden; } .zenario_user_forms .section_wrap .form_field { display:inline-block; float:left; margin-right:20px; } .zenario_user_forms .section_wrap .form_field.field_date { overflow:hidden; } .zenario_user_forms .form_field.field_date .hasDatepicker { width:115px !important; color:#000; } .zenario_user_forms .form_field.field_position input[type="text"], .zenario_user_forms .form_field.field_organisation input[type="text"] { width:230px; } .zenario_user_forms .field_date input[type="button"] { height:20px; line-height:14px; padding-bottom:4px; padding: 0 3px 4px; margin-left:5px; -webkit-border-radius: 4px; border-radius: 4px; } .zenario_user_forms .form_field .field_title { font-weight:600; } .zenario_user_forms .form_error, .zenario_user_forms .note_to_user, .extranet_profile_edit_note { font-size:0.813em; } .zenario_user_forms .note_to_user, .extranet_profile_edit_note { padding-top:2px; font-style:italic; line-height:1.2em; } .zenario_user_forms .form_field.hide_title .field_title { display:none; } .zenario_user_forms .form_fields .column_left, .zenario_user_forms .form_fields .column_right { width:48%; padding-top:8px; } .zenario_user_forms .form_fields .column_left { margin-right:2%; float:left; } .zenario_user_forms .form_fields .column_right { margin-left:2%; float:right; } .zenario_user_forms .resume_box { text-align:center; } .zenario_user_forms .resume_box input[type="submit"] { margin-left:4px; margin-right:5px; } .zenario_user_forms .form_field.field_date { overflow:hidden; } .zenario_user_forms .form_field input[type='text'].hasDatepicker, .zenario_user_forms .form_field input[type='text'].jquery_form_datepicker { max-width:200px; background:#fff url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-calendar.svg') no-repeat 98% center / 18px 18px; } .zenario_user_forms .form_field.field_date input[type="button"].clear_date { min-width:0; width:20px; height:20px; line-height:12px; padding:0 0 4px; -webkit-border-radius:50%; border-radius:50%; margin-left:4px; } .zenario_user_forms .form_field.field_section_spacer { padding:0; height:2em; } /* User forms, sortable fields ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .form_field.field_sortable_selection { } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap { display:flex; margin-top:10px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-arrow-drop.svg') no-repeat center center / 40px auto; background-position:center calc(50% + 21px); } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div { /*flex:0 0 50%; */ width:calc(50% - 20px); } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column { margin-left:40px; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap label { padding:10px; font-weight:bold; padding:15px 20px; background:#124988; color:#FFF; display:block; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul, .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul li { list-style:none; padding:0; margin:0; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul { padding:10px; background:#d2dae3; height:calc(100% - 54px - 20px); } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div ul li { margin:4px 0; padding:4px 8px; border:4px solid #d2dae3; background:#f3f3f3; color:#000; cursor: grab; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column ul { border:1px dashed #5c6773; background:#5daff7; } .zenario_user_forms .form_field.field_sortable_selection .sortable_selection_wrap > div.sortable_selection_right_column ul li { border-color:#5daff7; list-style:decimal; margin-left:20px; } /* User forms, summary ------------------------------------------------------------------------------------------------- */ .zenario_user_forms fieldset[id*="page_summary"] .form_field { } .zenario_user_forms .form_fields table { margin-bottom:20px; } .zenario_user_forms .form_fields table tr th, .zenario_user_forms .form_fields table tr td { vertical-align:top; } .zenario_user_forms .form_fields table tr th { font-family: "adobe-caslon-pro",'Times New Roman',georgia,serif; font-size:1.4em; background:#dbdbdd; padding:12px 10px 8px 10px; } .zenario_user_forms .form_fields table tr td { padding:10px; border-bottom:1px solid #ccc; } .zenario_user_forms .form_fields table tr td:first-child { font-weight:bold; } .zenario_user_forms .form_fields table tr th.spacer { background:transparent; } /* User forms, columns ------------------------------------------------------------------------------------------------- */ body.desktop .zenario_user_forms .values_wrap[class*="columns"] { overflow:hidden; display:flex; gap:20px; } body.desktop .zenario_user_forms .values_wrap .column { flex:1 1 0; } body.desktop .zenario_user_forms .matrix .form_field { overflow:hidden; padding: 8px 10px; background:#e8ebf0; } body.desktop .zenario_user_forms .matrix .form_field:nth-child(even) { background:#f9f9f9; } body.desktop .zenario_user_forms .matrix .form_field .field_title { width:23%; padding-right:2%; float:left; } body.desktop .zenario_user_forms .matrix .form_field .values_wrap { width:75%; float:right; } body.desktop .zenario_user_forms .field_section_description + .matrix { margin-top:15px; } /* Radios to look like buttons ------------------------------------------------------------------------------------------------- */ .zenario_user_forms .radios_to_look_like_checkboxes .field_radio input[type="radio"] { opacity: 0; position: absolute; } .zenario_user_forms .radios_to_look_like_checkboxes .field_radio label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; line-height: 20px; } .zenario_user_forms .radios_to_look_like_checkboxes .field_radio label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ccc; background-color: #fff; } .zenario_user_forms .radios_to_look_like_checkboxes .field_radio input[type="radio"]:checked + label:after { font-family:"FontAwesome"; content: '\f00c'; position: absolute; left: 4px; top: 0px; font-size: 14px; font-weight: bold; color:#124988; } .zenario_user_forms .radios_to_look_like_checkboxes .field_radio label:hover:before { background-color: #dbe5f1; } .zenario_user_forms .radios_to_look_like_checkboxes .field_radio input[type="radio"]:focus + label:before { border-color: #124988; /*box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.25);*/ } /**/ .zenario_user_forms_list_part_completed .responsive_table tr th, .zenario_user_forms_list_part_completed .responsive_table tr td { padding:10px; border:1px solid #dfe6ed; background:#f3f3f3; font-size:0.97em; } .zenario_user_forms_list_part_completed .responsive_table tr th { background:#9fb2c8; color:#FFF; } .zenario_user_forms_list_part_completed .responsive_table tr th.action { width:100px; } .zenario_user_forms_list_part_completed .responsive_table tr td:first-child { font-weight:600; } /**/ .zenario_videos_fea { overflow:hidden; } .zfea_form_row__last_edited { text-align:right; font-size:0.857em; font-style:italic; display:none; } .zenario_videos_fea.zenario_videos_fea__in_mode__view_video { padding-bottom:30px; } .zenario_plugin_nest .nest_buttons { position:static; padding:0; } .nest_buttons .nest_go_back { display: inline-block; padding: 3px 15px 5px; border-radius: 20px; font-size: 0.9em; font-weight: 600; background: #124988; color: #fff; transition:all 0.2s ease-in-out; } .nest_buttons .nest_go_back:hover { text-decoration:none; background: #ffec17; color: #151515; } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block { width:calc(50% - 34px - 2%); } body.mobile .zfea_blocks .zfea_block_list_wrap .zfea_block:nth-child(odd) { margin-right:12px; } .zenario_videos_fea .zfea_buttons.zfea_top_buttons + .zfea_list_search_sort_wrapper { clear: both; padding-top:10px; } .zfea_button { background-color: #5c94d4; } .zfea_button.selected { background-color: #124988; } .zfea_button, .zenario_skin a.zfea_button { color: #fff; } .zfea_button.list_view_button, .zfea_button.block_view_button { padding:0 8px; } .zfea_button.list_view_button .fa, .zfea_button.block_view_button .fa { position:relative; top:2px; font-size:18px; } .zfea_button.list_view_button .label, .zfea_button.block_view_button .label { display:none; } .zfea_table_list_wrap table tr th { background:#124988; color:#fff; } .zfea_table_list_wrap table tr th, .zfea_table_list_wrap table tr td { padding:10px; } /* Main column --------------------------------------------------------------------------------------------------*/ .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-border-radius: 3px; border-radius: 3px; -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.on { background:#124988; } .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:not(.on):hover { opacity:0.85; } .zenario_videos_fea .zfea_block_list_wrap { overflow:hidden; } .zenario_videos_fea .zfea_i_and_p { clear:both; display:block; } .zenario_videos_fea .zfea_i_and_p .zfea_item_count { font-style:italic; } .zenario_videos_fea .view_toggle_wrap, .zenario_videos_fea .zfea_block, .zenario_videos_fea .zfea_i_and_p { margin-left:1.5%; margin-right:1.5%; } /* Block */ .zenario_videos_fea .zfea_block { overflow:hidden; padding:15px; margin-bottom:15px; background:rgba(220,226,234,0.3); } .zenario_videos_fea .zfea_block div.column_image a { overflow:hidden; display:block; text-align:center; } .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 p { margin-bottom:4px; font-size:0.875em; } .zenario_videos_fea .zfea_block p.column_title { font-size:1.275em; font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; line-height:1.3em; padding-top:5px; } .zenario_videos_fea .zfea_block p.column_date { font-size:0.813em; font-style:italic; } .zenario_videos_fea .zfea_block .buttons { /*clear:both; display:block; text-align:right;*/ overflow:hidden; } .zenario_videos_fea .zfea_block .buttons a:before { font-family: 'FontAwesome'; content: "\f03d"; padding-right:4px; } .zenario_videos_fea .zfea_block .buttons a { display:inline-block; padding:2px 15px; font-size:0.875em; -webkit-border-radius: 15px; border-radius: 15px; background:#124988; color:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer; } .zenario_videos_fea .zfea_block .buttons a:hover { opacity:0.85; text-decoration:none; } /* List view */ .zenario_videos_fea .zfea_block_list_like_table .zfea_block { margin-top:8px; } .zenario_videos_fea .zfea_block_list_like_table .zfea_block .column_image { float:left; margin-right:20px; } .zenario_videos_fea .zfea_block_list_like_table .zfea_block p { overflow:hidden; } /* Grid view */ .zenario_videos_fea .zfea_block_like_block .zfea_block { float:left; width:calc(30.33% - 30px); /*height:400px !important;*/ padding-bottom:35px; position:relative; } .zenario_videos_fea.grid_four_rows .zfea_block_like_block .zfea_block { width:calc(22% - 30px); } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { padding-bottom:8px; } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image img { /*max-width:100% !important; height:auto !important;*/ } .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position:absolute; bottom:15px; left:0; right:0; text-align:center; } /* news */ .minigrid.span9 .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:15px; } .minigrid.span9 .zenario_videos_fea .zfea_zenario_list_videos .column_title .label { font-weight:700; padding-bottom:8px; } .minigrid.span9 .zenario_videos_fea .zfea_zenario_list_videos .column_description .label { color: #151515; } .minigrid.span9 .zenario_videos_fea .zfea_zenario_list_videos .column_date .label { font-style:italic; } .zenario_videos_fea .zfea_block .buttons { display:none; } /*.minigrid.span9 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image a, .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image a { position:relative; }*/ .zenario_videos_fea .zfea_block .column_image a { position:relative; } .zenario_videos_fea .zfea_block .column_image a:after { font-family:"FontAwesome"; content:"\f01d"; font-size:60px; color:rgba(165, 190, 219, 0.7); position:absolute; top:45%; left:0; right:0; margin:auto; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zenario_videos_fea .zfea_block:hover .column_image a:after { color:rgba(18, 73, 136, 0.7); } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image a:after { top:33%; font-size:40px; } /* side */ .minigrid.span3.span1_4 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { width:auto; margin:0; } .minigrid.span3.span1_4 .zenario_videos_fea .zfea_block_like_block .zfea_block { width:calc(32% - 20px); height:45px !important; margin:0 0 10px; padding:0; } .minigrid.span3.span1_4 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image a:after { top:0; width:80px; height:45px; line-height:1; } .minigrid.span3.span1_4 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { height:45px; overflow:hidden; padding:0; } /* View video */ .zenario_videos_fea .view_video h1 { display:block; font-size:1.750em; } .zenario_videos_fea .view_video .video { padding-bottom:15px; background:#000; } .zenario_videos_fea .view_video .date { font-size:0.813em; font-style:italic; } .zenario_videos_fea .view_video .description, .zenario_videos_fea .view_video .date { padding-top:10px; } .zenario_videos_fea .view_video .description, .zenario_videos_fea .view_video .date { margin-bottom: 0; } .zenario_videos_fea .view_video .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .zenario_videos_fea .view_video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Side column --------------------------------------------------------------------------------------------------*/ body.mobile .minigrid.span3 .zenario_videos_fea { display:none; } .minigrid.span3 .zenario_videos_fea .zfea_zenario_list_videos .zfea_block_list_wrap { height:830px; overflow-y:auto; } .minigrid.span3 .zenario_videos_fea .view_toggle_wrap { display:none; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block h3 { padding-top:0; font-size: 1.375em; font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block { overflow:hidden; width:calc(100% - 15px); height:auto !important; padding:0 15px 0 0; margin-bottom:15px; background:transparent; position:relative; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image img { max-width:100% !important; height:auto !important; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { width:100px; float:left; margin-right:8px; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_title { overflow:hidden; margin:0; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_title, .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { width:calc(100% - 108px); float:right; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_title { font-family:"open-sans",helvetica,tahoma,sans-serif; font-size:14px; line-height:1.3em; padding:0 0 5px; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block p.column_date { font-size: 0.813em; font-style: italic; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { position:static; text-align:left; margin-top:5px; } .minigrid.span3 .zenario_videos_fea .zfea_block .buttons a, .minigrid.span3 .zenario_videos_fea .zfea_block .buttons a:before { font-size:13px; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block p.column_description, .minigrid.span3 .zenario_videos_fea div.zfea_i_and_p { display:none; } .zenario_videos_fea .column_event_reference .field_value { font-size:0.833em; font-family:courier, monospace; } .zenario_videos_fea .column_date { font-size: 0.813em; font-style: italic; } .zenario_videos_fea .column_description { font-size:0.9em; } /* Video search --------------------------------------------------------------------------------------------------*/ .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper { background: #e8eff7; padding: 20px; overflow: hidden; margin-bottom:30px; } .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input[type="search"], .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input.search_term, .zenario_videos_fea .zfea_zenario_search_videos input[type="submit"], .zenario_videos_fea .zfea_zenario_search_videos input[type="button"], .zenario_skin .zfea .search_form input[type="button"] { height: 36px; } .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input[type="search"], .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input.search_term { width: 400px; margin: 0; font-weight: 600; background-repeat: no-repeat; background-position: 98% center; background-size: auto 18px; } body.ff .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input[type="search"], body.ff .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input.search_term { padding-right: 30px; } .zenario_videos_fea .zfea_zenario_search_videos input[type="submit"] { height:40px; color:#0082c8; background:#f6f6f6; } .zenario_videos_fea .zfea_zenario_search_videos input[type="button"].clear_search { position: relative; top:2px; margin-left: -65px; } .zenario_videos_fea .zfea_zenario_search_videos input[type="button"].clear_search:hover { color:#777; } /**/ .pad_slot { display:none; } #mc_embed_signup { background:transparent !important; } .zenario_adminLoggedIn .addthis-smartlayers { display:none; } .Grid_Body iframe { width:100% !important; } .Grid_Body .zenario_html_snippet a.download, .Grid_Body .zenario_html_snippet a[href$="&download=1"], .Grid_Body .zenario_html_snippet a[href$=".download"], .Grid_Body .zenario_html_snippet a[href^="/public/downloads/"], .Grid_Body .zenario_html_snippet a[href^="/private/downloads/"], .Grid_Body .zenario_html_snippet a[href$="document"], .Grid_Body .zenario_html_snippet a[href^="document"] { display: inline-block; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; } .Grid_Body .zenario_html_snippet a.download:hover, .Grid_Body .zenario_html_snippet a[href$="&download=1"]:hover, .Grid_Body .zenario_html_snippet a[href$=".download"]:hover, .Grid_Body .zenario_html_snippet a[href^="/public/downloads/"]:hover, .Grid_Body .zenario_html_snippet a[href^="/private/downloads/"]:hover, .Grid_Body .zenario_html_snippet a[href$="document"]:hover, .Grid_Body .zenario_html_snippet a[href^="document"]:hover { padding-left:20px; background: url('../../zenario_custom/skins/WFN-2016/editable_css/../images/download.gif') no-repeat 0 2px; } .Grid_Body .zenario_html_snippet a[href$="&download=1"].button:hover, .Grid_Body .zenario_html_snippet a[href$=".download"].button:hover, .Grid_Body .zenario_html_snippet a[href^="/public/downloads/"].button:hover, .Grid_Body .zenario_html_snippet a[href^="/private/downloads/"].button:hover, .Grid_Body .zenario_html_snippet a[href$="document"].button:hover, .Grid_Body .zenario_html_snippet a[href^="document"].button:hover { padding-left:18px; background:#124988; } .zenario_skin .clear { clear:both; } .zenario_skin .clear_left { clear:left; } .zenario_skin .clear_right { clear:right; } .zenario_slot.align_center { text-align:center; } .zenario_skin a.enlarge_in_fancy_box.cboxElement img { border:1px solid #124988; } .zenario_skin hr { border: 1px solid #ccc; margin-bottom: 20px; } /* Extranet --------------------------------------------------------------------------------------------------*/ .extranet_wrap { max-width:560px; } .extranet_wrap .extranet_field, .extranet_wrap .form_field, .extranet_wrap #password_message { margin-bottom:15px; } .extranet_wrap #password_message { display:block; text-align:left; } .extranet_wrap .extranet_field.zenario_visitor_tooltip_wrap { margin-bottom:0; } .extranet_wrap .extranet_field .label, .extranet_wrap .form_field .field_title { margin-bottom:5px; } .extranet_wrap .extranet_remember_me, .extranet_wrap .form_buttons { margin-top:15px; } .extranet_wrap .extranet_links { margin-top:10px; } .extranet_wrap .extranet_terms_and_conditions, .extranet_wrap .extranet_remember_me, .extranet_wrap .extranet_log_me_in, .extranet_wrap .extranet_links { font-size:0.875em; } .extranet_wrap div.form_buttons, .extranet_wrap div.extranet_btn { text-align:center; padding:15px 0 10px; } .extranet_wrap .form_buttons .submit { margin-right:10px; } .extranet_wrap .extranet_edit_profile .form_buttons .submit, .extranet_wrap .extranet_edit_profile .extranet_links .submit { margin-right:18px; } .zenario_extranet_profile .extranet_wrap .extranet_links { text-align:center; font-size:16px; padding-bottom:10px; } .extranet_wrap .form_wrapper { margin-bottom:30px; } .extranet_wrap .screen_name_confirmed_info, .extranet_wrap .existing_image_wrap { margin-bottom:15px; } .extranet_wrap input[type="checkbox"] { margin-right:8px; } .extranet_profile_groups { padding-top:50px; } .extranet_profile_groups .field_section_description .field_title, .zenario_extranet_user_image .extranet_wrap h1 { font-family:"adobe-caslon-pro",'Times New Roman',georgia,serif; font-size:1.75em; line-height:32px; } .extranet_profile_groups form { display:none; } .extranet_profile_groups .form_wrapper form { display:block; } .zenario_extranet_user_image .extranet_wrap .extranet_btn { margin-top:10px; display:inline-block; } .zenario_extranet_user_image .extranet_wrap .extranet_btn input[type="submit"] { height:30px; line-height:28px; font-size:0.875em; padding:0 15px; } .zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip:hover { display:block; } body.desktop .zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip { top:27px; right:-150px; background: #eee; color: #000; border: 1px solid #ccc; } .extranet_wrap .extranet_field .captcha > div { margin-top:10px; } .hide_forgotten_password_link .extranet_wrap .extranet_link_reset_password { display:none; } .align_form_center .extranet_wrap { margin:auto; } /* Password field with eye icon --------------------------------------------------------------------------------------------------*/ .zenario_skin .password_field_with_eye { position:relative; } .zenario_skin .password_field_with_eye input { padding-right:40px; } .zenario_skin .password_field_with_eye .eye_icon { display: inline-block; position:absolute; z-index:1; top: 50%; transform: translateY(-50%); left:calc(100% - 30px); transition:all 0.2s ease-in-out; cursor:pointer; } .zenario_skin .password_field_with_eye .eye_icon:hover { color:#000; } .zenario_skin .password_field_with_eye input, .zenario_skin .password_field_with_eye input[type="password"] { width:calc(100% - 12px - 40px); } .zenario_skin .password_field_with_eye input[type="password"] { margin-bottom:0; } /* links like buttons --------------------------------------------------------------------------------------------------*/ .zenario_banner_8321 .banner_content ul li a, .zenario_banner.banner_title_button h2 a, .zenario_banner.banner_button h2 a, .zenario_content_list_8160 .content_list_all_more a, .slot_subscribe .zenario_banner .banner_more a, .Grid_Section .banner_more a, .slot_news_links .zenario_banner .banner_title a, .zenario_content_list.list_main .content_list_all_more a, .zenario_content_list.list_all_button a.content_list_more_link, .zenario_ctype_document .document_details_content_download h3 a, .zenario_skin a.link_like_button { display:inline-block; height:40px; line-height:36px; padding:0 25px; font-weight:600; -webkit-border-radius: 24px; border-radius: 24px; -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_title_button h2 a, .zenario_banner.banner_button h2 a, .slot_news_links .zenario_banner .banner_title a, .zenario_content_list.list_main .content_list_all_more a, .zenario_content_list.list_all_button a.content_list_more_link, .zenario_ctype_document .document_details_content_download h3 a { font-family:"open-sans",helvetica,tahoma,sans-serif; font-size:16px; } .zenario_banner_8321 .banner_content ul li a { margin-right:30px; background:#687074; color:#FFF; } .zenario_banner_8321 .banner_content ul li a:hover, .zenario_banner.banner_title_button h2 a:hover { background:#d2d7db; color:#151515; } .zenario_content_list_8160 .content_list_all_more a, .zenario_banner_8321 .banner_content ul li:first-child a, .slot_subscribe .zenario_banner .banner_more a, .Grid_Section .banner_more a, .banner_title_button h2 a, .banner_button h2 a, .slot_news_links .zenario_banner .banner_title a, .zenario_content_list.list_main .content_list_all_more a, .zenario_content_list.list_all_button a.content_list_more_link, .zenario_ctype_document .document_details_content_download h3 a, .zenario_skin a.link_like_button { color:#FFF; background:#124988; } .zenario_content_list_8160 .content_list_all_more a:hover, .zenario_banner_8321 .banner_content ul li:first-child a:hover, .slot_subscribe .zenario_banner .banner_more a:hover, .slot_news_links .zenario_banner .banner_title a:hover, .zenario_banner.banner_button h2 a:hover, .zenario_content_list.list_main .content_list_all_more a:hover, .zenario_content_list.list_all_button a.content_list_more_link:hover, .zenario_ctype_document .document_details_content_download h3 a:hover, .zenario_skin a.link_like_button:hover { color:#124988; background:#ffec17; } a.button:hover, .zenario_content_list_8160 .content_list_all_more a:hover, .zenario_banner_8321 .banner_content h2 a:hover, .zenario_banner_8321 .banner_content ul li a:hover, .slot_subscribe .zenario_banner .banner_more a:hover, .Grid_Section .banner_more a:hover, .banner_title_button h2 a:hover, .banner_button h2 a:hover, .slot_news_links .zenario_banner .banner_title a:hover, .zenario_content_list.list_main .content_list_all_more a:hover, .zenario_content_list.list_all_button a.content_list_more_link:hover, .zenario_ctype_document .document_details_content_download h3 a:hover, .zenario_skin a.link_like_button:hover { text-decoration:none; } a.button, .zenario_banner.banner_button h2 a { -webkit-border-radius: 20px; border-radius: 20px; color: #ffffff !important; font-weight:600; background: #124988; text-decoration: none; margin-right: 30px; padding: 6px 18px 8px 18px; transition: all 0.2s ease-in-out; } a.button { -webkit-border-radius: 4px; border-radius: 4px; } .zenario_banner.banner_button h2 a:hover { background: #ffec17; text-decoration: none !important; color:#151515 !important; } .zenario_banner.banner_button h2 a { height:23px; line-height:22px; } a.button:hover, a.button:focus { background-color: #124988; box-shadow: 0 0 0 0.15rem white, 0 0 0 0.35rem #124988; } /* links back --------------------------------------------------------------------------------------------------*/ .zenario_banner.banner_back .banner_title { position:relative; padding-left:13px; } .zenario_banner.banner_back .banner_title:before { position:absolute; font-family:"FontAwesome"; content:"\f104"; left:0; color:#124988; } /* Pagination --------------------------------------------------------------------------------------------------*/ .pag_pagination { margin-top:10px; text-align:center; font-weight:600; font-size:0.813em; } .pag_pagination span a { display:inline-block; margin: 0 1px 5px; padding: 0 8px 3px; -webkit-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:#124988; text-decoration:none; } /* Add This --------------------------------------------------------------------------------------------------*/ .addthis-smartlayers #at4-share, .addthis-smartlayers #at4-soc { top: auto !important; bottom:8% !important; } /* Cookies message --------------------------------------------------------------------------------------------------*/ div.zenario_cookie_consent .zenario_cookie_consent_wrap { max-width:1300px; } .zenario_cc_message h6 { font-size:1.3em; padding-bottom:5px; } .zenario_cc_message a { text-decoration:underline !important; } /* Zenario item info --------------------------------------------------------------------------------------------------*/ .zenario_front_end_picked_item_info { position:absolute; z-index:90; top:3px; right:3px; } /* Pinned --------------------------------------------------------------------------------------------------*/ .zenario_slot .pinned { color:#124988; } /* Anchor --------------------------------------------------------------------------------------------------*/ a.anchor, a[id^="anchor_"] { display: block; position: relative; top: -160px; visibility: hidden; } /* Shared links --------------------------------------------------------------------------------------------------*/ .shareable_link, .shareable_link_input { display:inline-block; } .shareable_link_input { position:relative; } .shareable_link .zenario_copy { width:20px; height:14px; background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-copy-link.svg') no-repeat center center / 100% auto; } .shareable_link .zenario_copy:hover { background:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/icon-copy-link-blue.svg') no-repeat center center / 100% auto; } .shareable_link .zenario_copy .fa-copy { display:none; } .shareable_link_input .zenario_visitor_tooltip { white-space:nowrap; position:absolute; top:25px; left:-40px; padding:0 8px; } /* Cookies --------------------------------------------------------------------------------------------------*/ .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap .cookie_title_text a { color:#124988; } .switch input:checked + .slider { background-color:#124988; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences { border-color:#124988; color:#124988; } .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input, .zenario_cookie_consent_manage_popup .zenario_cookie_consent_manage_popup_wrap form .cookies_buttons input.cookie_save_preferences:hover { background:#124988; color:#FFF; } .zenario_cookie_consent_manage_popup .switch input:disabled + .slider { opacity:0.5; } /* Margins/Paddings --------------------------------------------------------------------------------------- */ .mt_10 { margin-top:10px; } .mt_20 { margin-top:20px; } .mt_30 { margin-top:30px; } .mt_40 { margin-top:40px; } .mt_50 { margin-top:50px; } .mt_80 { margin-top:80px; } .mt_100 { margin-top:100px; } .mb_10 { margin-bottom:10px; } .mb_20 { margin-bottom:20px; } .mb_30 { margin-bottom:30px; } .mb_40 { margin-bottom:40px; } .mb_50 { margin-bottom:50px; } .mb_80 { margin-bottom:80px; } .mb_100 { margin-bottom:100px; } .pt_10 { padding-top:10px; } .pt_20 { padding-top:20px; } .pt_30 { padding-top:30px; } .pt_40 { padding-top:40px; } .pt_50 { padding-top:50px; } .pt_80 { padding-top:80px; } .pt_100 { padding-top:100px; } .pb_10 { padding-bottom:10px; } .pb_20 { padding-bottom:20px; } .pb_30 { padding-bottom:30px; } .pb_40 { padding-bottom:40px; } .pb_50 { padding-bottom:50px; } .pb_80 { padding-bottom:80px; } .pb_100 { padding-bottom:100px; } /**/ /* Layout max-width: 1380px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1381px) { zenario_content_list.csl_grid_2_cols .content_list_data_row { width:46%; margin-left:2%; margin-right:2%; margin-bottom:20px; } zenario_content_list.csl_grid_2_cols .content_list_data_row div.sticky_image img, .zenario_content_list.list_main .content_list_data_row div.sticky_image img { max-width: 100% !important; height:auto !important; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2 { font-size:3em; line-height:1.3em; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text { font-size:2em; line-height:1.3em; } .zenario_slideshow .zenario_banner .banner_more { font-size:1.5em; line-height:1.3em; } .Slot_Main_Area_Side .zenario_banner img { max-width:100% !important; height:auto !important; } } /* Layout max-width: 1322px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1322px) { .zenario_banner.banner_masthead .banner_text, .zenario_banner.banner_masthead_style_2 .banner_text { width:100%; } .zenario_promo_menu ul > li > a { padding-left:18px; padding-right:18px; } } /* Layout max-width: 1282px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1283px) { .zenario_html_snippet .world_map_main_medium { display:block; } .zenario_html_snippet .world_map_main_large { display:none; } .slot_search .search_entry_box, .slot_search .search_button_panel, .slot_subscribe .zenario_banner .banner_content, .zenario_banner_8321 .banner_wrap, .zenario_slideshow_8313 .zenario_banner .banner_content { width:auto; } zenario_content_list.csl_grid_2_cols .content_list_data_row h2 { font-size:1.5em; } } /* Layout max-width: 1240px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1241px) { .slot_subscribe .zenario_banner .banner_wrap, .slot_intro .zenario_html_snippet, .zenario_slideshow_8313 .zenario_banner .banner_content, .zenario_banner.banner_masthead .banner_text, .zenario_banner.banner_masthead_style_2 .banner_text { padding-left:15px; padding-right:15px; } .zenario_banner.banner_masthead .banner_text, .zenario_banner.banner_masthead_style_2 .banner_text { width:calc(100% - 30px); } .zenario_banner.banner_masthead .banner_text p { font-size:2.5em; } .zenario_banner.banner_masthead_style_2 .banner_text h2 { font-size:3em; } .zenario_banner.banner_masthead_style_2 .banner_text p { font-size:1.2em; } .slot_search .search_entry_box input.search_entry_input_box { margin-left:0; } .slot_search .search_entry_box { width:calc(100% - 40px); } .slot_search .search_entry_box_panel { width:100%; } .zenario_banner_8321 .banner_wrap { padding-left:0; } .zenario_banner_8321 .banner_image { width:30%; } .slot_intro .zenario_html_snippet h1 { font-size:2.500em; line-height:40px; } .slot_intro .zenario_html_snippet p { font-size:1.250em; line-height:28px; } .zenario_promo_menu ul > li > a { padding-left:15px; padding-right:15px; font-size:1em; } } /* Layout max-width: 1230px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1231px) { .zenario_skin img { max-width: 100%; height:auto !important; } .zenario_html_snippet .imgR, .zenario_html_snippet .imgL { max-width: calc(100% - 18px); height:auto; } .zenario_promo_menu ul .columns_wrap .level2, .zenario_promo_menu ul .columns_wrap .level2_on { font-size:1em; } } /* Layout max-width: 1185px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1186px) { .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; padding-right:10px; width:calc(100% - 25px); } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block, .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { text-align:center; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { margin-right:0; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image, .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_title, .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .buttons { width:100%; float:none; } .zenario_promo_menu ul > li > a { font-size:0.97em; } .zenario_promo_menu { margin-left:0; padding-left:0; } } /* Layout max-width: 1024px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .zenario_skin h1 { font-size:1.875em; /* 30px */ } .zenario_skin h2 { font-size:1.750em; /* 28px */ } .zenario_skin h3 { font-size:1.375em; /* 22px */ } .Grid_Header.header_active .zenario_banner_8309 a { width:80px !important; height:37px !important; } .zenario_promo_menu ul li > a, .zenario_promo_menu ul li > em a { padding-left:10px; padding-right:10px; } .zenario_html_snippet .members_listing ul li { font-size: 1.200em; } .zenario_promo_menu ul .columns_wrap div { margin-bottom:0; line-height:18px; } .zenario_promo_menu ul .columns_wrap .column .zenario_menu_node img { max-width:50px; } .zenario_promo_menu ul li.level1_8 .columns_wrap .column:nth-child(3) .zenario_menu_node img { top:30px; max-width:100px; } .zenario_promo_menu ul li.level1_7 .columns_wrap .column:nth-child(6) .zenario_menu_node img { top:50px; } .zenario_promo_menu ul li.node_images_dropdown .columns_wrap .column .level2, .zenario_promo_menu ul li.node_images_dropdown .columns_wrap .column .level3 { padding-left:50px; } .zenario_promo_menu ul li.node_images_dropdown.node_wfn .columns_wrap .column:nth-child(2) .level2, .zenario_promo_menu ul li.node_images_dropdown.node_wfn .columns_wrap .column:nth-child(2) .level3 { padding-left:0; } /* 3 columns */ .zenario_promo_menu ul li.node_3_columns .columns_wrap .column, .zenario_promo_menu ul li.node_images_dropdown.node_3_columns .columns_wrap .column { width:31%; } .zenario_promo_menu ul li .columns_wrap .column { background-size:48px !important; } .zenario_videos_fea .zfea_block .buttons { clear:both; display:block; text-align:right; } .zenario_videos_fea .zfea_block_list_like_table .zfea_block .column_image img { max-width:150px !important; height:auto !important; } .zenario_videos_fea .zfea_block_like_block .zfea_block div.column_image a { text-align:center; } .zenario_videos_fea .zfea_block_like_block .zfea_block div.column_image a img { margin:auto; } zenario_content_list.csl_grid_2_cols .content_list_data_row { height:445px; } .zenario_slideshow_8313 .zenario_banner .banner_content { padding-top:0; top: 50%; transform: translateY(-50%); } .zenario_slideshow .prev, .zenario_slideshow .next { width:20px; height:40px; background-size:100% auto; top:35%; } .zenario_promo_menu ul li, .zenario_promo_menu ul .columns_wrap .level2 { font-size:0.97em; } } /* Layout max-width: 1022px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 1023px) { body.desktop .zenario_visitor_tooltip_wrap .zenario_password_requirements_tooltip { right:0; } } /* Layout min-width: 960px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 961px) { .slot_search .search_button { right:20px; bottom:20px; background-size:25px; } .slot_search .search_button.active { background-size:20px; } .zenario_html_snippet .members_listing .atoz { display: block; float: left; width: 30%; } .zenario_html_snippet .members_listing h2 { width: 8%; font-size:2em; } .zenario_html_snippet .members_listing ul { width: 68%; } .zenario_html_snippet .members_listing ul li { font-size: 1.2em; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { float:none; width:auto; margin:0; padding-bottom:3px; } .minigrid.span3 .zenario_videos_fea .zfea_block_like_block .zfea_block div.column_image a { text-align:left; } .zenario_content_list.newslisting_narrow .content_list_data_row h3.content_list_title { font-size:0.9em; } } /* Layout min-width: 800px --------------------------------------------------------------------------------------------------*/ @media (max-width: 800px) { .zenario_html_snippet .members_listing .atoz { display: block; float: left; width: 50%; } .zenario_html_snippet .members_listing h2 { width: 8%; font-size:2em; } .zenario_html_snippet .members_listing ul { width: 68%; } .zenario_html_snippet .members_listing ul li { font-size: 1em; } .zenario_promo_menu ul > li.node_home { display:none; } } /* Layout min-width: 768px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 768px) { .hideInMobile { display:none; } .zenario_cookie_consent { -webkit-text-size-adjust: 100%; } .Grid_A { position:fixed; z-index:99; top:0; } .Grid_Header, .Grid_Header .Slot_Logo, .Grid_Header .Grouping_Header { height:70px; } .Grid_Header + .Grid_Content, .Grid_Header + .Slot_Masthead { padding-top:70px; } .Grid_Header { padding:0; text-align:center; } .Grid_Header .Grouping_Header { position:fixed; z-index:98; top:0; width:100%; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.11); box-shadow:0 1px 3px rgba(0, 0, 0, 0.11); } .zenario_menu_responsive_push_pull #mmenu-hamburger { position:absolute; z-index:99; } .zenario_adminLoggedIn .Grid_Header .Grouping_Header, .zenario_adminLoggedIn .zenario_menu_responsive_push_pull #mmenu-hamburger { top:129px; } .zenario_adminLoggedIn.zenario_adminToolbarHidden .Grid_Header .Grouping_Header { top:10px; } body.retina .zenario_banner_8309 a { background-image:url('../../zenario_custom/skins/WFN-2016/editable_css/../images/logo-small-retina.png') !important; } .Grid_Body { padding-bottom: 10px; min-height: 180px; } .Grid_Body, .Grouping_Intro, .Grouping_Boxes { padding-left:15px; padding-right:15px; } .Grid_Content .zenario_slot, .slot_full_width { margin-bottom:40px; } .Grid_Background { background-size:auto 100%; } .Grid_Online, .Grouping_Side { padding-top:20px; } .Grid_Online { padding-bottom:20px; } /* .zenario_breadcrumbs { padding-bottom:10px; font-size:0.813em; } */ .zenario_banner_8309 { display:inline-block; margin-top:10px; } .zenario_banner_8309 .banner_text { display:none !important; } .zenario_slideshow_8313 { margin-top:0; } .slot_masthead { padding-top:0; } .zenario_banner.banner_masthead a, .zenario_banner.banner_masthead_style_2 a { height:200px !important; } .zenario_banner.banner_masthead .banner_text p { font-size:1.8em; } .zenario_banner.banner_masthead_style_2 .banner_text h2 { font-size:2.5em; } .zenario_banner.banner_masthead_style_2 .banner_text p { font-size:1em; } .slot_search .search_entry_box { width:calc(100% - 20px); padding:0 10px; } .slot_search .search_entry_box_panel { top:70px; } .slot_search .search_entry_box input.search_entry_input_box, .slot_search .search_entry_box input.search_entry_button { height:30px; line-height:30px; } .slot_search .search_entry_box input.search_entry_input_box { width:calc(100% - 120px); } .slot_search .search_entry_box input.search_entry_button { width:80px; padding:0 15px; font-size:0.813em; } zenario_content_list.csl_grid_2_cols .content_list_data_row { height:320px; } zenario_content_list.csl_grid_2_cols .content_list_data_row .content_list_category { padding:0 8px; font-size:0.875em; line-height:22px; } .Grid_Footer .container, zenario_content_list.csl_grid_2_cols, .zenario_banner_8321 { padding-left:15px; padding-right:15px; } .Grid_Footer { padding:15px 0; text-align:center; } .Grid_Footer .zenario_plugin_nest_8324 { text-align:center; } .Grid_Footer .zenario_plugin_nest_8324 > div { float:none; max-width:none; } .Grid_Footer .slot_logos .zenario_plugin_nest .nest_plugins > * { width:120px; } .Grid_Footer .slot_logos .zenario_plugin_nest .zenario_slot { margin:10px 0; } .Grid_Footer .slot_logos .zenario_plugin_nest .zenario_slot .banner_wrap { margin:0 10px; } .zenario_html_snippet.social_links { text-align:center; } .zenario_html_snippet.social_links div { padding:1em 0; } .zenario_html_snippet.social_links ul { display:inline-block; } .zenario_html_snippet.social_links ul li a { width:34px; height:34px; } .zenario_html_snippet.social_links ul li a i { line-height:34px; } .zenario_html_snippet.social_links ul li a i:before { font-size:20px; } .slot_menu { display:none; } .slot_subscribe .zenario_banner .banner_content h2 { font-size:1.875em; } zenario_content_list.csl_grid_2_cols > h2, .zenario_banner_8321 .banner_content h2 { font-size:1.500em; } zenario_content_list.csl_grid_2_cols .content_list_data_row h2, zenario_content_list.csl_grid_2_cols .content_list_all_more_text, .slot_subscribe .zenario_banner .banner_content p { font-size:1.250em; } .slot_subscribe .zenario_banner .banner_content h2, .slot_subscribe .zenario_banner .banner_content p { margin-bottom:20px; } zenario_content_list.csl_grid_2_cols .content_list_data_row p.content_list_date, .zenario_banner_8321 .banner_content p { padding:5px 0 0; font-size:1em; } .slot_subscribe .zenario_banner .banner_wrap { padding-top:40px; padding-bottom:30px; } .zenario_menu_vertical { display:none; } .Grid_Footer .Grouping_Copyright { text-align:center; } .Grid_Footer .Grouping_Copyright .slot:not(.responsive), .Grid_Footer .Grouping_Copyright section, .Grid_Footer .Grouping_Copyright .zenario_slot, .Grid_Footer .Grouping_Copyright .zenario_slot div, .Grid_Footer .Grouping_Copyright .zenario_slot p { display:inline; } .Grid_Footer .slot_copyright_zenario { text-align:left; } .Grid_Footer .zenario_footer, .Grid_Footer .Grouping_Copyright .zenario_html_snippet_8169, .Grid_Footer .Grouping_Copyright .zenario_html_snippet_8325 { font-size:0.813em; } .zenario_banner_8321 .banner_content h2, .zenario_banner_8321 .banner_content p:first-child { margin-bottom:0; } .slot_intro .zenario_html_snippet { padding-top:20px; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2 { font-size:2em; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text, .zenario_slideshow .zenario_banner .banner_more { font-size:1em; } .zenario_skin h1, .nest_side_tabs .nest_plugins_wrap .zenario_html_snippet h1 { font-size:2.125em; /*34px */ line-height:1.2em; } .slot_intro .zenario_html_snippet h1 { font-size:1.875em; /*30px */ line-height:34px; } .slot_intro .zenario_html_snippet h2 { font-size:1.625em; /*26px */ } .zenario_skin h3 { font-size:1.500em; /*24px */ } .slot_intro .zenario_html_snippet p { font-size:1em; line-height:22px; } .nest_accordion .zenario_banner .banner_title h2 { font-size:1.2em; } .nest_accordion .zenario_banner .banner_title h2 a, .nest_accordion .zenario_banner .banner_title:hover h2 a, .nest_accordion .zenario_banner .banner_title .panel_open h2 a { background-size:40px; } .zenario_search_results_684 .search_results, .zenario_search_results_684 #search_results_tabs { float: none; margin-left: 0; width: 100%; } .zenario_search_results_684 #search_results_tabs { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc; } .zenario_multiple_image_container .banner_image { width:calc(31% - 22px); } .Grouping_Side .zenario_videos_fea { display:none; } .zenario_videos_fea .zfea_block_list_like_table .zfea_block { height:auto !important; } .zenario_videos_fea .zfea_block_like_block .zfea_block, .zenario_videos_fea.grid_four_rows .zfea_block_like_block .zfea_block { width:calc(47% - 30px); } .zenario_videos_fea .zfea_block_like_block .zfea_block { padding-bottom:55px; } a.button { font-size:0.875em; padding:5px 15px 8px; } body.mobile .zenario_html_snippet table, body.mobile .zenario_html_snippet table thead, body.mobile .zenario_html_snippet table tbody, body.mobile .zenario_html_snippet table th, body.mobile .zenario_html_snippet table td, body.mobile .zenario_html_snippet table tr { display: block; } body.mobile .zenario_html_snippet table tr { border:0; } body.mobile .zenario_html_snippet table tr th, body.mobile .zenario_html_snippet table tr td { width:calc(100% - 20px) !important; padding:5px 10px; overflow:hidden; } .zenario_html_snippet .members_listing { padding:10px; margin:10px 0; } .zenario_html_snippet .members_listing h2 { float:none; margin-bottom:0; font-size:1.5em; } body.mobile .zenario_html_snippet .members_listing table tr:nth-child(odd) { background:none; } body.mobile .zenario_html_snippet .members_listing table tr th, body.mobile .zenario_html_snippet .members_listing table tr td { width:calc(100% - 12px); padding:5px; } body.mobile .zenario_html_snippet .responsive_table_wrap table { display:table; font-size:90%; } body.mobile .zenario_html_snippet .responsive_table_wrap table thead, body.mobile .zenario_html_snippet .responsive_table_wrap table tbody { display:table-row-group; } body.mobile .zenario_html_snippet .responsive_table_wrap table th, body.mobile .zenario_html_snippet .responsive_table_wrap table td { display:table-cell; } body.mobile .zenario_html_snippet .responsive_table_wrap table tr { display: table-row; } body.mobile .zenario_html_snippet .responsive_table_wrap table tr th, body.mobile .zenario_html_snippet .responsive_table_wrap table tr td { width:inherit !important; padding:12px 5px 8px; overflow:initial; } body.mobile .zenario_html_snippet div.sticky_table_wrap table { width:100%; } body.mobile .zenario_html_snippet .sticky_table_wrap table thead th { width:85vw !important; } body.mobile .zenario_html_snippet .sticky_table_wrap table thead th:first-child { width:100px !important; } .zenario_content_list.list_main { padding-left:20px; padding-right:20px; } .zenario_content_list.list_main .content_list_data_row:nth-child(3n+1), .zenario_content_list.list_main .content_list_data_row:nth-child(3n+3) { clear:none; } .subscribe_button { right:15px; } .zenario_content_list.newslisting_narrow .content_list_listing { display:flex; justify-content:center; } } /* Layout max-width: 700px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 700px) { .zenario_location_listing .accordion .single_location_description .location_details h3, .zenario_location_listing .accordion .single_location_description .location_details .location_address, .zenario_location_listing .accordion .single_location_description .location_details .location_contact, .zenario_location_listing .accordion .single_location_description .location_details .location_president { font-size:1em; } .zenario_location_listing .accordion .single_location_description .location_details { width:100%; margin:0; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest, .layout_landing .Grid_Row_White .zenario_plugin_nest { padding:10px 0; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .nest_wrap, .layout_landing .Grid_Row_White .zenario_plugin_nest .nest_wrap { background:none; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .zenario_banner, .layout_landing .Grid_Row_White .zenario_plugin_nest .zenario_banner { float:none; width:96% !important; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .zenario_banner { border-top:1px solid #FFF; } .layout_landing .Grid_Row_White .zenario_plugin_nest .zenario_banner { border-top:1px solid #CCC; } .layout_landing .Grid_Row_Grey .zenario_plugin_nest .zenario_banner:first-child, .layout_landing .Grid_Row_White .zenario_plugin_nest .zenario_banner:first-child { border-top:0; } .zenario_ctype_document .document_details_content_sticky_image { float:none; } .zenario_location_editor a.button { position:static; top:0; float:right; } .zenario_location_editor div.button { height:30px; padding-bottom:10px; } .zenario_location_editor .location_editor_edit_mode .column { padding:5px 0; width:auto; float:none; margin-top:10px; } .zenario_location_editor .location_editor_edit_mode .column:first-child { border-right:0; } .zenario_slideshow_8313 .zenario_banner .banner_content { position:relative; transform:none; margin-top:-10px; background:#124988; width:calc(100% - 20px); padding:5px 10px 10px 10px; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2 { font-size:1.5em; line-height:1.2em; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2, .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text, .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text p { margin-bottom:0; } .zenario_slideshow .zenario_banner .banner_more { padding-top:0; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_text, .zenario_slideshow .zenario_banner .banner_more { font-family:"open-sans",helvetica,tahoma,sans-serif; font-size:0.857em; } #colorbox .zenario_slot { height:90vh; } #colorbox .zenario_slot, #colorbox .colorbox_content { width:calc(100% - 10px) !important; } .zenario_videos_fea .zfea_zenario_search_videos .zfea_list_search_wrapper form input[type="search"] { width:calc(100% - 40px); } .zenario_plugin_nest .zfea { margin-bottom:0; } .zenario_banner.banner_masthead_style_2 .banner_text img { max-height:100px !important; width:auto !important; } } /* Layout max-width: 600px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 600px) { /*.zenario_breadcrumbs div a { max-width:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:90%; } .zenario_breadcrumbs div a { margin-left: 18px; margin-right: 18px; } .zenario_breadcrumbs > div:last-child a { margin-right:0; } .zenario_breadcrumbs div.level1_on a { width:16px; }*/ zenario_content_list.csl_grid_2_cols .content_list_data_row, .zenario_content_list.list_main .content_list_data_row { width:100%; height:auto; margin-left:0; margin-right:0; } zenario_content_list.csl_grid_2_cols .content_list_data_row, zenario_content_list.csl_grid_2_cols .content_list_data_row.data_row_odd, zenario_content_list.csl_grid_2_cols .content_list_listing .content_list_data_row:nth-child(even) { float:none; } .zenario_content_list.list_main .content_list_data_row div.sticky_image { text-align:center; } .zenario_banner_8321 .banner_content { padding-right:8px; } .zenario_banner_8321 .banner_image { width:35%; } .zenario_banner_8321 .banner_content ul, .zenario_banner_8321 .banner_content ul li { display:block; } .zenario_banner_8321 .banner_content ul li { text-align:center; font-size:0.875em; } .zenario_banner_8321 .banner_content ul li a { height:30px; line-height:26px; margin:0 0 10px; padding:0 18px; } .Grid_Footer .Grouping_Copyright { line-height: 1.1em; margin-top: 5px; } .Grid_Footer .Grouping_Copyright p { margin-bottom:0; } .Grid_Footer .zenario_footer, .Grid_Footer .Grouping_Copyright .zenario_copyright, .Grid_Footer .Grouping_Copyright .zenario_html_snippet_8325 { font-size:0.750em; } .zenario_user_forms .repeat_block.fields_4 .repeat_rows .repeat_row .repeat_fields .form_field { margin-right:0; width:98%; } .nest_accordion .zenario_banner .banner_title h2 { } .zenario_search_results_684 input[type="text"] { width:200px; } .zenario_search_results_684 input[type="text"], .zenario_search_results_684 input[type="submit"] { height:30px; line-height:22px; font-size:0.875em; } .zenario_search_results_684 input[type="submit"] { padding:0 12px; } .nest_columns .zenario_banner { width:100% !important; float:none; } .nest_columns .zenario_banner .banner_image { height:auto; margin-top:0; margin-bottom:10px; } .zenario_user_forms .form_fields .column_left, .zenario_user_forms .form_fields .column_right { width:100%; float:none; padding:0; margin:0; } div.responsive_table_wrap { width: calc(100% - 2px); max-height: 75vh; overflow-x:scroll; box-shadow:0 0 8px rgba(0,0,0, 0.1); border: 1px solid #aaa; padding: 0px 0px 10px 0px; } div.responsive_table_wrap table { width:760px; } .nest_side_tabs .nest_tabs, .nest_side_tabs .nest_plugins_wrap { width:100%; float:none; } .nest_side_tabs .nest_plugins_wrap { padding:10px 0 0 0; } .nest_side_tabs .nest_tabs ul li { font-size:0.9em; } .nest_side_tabs .nest_tabs ul li.tab_on { background-color:#eaf5fb; } .subscribe_button { position:relative; top:0; float:right; } .zenario_content_list.list_main { clear:both; } body.mobile .zenario_content_list.list_main .content_list_data_row div.sticky_image, body.mobile .zenario_content_list.list_main .content_list_data_row .content_list_text, body.mobile .zenario_content_list.list_main .content_list_data_row > a { width:100%; float:none; } .zenario_content_list.list_main.list_categories .content_list_listing { max-width:427px; margin:auto; } .Slot_Main_Area_Side .zenario_plugin_nest .nest_wrap { margin:auto; } .Grouping_Boxes { max-width:426px; margin:auto; margin-bottom:40px; } .Grid_Content .Grouping_Boxes .zenario_slot { margin-bottom:20px; } } /* Layout max-width: 546px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 547px) { .zenario_html_snippet .members_listing .atoz { display: block; float: none; width: 100%; } .zenario_html_snippet .world_map_main_medium { display:none; } .zenario_html_snippet .world_map_main_small { display:block; } .zenario_html_snippet .members_listing h2 { width: 8%; font-size:2em; } .zenario_html_snippet .members_listing ul { width: 68%; } .zenario_html_snippet .members_listing ul li { font-size:1em; line-height:28px; } .zenario_html_snippet.social_links ul li { margin-bottom:10px; } } /* Layout max-width: 530px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 531px) { .Grid_Content .zenario_slot, .slot_full_width { margin-bottom:25px; } .zenario_skin h1 { font-size:1.5em; /*24px */ line-height:28px; } .zenario_skin h2 { font-size:1.3em; } .zenario_skin h3 { font-size:1.2em; } .slot_intro .zenario_html_snippet h2 { font-size:1.375em; /*22px */ line-height:28px; } .zenario_skin h3 { font-size:1.125em; /*18px */ line-height:22px; } .slot_intro .zenario_html_snippet h1 { font-size:1.2em; line-height:24px; } .slot_intro .zenario_html_snippet { text-align:center; } .zenario_location_listing .accordion h2 { font-size:1em; padding-top:10px; padding-bottom:12px; background-size:24px; } .zenario_location_listing .accordion .single_location { font-size:90%; } .zenario_location_listing .accordion .single_location_description .location_details h4 { font-size:1.2em; margin-top:10px; } .zenario_location_listing .accordion .single_location_description .location_name { text-align:center; padding-bottom:10px; } .zenario_location_listing .accordion .single_location_description .location_name .single_location_sticky_image { padding-left:0; } .zenario_location_listing .accordion .country_MY .single_location_description .location_name .single_location_sticky_image img { top:0; } .zenario_location_listing .accordion .single_location_description .location_name h3, .zenario_location_listing .accordion .single_location_description .location_name .single_location_sticky_image { float:none; display:block; } .zenario_location_listing .accordion .single_location_description .location_details h3, .zenario_location_listing .accordion .single_location_description .location_details h4, .zenario_location_listing .accordion .single_location_description .location_details .location_address, .zenario_location_listing .accordion .single_location_description .location_details .location_contact { margin-bottom:8px; } .zenario_location_listing .accordion .single_location_description .location_details .location_address { line-height:1.4em; } .zenario_multiple_image_container .banner_image { width:calc(48% - 22px); margin:10px 1%; } .zenario_videos_fea .view_toggle_wrap { display:none; } .zenario_videos_fea .zfea_block .buttons { text-align:center; } .zenario_videos_fea .zfea_block_list_like_table .zfea_block .column_image { margin-left:auto; margin-right:auto; float:none; } .zenario_slideshow_8313 .zenario_banner .banner_content .banner_title h2 { font-family:"open-sans",helvetica,tahoma,sans-serif; font-size:1em; } .zenario_slideshow .prev, .zenario_slideshow .next { width:10px; height:20px; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_map, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_wrap, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_iframe_wrap, .zenario_location_map_and_listing.map_drawer .zenario_lmal_map_iframe_wrap iframe { height:250px; } .slot > .zenario_location_map_and_listing.map_drawer .location_map_header, .zenario_adminLoggedIn .slot > x-zenario-admin-slot-wrapper .zenario_location_map_and_listing.map_drawer .location_map_header { display:none; } .zenario_location_map_and_listing.map_drawer .zenario_lmal_tabs { position:static; width:100%; display:block; } .zenario_skin table { float:none; margin-left:auto; margin-right:auto; min-width:80%; } .zenario_skin table caption { margin-bottom:20px; } .zenario_content_list.list_main .content_list_data_row p.content_list_date { margin:0; padding:5px 0 0; font-size:1em; } .zenario_content_list.list_main .content_list_data_row .content_list_title { font-size:1.250em; } .slot_intro .zenario_html_snippet h2 { margin-top:0; } .slot_subscribe .zenario_banner .banner_content p { font-size:1em; line-height:1.4em; } .slot_subscribe .zenario_banner .banner_more { padding-top:0; } .zenario_content_list.newslisting_narrow .content_list_listing { display:block; max-width:314px; margin:auto; } } /* Layout max-width: 480px --------------------------------------------------------------------------------------------------*/ @media all and (max-width: 480px) { .zenario_banner.banner_masthead a, .zenario_banner.banner_masthead_style_2 a { height: 150px !important; } .zenario_banner.banner_masthead_style_2 .banner_text h2 { font-size:2em; } .zenario_banner.banner_masthead_style_2 .banner_text img { display:none; } .zenario_location_editor .location_editor_edit_mode .details_container_buttons .button { display:block; margin:0 0 8px; } body.mobile .zenario_banner.banner_box_message .banner_image { float:none; width:100%; text-align:center; } body.mobile .zenario_banner.banner_box_message .banner_image img { max-width:100px; } body.mobile .zenario_banner.banner_box_message blockquote { padding-right:0; padding-left:0; } body.mobile .zenario_banner.banner_box_message blockquote:before { left:-5px; top:-30px; } body.mobile .zenario_banner.banner_box_message blockquote p { margin-left:0; font-size:0.9em; line-height:1.5em; } .zenario_html_snippet.social_links h3 { font-size:1.2em; } body.mobile .zenario_videos_fea .zfea_block_like_block .zfea_block, body.mobile .zenario_videos_fea.grid_four_rows .zfea_block_like_block .zfea_block { float:none; width:calc(100% - 30px); height:auto !important; margin-left:0; margin-right:0; } .zenario_videos_fea .zfea_block_like_block .zfea_block .column_image { width: 40%; float: right; padding: 0 0 0 15px; } .zenario_videos_fea .zfea_block .column_title { font-size:1em; } .zenario_banner.banner_masthead .banner_text p { font-size:1.6em; } } /* Layout max-width: 600 - 769px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 601px) and (max-width: 769px) { .Grouping_Boxes, .layout_home_v2 .Grid_Content .Grouping_Main .zenario_plugin_nest .nest_plugins { display:flex; justify-content:center; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical_3 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_3 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_4 .nest_plugins > *, .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_5 .nest_plugins > * { width:auto; float:none; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_3 .nest_plugins > *:nth-child(3), .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_horizontal_5 .nest_plugins > *:nth-child(3) { width:auto; float:none; clear:none; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical .nest_plugins > * { float:none; } .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical .nest_plugins > *:nth-child(2), .Slot_Main_Area_Side .zenario_plugin_nest.nest_boxes_vertical_3 .nest_plugins > *:nth-child(2) { float:none; } } /* Layout max-width: 960px - 769px --------------------------------------------------------------------------------------------------*/ @media all and (min-width : 769px) and (max-width: 980px) { .zenario_banner_8309 .banner_text { font-size:70%; } .zenario_location_editor a.button { position:static; top:0; float:right; } .zenario_location_editor div.button { height:30px; padding-bottom:10px; } } /* Layout min-width: 2000px --------------------------------------------------------------------------------------------------*/ @media all and (min-width: 2000px) { .slot_subscribe .zenario_banner .banner_wrap { width:100% !important; background-size:100% auto !important; } .zenario_banner.banner_masthead a, .zenario_banner.banner_masthead_style_2 a { background-size:100% 100% !important; } } /* Layout min-height: 800px --------------------------------------------------------------------------------------------------*/ @media all and (max-height: 801px) { .video_responsive { max-width:960px; } } @media all and (max-height: 601px) { .video_responsive { max-width:680px; } } /**/ @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 { .zenario_slot, .hide_from_print, .zenario_fbAdmin, .pluginAdminLinks, .zenario_social_tools, object, form, .zenario_toolbar_header, div.zenario_cookie_consent, .clear, .pad_tribiq_slot, #google_translate_element, .admin_link { display:none; } .zenario_slot.banner_masthead, .Grid_Body .zenario_slot { display:block !important; } .Grid_Body .zenario_slot.zenario_anonymous_comments, .Grid_Body .zenario_slot.zenario_comments, .Grid_Body .zenario_slot.zenario_email_a_friend, .Grid_Body .zenario_slot.zenario_extranet, .Grid_Body .zenario_slot.zenario_extranet_change_email, .Grid_Body .zenario_slot.zenario_extranet_change_password, .Grid_Body .zenario_slot.zenario_extranet_logout, .Grid_Body .zenario_slot.zenario_extranet_password_reminder, .Grid_Body .zenario_slot.zenario_extranet_password_reset, .Grid_Body .zenario_slot.zenario_extranet_registration, .Grid_Body .zenario_slot.zenario_font_size, .Grid_Body .zenario_slot.zenario_google_map, .Grid_Body .zenario_slot.zenario_menu, .Grid_Body .zenario_slot.zenario_menu_multicolumn, .Grid_Body .zenario_slot.zenario_menu_responsive_multilevel, .Grid_Body .zenario_slot.zenario_menu_vertical, .Grid_Body .zenario_slot.zenario_print_page, .Grid_Body .zenario_slot.zenario_promo_menu, .Grid_Body .zenario_slot.zenario_revealable_panel, .Grid_Body .zenario_slot.zenario_slideshow_2, .Grid_Body .zenario_slot.zenario_user_forms, .Grid_Body .zenario_slot.xPrint { display:none !important; } body, * { font-family:arial,verdana,helvetica; font-size:13px; } h1, h2, h3, h4, h5, h6 { font-family:arial,verdana,helvetica; font-weight:normal; } 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 tr th, table tr td { border:1px solid #000; } img { border:none; } a { color:#000; } .zenario_breadcrumbs { font-size:10px; padding-bottom:10px; } .zenario_content_list .content_list_data_row { border-bottom:1px dotted #000; padding:10px 0; } } /**/ /* cache/bundles/skin-css-id-9-uoV_YHZxIwhthHad-/skin.css was written to the page cache */