/* ==UserStyle== @name Tomato CSS Userstyle @namespace https://github.com/Generator @version 1.0.4 @description Custom CSS for Routers running Tomato Firmware @author Generator [(https://github.com/Generator)] @author tsg2k2 [(https://github.com/tsg2k2)] @author brandonongzy [(https://github.com/brandonongzy)] @homepageURL https://github.com/Generator/tomato-css-userstyle/ @updateURL https://raw.githubusercontent.com/Generator/tomato-css-userstyle/userstyle/tomato.user.css @preprocessor uso @advanced text RouterDomain1 "Primary Router Address" freshtomato @advanced text RouterDomain2 "Secondary Router Address (Optional)" 192.168.0.1 @advanced dropdown tomato-accent-color "Accent Color" { red "Tomato" <<'); --tomato-accent-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2327ae60' viewBox='-2 -2 28 28'%3e%3cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.351 6.493c-.08-.801.55-1.493 1.351-1.493s1.431.692 1.351 1.493l-.801 8.01c-.029.282-.266.497-.55.497s-.521-.215-.55-.498l-.801-8.009zm1.351 12.757c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/%3e%3c/svg%3e"); --tomato-accent-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2327ae60' width='24' height='24' viewBox='-2 -2 28 28'%3ee%3cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3e%3c/svg%3e"); --tomato-accent-radio: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2327ae60' width='24' height='24' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='7'/%3e%3c/svg%3e"); --icon-home: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M20 7.093l-3-3v-2.093h3v5.093zm4 5.907h-3v10h-18v-10h-3l12-12 12 12zm-10 2h-4v6h4v-6z'/%3e%3c/svg%3e"); --icon-bandwidth: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M7 19h-6v-11h6v11zm8-18h-6v18h6v-18zm8 11h-6v7h6v-7zm1 9h-24v2h24v-2z'/%3e%3c/svg%3e"); --icon-iptraffic: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M13 12.414v-12.364c6.158.51 11 5.66 11 11.95 0 6.627-5.373 12-12 12-2.953 0-5.654-1.072-7.744-2.842l8.744-8.744zm-2-12.364c-6.158.51-11 5.66-11 11.95 0 2.954 1.072 5.654 2.842 7.745l1.42-1.42c-1.412-1.725-2.262-3.928-2.262-6.325 0-5.177 3.953-9.446 9-9.949v-2.001z'/%3e%3c/svg%3e"); --icon-tools: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M23.269 19.743l-11.945-11.945c-.557-.557-.842-1.33-.783-2.115.115-1.485-.395-3.009-1.529-4.146-1.03-1.028-2.376-1.537-3.723-1.537-.507 0-1.015.072-1.505.216l3.17 3.17c.344 1.589-1.959 3.918-3.567 3.567l-3.169-3.17c-.145.492-.218 1-.218 1.509 0 1.347.51 2.691 1.538 3.721 1.135 1.136 2.66 1.645 4.146 1.53.783-.06 1.557.226 2.113.783l11.946 11.944c.468.468 1.102.73 1.763.73 1.368 0 2.494-1.108 2.494-2.494 0-.638-.244-1.276-.731-1.763zm-1.769 2.757c-.553 0-1-.448-1-1s.447-1 1-1c.553 0 1 .448 1 1s-.447 1-1 1zm-7.935-15.289l5.327-5.318c.584-.585 1.348-.878 2.113-.878.764 0 1.529.292 2.113.878.589.587.882 1.357.882 2.125 0 .764-.291 1.528-.873 2.11l-5.326 5.318-4.236-4.235zm-3.53 9.18l-5.227 5.185c-.227.23-.423.488-.574.774l-.301.58-2.1 1.07-.833-.834 1.025-2.146.58-.302c.286-.15.561-.329.79-.558l5.227-5.185 1.413 1.416z'/%3e%3c/svg%3e"); --icon-portforward: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M24 9.844l-3.583 6.781-1.084-2.625c-4.05 2.278-5.11 5.961-5.333 10h-4c.189-5.147 1.358-10.246 7.75-13.875l-1.041-2.625 7.291 2.344zm-13.242 3.975c-1.098-1.341-2.558-2.586-4.508-3.694l1.041-2.625-7.291 2.344 3.583 6.781 1.084-2.625c2.018 1.135 3.293 2.62 4.093 4.323.412-1.533 1.046-3.052 1.998-4.504zm1.242-13.819l-5 5h3v5.267c.764.621 1.428 1.268 2.011 1.936.582-.666 1.227-1.316 1.989-1.936v-5.267h3l-5-5z'/%3e%3c/svg%3e"); --icon-basic: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M19 18c0 1.104-.896 2-2 2s-2-.896-2-2 .896-2 2-2 2 .896 2 2zm-14-3c-1.654 0-3 1.346-3 3s1.346 3 3 3h14c1.654 0 3-1.346 3-3s-1.346-3-3-3h-14zm19 3c0 2.761-2.239 5-5 5h-14c-2.761 0-5-2.239-5-5s2.239-5 5-5h14c2.761 0 5 2.239 5 5zm0-12c0 2.761-2.239 5-5 5h-14c-2.761 0-5-2.239-5-5s2.239-5 5-5h14c2.761 0 5 2.239 5 5zm-15 0c0-1.104-.896-2-2-2s-2 .896-2 2 .896 2 2 2 2-.896 2-2z'/%3e%3c/svg%3e"); --icon-advanced: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M19 0h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11.899 19h-3.101c-.552 0-1-.448-1-1s.448-1 1-1h3.101c-.066.323-.101.658-.101 1s.035.677.101 1zm4.899 2c-1.656 0-3-1.343-3-3s1.344-3 3-3 3 1.343 3 3-1.344 3-3 3zm8-2h-3.101c.066-.323.101-.658.101-1s-.035-.677-.101-1h3.101c.552 0 1 .448 1 1s-.448 1-1 1zm2-7h-20v-7c0-1.654 1.346-3 3-3h14c1.654 0 3 1.346 3 3v7zm-11-4.625l4-1.5v4.125h-4v-2.625zm-1 2.625h-6l6-2.25v2.25z'/%3e%3c/svg%3e"); --icon-access: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-10-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8v-4zm3.408 14l-2.842-2.756 1.172-1.173 1.67 1.583 3.564-3.654 1.174 1.173-4.738 4.827z'/%3e%3c/svg%3e"); --icon-vpn: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 0c-3.371 2.866-5.484 3-9 3v11.535c0 4.603 3.203 5.804 9 9.465 5.797-3.661 9-4.862 9-9.465v-11.535c-3.516 0-5.629-.134-9-3z'/%3e%3c/svg%3e"); --icon-admin: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M24 13.616v-3.232c-1.651-.587-2.694-.752-3.219-2.019v-.001c-.527-1.271.1-2.134.847-3.707l-2.285-2.285c-1.561.742-2.433 1.375-3.707.847h-.001c-1.269-.526-1.435-1.576-2.019-3.219h-3.232c-.582 1.635-.749 2.692-2.019 3.219h-.001c-1.271.528-2.132-.098-3.707-.847l-2.285 2.285c.745 1.568 1.375 2.434.847 3.707-.527 1.271-1.584 1.438-3.219 2.02v3.232c1.632.58 2.692.749 3.219 2.019.53 1.282-.114 2.166-.847 3.707l2.285 2.286c1.562-.743 2.434-1.375 3.707-.847h.001c1.27.526 1.436 1.579 2.019 3.219h3.232c.582-1.636.75-2.69 2.027-3.222h.001c1.262-.524 2.12.101 3.698.851l2.285-2.286c-.744-1.563-1.375-2.433-.848-3.706.527-1.271 1.588-1.44 3.221-2.021zm-12 2.384c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z'/%3e%3c/svg%3e"); --icon-usb: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 9v-7h7c1.695 1.942 2.371 3 4 3h13v4h-24zm0 2v11h24v-11h-24z'/%3e%3c/svg%3e"); --icon-webserver: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm9.614 11h-3.638c-.028-.758-.091-1.489-.182-2.194 1.848.563 3.199 1.36 3.82 2.194zm-5.636 0h-2.978v-2.977c.949.042 1.848.144 2.688.289.146.841.248 1.738.29 2.688zm-2.978-4.977v-3.638c.835.622 1.632 1.973 2.194 3.82-.705-.09-1.436-.153-2.194-.182zm-2-3.638v3.638c-.758.029-1.489.091-2.194.182.562-1.847 1.359-3.198 2.194-3.82zm0 5.638v2.977h-2.978c.042-.95.145-1.847.29-2.688.84-.145 1.739-.248 2.688-.289zm-4.977 2.977h-3.637c.621-.834 1.973-1.631 3.819-2.194-.091.705-.153 1.436-.182 2.194zm-3.637 2h3.638c.028.758.091 1.489.182 2.194-1.848-.563-3.199-1.36-3.82-2.194zm5.636 0h2.978v2.977c-.949-.042-1.848-.144-2.688-.289-.145-.841-.248-1.738-.29-2.688zm2.978 4.977v3.638c-.835-.622-1.632-1.973-2.194-3.82.705.09 1.436.153 2.194.182zm2 3.638v-3.638c.758-.029 1.489-.091 2.194-.182-.562 1.847-1.359 3.198-2.194 3.82zm0-5.638v-2.977h2.978c-.042.95-.144 1.847-.29 2.688-.84.145-1.739.248-2.688.289zm4.977-2.977h3.638c-.621.834-1.973 1.631-3.819 2.194.09-.705.152-1.436.181-2.194zm3.212-4.938c-1.036-.61-2.322-1.104-3.794-1.458-.353-1.471-.848-2.758-1.457-3.793 2.352 1.012 4.24 2.899 5.251 5.251zm-13.127-5.251c-.61 1.036-1.105 2.322-1.458 3.793-1.471.354-2.757.848-3.793 1.458 1.011-2.352 2.899-4.239 5.251-5.251zm-5.251 13.127c1.036.61 2.322 1.104 3.794 1.458.353 1.471.848 2.758 1.457 3.793-2.352-1.012-4.24-2.899-5.251-5.251zm13.127 5.251c.609-1.036 1.104-2.322 1.457-3.793 1.472-.354 2.758-.848 3.794-1.458-1.011 2.352-2.899 4.239-5.251 5.251z'/%3e%3c/svg%3e"); --icon-bwlimiter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M14.031 11.852c0 .323-.262.585-.585.585-.323 0-.585-.262-.585-.585s.263-.585.585-.585c.323 0 .585.262.585.585zm6.982 5.106c-.372.774-1.19 1.256-2.135 1.256-.431 0-.87-.102-1.271-.295-1.315-.636-1.93-2.102-1.37-3.267.562-1.171 2.087-1.599 3.405-.959 1.315.636 1.93 2.1 1.371 3.265zm-2.015-1.932c-.53-.257-1.212-.174-1.425.267-.203.423.108 1.014.68 1.291.555.27 1.231.133 1.424-.268.203-.423-.108-1.013-.679-1.29zm-2.792-5.683c-.557-1.167.061-2.63 1.378-3.264.399-.191.836-.292 1.264-.292.948 0 1.768.483 2.14 1.261.557 1.167-.062 2.63-1.379 3.262-1.307.629-2.837.216-3.403-.967zm1.337-.639c.187.391.814.562 1.424.271.572-.275.885-.866.683-1.289-.123-.257-.431-.417-.802-.417-.208 0-.422.05-.622.146-.573.275-.885.865-.683 1.289zm-7.582 6.199c-1.955.903-3.759 1.723-4.211 1.94-1.005.483-2.127-.25-2.765-1.127l4.333-2.096-2.264-1.099-5.054 2.445c.959 1.472 2.503 4.011 5.072 4.011.532 0 1.048-.119 1.535-.353.233-.112 3.676-1.677 5.66-2.602l-2.306-1.119zm14.039 1.155c0 2.772-2.254 4.942-5.132 4.942-2.813 0-5.61-2.169-5.618-5.609l-13.208-6.398c.969-1.48 2.52-4.003 5.077-4.003.534 0 1.053.12 1.542.356 0 0 4.698 2.122 6.557 3.022.042-2.916 2.576-5.368 5.621-5.368 2.878 0 5.133 2.17 5.133 4.942 0 1.53-.718 3.007-1.906 4.045 1.204 1.039 1.934 2.529 1.934 4.071zm-1.976 0c0-1.231-.766-2.458-2.032-3.098-1.388-.701-1.841.008-3.848-.973 1.962-.946 2.429-.25 3.812-.944 1.27-.638 2.039-1.867 2.039-3.101 0-1.642-1.354-2.966-3.157-2.966-2.257 0-4.064 2.084-3.562 4.153.201.825-.234.936-.897 1.255l-.769.37c-3.063-1.485-6.925-3.201-7.81-3.629-1.004-.484-2.128.244-2.767 1.121l11.381 5.359c.663.321 1.097.433.894 1.258-.514 2.096 1.324 4.162 3.561 4.162 1.798-.001 3.155-1.321 3.155-2.967z'/%3e%3c/svg%3e"); --icon-qos-old: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-14 22h-1v-3h1v3zm0-17h-1v-3h1v3zm11-3h1v6h-1v-6zm-8 20h-1v-3h1v3zm1-6h-1.354v-3.889h-1.488v-1c.893-.041 1.701-.201 1.701-1.111h1.141v6zm-1-8h-1v-6h1v6zm3 14h-1v-3h1v3zm0-17h-1v-3h1v3zm3 17h-1v-3h1v3zm0-17h-1v-3h1v3zm3 17h-1v-3h1v3zm1-6.026h-3.922v-.958c1.529-1.491 2.379-2.244 2.389-3.018 0-.462-.268-.717-.754-.717-.453 0-.816.245-1.168.524l-.424-1.148c.545-.453 1.191-.657 1.833-.657 1.179 0 1.941.74 1.941 1.885 0 1.155-.899 2.042-1.722 2.782h1.827v1.307zm2 6.026h-1v-3h1v3zm0-17h-1v-3h1v3z'/%3e%3c/svg%3e"); --icon-qos: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M10.605 0h-10.605v10.609l13.391 13.391 10.609-10.604-13.395-13.396zm-7.02 6.415c-.781-.783-.781-2.048 0-2.829.782-.782 2.048-.781 2.829-.001.782.783.781 2.047 0 2.829-.781.781-2.046.781-2.829.001zm3.101 4.514l4.243-4.243.707.707-4.243 4.243-.707-.707zm1.414 1.414l4.243-4.243.354.354-4.243 4.243-.354-.354zm1.061 1.061l4.243-4.243 1.061 1.061-4.243 4.243-1.061-1.061zm1.768 1.768l4.243-4.243.354.354-4.243 4.243-.354-.354zm1.767 1.767l-.707-.707 4.243-4.243.707.707-4.243 4.243zm.708.707l4.242-4.242.354.354-4.242 4.242-.354-.354z'/%3e%3c/svg%3e"); --icon-about: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-.001 5.75c.69 0 1.251.56 1.251 1.25s-.561 1.25-1.251 1.25-1.249-.56-1.249-1.25.559-1.25 1.249-1.25zm2.001 12.25h-4v-1c.484-.179 1-.201 1-.735v-4.467c0-.534-.516-.618-1-.797v-1h3v6.265c0 .535.517.558 1 .735v.999z'/%3e%3c/svg%3e"); --icon-reboot: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M13.5 2c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z'/%3e%3c/svg%3e"); --icon-shutdown: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-1 -1 26 26'%3e%3cpath d='M14 12h-4v-12h4v12zm4.213-10.246l-1.213 1.599c2.984 1.732 5 4.955 5 8.647 0 5.514-4.486 10-10 10s-10-4.486-10-10c0-3.692 2.016-6.915 5-8.647l-1.213-1.599c-3.465 2.103-5.787 5.897-5.787 10.246 0 6.627 5.373 12 12 12s12-5.373 12-12c0-4.349-2.322-8.143-5.787-10.246z'/%3e%3c/svg%3e"); --icon-logout: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M8 9v-4l8 7-8 7v-4h-8v-6h8zm2-7v2h12v16h-12v2h14v-20h-14z'/%3e%3c/svg%3e"); --icon-lookup: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M23.111 20.058l-4.977-4.977c.965-1.52 1.523-3.322 1.523-5.251 0-5.42-4.409-9.83-9.829-9.83-5.42 0-9.828 4.41-9.828 9.83s4.408 9.83 9.829 9.83c1.834 0 3.552-.505 5.022-1.383l5.021 5.021c2.144 2.141 5.384-1.096 3.239-3.24zm-20.064-10.228c0-3.739 3.043-6.782 6.782-6.782s6.782 3.042 6.782 6.782-3.043 6.782-6.782 6.782-6.782-3.043-6.782-6.782zm2.01-1.764c1.984-4.599 8.664-4.066 9.922.749-2.534-2.974-6.993-3.294-9.922-.749z'/%3e%3c/svg%3e"); --icon-pin: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M6.166 16.943l1.4 1.4-4.622 4.657h-2.944l6.166-6.057zm11.768-6.012c2.322-2.322 4.482-.457 6.066-1.931l-8-8c-1.474 1.584.142 3.494-2.18 5.817-3.016 3.016-4.861-.625-10.228 4.742l9.6 9.6c5.367-5.367 1.725-7.211 4.742-10.228z'/%3e%3c/svg%3e"); --icon-key: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12.451 17.337l-2.451 2.663h-2v2h-2v2h-6v-5l6.865-6.949c1.08 2.424 3.095 4.336 5.586 5.286zm11.549-9.337c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-3-3c0-1.104-.896-2-2-2s-2 .896-2 2 .896 2 2 2 2-.896 2-2z'/%3e%3c/svg%3e"); --icon-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3e%3c/svg%3e"); --icon-filter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M1 0h22l-9 15.094v8.906l-4-3v-5.906z'/%3e%3c/svg%3e"); --icon-triangle-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 21l12-18 12 18z'/%3e%3c/svg%3e"); --icon-triangle-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M24 3l-12 18-12-18z'/%3e%3c/svg%3e"); --icon-graph: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 5.783v-2.783l4 4 5-6 9 7.878 6-3.922v2.437l-6.176 3.989-8.6-7.528-5.09 6.108-4.134-4.179zm18.909 7.279l-1.267.818-1.135-.994-7.058-6.177-3.778 4.534-1.41 1.692-1.548-1.566-2.713-2.743v14.374h24v-13.226l-5.091 3.288z'/%3e%3c/svg%3e"); --icon-time: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 14h-7v-8h2v6h5v2z'/%3e%3c/svg%3e"); --icon-tag: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M10.605 0h-10.605v10.609l13.391 13.391 10.609-10.604-13.395-13.396zm-4.191 6.414c-.781.781-2.046.781-2.829.001-.781-.783-.781-2.048 0-2.829.782-.782 2.048-.781 2.829-.001.782.782.781 2.047 0 2.829z'/%3e%3c/svg%3e"); --icon-wan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M21 9c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm-15 9c-1.657 0-3 1.343-3 3s1.343 3 3 3c1.656 0 3-1.343 3-3s-1.344-3-3-3zm3-15c0 1.657-1.344 3-3 3s-3-1.343-3-3 1.344-3 3-3 3 1.343 3 3zm1.588-1.979l.412-.021c4.281 0 7.981 2.45 9.8 6.021-.717.029-1.39.21-1.998.511-1.555-2.703-4.466-4.532-7.802-4.532 0-.703-.149-1.372-.412-1.979zm10.212 15.958c-1.819 3.571-5.519 6.021-9.8 6.021l-.412-.021c.263-.607.412-1.276.412-1.979 3.336 0 6.247-1.829 7.802-4.532.608.302 1.281.483 1.998.511zm-18.91 1.186c-1.193-1.759-1.89-3.88-1.89-6.165s.697-4.406 1.89-6.165c.392.566.901 1.039 1.487 1.403-.867 1.383-1.377 3.012-1.377 4.762s.51 3.379 1.377 4.762c-.586.364-1.096.837-1.487 1.403z'/%3e%3c/svg%3e"); --icon-signal: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M8.213 16.984c.97-1.028 2.308-1.664 3.787-1.664s2.817.636 3.787 1.664l-3.787 4.016-3.787-4.016zm-1.747-1.854c1.417-1.502 3.373-2.431 5.534-2.431s4.118.929 5.534 2.431l2.33-2.472c-2.012-2.134-4.793-3.454-7.864-3.454s-5.852 1.32-7.864 3.455l2.33 2.471zm-4.078-4.325c2.46-2.609 5.859-4.222 9.612-4.222s7.152 1.613 9.612 4.222l2.388-2.533c-3.071-3.257-7.313-5.272-12-5.272s-8.929 2.015-12 5.272l2.388 2.533z'/%3e%3c/svg%3e"); --icon-lan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M24 20c0 2.209-1.791 4-4 4s-4-1.791-4-4 1.791-4 4-4 4 1.791 4 4zm-20-4c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4zm8-16c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4zm3.873 15.655l-2.873-2.404v-3.341c-.326.055-.658.09-1 .09s-.674-.035-1-.09v3.341l-2.873 2.404c.484.46.892 1 1.201 1.598l2.672-2.253 2.672 2.253c.309-.598.717-1.137 1.201-1.598z'/%3e%3c/svg%3e"); --icon-port: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M6.188 8.719c.439-.439.926-.801 1.444-1.087 2.887-1.591 6.589-.745 8.445 2.069l-2.246 2.245c-.644-1.469-2.243-2.305-3.834-1.949-.599.134-1.168.433-1.633.898l-4.304 4.306c-1.307 1.307-1.307 3.433 0 4.74 1.307 1.307 3.433 1.307 4.74 0l1.327-1.327c1.207.479 2.501.67 3.779.575l-2.929 2.929c-2.511 2.511-6.582 2.511-9.093 0s-2.511-6.582 0-9.093l4.304-4.306zm6.836-6.836l-2.929 2.929c1.277-.096 2.572.096 3.779.574l1.326-1.326c1.307-1.307 3.433-1.307 4.74 0 1.307 1.307 1.307 3.433 0 4.74l-4.305 4.305c-1.311 1.311-3.44 1.3-4.74 0-.303-.303-.564-.68-.727-1.051l-2.246 2.245c.236.358.481.667.796.982.812.812 1.846 1.417 3.036 1.704 1.542.371 3.194.166 4.613-.617.518-.286 1.005-.648 1.444-1.087l4.304-4.305c2.512-2.511 2.512-6.582.001-9.093-2.511-2.51-6.581-2.51-9.092 0z'/%3e%3c/svg%3e"); --icon-system: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M19 17c0 1.104-.896 2-2 2h-11c-1.104 0-2-.896-2-2v-11c0-1.104.896-2 2-2h11c1.104 0 2 .896 2 2v11zm-11 3v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm-8-20v3h-1v-3h1zm4 0v3h-1v-3h1zm2 0v3h-1v-3h1zm-4 0v3h-1v-3h1zm6 0v3h-1v-3h1zm4 15h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1zm-20 8h3v1h-3v-1zm0-4h3v1h-3v-1zm0-2h3v1h-3v-1zm0 4h3v1h-3v-1zm0-6h3v1h-3v-1z'/%3e%3c/svg%3e"); --icon-tomato: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' x='0px' y='0px' viewBox='0 0 19 19' %3e%3cg%3e%3cg%3e%3cpath d='M12.889,2.805l-0.324,0.136c-0.497,0.208-0.791,0.479-1.044,0.753 c0.232,0.108,0.455,0.246,0.667,0.411c0.473,0.385,0.792,0.801,1.042,1.353l0.376,0.825l-0.9-0.111 c-0.645-0.078-1.077,0.066-1.496,0.205c-0.171,0.058-0.346,0.116-0.529,0.156c0.012,0.076,0.021,0.153,0.027,0.229 c0.04,0.456-0.021,0.919-0.179,1.376c-0.211,0.573-0.499,1.009-0.94,1.425L9.292,9.842L8.955,9.614 C8.454,9.273,8.099,8.888,7.804,8.365C7.607,7.997,7.48,7.621,7.426,7.235c-0.206,0.036-0.41,0.043-0.61,0.051 C6.376,7.303,5.92,7.32,5.345,7.622L4.542,8.045L4.601,7.14c0.039-0.604,0.19-1.105,0.492-1.625 c0.183-0.302,0.398-0.564,0.646-0.784c-0.057-0.05-0.113-0.102-0.168-0.153c-0.324-0.299-0.659-0.609-1.28-0.802l-0.867-0.27 l0.531-0.467C0.957,3.942,0,6.579,0,9.539c0,4.146,3.852,7.507,8.604,7.507c4.751,0,8.604-3.361,8.604-7.507 C17.208,6.483,16.105,3.58,12.889,2.805z'/%3e%3cpath style='fill:%23030104;' d='M6.333,4.893C6.018,5.112,5.748,5.398,5.531,5.757c-0.213,0.366-0.385,0.79-0.424,1.402 C6.38,6.49,7.173,7.005,7.916,6.495C7.9,6.655,7.896,6.813,7.91,6.972c0.027,0.383,0.137,0.76,0.336,1.13 C8.454,8.471,8.731,8.834,9.24,9.179c0.446-0.421,0.662-0.824,0.809-1.222c0.138-0.396,0.187-0.785,0.152-1.168 c-0.021-0.249-0.078-0.495-0.167-0.738c0.805,0.116,1.377-0.563,2.733-0.396c-0.254-0.559-0.565-0.895-0.893-1.162 c-0.33-0.259-0.683-0.43-1.056-0.523c-0.077-0.02-0.153-0.034-0.232-0.046c0.47-0.394,0.772-1.041,1.783-1.463 c-0.499-0.359-0.936-0.497-1.353-0.565c-0.416-0.061-0.807-0.035-1.177,0.07c-0.37,0.102-0.72,0.281-1.046,0.546 C8.668,2.618,8.547,2.74,8.43,2.874C7.981,1.423,7.451,0.265,7.403,0.162L7.056,0.323c0.011,0.025,0.565,1.231,1.023,2.724 c-0.024-0.022-0.05-0.043-0.076-0.061C7.654,2.753,7.289,2.608,6.91,2.542C6.533,2.474,6.139,2.485,5.732,2.585 C5.323,2.694,4.902,2.872,4.44,3.277c1.225,0.381,1.515,1.157,2.19,1.437C6.528,4.769,6.428,4.827,6.333,4.893z M8.879,4.154 c0.005,0,0.01,0.003,0.014,0.004C8.875,4.166,8.856,4.176,8.838,4.185C8.851,4.175,8.865,4.165,8.879,4.154z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); --icon-button-stop: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M16.971 0h-9.942l-7.029 7.029v9.941l7.029 7.03h9.941l7.03-7.029v-9.942l-7.029-7.029zm.932 11.667c-.127.328-1.695 3.888-2.096 4.786-.42.941-1.239 1.881-2.751 1.881h-2.627c-1.592-.001-2.429-.945-2.429-2.597v-7.208c0-.956 1.317-.908 1.317-.044v3.16c0 .26.477.259.477 0v-5.078c0-.982 1.472-.957 1.472 0v4.795c0 .264.442.252.442-.005v-5.628c0-.957 1.458-.984 1.458 0l.001 5.692c0 .254.459.261.459 0v-4.78c0-.905 1.596-.933 1.596 0v5.417c0 .331.327.384.45.131.118-.24.605-1.315.613-1.327.489-1.029 2.127-.404 1.618.805z'/%3e%3c/svg%3e"); --icon-button-refresh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M23 12c0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.655 1.314l1.858 2.686h-6.994l2.152-7 1.849 2.673c1.684-1.049 3.659-1.673 5.79-1.673 6.074 0 11 4.925 11 11zm-6.354 7.692c-1.357.826-2.944 1.308-4.646 1.308-4.962 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681z'/%3e%3c/svg%3e"); --icon-button-release: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'/%3e%3c/svg%3e"); --icon-button-renew: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M22 3v18h-5v-2h3v-14h-6v3l-5.25-4 5.25-4v3h8zm-12 16h-6v-14h3v-2h-5v18h8v3l5.25-4-5.25-4v3z'/%3e%3c/svg%3e"); --icon-button-disable: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='-2 -2 28 28'%3e%3cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3e%3c/svg%3e"); --icon-button-enable: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M20 12.194v9.806h-20v-20h18.272l-1.951 2h-14.321v16h16v-5.768l2-2.038zm.904-10.027l-9.404 9.639-4.405-4.176-3.095 3.097 7.5 7.273 12.5-12.737-3.096-3.096z'/%3e%3c/svg%3e"); --icon-button-measure: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M19 0h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm3 19c0 1.302-.839 2.401-2 2.816v-2.816h-1v3h-2v-3h-1v3h-2v-3h-1v3h-2v-3h-1v3h-2v-3h-1v3h-2v-3h-1v2.815c-1.161-.414-2-1.513-2-2.815v-14c0-1.302.839-2.401 2-2.816v2.816h1v-3h2v6h1v-6h2v3h1v-3h2v3h1v-3h2v6h1v-6h2v3h1v-2.816c1.161.415 2 1.514 2 2.816v14zm-14.141-9h1.141v6h-1.354v-3.889h-1.488v-1c.893-.041 1.701-.201 1.701-1.111zm8.315 4.667h1.826v1.306h-3.922v-.958c1.529-1.491 2.379-2.244 2.389-3.018 0-.462-.268-.717-.754-.717-.453 0-.816.245-1.168.524l-.424-1.148c.545-.452 1.191-.656 1.833-.656 1.179 0 1.941.74 1.941 1.885.001 1.155-.899 2.043-1.721 2.782z'/%3e%3c/svg%3e"); --icon-button-find: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M13 8h-8v-2h8v2zm0 4h-8v-2h8v2zm8.172 12l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z'/%3e%3c/svg%3e"); --icon-button-wakeup: url("data:image/svg+xml,%3csvg width='24' height='24' fill='white' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3e%3cpath d='M23 0v20h-8v-2h6v-16h-18v16h6v2h-8v-20h22zm-12 13h-4l5-6 5 6h-4v11h-2v-11z'/%3e%3c/svg%3e"); --icon-button-add: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/%3e%3c/svg%3e"); --icon-button-save: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='1 1 24 24'%3e%3cpath d='M12 0l3.668 8.155 8.332 1.151-6.064 5.828 1.48 8.866-7.416-4.554-7.417 4.554 1.481-8.866-6.064-5.828 8.332-1.151z'/%3e%3c/svg%3e"); --icon-button-cancel: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='-2 -2 28 28'%3e%3cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3e%3c/svg%3e"); --icon-button-random: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M18 9v-3c-1 0-3.308-.188-4.506 2.216l-4.218 8.461c-1.015 2.036-3.094 3.323-5.37 3.323h-3.906v-2h3.906c1.517 0 2.903-.858 3.58-2.216l4.218-8.461c1.356-2.721 3.674-3.323 6.296-3.323v-3l6 4-6 4zm-9.463 1.324l1.117-2.242c-1.235-2.479-2.899-4.082-5.748-4.082h-3.906v2h3.906c2.872 0 3.644 2.343 4.631 4.324zm15.463 8.676l-6-4v3c-3.78 0-4.019-1.238-5.556-4.322l-1.118 2.241c1.021 2.049 2.1 4.081 6.674 4.081v3l6-4z'/%3e%3c/svg%3e"); --icon-button-scan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M13.895 15.875l-.895-.447v-11c6.65 2.217 9 2.363 9 5.162v9.41h-7v-1.336c0-.758-.428-1.45-1.105-1.789zm-4.895-15.875h-4v4.292l4-1.292v-3zm10 0h-4v3l4 1.292v-4.292zm-10 17.664c0-.757.428-1.45 1.105-1.789l.895-.447v-11c-6.523 2.175-9 2.307-9 5.162v9.41h7v-1.336zm6 6.336h7v-3h-7v3zm-13 0h7v-3h-7v3z'/%3e%3c/svg%3e"); --icon-button-delete: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M0 9h24v6h-24z'/%3e%3c/svg%3e"); --icon-button-ok: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M20 12.194v9.806h-20v-20h18.272l-1.951 2h-14.321v16h16v-5.768l2-2.038zm.904-10.027l-9.404 9.639-4.405-4.176-3.095 3.097 7.5 7.273 12.5-12.737-3.096-3.096z'/%3e%3c/svg%3e"); --icon-button-dropidle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M18.513 7.119c.958-1.143 1.487-2.577 1.487-4.036v-3.083h-16v3.083c0 1.459.528 2.892 1.487 4.035l3.086 3.68c.567.677.571 1.625.009 2.306l-3.13 3.794c-.936 1.136-1.452 2.555-1.452 3.995v3.107h16v-3.107c0-1.44-.517-2.858-1.453-3.994l-3.13-3.794c-.562-.681-.558-1.629.009-2.306l3.087-3.68zm-4.639 7.257l3.13 3.794c.652.792.996 1.726.996 2.83h-1.061c-.793-2.017-4.939-5-4.939-5s-4.147 2.983-4.94 5h-1.06c0-1.104.343-2.039.996-2.829l3.129-3.793c1.167-1.414 1.159-3.459-.019-4.864l-3.086-3.681c-.66-.785-1.02-1.736-1.02-2.834h12c0 1.101-.363 2.05-1.02 2.834l-3.087 3.68c-1.177 1.405-1.185 3.451-.019 4.863z'/%3e%3c/svg%3e"); --icon-button-clonepc: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M15.143 13.244l.837-2.244 2.698 5.641-5.678 2.502.805-2.23s-8.055-3.538-7.708-10.913c2.715 5.938 9.046 7.244 9.046 7.244zm8.857-7.244v18h-18v-6h-6v-18h18v6h6zm-2 2h-12.112c-.562-.578-1.08-1.243-1.521-2h7.633v-4h-14v14h4v-3.124c.6.961 1.287 1.823 2 2.576v6.548h14v-14z'/%3e%3c/svg%3e"); --icon-button-default: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='white' fill-rule='evenodd' clip-rule='evenodd' %3e%3cpath d='M2.458 9.012c-.297.947-.458 1.955-.458 3 0 5.52 4.481 10 10 10 5.52 0 10-4.48 10-10 0-5.519-4.48-10-10-10-2.121 0-4.083.668-5.703 1.796l1.703 2.204h-6.58l1.935-6.012 1.718 2.223c1.958-1.389 4.346-2.211 6.927-2.211 6.623 0 12 5.377 12 12s-5.377 11.988-12 11.988-12-5.365-12-11.988c0-1.036.132-2.041.379-3h2.079zm10.35-3.012c.292.821.375 1.346 1.01 1.609.637.264 1.073-.052 1.854-.423l1.142 1.142c-.373.787-.687 1.218-.423 1.854.262.634.784.716 1.609 1.009v1.617c-.816.29-1.347.375-1.61 1.01-.264.636.052 1.071.424 1.853l-1.142 1.142c-.79-.375-1.219-.687-1.85-.424-.639.265-.723.793-1.014 1.611h-1.616c-.292-.821-.375-1.347-1.01-1.61-.637-.264-1.072.052-1.854.423l-1.142-1.142c.366-.771.689-1.212.423-1.854-.263-.635-.793-.719-1.609-1.009v-1.617c.817-.29 1.346-.373 1.609-1.009.264-.637-.051-1.07-.423-1.854l1.142-1.142c.788.374 1.218.687 1.854.423.635-.263.719-.792 1.01-1.609h1.616zm-.808 8c-1.105 0-2-.896-2-2 0-1.105.895-2.001 2-2.001 1.104 0 2 .896 2 2.001 0 1.104-.896 2-2 2z'/%3e%3c/svg%3e"); --icon-button-startnow: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='white' fill-rule='evenodd' clip-rule='evenodd'%3e%3cpath d='M20 18v2h-20v-2h20zm-19.989-6.426l2.624-1.5 4.765 1.815s9.197-5.519 11.773-7.038c2.226-1.312 4.268-.853 4.647-.216.448.753.131 2.366-2.576 4.09-2.166 1.38-9.233 5.855-9.233 5.855-4.969 2.708-7.565.657-7.565.657l-4.435-3.663zm5.587-6.621l-2.598 1.5 6.252 3.173 5.388-3.227-9.042-1.446z'/%3e%3c/svg%3e"); --icon-button-backup: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M7 2v-2h10v2h-10zm0 4h10v-2h-10v2zm10 7v-5h-10v5h-6l11 11 11-11h-6z'/%3e%3c/svg%3e"); --icon-button-restore: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M17 22v2h-10v-2h10zm0-4h-10v2h10v-2zm-10-7v5h10v-5h6l-11-11-11 11h6z'/%3e%3c/svg%3e"); --icon-button-starttest: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M15.91 13.34l2.636-4.026-.454-.406-3.673 3.099c-.675-.138-1.402.068-1.894.618-.736.823-.665 2.088.159 2.824.824.736 2.088.665 2.824-.159.492-.55.615-1.295.402-1.95zm-3.91-10.646v-2.694h4v2.694c-1.439-.243-2.592-.238-4 0zm8.851 2.064l1.407-1.407 1.414 1.414-1.321 1.321c-.462-.484-.964-.927-1.5-1.328zm-18.851 4.242h8v2h-8v-2zm-2 4h8v2h-8v-2zm3 4h7v2h-7v-2zm21-3c0 5.523-4.477 10-10 10-2.79 0-5.3-1.155-7.111-3h3.28c1.138.631 2.439 1 3.831 1 4.411 0 8-3.589 8-8s-3.589-8-8-8c-1.392 0-2.693.369-3.831 1h-3.28c1.811-1.845 4.321-3 7.111-3 5.523 0 10 4.477 10 10z'/%3e%3c/svg%3e"); --icon-button-erase: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='white' fill-rule='evenodd' clip-rule='evenodd'%3e%3cpath d='M5.662 23l-5.369-5.365c-.195-.195-.293-.45-.293-.707 0-.256.098-.512.293-.707l14.929-14.928c.195-.194.451-.293.707-.293.255 0 .512.099.707.293l7.071 7.073c.196.195.293.451.293.708 0 .256-.097.511-.293.707l-11.216 11.219h5.514v2h-12.343zm3.657-2l-5.486-5.486-1.419 1.414 4.076 4.072h2.829zm.456-11.429l-4.528 4.528 5.658 5.659 4.527-4.53-5.657-5.657z'/%3e%3c/svg%3e"); --icon-ethernet-port: url("data:image/svg+xml,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg version='1.0' viewBox='0 0 1800 1659' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeGaussianBlur stdDeviation='4.6345313'/%3e%3c/filter%3e%3c/defs%3e%3cmetadata%3e%3crdf:RDF%3e%3ccc:Work rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cg transform='translate(525 297.14)'%3e%3cpath d='m-435-346.71s73.752 427.93 270 640c80.117 86.577 156.27 144.33 331.43 185.71 87.512 20.678 120.2 29.237 159.79 51.75 36.793 20.92 68.779 76.822 68.779 76.822l125.71-85.714s-83.017-85.623-113.21-101.79c-33.963-18.178-102.53-41.204-192.5-59.643-115.46-23.664-271.43-35.714-411.43-278.57-159.82-277.24-168.58-431.43-168.58-431.43l-69.996 2.8571z' fill='%23ddd'/%3e%3cpath d='m-432.38-346.79-2.625 0.0937s73.752 427.93 270 640c80.117 86.577 156.28 144.33 331.44 185.72 87.512 20.678 120.19 29.238 159.78 51.75 36.793 20.92 68.781 76.813 68.781 76.813l69.438-47.344-25.429 10.402s-104.42-86.39-215.25-103.06c-100.35-15.094-303.72-60.695-436.51-257.66-128.26-190.25-207.45-505.64-219.62-556.71z' fill='%23bbb' filter='url(%23a)'/%3e%3cpath d='m346.72 588.78c-13.629-48.882-17.395-63.699-21.326-82.64-3.6655-17.661 1.3329-27.991 17.328-35.988 29.324-14.662 150.65-60.113 161.28-63.979 10.996-3.9987 21.935-4.3585 53.316 0 47.985 6.6645 181.88 74.649 225.26 102.63 66.291 40.965 120.55 96.648 174.61 151.95 0 0 25.325 21.326 31.99 54.649 6.6645 33.323 35.988 162.61 35.988 162.61s11.996 25.325-14.662 39.987c-26.658 14.662-323.9 159.95-323.9 159.95s-34.656 21.326-62.646-25.325c-27.991-46.652-83.973-137.29-83.973-137.29s-26.658-43.986-31.99-73.31-39.987-67.978-39.987-67.978-41.635-60.922-78.641-93.303c-42.653-37.321-28.932-42.759-42.653-91.97z' fill='%23ddd'/%3e%3cpath d='m981.87 693.86c-28.874 13.42-105.93 49.096-344.69 159.12-38.66 17.816-40.85 25.874-32.812 52.531 44.188 146.56 51.057 169.53 52.969 175.97 16.388 4.3695 29.281-3.5313 29.281-3.5312 0 0 297.22-145.28 323.87-159.94 26.658-14.662 14.656-40 14.656-40 0 0-29.304-129.3-35.969-162.62-1.58-7.8998-4.2211-15.104-7.3125-21.531z' fill='%23bbb'/%3e%3cpath d='m551.37 828.95c43.142 45.122 43.294 44.78 62.779 108.5-19.651-63.845-19.535-63.632 37.066-91.049-56.532 27.302-56.72 27.509-99.845-17.453z' fill='%23eee'/%3e%3cpath d='m447.44 671.08c-1.4478-16.726-1.7822-19.896 15.157-28.635l115.63-59.657c6.4366-3.3207 9.0581-4.5805 5.4137-9.5004-4.3434-5.8636-4.182-5.4459-12.423-1.3526l-114.93 57.086c-13.936 6.9222-19.759 12.992-14.102 33.995 1.0676 3.6038 13.037 45.735 14.498 48.448-0.16405-3.379-9.034-37.922-9.247-40.383z' fill='%23bbb'/%3e%3cpath d='m758.31 494.3-111.19 47.094c-3.1867 1.3497-4.889 3.9722-3.2812 7.1875 1.5999 3.2 3.9479 3.9655 6.375 2.9688l121.06-49.719-12.969-7.5312z' fill='%23bbb'/%3e%3cpath d='m712.28 469.55c-44.736 18.544-102.02 42.409-132.22 55.594-52.668 22.992-91.177 41.698-126.31 59.094-25.5 12.625-30.321 24.41-27.75 37.625 1.904 9.785 10.066 46.804 12 46.594 1.9023-0.2064-1.4431-15.631-2-19.594-3.4486-24.538-8.0048-29.644 18-43.156 9.1354-4.7467 95.575-47.853 135.72-64.781 28.503-12.019 100.04-41.868 143.94-60.188-6.8332-3.6507-13.979-7.3953-21.375-11.188z' fill='%23bbb'/%3e%3cpath d='m676.44 451.77c-39.447 14.957-86.059 32.655-88.281 33.719-6.7263 3.2199-7.0483 4.9838-4 8.9688 2.5944 3.3918 3.438 3.5462 7.5937 2l100.03-37.219-15.344-7.4688z' fill='%23bbb'/%3e%3cpath d='m634.28 432.49-92.656 36.562-125.91 58.375c-25.815 11.969-28.665 24.097-26.094 37.312 1.904 9.785 10.754 49.147 12.688 48.938 1.9023-0.2064-1.4431-15.662-2-19.625-3.4486-24.538-13.641-36.789 13-49l140.31-64.312 100.97-39.219-20.312-9.0312z' fill='%23bbb'/%3e%3cpath d='m602.13 419.36-72.25 28.188c-4.7553 1.8552-5.4202 3.0034-3.8125 6.2188 1.6 3.2 3.4337 3.0585 6.4063 2l85.125-30.312-15.469-6.0938z' fill='%23bbb'/%3e%3cpath d='m559.28 406.46-91.594 32.781-90.562 41.031c-25.918 11.743-30.321 19.066-27.75 32.281 1.904 9.785 10.379 47.491 12.312 47.281 1.9023-0.2064-1.4431-15.631-2-19.594-3.4486-24.538-12.181-32.884 14.344-45.344l98.656-46.344 106.06-37.281-19.469-4.8125z' fill='%23bbb'/%3e%3cpath d='m370.28 619.83c-4.3839-0.35566 2.0625 18 2.0625 18l12.125 38.531c1.5533 1.417 3.1722 2.8577 4.9062 4.375 2.1264 1.8606 4.2581 3.8429 6.4062 5.875l-12.188-40.75c1e-5 -1e-5 -5.6749-20.46-10.719-24.625-1.1184-0.92353-1.9675-1.3554-2.5938-1.4062z' fill='%23bbb'/%3e%3cpath d='m459.94 472.83-75.531 38.812c-13.84 7.112-18.532 14.623-12.875 35.625 5.7903 21.498 32.19 128.15 38.531 153.78 2.5867 2.7771 5.1544 5.6053 7.6875 8.4688-8.0406-32.207-27.487-109.16-40.156-150.94-4.9856-16.439-3.1278-27.853 13.938-36.344l76.625-38.125c7.2972-3.6307 7.4572-5.7984 5.0312-9.0938-3.7173-6.1034-7.591-4.9539-13.25-2.1875z' fill='%23bbb'/%3e%3cpath d='m418.41 678.21c-2.3592-0.10256 2.5625 13.844 2.5625 13.844l10.438 33.531c2.7591 3.3615 5.3793 6.6712 7.9375 9.9062l-12.469-41.844c2e-5 -1e-5 -3.7534-11.253-6.9688-14.469-0.66986-0.66985-1.163-0.9541-1.5-0.96875z' fill='%23bbb'/%3e%3cpath d='m517.81 512.3-96.25 47.75c-13.94 6.9155-18.532 14.623-12.875 35.625 5.7625 21.395 37.584 131.62 45.562 159.25 3.3704 4.5418 5.9962 8.1385 8.2188 11.25-6.6299-22.062-33.38-111.1-47.719-158.38-4.9856-16.439-1.7051-22.205 15.156-31.094l97.75-51.531c6.4069-3.3776 7.0506-5.7989 3.4062-10.719-3.7763-6.1816-7.5296-4.7296-13.25-2.1562z' fill='%23bbb'/%3e%3cpath d='m461.66 740.71c-1.5521 0.6231 2.5938 14 2.5938 14l7.3438 23.562c2.0519 2.4485 4.653 5.6162 7.875 9.8437l-9.875-31.812s-4.2627-11.789-6.4062-14.469c-0.73975-0.9247-1.2438-1.2404-1.5312-1.125z' fill='%23bbb'/%3e%3cpath d='m654.88 997.56c-8.205-31.179-39.384-83.691 18.051-108.31 57.435-24.615 244.01-114.41 255.3-121.31 25.487-15.564 35.025-16.23 58.614 9.564 56.614 63.125 119.53 119.96 179.82 179.46 23.872 23.396 29.815 31.986 35.307 63.922 5.5053 32.016 10.693 61.366 12.228 73.05 1.4774 11.246 5.7977 24.013-13.715 34.179l-306.02 166.46s-32.82 24.615-62.358-14.769c-29.538-39.384-136.2-192-136.2-192s-18.051-19.692-41.025-90.255z' fill='%23fff'/%3e%3cpath d='m1134.4 1146.8s7.4448 7.0041 12.843 13.519 8.7511 12.54 9.1408 22.015c0.8203 19.948 1.8501 21.329 1.5625 30.027-0.6573 19.879-4.9003 25.161-30.46 41.196-40.182 21.547-65.446 36.078-103.31 56.435-37.435 20.128-45.853 18.196-62.435-3.923-23.169-30.906-35.333-47.322-35.333-47.322l207.99-111.95z' fill='%23eee'/%3e%3cpath d='m1134.4 1146.8-185.81 100 23.625 31.719 183.59-101.44c-1.2235-6.6324-4.2307-11.522-8.5625-16.75-5.3986-6.5149-12.844-13.531-12.844-13.531z' fill='%23ddd'/%3e%3cpath d='m958.4 1259.9c13.783 18.524 13.918 18.456 20.6 39-6.6896-20.492-6.7487-20.426 20.9-35.7-27.633 15.297-27.706 15.216-41.5-3.3z' fill='%23fff'/%3e%3cpath d='m1189.3 982.58-367.62 187.22l0.5313 0.7188 31.75 128.06c21.838 9.9901 40.5-4.0001 40.5-4l306-166.47c19.512-10.166 15.196-22.911 13.719-34.156-1.535-11.684-6.7134-41.047-12.219-73.062-3.066-17.83-6.2676-28.397-12.656-38.312zm-335.34 316c-0.4456-0.2039-0.8957-0.4321-1.3438-0.6563 0.4501 0.2252 0.8962 0.4515 1.3438 0.6563zm-82.438-103.22c5.4897 7.7624 10.697 15.128 16 22.594-5.2392-7.3795-10.578-14.928-16-22.594zm19.969 28.188c5.2372 7.3633 10.433 14.625 15.156 21.219-4.7399-6.6215-9.9006-13.826-15.156-21.219zm51.594 68.062c0.4577 0.3835 0.9179 0.7349 1.375 1.0938-0.458-0.3598-0.9164-0.7093-1.375-1.0938z' fill='%23ddd'/%3e%3cpath d='m639.44 928.77c-2.7671 23.498 10.496 50.004 15.438 68.781 22.974 70.563 41.031 90.281 41.031 90.281 0 0 106.65 152.58 136.19 191.97 7.269 9.6922 14.746 15.52 21.875 18.781l-31.75-128.06-182.78-241.75z' fill='%23eee'/%3e%3cpath d='m808.62 1152.5c13.043 17.48 13.045 17.481 18.844 39.3-5.7947-21.812-5.6895-21.895 22.96-36.603-28.634 14.688-28.75 14.774-41.804-2.697z' fill='%23fff' fill-rule='evenodd'/%3e%3cpath d='m842.97 1067.9-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m874.94 1051.6-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m906.73 1035.2-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m938.73 1018.9-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m970.6 1002.5-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m1002.5 986.15-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m1034.5 969.9-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cpath d='m1066.4 953.53-8.8889 4.5934 48.393 66.343 14.174 34.707 13.867-6.6039-15.008-34.834-52.537-64.205z' fill='%23fc0'/%3e%3cg fill='%23eee'%3e%3cpath d='m921.73 1175.9-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m953.69 1159.6-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m985.48 1143.1-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m1017.5 1126.9-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m1049.4 1110.5-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.545 57 71.182 18.818 47.454z'/%3e%3cpath d='m1081.2 1094.1-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m1113.2 1077.9-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3cpath d='m1145.1 1061.5-11.952-9.1507-14.879-34.186-52.168-64.754 3.1818-10.546 57 71.182 18.818 47.454z'/%3e%3c/g%3e%3cg fill='%23ddd'%3e%3cpath d='m829.27 1065.9 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m861.23 1049.6 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m893.02 1033.2 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m925.02 1017 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m956.9 1000.6 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m988.77 984.21 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m1020.8 967.96 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3cpath d='m1052.6 951.59 16.641-8.7117-3.0014 10.817-8.7273 4.6364-4.912-6.7415z'/%3e%3c/g%3e%3cg fill='%23fff'%3e%3cpath d='m901.94 1186.5-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m933.9 1170.2-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m965.69 1153.7-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m997.69 1137.5-5.3032-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m1029.6 1121.1-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m1061.4 1104.7-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m1093.4 1088.5-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3cpath d='m1125.3 1072.1-5.3033-12.949 13.922-7.1385 11.15 9.4759-19.769 10.612z'/%3e%3c/g%3e%3cpath transform='translate(-525 -297.14)' d='m1407.5 1436 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m914.45 1122.5 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m946.27 1106.2 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m978.28 1089.9 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m1010.1 1073.5 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m1042 1057.2 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m1074.1 1041 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3cpath d='m1105.9 1024.5 12.422-6.3047 14.891 34.219-13.16 6.75-14.152-34.664z' fill-opacity='.21809'/%3e%3c/g%3e%3c/svg%3e "); --icon-signal-1: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='4'/%3e%3c/svg%3e"); --icon-signal-2: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='8'/%3e%3c/svg%3e"); --icon-signal-3: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='12'/%3e%3c/svg%3e"); --icon-signal-4: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='16'/%3e%3c/svg%3e"); --icon-signal-5: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='20'/%3e%3c/svg%3e"); --icon-signal-6: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3e%3ccircle cx='0' cy='24' r='24' opacity='0.3'/%3e%3ccircle cx='0' cy='24' r='24'/%3e%3c/svg%3e"); } small a, small a:hover { color: #fff!important; } .content > small { font-size: smaller; padding-left: 0.5em; } div[id^='sesdiv_wl'] .content > small { font-size: 1rem; padding-left: 0; opacity: 0.5; } body, html { background-color: var(--tomato-background); color: var(--tomato-color); } * { font-family: Play, Arial, Sans-Serif !important; font-size: 14px; } .fa { font-size: inherit; -webkit-font-smoothing: antialiased; } ul { list-style-type: none; } li { line-height: 18px; } i { font-style: normal; } input, select, option, textarea { color: inherit; } .fields td.content { width: unset; vertical-align: middle; line-height: 1; } .fields .spacer { height: 4px; font-size: 0px; padding: 0px; } .error { border: 0.7px solid; background-color: unset; background-repeat: no-repeat; background-position: right center; background-image: var(--tomato-accent-error); padding-right: 22px !important; background-size: contain; } .section-title > small { float: right; color: transparent; } a[href*="toggle"]::before { /*font-family: Symbola;*/ content: '\23F7'; background-color: var(--tomato-color); mask-image: var(--icon-down); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-image: var(--icon-down); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; color: transparent; } a[href*="toggle"]:hover { background-color: transparent !important; } a[href*="toggle"] span { display: none; } a[href*="toggleFilters"] { width: 1em; display: block; overflow: hidden; height: 1.4em; /*! color: transparent !important; */ } table#container { width: 100% !important; margin: 0; height: 100vh; } td#content a { color: var(--tomato-accent-color); border-radius: var(--tomato-controls-border-radius); } td#content a:hover { background-color: var(--tomato-accent-color); color: white !important; /*! background-color: white; */ } table#container td#header { background-color: var(--tomato-accent-color); border-bottom: none; position: relative; height: 60px; box-shadow: rgba(0, 0, 0, .2) 0 0 8px; padding: 0; } table#container td#header div.title { font-family: inherit; font-size: larger; height: 60px; display: block; width: 180px; position: absolute; top: 0; line-height: 60px; text-align: center; padding-left: 5px; } table#container td#header div.title:before { content: "*"; display: inline-block; width: 40px; margin-right:10px; background-color: white; mask-image: var(--icon-tomato); mask-position: center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--icon-tomato); -webkit-mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } table#container td#header div.version { position: absolute; top: 40px; left: 91px; color: #ffffff80; font-weight: 400; font-size: smaller; width: 7em; overflow: hidden; height: 1em; text-align: right; } #container { width: auto; background-color: var(--tomato-container-background); /*! padding-bottom: 20px; */ } td#content > *:last-child, td#content > div.tile:last-child > div.section { margin-bottom: 0px; } div.section > div.section:last-of-type, div#bwlimit > div:last-of-type, div#qosstats > div:last-of-type, td#content > div:last-of-type { margin-bottom: 0px; } div#status-tab div.section { padding-top: 20px; margin-bottom: 0px; } div#status-tab { margin-top: 20px; } div#webmon-controls { float: none; margin: 0px; } div#noHWKeyHelperDiv, div#att1, pre#stats:not(:empty), div#webmon-controls, div#status_table, div.section, div.section-title, div.tomato-grid, div.bwmg, td#content > i, td#content > ul#tabs, td#content > small{ background-color: var(--tomato-panel-background); padding: 20px; box-shadow: rgba(0, 0, 0, .1) 0px 1px 1px; width: auto !important; display: block; border: none; } div.cstats > div.section, div#att1 > div.section-title, div.cstats > div.section-title { padding: 0px; box-shadow: none; } div.section div.tomato-grid { padding: 0px; box-shadow: none; overflow: auto; } div.section-title { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-top: 15px; padding-bottom: 15px; border-bottom: none; color: var(--tomato-accent-color); font-weight: bolder; font-size: larger; margin: 20px 40px 0; } div.section { padding-right: 20px; padding-top: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 0 40px 10px; } table.bwmg, table.tomato-grid { border-spacing: 0; border: none; margin: 0; margin-bottom: 10px; background: unset; padding: 20px; border-collapse: collapse; } table.bwmg tr td, table.bwmg tr.header td, table.tomato-grid tr td, table.tomato-grid tr.header td { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid; border-bottom-color: var(--tomato-container-background); } table.tomato-grid tr.even, table.tomato-grid tr.odd { cursor: default; } table.bwmg tr.header td, table.tomato-grid tr.header td { background-color: var(--tomato-panel-background)!important; font-size: larger; font-weight: bolder; } .tomato-grid .sortdes::after { font-size: small; float: right; content: " \25E5"; /*font-family: Symbola;*/ color: transparent; background-color: var(--tomato-color); mask-image: var(--icon-triangle-down); mask-position: center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--icon-triangle-down); -webkit-mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } .tomato-grid .sortasc::after { font-size: small; float: right; content: " \25E2"; /*font-family: Symbola;*/ color: transparent; background-color: var(--tomato-color); mask-image: var(--icon-triangle-up); mask-position: center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--icon-triangle-up); -webkit-mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } table.tomato-grid tr td, table.tomato-grid tr.odd { background-color: var(--tomato-panel-background)!important; } table.tomato-grid tr td { font-size: inherit !important; } /* table.tomato-grid tr td small { display: block; } */ table.tomato-grid tr td small a { display: inline-block; background-color: var(--tomato-panel-background); font-size: smaller; border-radius: var(--tomato-controls-border-radius); padding: 3px; } table.tomato-grid tr td small a:hover { background-color: var(--tomato-color); } table.tomato-grid .controls, table.tomato-grid .editor, table.tomato-grid tr.even:hover { background-color: #fff!important; } table.tomato-grid .editor td { border-bottom: none; } input[type=button] { background-color: var(--tomato-accent-color); border: none; color: #fff; font-size: inherit !important; padding: 10px 10px; border-radius: var( --tomato-controls-border-radius); min-width: 70px; vertical-align: middle; font-weight: bolder; } input[type=button]:hover { background-color: var(--tomato-background); cursor: pointer; filter: brightness(1.2); transition:all .5s; } div.section div { background-color: transparent; float: none!important; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #e4eaec; border-left:0; border-right:0; border-top:0; } td#footer { border: none; text-align: right; min-height: 50px; margin: 0px; padding: 0px; } td#footer > div { text-align: right!important; min-width: 350px; } td#footer select { margin-left: 20px; background-color: white; } td#footer { padding: 20px; } td#footer input { width: unset; } span#footer-msg { width: 400px; background-color:#0000; font-size: inherit !important; text-align: center; margin: auto; float: none; padding: 10px 15px; color: unset !important; } div#tab-area { margin-bottom: 10px; } div#tabs-bottom { border: none; } ul#tabs li, ul.tabs li{ float: unset; display: inline-block; } ul#tabs li a { /*! background: var(--tomato-background); */ /*! color: white; */ padding: 8px !important;; } ul#tabs li a.active { background-color: var(--tomato-accent-color); color: #fff!important; } ul#tabs li a:hover { background-color: var(--tomato-accent-color); color:#fff; transition: background-color 0.3s; } div#ident, table#container td#header div.title small, span#dtime { display: none; } div#ports .section-title { margin: 0; padding: 0; padding-top: 15px; box-shadow: none; color: var(--tomato-accent-color); margin-bottom: 20px; border-bottom: none; } div#ports .title.indent1 { padding: 0px; } div#ports:blank, div#ports:empty { display: none; } div#ports:-moz-only-whitespace{ display: none; } div#ports tr:hover { background: none; transition: none; } div#ports td.title { width: 100px; } div#ports td.title:first-child { padding-right: 30px; } div#ports td.title.indent2 { position: relative; } div#ports td { padding-top: 0px !important; } div#ports td.content { width: 0px !important; } div#ports table { width: auto; } div#ports img[id^="eth"] { display: block; float: inherit; margin: auto; margin-bottom: auto; margin-bottom: 5px; } div#ports img{ object-position: -1000px -1000px; background-image: linear-gradient(to left, transparent, var(--tomato-panel-background)), var(--icon-ethernet-port) ; background-repeat: no-repeat; background-size: 20px, cover; background-position: left, -25px -30px; width: 100px; height: 60px; } div#ports img[id*="off"] { opacity: 0.35; } table.fields { width: 100%; max-width: 1100px; margin-bottom: 15px; border-collapse: collapse; } table.fields:last-child { margin-bottom: 0px; } .fields td.title.indent1 { padding: unset; padding-right: 10px; } table.fields tr td { padding-top: 8px !important; padding-bottom:0px !important; } table.fields tr:first-of-type td { padding-top: 0px !important; } td { font: inherit; font-family: inherit; } .fields input[type='button'] { margin-left: 20px; margin-right: 0px; } .fields input[type='button']:first-child { margin-left: 0px; } .fields .content select + input { margin-left: 20px !important; } .fields input[type='text'][id^='_f_w'][id*='hwaddr']{ width: 140px; } small a { color: gray !important; padding: 0px !important; } #jwarn { margin-top: 0px; } .note-disabled, .note-disabledw, .note-warning { background: var(--tomato-panel-background); padding: 20px; border-bottom: none; box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; border: none; margin: 0px; width: auto; margin-top: -20px; } .note-disabled b { margin-right: 1em; } input, select { font-size: 1rem !important; } div.section div { border :none; } div#rstats, div#cstats { background-color: var(--tomato-panel-background); margin: 0px; margin-bottom: 20px; padding: 20px; box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; margin-top: -20px; } .fields td.title { width: 200px; } .controls { margin-top: 0px !important; margin-bottom: 0px !important; } #content { padding: 20px; padding-bottom: 0px; width: unset; } div.section { margin: 0px; margin-bottom: 20px; margin-top: -20px; } div.section-title { border-bottom: none; margin: 0; margin-bottom: 20px; } .fields select[id*='channel'] { width: 250px; } #survey-msg { position: unset; padding: 0px !important; } #ports td.title { width: 100px; white-space: nowrap; } .section .section-title { padding: 0px; padding-top: 0; padding-bottom: 15px; /*! color: var(--tomato-accent-color) !important; */ box-shadow: none; margin-top: 15px; } .section .section{ padding: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: none; } input[type="checkbox"] { padding: 0; margin: 1px 0 2px 0; vertical-align: sub; } #afu-upgrade-button { height: auto !important; } ul.tabs a { width: 131px; } ul.tabs a.active, #tabs a.active { background: var(--tomato-accent-color); color: #fff !important; font-weight: bolder !important; } .section ul { padding-left: 0px; margin: 0px; } #qg .co1 { word-wrap: anywhere; } #client_commandline_helper { font-weight: bolder; } #notice1 { width: auto; background-color: var(--tomato-panel-background); padding: 20px; box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; width: auto !important; display: block; border: 0px; margin-bottom: 20px; } select { padding: 1px; padding-right: 1.5em; padding-left: 0.4em; min-width: 40px; box-sizing: border-box; margin: 0; border: var(--tomato-controls-border); border-radius: var( --tomato-controls-border-radius); -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: var(--tomato-accent-select); background-repeat: no-repeat, repeat; background-position: right .5em top 50%, 0 0; background-size: .65em auto, 100%; background-color: transparent; min-height: var(--tomato-controls-size); -moz-padding-start: 1px; vertical-align: middle; } select::-ms-expand { display: none; } select:focus { border-color: white; outline: none; } select option { color: var(--tomato-color); background-color: var(--tomato-panel-color); } select[disabled] { /*! color: lightgray; */ filter: grayscale(); opacity: 0.5; } textarea { width: 100% !important; height: 15em; box-sizing: border-box; } input[type="text"], input[type="password"], textarea { padding: 2px; padding-left: 0.4em !important; padding-right: 0.4em; box-sizing: border-box; margin: 0px !important; border: var(--tomato-controls-border); border-radius: var( --tomato-controls-border-radius); min-height: var(--tomato-controls-size); vertical-align: middle; } input[type="file"] { border: var(--tomato-controls-border); border-radius: var( --tomato-controls-border-radius); box-sizing: border-box; height: unset !important; } .tomato-grid .controls input { width: 90px; min-width: 90px; } td#navi { width: 210px!important; max-width: 210px; background-color: var(--tomato-background); padding: 10px 0 0 0; border: 0; height: 100% !important; } td#navi a { color: var(--tomato-color); display: block; padding: 0; } td#navi a:hover { background-color: rgba(255,255,255,0.05) !important; color: var(--tomato-active-color); transition: background-color 0.3s, color 0.3s; } td#navi a.indent1:hover:before { background-color: var(--tomato-active-color); transition: background-color 0.3s; } td#navi a.indent1 { margin-left: 0; height: 30px; line-height: 35px; font-size: larger; padding: 0px 15px 0px 15px; } td#navi a.indent1.active { color: var(--tomato-active-color); font-weight: bolder; } td#navi a.indent2 { margin-left: 0; padding: 0 10px 0 45px; } td#navi a.indent2.active, td#navi a.indent1.active[href*='bwlimit'], td#navi a.indent1.active[href*='restrict'] { /*! background-color: var(--tomato-accent-color); */ color: var(--tomato-active-color); } td#navi a.indent2.active:after, td#navi a.indent1.active[href*='bwlimit']:after, td#navi a.indent1.active[href*='restrict']:after{ content: ""; border: 15px solid transparent; border-right-color: var(--tomato-container-background); position: absolute; right: 0px; display: block; top: 0px; } td#navi a.indent1::before { min-width: 1.3em; display: inline-block; text-align: center; vertical-align: top; } td#navi a.active.indent1::before { background-color: var(--tomato-active-color); } td#navi a.indent1[href*=about] { right: 325px; z-index: 3 !important; overflow: visible !important; } td#navi a.indent1[href*="javascript:reboot()"] { right: 225px; } td#navi a.indent1[href*="javascript:shutdown()"] { right: 105px; } td#navi a.indent1[href*="javascript:logout()"] { right: 15px; } td#navi a.indent1[href*=about]:hover:after { content: 'AdvaFresh theme by tsg2k2@github'; position: absolute; top: 18px; left: 17px; width: 300px; opacity: 0.5; font-size: smaller; } td#navi br { display: none; } td#navi a { outline: none; } td#navi a.indent1::before { /*font-family: Symbola !important;*/ background-color: var(--tomato-color); mask-position: center; mask-repeat: no-repeat; mask-size: 80%; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 80%; color: transparent; margin-right: 3px; } td#navi a.indent1[href*=about]:hover, td#navi a.indent1[href*="javascript:reboot()"]:hover, td#navi a.indent1[href*="javascript:shutdown()"]:hover, td#navi a.indent1[href*="javascript:logout()"]:hover { background-color: transparent !important; color: white; } td#navi a { height: unset !important; line-height: 30px !important; } td#navi a.indent1[href*="shutdown"], td#navi a.indent1[href*="about"], td#navi a.indent1[href*="reboot"], td#navi a.indent1[href*="logout"] { position: absolute; top: 0px !important; color: white; line-height: 60px !important; height: 60px !important; background-color: var(--tomato-accent-color); max-height: 60px; overflow: hidden; z-index: 2; } td#navi a.indent1[href*="about"]::before { content: '\2139'; mask-image: var(--icon-about); -webkit-mask-image: var(--icon-about); background-color: white; } td#navi a.indent1[href*="shutdown"]::before { content: '\23FB'; mask-image: var(--icon-shutdown); -webkit-mask-image: var(--icon-shutdown); background-color: white; } td#navi a.indent1[href*="logout"]::before { content: '\1F80A'; mask-image: var(--icon-logout); -webkit-mask-image: var(--icon-logout); background-color: white; } td#navi a.indent1[href*="reboot"]::before { content: '\1F504'; mask-image: var(--icon-reboot); -webkit-mask-image: var(--icon-reboot); background-color: white; } td#navi a.indent1[href="/"]::before, td#navi a.indent1[href^="status"]::before { content: '\1F6C8'; mask-image: var(--icon-home); /*! opacity: 0.5; */ -webkit-mask-image: var(--icon-home); } td#navi a.indent1[href*="bwm"]::before { content: '\1F4CA'; mask-image: var(--icon-bandwidth); -webkit-mask-image: var(--icon-bandwidth); } td#navi a.indent1[href*="ipt-"]::before { content: '\1F5A7'; mask-image: var(--icon-iptraffic); -webkit-mask-image: var(--icon-iptraffic); } td#navi a.indent1[href*="tools"]::before { content: '\2692'; mask-image: var(--icon-tools); -webkit-mask-image: var(--icon-tools); } td#navi a.indent1[href*="qos"]::before { content: '\2696'; mask-image: var(--icon-qos); -webkit-mask-image: var(--icon-qos); } td#navi a.indent1[href*="bwlimit"]::before { content: '\2700'; mask-image: var(--icon-bwlimiter); -webkit-mask-image: var(--icon-bwlimiter); } td#navi a.indent1[href^="web"]::before { content: '\1F578'; mask-image: var(--icon-webserver); -webkit-mask-image: var(--icon-webserver); } td#navi a.indent1[href*="nas"]::before { content: '\1F5BF'; mask-image: var(--icon-usb); -webkit-mask-image: var(--icon-usb); } td#navi a.indent1[href*="vpn"]::before { content: '\1F575'; mask-image: var(--icon-vpn); -webkit-mask-image: var(--icon-vpn); } td#navi a.indent1[href*="admin"]::before { content: '\2699'; mask-image: var(--icon-admin); -webkit-mask-image: var(--icon-admin); } td#navi a.indent1[href*="forward"]::before { content: '\1F500'; mask-image: var(--icon-portforward); -webkit-mask-image: var(--icon-portforward); } td#navi a.indent1[href*="restrict"]::before { content: '\1F512'; mask-image: var(--icon-access); -webkit-mask-image: var(--icon-access); } td#navi a.indent1[href^="basic"]::before { content: '\1F5B0'; mask-image: var(--icon-basic); -webkit-mask-image: var(--icon-basic); } td#navi a.indent1[href*="advanced"]::before { content: '\1F5AE'; mask-image: var(--icon-advanced); -webkit-mask-image: var(--icon-advanced); } td#navi a.indent2 { position: relative; } td#navi a.indent1 + a.indent2 { overflow: hidden; } td#navi a.indent2:before { content: ""; display: inline-block; border-left: 0.7px dotted var(--tomato-color); border-bottom: 0.7px dotted var(--tomato-color); border-bottom-left-radius: 1px; width: 1.1em; position: absolute; bottom: 14px; left: 24px; z-index: 0; top: -14px; } .fields > .about, #content > .about { background-color: var(--tomato-panel-background); color: var(--tomato-color); box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; padding: 20px; margin: 0px !important; } #termDiv table { width: 100%; } #survey-msg { background: unset !important; display: contents; } .as-script { font: 12px monospace !important; overflow: auto !important; } @keyframes dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } div#loading{ width: 100%; display: flex; flex-direction: row-reverse; align-items: center; } div#loading b { vertical-align: middle; padding-right: 1em; } #footer #footer-msg:after, div#loading:before { content: " "; width: var(--tomato-controls-size); height: var(--tomato-controls-size); margin: 0px !important; } #footer #footer-msg:after { display: inline-block; vertical-align: middle; margin-left: 20px !important; } .content > #fmsg:before, div#loading:before, #refresh-spinner, #footer #footer-msg:after, img[src^='spin'] { object-position: -100px -100px; border-radius: 50%; border: 5px solid #fff; border-color: var(--tomato-accent-color) transparent var(--tomato-accent-color) transparent; animation: dual-ring 1.2s linear infinite; margin: 4px; } img[src^="bar"] { object-position: -100px -100px; width: 15px; height: 15px; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--tomato-color); transform: rotate(-45deg); margin-left: 5px; } img[src^="bar1"] { -webkit-mask-image: var(--icon-signal-1); mask-image: var(--icon-signal-1); } img[src^="bar2"] { -webkit-mask-image: var(--icon-signal-2); mask-image: var(--icon-signal-2); } img[src^="bar3"] { -webkit-mask-image: var(--icon-signal-3); mask-image: var(--icon-signal-3); } img[src^="bar4"] { -webkit-mask-image: var(--icon-signal-4); mask-image: var(--icon-signal-4); } img[src^="bar5"] { -webkit-mask-image: var(--icon-signal-5); mask-image: var(--icon-signal-5); } img[src^="bar6"] { -webkit-mask-image: var(--icon-signal-6); mask-image: var(--icon-signal-6); } div#wait { line-height: 2.6; } pre#stats { white-space: normal; margin-top: 20px; } ul.tabs a, #tabs a { width: unset !important; min-width: 70px; font-weight: normal !important; } input[size] { max-width: 250px; } img[src^="rp"] { filter: grayscale(); } div#cstats > div.section, div#cstats > div.section-title { padding-right: 0px; box-shadow: none; } td.co2 small a[href*="api"], td.co1 small a[href*=":add"], td.co2 small a[href*=":add"], td.co2 small a[href*=":view"], td.co1 small a[href*=":view"] { display: inline-block; overflow: hidden; width: 15px; height: 15px; } td.co2 small a[href*="api"]::before { content: '\1F50E'; mask-image: var(--icon-lookup); -webkit-mask-image: var(--icon-lookup); transform: scaleX(-1); } td.co2 small a[href*=":addbw"]::before { content: '\2700'; mask-image: var(--icon-bwlimiter); -webkit-mask-image: var(--icon-bwlimiter); } td.co2 small a[href*=":addSt"]::before { content: '\1F588'; mask-image: var(--icon-pin); -webkit-mask-image: var(--icon-pin); } td.co2 small a[href*=":addWF"]::before { content: '\1F511'; mask-image:var(--icon-key); -webkit-mask-image:var(--icon-key); } td.co1 small a[href*=":viewQosDe"]::before, td.co2 small a[href*=":viewQosDe"]::before { content: '\1F511'; mask-image:var(--icon-key); -webkit-mask-image:var(--icon-tag); } td.co1 small a[href*=":viewQosCT"]::before, td.co2 small a[href*=":viewQosCT"]::before { content: '\1F511'; mask-image:var(--icon-graph); -webkit-mask-image:var(--icon-graph); } td.co1 small a[href*=":viewIpt"]::before, td.co2 small a[href*=":viewIpt"]::before { content: '\1F511'; mask-image:var(--icon-time); -webkit-mask-image:var(--icon-time); } td.co1 small a[href*=":addEx"]::before, td.co2 small a[href*=":addEx"]::before { content: '\1F511'; mask-image:var(--icon-filter); -webkit-mask-image:var(--icon-filter); } td.co1 small a:hover:before, td.co2 small a:hover:before { background-color: white; } td.co1 small a::before, td.co2 small a::before { /*font-family: Symbola;*/ background-color: var(--tomato-color); color: transparent; mask-position: center center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; width: 15px; height: 15px; display: block; } td small a[href*="viewQos"], td small a[href*="viewIpt"] { margin-right: 5px; } #ports td.indent1 a { position: absolute; top: 5px; right: 24px; margin: 10px; width: 0px; color: transparent !important; } div#ports { position: relative; margin-top: 20px; } #ports td.indent1 a:before { /*font-family: Symbola;*/ content: '\2699'; color: transparent; background-color: var(--tomato-color); mask-image:var(--icon-admin); mask-position: center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image:var(--icon-admin); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } #ports .title.indent1 { color: transparent; font-size: 0px; } input[type='checkbox'], input[type='radio']{ appearance: none; -moz-appearance: none; -webkit-appearance: none; width: var(--tomato-controls-size) !important; height: var(--tomato-controls-size) !important; background-color: white; background-size: 0% 0%; background-repeat: no-repeat; background-position: center; background-image: none; border: var(--tomato-controls-border); border-radius: var( --tomato-controls-border-radius); margin: 0px; vertical-align: middle; transition: all ease-in-out 0.3s; } input[type='radio'] { border-radius: 50%; } input[type='checkbox']::focus, input[type='radio']:focus { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } input[type='checkbox'] { background-image: var(--tomato-accent-check); } input[type='radio'] { background-image: var(--tomato-accent-radio); } input[type='checkbox']:checked, input[type='radio']:checked { background-size: 100% 100%; } input[type='checkbox']:disabled, input[type='radio']:disabled { opacity: unset; filter: grayscale(1); } input[type='checkbox']:not(:checked):disabled, input[type='radio']:not(:checked):disabled { background-color: lightgrey; opacity: unset; } .term { font-size: inherit !important; } td.term, textarea.as-script{ background-color: var(--tomato-background); color: white; margin-bottom: 20px !important; padding: 5px !important; } select:hover:not([disabled]), input:hover:not([disabled]), textarea:hover:not([disabled]), select:focus, input:focus, textarea:focus { border-color: var( --tomato-accent-color); border-width: 1px; transition: all ease-out 0.3s; outline: none; } input[type=button]:hover:not([disabled]) { background-color: var(--tomato-accent-color); cursor: pointer; filter: brightness(1.2); transition:all .5s; } input[type=button][disabled] { color: unset; background-color: var(--tomato-background); filter: grayscale(1); } input + input, select + input { margin-left: 20px; } #spin { float: right; padding: 0px !important; } #b_dhcpc { font-size: 0px; } #b_dhcpc input { font-size: 1rem !important; } #rstats::after, #cstats::after{ content: ''; clear: both; display: block; } table#container { overflow: hidden; } #navi { height: 100%; } #navi::after { content: ""; height: 100%; display: block; background-color: var(--tomato-background); width: 100%; /*! width: 100px; */ } #rstats select { width: 120px !important; margin: 5px; margin-right: 0px; } br + br, br:last-child, #bwlimit > br, #content > br, .content > br, div#loading > br, div#status-tab > br { display: none; } .about > br, .tomato-grid br { display: inline; } #rstats hr, .about > hr { display: none; } label > br { display: initial !important; } #sesdiv_system small { opacity: 0.5; font-size: 1rem; padding: 0px; } td#content > i { display: block; background-color: var(--tomato-panel-background); box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; padding: 20px; margin-top: -40px; margin-bottom: 20px; } td#content > p:first-of-type{ display: block; background-color: var(--tomato-panel-background); box-shadow: rgba(0, 0, 0, .2) 0px 1px 1px; padding: 20px; margin-top: 0px; margin-bottom: 20px; } tr.editor > td > div { padding: 0px !important; width: unset !important; } tr.editor > td > div:not(:last-of-type) { margin-bottom: 5px !important; } .about b { padding-top: 10px; display: inline-block; } embed[type='image/svg+xml'] { opacity: 0.7; } body > div:last-child{ display: none; } div#version.section-title { box-shadow: none; } input[id*='_f_nr'] { display: inline-block; margin-left: 20px; margin-right: 5px; } input[id*='_f_nr']:first-child { display: inline-block; margin-left: 0px; } .content > #fmsg { background-color: transparent !important;; color: var(--tomamto-accent-color) !important; display: inline-block; vertical-align: middle; } .content > #fmsg:before { content: ' '; display: inline-block; max-width: var(--tomamto-control-size); max-height: var(--tomamto-control-size); background-color: white !important; min-width: 20px; min-height: 20px; /*! border-color: white; */ /*! color: transparent !important; */ vertical-align: middle; margin-right: 10px; } td#content.tiles { column-width: 700px; display: block; column-count: 3; column-gap: 20px; } td#content.tiles > div { min-width: 660px; } /* this is a hack*/ /* td#content.tiles > div.section-title:after { content: " "; display: block; height: 200px; margin-bottom: -200px; } */ /* those are not supported by browsers */ td#content > div.section-title { break-after: avoid; break-inside: avoid; -webkit-column-break-after: avoid; column-break-after: avoid; } td#content > div.tile, td#content > div.section { break-before:avoid; break-inside: avoid; -webkit-column-break-before: avoid; column-break-before: avoid; } #bwm-controls { min-width: 175px; margin-top: 0px !important; margin-right: 0px !important; text-align: left !important; } #bwm-controls small:first-child { font-size: x-small; display: block; text-align: right; white-space: nowrap; overflow: visible; } #bwm-controls .selected { padding: 0px; font-weight: unset; color: var(--tomato-accent-color) !important; text-decoration: none; } #bwm-controls a { color: var(--tomato-color) !important; padding-left: 1px !important; } #bwm-controls a#hr1 { margin-left: 8px; } #bwm-controls a#avg1 { margin-left: 22px; } #bwm-controls a#scale0 { margin-left: 19px; } #bwm-controls a#unit0 { margin-left: 19px; } #bwm-controls a#drawcolor { margin-left: 13px; position: relative; } #bwm-controls a[href^='admin'] { border-left: 50px solid white; left: -10px; position: relative; } #bwm-controls a#drawcolor:after { background-color: white !important; content: " "; position: absolute; right: 0px; top: 0px; bottom: 0px; display: inline-block; width: 8px; } #bwm-controls a#drawcolor + br { display: none; } #bwm-controls a#drawrev { display: inline-block; width: 16px; height: 16px; white-space: nowrap; overflow: hidden; color: transparent !important; vertical-align: sub; position: relative; } #bwm-controls a#drawrev:hover::before { background-color: white; } #bwm-controls a#drawrev::before { content: '\1F511'; mask-image:var(--icon-button-renew); -webkit-mask-image:var(--icon-button-renew); background-color: var(--tomato-color); color: transparent; mask-position: center center; mask-size: 16px 16px; mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: 16px 16px; -webkit-mask-repeat: no-repeat; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } #dev-grid .co6 > small, #survey-grid .co5 > small{ min-width: 25px; display: inline-block; text-align: right; } #dev-grid .co6{ /*! text-align: right !important; */ } #_nginxfp_button { margin-left: 45px; } div#noHWKeyHelperDiv input.helperButton { margin-bottom: 20px; width: calc(50% - 12px); } div#noHWKeyHelperDiv > input#icommandsFromMobile { width: 100%; } #content table.fields td.content input[type="text"], #content table.fields td.content select{ min-width: 120px; } body > div[style] { display: none; } ul.tabs a:not(.active):not(:hover) small, #tabs a:not(.active):not(:hover) small { color: var(--tomato-color) ; } ul.tabs a, #tabs a { height: auto !important; font-size: 1rem !important; margin: 0px; margin-right:2px; margin-top: 2px; line-height: 1; float: unset !important; } ul.tabs a:hover:not(.active), #tabs a:hover:not(.active) { font-weight: normal !important; } tr[id^='last-'] small { font-size: 1rem; font-weight: bold; padding: 0px; padding-right: 10px; } div#sesdiv_lan-tile > div.section-title:before, div#sesdiv_wan + div.section-title:before, div#sesdiv_system-tile > div.section-title:before, div#att1 + div.section-title:before, #ports > div.section-title:before, div.section-title[id^='wl']:before, div#wan-title:before { content: "*"; color: transparent; background-color: var(--tomato-color); display: inline-block; width: 1rem; margin-right: 10px; mask-position: 50% 60%; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: 50% 60%; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } #ports > div.section-title:before { mask-image: var(--icon-port); -webkit-mask-image: var(--icon-port); } div#wan-title:before { mask-image: var(--icon-wan); -webkit-mask-image: var(--icon-wan); } div.section-title[id^='wl']:before { mask-image: var(--icon-signal); -webkit-mask-image: var(--icon-signal); } div#sesdiv_system-tile > div.section-title:before, div#att1 + div.section-title:before { mask-image: var(--icon-system); -webkit-mask-image: var(--icon-system); } div#sesdiv_lan-tile > div.section-title:before, div#sesdiv_wan + div.section-title:before { mask-image: var(--icon-lan); -webkit-mask-image: var(--icon-lan); } div#ident { position: absolute; display: block; top: 0; left: inherit; height: 60px; vertical-align: middle; line-height: 60px; color: white; opacity: 0.5; padding-left: 20px; text-align: left; } td#content.dynamic div#graph embed { width: 100% !important; } div.tomato-grid { margin: 0px; } input#restore-name, select#restore-mode, input[type="file"][name="file"] { min-width: 400px; } input#backup-name { min-width: calc(400px - 20px) } td#navi a.active { position: relative; } ::selection { background-color: var(--tomato-accent-color); color: white; } #txt { border-spacing: 5px !important; border-collapse: collapse; width: auto !important; margin-bottom: 20px; margin-top: 7px; } #txt td { width: auto !important; padding: 5px; padding-left: 0px; padding-right: 5px; height: 2em; } #txt td:nth-child(2n) { padding-right: 10px; } #txt td:last-child { display: none; } #txt #rx-name:after, #txt #tx-name:after{ content: '\00a0'; display: inline-block; width: 18px; opacity: 0.7; border-bottom-style: solid !important; border-bottom-width: 18px !important;; border-color:inherit; position: absolute; left: 0px; } #txt #rx-name:before, #txt #tx-name:before{ content: '\00a0'; display: inline-block; width: 18px; position: absolute; left: 0px; top: 17px; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: 10px 10px; } #txt #rx-name:before{ background-image: var(--icon-button-backup); } #txt #tx-name:before{ background-image: var(--icon-button-restore); } #txt #rx-name, #txt #tx-name{ position: relative; border-width: 0px !important; transition: all ease-in-out 0.2s; } div#graph { border: none !important; } input#refreshb { position: relative; left: -0.5em; } input#refresh-button { width: unset; } input[type='button'][value='Start'], input[type='button'][value^='Format'], input[type='button'][value='Backup'], input[type='button'][value='Restore'], input[type='button'][value='Upgrade'], input[type='button'][value='Start Now'], input[type='button'][value='Start test'], input[type='button'][value='Ping'], input[type='button'][value='Trace'], input[type='button'][value='Default'], input[type='button'][value='Clone PC'], input[type='button'][value='Drop Idle'], input[type='button'][value='OK'], input[type='button'][value='Delete'], input[type='button'][value='Delete All'], input[type='button'][value='Scan'], input[type='button'][value='Random'], input[type='button'][value='Cancel'], input[type='button'][value='Save'], input[type='button'][value='Add'], input[type='button'][value='Wake Up'], input[type='button'][value='Find'], input[type='button'][value='Measure'], input[type='button'][value='Enable'], input[type='button'][value='Disable'], input[type='button'][value='Renew'], input[type='button'][value='Release'], input[type='button'][value='Stop'], input[type='button'][value='Stop Now'], input[type='button'][value='Refresh']{ background-position: 12px; background-repeat: no-repeat; background-size: 18px 18px; background-origin: border-box; padding-left: 40px; padding-right: 15px; width: auto !important; } input[type='button'][value='Stop'], input[type='button'][value='Stop Now']{ background-image: var(--icon-button-stop); } input[type='button'][value='Refresh']{ background-image: var(--icon-button-refresh); } input[type='button'][value='Release']{ background-image: var(--icon-button-release); } input[type='button'][value='Renew']{ background-image: var(--icon-button-renew); } input[type='button'][value='Enable']{ background-image: var(--icon-button-enable); } input[type='button'][value='Disable']{ background-image: var(--icon-button-disable); } input[type='button'][value='Measure']{ background-image: var(--icon-button-measure); } input[type='button'][value='Find']{ background-image: var(--icon-button-find); } input[type='button'][value='Wake Up']{ background-image: var(--icon-button-wakeup); } input[type='button'][value='Add']{ background-image: var(--icon-button-add); min-width: 90px; } input[type='button'][value='Save']{ background-image: var(--icon-button-save); } input[type='button'][value='Cancel']{ background-image: var(--icon-button-cancel); } input[type='button'][value='Random']{ background-image: var(--icon-button-random); } input[type='button'][value='Scan']{ background-image: var(--icon-button-scan); } input[type='button'][value='Delete'], input[type='button'][value='Delete All']{ background-image: var(--icon-button-delete); } input[type='button'][value='OK']{ background-image: var(--icon-button-ok); } input[type='button'][value='Drop Idle']{ background-image: var(--icon-button-dropidle); } input[type='button'][value='Clone PC']{ background-image: var(--icon-button-clonepc); } input[type='button'][value='Default']{ background-image: var(--icon-button-default); } input[type='button'][value='Start Now'] { background-image: var(--icon-button-startnow); } input[type='button'][value='Start'], input[type='button'][value='Start test'], input[type='button'][value='Ping'], input[type='button'][value='Trace']{ background-image: var(--icon-button-starttest); } input[type='button'][value='Backup']{ background-image: var(--icon-button-backup); } input[type='button'][value='Restore'], input[type='button'][value='Upgrade']{ background-image: var(--icon-button-restore); } input[type='button'][value^='Format']{ background-image: var(--icon-button-erase); } div.section-title + div.fields { margin-top: -20px; } .fields tr > td.content[style*='--data-percent'] { position: relative; } .fields tr > td.content[style*='--data-percent']:before, .fields tr > td.content[style*='--data-percent']:after { content: ""; position: absolute; bottom: -1px; height: 1.9px; border-radius: 1px; display: inline-block; left: 0px; background-color: var(--tomato-container-background); width: 300px; max-width: 300px; --factor: 3; } .fields tr#temps > td.content:after { --factor: 1.4218; /* 300px/211F */; } .fields tr#rate0 > td.content:after { --factor: 0.5; /* 300px/600Mbps max */; } .fields tr#rate1 > td.content:after, .fields tr#rate2 > td.content:after{ --factor: 0.2307; /* 300px/1300Mbps max */; } .fields tr#nbw0 > td.content:after { --factor: 7.5; /* 300px/40MHz max */; } .fields tr#nbw1 > td.content:after, .fields tr#nbw2 > td.content:after{ --factor: 1.875; /* 300px/160MbHz max */; } .fields tr > td.content[style*='--data-percent']:after { background-color: var(--tomato-accent-color); width: calc(var(--data-percent) * var(--factor)); transition: width 0.3s ease-in-out; } }