/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'ZK85Icons';src: url(/mvweb/zkau/web/810aeee2/zul/less/font/ZK85Icons.eot?v=4.7.0);src: url(/mvweb/zkau/web/810aeee2/zul/less/font/ZK85Icons.eot?#iefix&v=4.7.0) format("embedded-opentype"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/ZK85Icons.woff?v=4.7.0) format("woff"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/ZK85Icons.ttf?v=4.7.0) format("truetype"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/ZK85Icons.svg?v=4.7.0#ZK85Icons) format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FontAwesome';src: url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.eot?v=4.7.0);src: url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.woff?v=4.7.0) format("woff"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),
    url(/mvweb/zkau/web/810aeee2/zul/less/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:normal;font-style:normal}[class^="z-icon-"],[class*=" z-icon-"]{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.z-icon-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.z-icon-2x{font-size:2em}.z-icon-3x{font-size:3em}.z-icon-4x{font-size:4em}.z-icon-5x{font-size:5em}.z-icon-fw{width:1.28571429em;text-align:center}.z-icon-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.z-icon-ul>li{position:relative}.z-icon-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.z-icon-li.z-icon-lg{left:-1.85714286em}.z-icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.z-icon-pull-left{float:left}.z-icon-pull-right{float:right}.z-icon.z-icon-pull-left{margin-right:.3em}.z-icon.z-icon-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.z-icon.pull-left{margin-right:.3em}.z-icon.pull-right{margin-left:.3em}.z-icon-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.z-icon-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.z-icon-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.z-icon-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.z-icon-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.z-icon-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.z-icon-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .z-icon-rotate-90,:root .z-icon-rotate-180,:root .z-icon-rotate-270,:root .z-icon-flip-horizontal,:root .z-icon-flip-vertical{filter:none}.z-icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.z-icon-stack-1x,.z-icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.z-icon-stack-1x{line-height:inherit}.z-icon-stack-2x{font-size:2em}.z-icon-inverse{color:#fff}.z-icon-glass:before{content:"\f000"}.z-icon-music:before{content:"\f001"}.z-icon-search:before{content:"\f002"}.z-icon-envelope-o:before{content:"\f003"}.z-icon-heart:before{content:"\f004"}.z-icon-star:before{content:"\f005"}.z-icon-star-o:before{content:"\f006"}.z-icon-user:before{content:"\f007"}.z-icon-film:before{content:"\f008"}.z-icon-th-large:before{content:"\f009"}.z-icon-th:before{content:"\f00a"}.z-icon-th-list:before{content:"\f00b"}.z-icon-check:before{content:"\f00c"}.z-icon-remove:before,.z-icon-close:before,.z-icon-times:before{content:"\f00d"}.z-icon-search-plus:before{content:"\f00e"}.z-icon-search-minus:before{content:"\f010"}.z-icon-power-off:before{content:"\f011"}.z-icon-signal:before{content:"\f012"}.z-icon-gear:before,.z-icon-cog:before{content:"\f013"}.z-icon-trash-o:before{content:"\f014"}.z-icon-home:before{content:"\f015"}.z-icon-file-o:before{content:"\f016"}.z-icon-clock-o:before{content:"\f017"}.z-icon-road:before{content:"\f018"}.z-icon-download:before{content:"\f019"}.z-icon-arrow-circle-o-down:before{content:"\f01a"}.z-icon-arrow-circle-o-up:before{content:"\f01b"}.z-icon-inbox:before{content:"\f01c"}.z-icon-play-circle-o:before{content:"\f01d"}.z-icon-rotate-right:before,.z-icon-repeat:before{content:"\f01e"}.z-icon-refresh:before{content:"\f021"}.z-icon-list-alt:before{content:"\f022"}.z-icon-lock:before{content:"\f023"}.z-icon-flag:before{content:"\f024"}.z-icon-headphones:before{content:"\f025"}.z-icon-volume-off:before{content:"\f026"}.z-icon-volume-down:before{content:"\f027"}.z-icon-volume-up:before{content:"\f028"}.z-icon-qrcode:before{content:"\f029"}.z-icon-barcode:before{content:"\f02a"}.z-icon-tag:before{content:"\f02b"}.z-icon-tags:before{content:"\f02c"}.z-icon-book:before{content:"\f02d"}.z-icon-bookmark:before{content:"\f02e"}.z-icon-print:before{content:"\f02f"}.z-icon-camera:before{content:"\f030"}.z-icon-font:before{content:"\f031"}.z-icon-bold:before{content:"\f032"}.z-icon-italic:before{content:"\f033"}.z-icon-text-height:before{content:"\f034"}.z-icon-text-width:before{content:"\f035"}.z-icon-align-left:before{content:"\f036"}.z-icon-align-center:before{content:"\f037"}.z-icon-align-right:before{content:"\f038"}.z-icon-align-justify:before{content:"\f039"}.z-icon-list:before{content:"\f03a"}.z-icon-dedent:before,.z-icon-outdent:before{content:"\f03b"}.z-icon-indent:before{content:"\f03c"}.z-icon-video-camera:before{content:"\f03d"}.z-icon-photo:before,.z-icon-image:before,.z-icon-picture-o:before{content:"\f03e"}.z-icon-pencil:before{content:"\f040"}.z-icon-map-marker:before{content:"\f041"}.z-icon-adjust:before{content:"\f042"}.z-icon-tint:before{content:"\f043"}.z-icon-edit:before,.z-icon-pencil-square-o:before{content:"\f044"}.z-icon-share-square-o:before{content:"\f045"}.z-icon-check-square-o:before{content:"\f046"}.z-icon-arrows:before{content:"\f047"}.z-icon-step-backward:before{content:"\f048"}.z-icon-fast-backward:before{content:"\f049"}.z-icon-backward:before{content:"\f04a"}.z-icon-play:before{content:"\f04b"}.z-icon-pause:before{content:"\f04c"}.z-icon-stop:before{content:"\f04d"}.z-icon-forward:before{content:"\f04e"}.z-icon-fast-forward:before{content:"\f050"}.z-icon-step-forward:before{content:"\f051"}.z-icon-eject:before{content:"\f052"}.z-icon-chevron-left:before{content:"\f053"}.z-icon-chevron-right:before{content:"\f054"}.z-icon-plus-circle:before{content:"\f055"}.z-icon-minus-circle:before{content:"\f056"}.z-icon-times-circle:before{content:"\f057"}.z-icon-check-circle:before{content:"\f058"}.z-icon-question-circle:before{content:"\f059"}.z-icon-info-circle:before{content:"\f05a"}.z-icon-crosshairs:before{content:"\f05b"}.z-icon-times-circle-o:before{content:"\f05c"}.z-icon-check-circle-o:before{content:"\f05d"}.z-icon-ban:before{content:"\f05e"}.z-icon-arrow-left:before{content:"\f060"}.z-icon-arrow-right:before{content:"\f061"}.z-icon-arrow-up:before{content:"\f062"}.z-icon-arrow-down:before{content:"\f063"}.z-icon-mail-forward:before,.z-icon-share:before{content:"\f064"}.z-icon-expand:before{content:"\f065"}.z-icon-compress:before{content:"\f066"}.z-icon-plus:before{content:"\f067"}.z-icon-minus:before{content:"\f068"}.z-icon-asterisk:before{content:"\f069"}.z-icon-exclamation-circle:before{content:"\f06a"}.z-icon-gift:before{content:"\f06b"}.z-icon-leaf:before{content:"\f06c"}.z-icon-fire:before{content:"\f06d"}.z-icon-eye:before{content:"\f06e"}.z-icon-eye-slash:before{content:"\f070"}.z-icon-warning:before,.z-icon-exclamation-triangle:before{content:"\f071"}.z-icon-plane:before{content:"\f072"}.z-icon-calendar:before{content:"\f073"}.z-icon-random:before{content:"\f074"}.z-icon-comment:before{content:"\f075"}.z-icon-magnet:before{content:"\f076"}.z-icon-chevron-up:before{content:"\f077"}.z-icon-chevron-down:before{content:"\f078"}.z-icon-retweet:before{content:"\f079"}.z-icon-shopping-cart:before{content:"\f07a"}.z-icon-folder:before{content:"\f07b"}.z-icon-folder-open:before{content:"\f07c"}.z-icon-arrows-v:before{content:"\f07d"}.z-icon-arrows-h:before{content:"\f07e"}.z-icon-bar-chart-o:before,.z-icon-bar-chart:before{content:"\f080"}.z-icon-twitter-square:before{content:"\f081"}.z-icon-facebook-square:before{content:"\f082"}.z-icon-camera-retro:before{content:"\f083"}.z-icon-key:before{content:"\f084"}.z-icon-gears:before,.z-icon-cogs:before{content:"\f085"}.z-icon-comments:before{content:"\f086"}.z-icon-thumbs-o-up:before{content:"\f087"}.z-icon-thumbs-o-down:before{content:"\f088"}.z-icon-star-half:before{content:"\f089"}.z-icon-heart-o:before{content:"\f08a"}.z-icon-sign-out:before{content:"\f08b"}.z-icon-linkedin-square:before{content:"\f08c"}.z-icon-thumb-tack:before{content:"\f08d"}.z-icon-external-link:before{content:"\f08e"}.z-icon-sign-in:before{content:"\f090"}.z-icon-trophy:before{content:"\f091"}.z-icon-github-square:before{content:"\f092"}.z-icon-upload:before{content:"\f093"}.z-icon-lemon-o:before{content:"\f094"}.z-icon-phone:before{content:"\f095"}.z-icon-square-o:before{content:"\f096"}.z-icon-bookmark-o:before{content:"\f097"}.z-icon-phone-square:before{content:"\f098"}.z-icon-twitter:before{content:"\f099"}.z-icon-facebook-f:before,.z-icon-facebook:before{content:"\f09a"}.z-icon-github:before{content:"\f09b"}.z-icon-unlock:before{content:"\f09c"}.z-icon-credit-card:before{content:"\f09d"}.z-icon-feed:before,.z-icon-rss:before{content:"\f09e"}.z-icon-hdd-o:before{content:"\f0a0"}.z-icon-bullhorn:before{content:"\f0a1"}.z-icon-bell:before{content:"\f0f3"}.z-icon-certificate:before{content:"\f0a3"}.z-icon-hand-o-right:before{content:"\f0a4"}.z-icon-hand-o-left:before{content:"\f0a5"}.z-icon-hand-o-up:before{content:"\f0a6"}.z-icon-hand-o-down:before{content:"\f0a7"}.z-icon-arrow-circle-left:before{content:"\f0a8"}.z-icon-arrow-circle-right:before{content:"\f0a9"}.z-icon-arrow-circle-up:before{content:"\f0aa"}.z-icon-arrow-circle-down:before{content:"\f0ab"}.z-icon-globe:before{content:"\f0ac"}.z-icon-wrench:before{content:"\f0ad"}.z-icon-tasks:before{content:"\f0ae"}.z-icon-filter:before{content:"\f0b0"}.z-icon-briefcase:before{content:"\f0b1"}.z-icon-arrows-alt:before{content:"\f0b2"}.z-icon-group:before,.z-icon-users:before{content:"\f0c0"}.z-icon-chain:before,.z-icon-link:before{content:"\f0c1"}.z-icon-cloud:before{content:"\f0c2"}.z-icon-flask:before{content:"\f0c3"}.z-icon-cut:before,.z-icon-scissors:before{content:"\f0c4"}.z-icon-copy:before,.z-icon-files-o:before{content:"\f0c5"}.z-icon-paperclip:before{content:"\f0c6"}.z-icon-save:before,.z-icon-floppy-o:before{content:"\f0c7"}.z-icon-square:before{content:"\f0c8"}.z-icon-navicon:before,.z-icon-reorder:before,.z-icon-bars:before{content:"\f0c9"}.z-icon-list-ul:before{content:"\f0ca"}.z-icon-list-ol:before{content:"\f0cb"}.z-icon-strikethrough:before{content:"\f0cc"}.z-icon-underline:before{content:"\f0cd"}.z-icon-table:before{content:"\f0ce"}.z-icon-magic:before{content:"\f0d0"}.z-icon-truck:before{content:"\f0d1"}.z-icon-pinterest:before{content:"\f0d2"}.z-icon-pinterest-square:before{content:"\f0d3"}.z-icon-google-plus-square:before{content:"\f0d4"}.z-icon-google-plus:before{content:"\f0d5"}.z-icon-money:before{content:"\f0d6"}.z-icon-caret-down:before{content:"\f0d7"}.z-icon-caret-up:before{content:"\f0d8"}.z-icon-caret-left:before{content:"\f0d9"}.z-icon-caret-right:before{content:"\f0da"}.z-icon-columns:before{content:"\f0db"}.z-icon-unsorted:before,.z-icon-sort:before{content:"\f0dc"}.z-icon-sort-down:before,.z-icon-sort-desc:before{content:"\f0dd"}.z-icon-sort-up:before,.z-icon-sort-asc:before{content:"\f0de"}.z-icon-envelope:before{content:"\f0e0"}.z-icon-linkedin:before{content:"\f0e1"}.z-icon-rotate-left:before,.z-icon-undo:before{content:"\f0e2"}.z-icon-legal:before,.z-icon-gavel:before{content:"\f0e3"}.z-icon-dashboard:before,.z-icon-tachometer:before{content:"\f0e4"}.z-icon-comment-o:before{content:"\f0e5"}.z-icon-comments-o:before{content:"\f0e6"}.z-icon-flash:before,.z-icon-bolt:before{content:"\f0e7"}.z-icon-sitemap:before{content:"\f0e8"}.z-icon-umbrella:before{content:"\f0e9"}.z-icon-paste:before,.z-icon-clipboard:before{content:"\f0ea"}.z-icon-lightbulb-o:before{content:"\f0eb"}.z-icon-exchange:before{content:"\f0ec"}.z-icon-cloud-download:before{content:"\f0ed"}.z-icon-cloud-upload:before{content:"\f0ee"}.z-icon-user-md:before{content:"\f0f0"}.z-icon-stethoscope:before{content:"\f0f1"}.z-icon-suitcase:before{content:"\f0f2"}.z-icon-bell-o:before{content:"\f0a2"}.z-icon-coffee:before{content:"\f0f4"}.z-icon-cutlery:before{content:"\f0f5"}.z-icon-file-text-o:before{content:"\f0f6"}.z-icon-building-o:before{content:"\f0f7"}.z-icon-hospital-o:before{content:"\f0f8"}.z-icon-ambulance:before{content:"\f0f9"}.z-icon-medkit:before{content:"\f0fa"}.z-icon-fighter-jet:before{content:"\f0fb"}.z-icon-beer:before{content:"\f0fc"}.z-icon-h-square:before{content:"\f0fd"}.z-icon-plus-square:before{content:"\f0fe"}.z-icon-angle-double-left:before{content:"\f100"}.z-icon-angle-double-right:before{content:"\f101"}.z-icon-angle-double-up:before{content:"\f102"}.z-icon-angle-double-down:before{content:"\f103"}.z-icon-angle-left:before{content:"\f104"}.z-icon-angle-right:before{content:"\f105"}.z-icon-angle-up:before{content:"\f106"}.z-icon-angle-down:before{content:"\f107"}.z-icon-desktop:before{content:"\f108"}.z-icon-laptop:before{content:"\f109"}.z-icon-tablet:before{content:"\f10a"}.z-icon-mobile-phone:before,.z-icon-mobile:before{content:"\f10b"}.z-icon-circle-o:before{content:"\f10c"}.z-icon-quote-left:before{content:"\f10d"}.z-icon-quote-right:before{content:"\f10e"}.z-icon-spinner:before{content:"\f110"}.z-icon-circle:before{content:"\f111"}.z-icon-mail-reply:before,.z-icon-reply:before{content:"\f112"}.z-icon-github-alt:before{content:"\f113"}.z-icon-folder-o:before{content:"\f114"}.z-icon-folder-open-o:before{content:"\f115"}.z-icon-smile-o:before{content:"\f118"}.z-icon-frown-o:before{content:"\f119"}.z-icon-meh-o:before{content:"\f11a"}.z-icon-gamepad:before{content:"\f11b"}.z-icon-keyboard-o:before{content:"\f11c"}.z-icon-flag-o:before{content:"\f11d"}.z-icon-flag-checkered:before{content:"\f11e"}.z-icon-terminal:before{content:"\f120"}.z-icon-code:before{content:"\f121"}.z-icon-mail-reply-all:before,.z-icon-reply-all:before{content:"\f122"}.z-icon-star-half-empty:before,.z-icon-star-half-full:before,.z-icon-star-half-o:before{content:"\f123"}.z-icon-location-arrow:before{content:"\f124"}.z-icon-crop:before{content:"\f125"}.z-icon-code-fork:before{content:"\f126"}.z-icon-unlink:before,.z-icon-chain-broken:before{content:"\f127"}.z-icon-question:before{content:"\f128"}.z-icon-info:before{content:"\f129"}.z-icon-exclamation:before{content:"\f12a"}.z-icon-superscript:before{content:"\f12b"}.z-icon-subscript:before{content:"\f12c"}.z-icon-eraser:before{content:"\f12d"}.z-icon-puzzle-piece:before{content:"\f12e"}.z-icon-microphone:before{content:"\f130"}.z-icon-microphone-slash:before{content:"\f131"}.z-icon-shield:before{content:"\f132"}.z-icon-calendar-o:before{content:"\f133"}.z-icon-fire-extinguisher:before{content:"\f134"}.z-icon-rocket:before{content:"\f135"}.z-icon-maxcdn:before{content:"\f136"}.z-icon-chevron-circle-left:before{content:"\f137"}.z-icon-chevron-circle-right:before{content:"\f138"}.z-icon-chevron-circle-up:before{content:"\f139"}.z-icon-chevron-circle-down:before{content:"\f13a"}.z-icon-html5:before{content:"\f13b"}.z-icon-css3:before{content:"\f13c"}.z-icon-anchor:before{content:"\f13d"}.z-icon-unlock-alt:before{content:"\f13e"}.z-icon-bullseye:before{content:"\f140"}.z-icon-ellipsis-h:before{content:"\f141"}.z-icon-ellipsis-v:before{content:"\f142"}.z-icon-rss-square:before{content:"\f143"}.z-icon-play-circle:before{content:"\f144"}.z-icon-ticket:before{content:"\f145"}.z-icon-minus-square:before{content:"\f146"}.z-icon-minus-square-o:before{content:"\f147"}.z-icon-level-up:before{content:"\f148"}.z-icon-level-down:before{content:"\f149"}.z-icon-check-square:before{content:"\f14a"}.z-icon-pencil-square:before{content:"\f14b"}.z-icon-external-link-square:before{content:"\f14c"}.z-icon-share-square:before{content:"\f14d"}.z-icon-compass:before{content:"\f14e"}.z-icon-toggle-down:before,.z-icon-caret-square-o-down:before{content:"\f150"}.z-icon-toggle-up:before,.z-icon-caret-square-o-up:before{content:"\f151"}.z-icon-toggle-right:before,.z-icon-caret-square-o-right:before{content:"\f152"}.z-icon-euro:before,.z-icon-eur:before{content:"\f153"}.z-icon-gbp:before{content:"\f154"}.z-icon-dollar:before,.z-icon-usd:before{content:"\f155"}.z-icon-rupee:before,.z-icon-inr:before{content:"\f156"}.z-icon-cny:before,.z-icon-rmb:before,.z-icon-yen:before,.z-icon-jpy:before{content:"\f157"}.z-icon-ruble:before,.z-icon-rouble:before,.z-icon-rub:before{content:"\f158"}.z-icon-won:before,.z-icon-krw:before{content:"\f159"}.z-icon-bitcoin:before,.z-icon-btc:before{content:"\f15a"}.z-icon-file:before{content:"\f15b"}.z-icon-file-text:before{content:"\f15c"}.z-icon-sort-alpha-asc:before{content:"\f15d"}.z-icon-sort-alpha-desc:before{content:"\f15e"}.z-icon-sort-amount-asc:before{content:"\f160"}.z-icon-sort-amount-desc:before{content:"\f161"}.z-icon-sort-numeric-asc:before{content:"\f162"}.z-icon-sort-numeric-desc:before{content:"\f163"}.z-icon-thumbs-up:before{content:"\f164"}.z-icon-thumbs-down:before{content:"\f165"}.z-icon-youtube-square:before{content:"\f166"}.z-icon-youtube:before{content:"\f167"}.z-icon-xing:before{content:"\f168"}.z-icon-xing-square:before{content:"\f169"}.z-icon-youtube-play:before{content:"\f16a"}.z-icon-dropbox:before{content:"\f16b"}.z-icon-stack-overflow:before{content:"\f16c"}.z-icon-instagram:before{content:"\f16d"}.z-icon-flickr:before{content:"\f16e"}.z-icon-adn:before{content:"\f170"}.z-icon-bitbucket:before{content:"\f171"}.z-icon-bitbucket-square:before{content:"\f172"}.z-icon-tumblr:before{content:"\f173"}.z-icon-tumblr-square:before{content:"\f174"}.z-icon-long-arrow-down:before{content:"\f175"}.z-icon-long-arrow-up:before{content:"\f176"}.z-icon-long-arrow-left:before{content:"\f177"}.z-icon-long-arrow-right:before{content:"\f178"}.z-icon-apple:before{content:"\f179"}.z-icon-windows:before{content:"\f17a"}.z-icon-android:before{content:"\f17b"}.z-icon-linux:before{content:"\f17c"}.z-icon-dribbble:before{content:"\f17d"}.z-icon-skype:before{content:"\f17e"}.z-icon-foursquare:before{content:"\f180"}.z-icon-trello:before{content:"\f181"}.z-icon-female:before{content:"\f182"}.z-icon-male:before{content:"\f183"}.z-icon-gittip:before,.z-icon-gratipay:before{content:"\f184"}.z-icon-sun-o:before{content:"\f185"}.z-icon-moon-o:before{content:"\f186"}.z-icon-archive:before{content:"\f187"}.z-icon-bug:before{content:"\f188"}.z-icon-vk:before{content:"\f189"}.z-icon-weibo:before{content:"\f18a"}.z-icon-renren:before{content:"\f18b"}.z-icon-pagelines:before{content:"\f18c"}.z-icon-stack-exchange:before{content:"\f18d"}.z-icon-arrow-circle-o-right:before{content:"\f18e"}.z-icon-arrow-circle-o-left:before{content:"\f190"}.z-icon-toggle-left:before,.z-icon-caret-square-o-left:before{content:"\f191"}.z-icon-dot-circle-o:before{content:"\f192"}.z-icon-wheelchair:before{content:"\f193"}.z-icon-vimeo-square:before{content:"\f194"}.z-icon-turkish-lira:before,.z-icon-try:before{content:"\f195"}.z-icon-plus-square-o:before{content:"\f196"}.z-icon-space-shuttle:before{content:"\f197"}.z-icon-slack:before{content:"\f198"}.z-icon-envelope-square:before{content:"\f199"}.z-icon-wordpress:before{content:"\f19a"}.z-icon-openid:before{content:"\f19b"}.z-icon-institution:before,.z-icon-bank:before,.z-icon-university:before{content:"\f19c"}.z-icon-mortar-board:before,.z-icon-graduation-cap:before{content:"\f19d"}.z-icon-yahoo:before{content:"\f19e"}.z-icon-google:before{content:"\f1a0"}.z-icon-reddit:before{content:"\f1a1"}.z-icon-reddit-square:before{content:"\f1a2"}.z-icon-stumbleupon-circle:before{content:"\f1a3"}.z-icon-stumbleupon:before{content:"\f1a4"}.z-icon-delicious:before{content:"\f1a5"}.z-icon-digg:before{content:"\f1a6"}.z-icon-pied-piper-pp:before{content:"\f1a7"}.z-icon-pied-piper-alt:before{content:"\f1a8"}.z-icon-drupal:before{content:"\f1a9"}.z-icon-joomla:before{content:"\f1aa"}.z-icon-language:before{content:"\f1ab"}.z-icon-fax:before{content:"\f1ac"}.z-icon-building:before{content:"\f1ad"}.z-icon-child:before{content:"\f1ae"}.z-icon-paw:before{content:"\f1b0"}.z-icon-spoon:before{content:"\f1b1"}.z-icon-cube:before{content:"\f1b2"}.z-icon-cubes:before{content:"\f1b3"}.z-icon-behance:before{content:"\f1b4"}.z-icon-behance-square:before{content:"\f1b5"}.z-icon-steam:before{content:"\f1b6"}.z-icon-steam-square:before{content:"\f1b7"}.z-icon-recycle:before{content:"\f1b8"}.z-icon-automobile:before,.z-icon-car:before{content:"\f1b9"}.z-icon-cab:before,.z-icon-taxi:before{content:"\f1ba"}.z-icon-tree:before{content:"\f1bb"}.z-icon-spotify:before{content:"\f1bc"}.z-icon-deviantart:before{content:"\f1bd"}.z-icon-soundcloud:before{content:"\f1be"}.z-icon-database:before{content:"\f1c0"}.z-icon-file-pdf-o:before{content:"\f1c1"}.z-icon-file-word-o:before{content:"\f1c2"}.z-icon-file-excel-o:before{content:"\f1c3"}.z-icon-file-powerpoint-o:before{content:"\f1c4"}.z-icon-file-photo-o:before,.z-icon-file-picture-o:before,.z-icon-file-image-o:before{content:"\f1c5"}.z-icon-file-zip-o:before,.z-icon-file-archive-o:before{content:"\f1c6"}.z-icon-file-sound-o:before,.z-icon-file-audio-o:before{content:"\f1c7"}.z-icon-file-movie-o:before,.z-icon-file-video-o:before{content:"\f1c8"}.z-icon-file-code-o:before{content:"\f1c9"}.z-icon-vine:before{content:"\f1ca"}.z-icon-codepen:before{content:"\f1cb"}.z-icon-jsfiddle:before{content:"\f1cc"}.z-icon-life-bouy:before,.z-icon-life-buoy:before,.z-icon-life-saver:before,.z-icon-support:before,.z-icon-life-ring:before{content:"\f1cd"}.z-icon-circle-o-notch:before{content:"\f1ce"}.z-icon-ra:before,.z-icon-resistance:before,.z-icon-rebel:before{content:"\f1d0"}.z-icon-ge:before,.z-icon-empire:before{content:"\f1d1"}.z-icon-git-square:before{content:"\f1d2"}.z-icon-git:before{content:"\f1d3"}.z-icon-y-combinator-square:before,.z-icon-yc-square:before,.z-icon-hacker-news:before{content:"\f1d4"}.z-icon-tencent-weibo:before{content:"\f1d5"}.z-icon-qq:before{content:"\f1d6"}.z-icon-wechat:before,.z-icon-weixin:before{content:"\f1d7"}.z-icon-send:before,.z-icon-paper-plane:before{content:"\f1d8"}.z-icon-send-o:before,.z-icon-paper-plane-o:before{content:"\f1d9"}.z-icon-history:before{content:"\f1da"}.z-icon-circle-thin:before{content:"\f1db"}.z-icon-header:before{content:"\f1dc"}.z-icon-paragraph:before{content:"\f1dd"}.z-icon-sliders:before{content:"\f1de"}.z-icon-share-alt:before{content:"\f1e0"}.z-icon-share-alt-square:before{content:"\f1e1"}.z-icon-bomb:before{content:"\f1e2"}.z-icon-soccer-ball-o:before,.z-icon-futbol-o:before{content:"\f1e3"}.z-icon-tty:before{content:"\f1e4"}.z-icon-binoculars:before{content:"\f1e5"}.z-icon-plug:before{content:"\f1e6"}.z-icon-slideshare:before{content:"\f1e7"}.z-icon-twitch:before{content:"\f1e8"}.z-icon-yelp:before{content:"\f1e9"}.z-icon-newspaper-o:before{content:"\f1ea"}.z-icon-wifi:before{content:"\f1eb"}.z-icon-calculator:before{content:"\f1ec"}.z-icon-paypal:before{content:"\f1ed"}.z-icon-google-wallet:before{content:"\f1ee"}.z-icon-cc-visa:before{content:"\f1f0"}.z-icon-cc-mastercard:before{content:"\f1f1"}.z-icon-cc-discover:before{content:"\f1f2"}.z-icon-cc-amex:before{content:"\f1f3"}.z-icon-cc-paypal:before{content:"\f1f4"}.z-icon-cc-stripe:before{content:"\f1f5"}.z-icon-bell-slash:before{content:"\f1f6"}.z-icon-bell-slash-o:before{content:"\f1f7"}.z-icon-trash:before{content:"\f1f8"}.z-icon-copyright:before{content:"\f1f9"}.z-icon-at:before{content:"\f1fa"}.z-icon-eyedropper:before{content:"\f1fb"}.z-icon-paint-brush:before{content:"\f1fc"}.z-icon-birthday-cake:before{content:"\f1fd"}.z-icon-area-chart:before{content:"\f1fe"}.z-icon-pie-chart:before{content:"\f200"}.z-icon-line-chart:before{content:"\f201"}.z-icon-lastfm:before{content:"\f202"}.z-icon-lastfm-square:before{content:"\f203"}.z-icon-toggle-off:before{content:"\f204"}.z-icon-toggle-on:before{content:"\f205"}.z-icon-bicycle:before{content:"\f206"}.z-icon-bus:before{content:"\f207"}.z-icon-ioxhost:before{content:"\f208"}.z-icon-angellist:before{content:"\f209"}.z-icon-cc:before{content:"\f20a"}.z-icon-shekel:before,.z-icon-sheqel:before,.z-icon-ils:before{content:"\f20b"}.z-icon-meanpath:before{content:"\f20c"}.z-icon-buysellads:before{content:"\f20d"}.z-icon-connectdevelop:before{content:"\f20e"}.z-icon-dashcube:before{content:"\f210"}.z-icon-forumbee:before{content:"\f211"}.z-icon-leanpub:before{content:"\f212"}.z-icon-sellsy:before{content:"\f213"}.z-icon-shirtsinbulk:before{content:"\f214"}.z-icon-simplybuilt:before{content:"\f215"}.z-icon-skyatlas:before{content:"\f216"}.z-icon-cart-plus:before{content:"\f217"}.z-icon-cart-arrow-down:before{content:"\f218"}.z-icon-diamond:before{content:"\f219"}.z-icon-ship:before{content:"\f21a"}.z-icon-user-secret:before{content:"\f21b"}.z-icon-motorcycle:before{content:"\f21c"}.z-icon-street-view:before{content:"\f21d"}.z-icon-heartbeat:before{content:"\f21e"}.z-icon-venus:before{content:"\f221"}.z-icon-mars:before{content:"\f222"}.z-icon-mercury:before{content:"\f223"}.z-icon-intersex:before,.z-icon-transgender:before{content:"\f224"}.z-icon-transgender-alt:before{content:"\f225"}.z-icon-venus-double:before{content:"\f226"}.z-icon-mars-double:before{content:"\f227"}.z-icon-venus-mars:before{content:"\f228"}.z-icon-mars-stroke:before{content:"\f229"}.z-icon-mars-stroke-v:before{content:"\f22a"}.z-icon-mars-stroke-h:before{content:"\f22b"}.z-icon-neuter:before{content:"\f22c"}.z-icon-genderless:before{content:"\f22d"}.z-icon-facebook-official:before{content:"\f230"}.z-icon-pinterest-p:before{content:"\f231"}.z-icon-whatsapp:before{content:"\f232"}.z-icon-server:before{content:"\f233"}.z-icon-user-plus:before{content:"\f234"}.z-icon-user-times:before{content:"\f235"}.z-icon-hotel:before,.z-icon-bed:before{content:"\f236"}.z-icon-viacoin:before{content:"\f237"}.z-icon-train:before{content:"\f238"}.z-icon-subway:before{content:"\f239"}.z-icon-medium:before{content:"\f23a"}.z-icon-yc:before,.z-icon-y-combinator:before{content:"\f23b"}.z-icon-optin-monster:before{content:"\f23c"}.z-icon-opencart:before{content:"\f23d"}.z-icon-expeditedssl:before{content:"\f23e"}.z-icon-battery-4:before,.z-icon-battery:before,.z-icon-battery-full:before{content:"\f240"}.z-icon-battery-3:before,.z-icon-battery-three-quarters:before{content:"\f241"}.z-icon-battery-2:before,.z-icon-battery-half:before{content:"\f242"}.z-icon-battery-1:before,.z-icon-battery-quarter:before{content:"\f243"}.z-icon-battery-0:before,.z-icon-battery-empty:before{content:"\f244"}.z-icon-mouse-pointer:before{content:"\f245"}.z-icon-i-cursor:before{content:"\f246"}.z-icon-object-group:before{content:"\f247"}.z-icon-object-ungroup:before{content:"\f248"}.z-icon-sticky-note:before{content:"\f249"}.z-icon-sticky-note-o:before{content:"\f24a"}.z-icon-cc-jcb:before{content:"\f24b"}.z-icon-cc-diners-club:before{content:"\f24c"}.z-icon-clone:before{content:"\f24d"}.z-icon-balance-scale:before{content:"\f24e"}.z-icon-hourglass-o:before{content:"\f250"}.z-icon-hourglass-1:before,.z-icon-hourglass-start:before{content:"\f251"}.z-icon-hourglass-2:before,.z-icon-hourglass-half:before{content:"\f252"}.z-icon-hourglass-3:before,.z-icon-hourglass-end:before{content:"\f253"}.z-icon-hourglass:before{content:"\f254"}.z-icon-hand-grab-o:before,.z-icon-hand-rock-o:before{content:"\f255"}.z-icon-hand-stop-o:before,.z-icon-hand-paper-o:before{content:"\f256"}.z-icon-hand-scissors-o:before{content:"\f257"}.z-icon-hand-lizard-o:before{content:"\f258"}.z-icon-hand-spock-o:before{content:"\f259"}.z-icon-hand-pointer-o:before{content:"\f25a"}.z-icon-hand-peace-o:before{content:"\f25b"}.z-icon-trademark:before{content:"\f25c"}.z-icon-registered:before{content:"\f25d"}.z-icon-creative-commons:before{content:"\f25e"}.z-icon-gg:before{content:"\f260"}.z-icon-gg-circle:before{content:"\f261"}.z-icon-tripadvisor:before{content:"\f262"}.z-icon-odnoklassniki:before{content:"\f263"}.z-icon-odnoklassniki-square:before{content:"\f264"}.z-icon-get-pocket:before{content:"\f265"}.z-icon-wikipedia-w:before{content:"\f266"}.z-icon-safari:before{content:"\f267"}.z-icon-chrome:before{content:"\f268"}.z-icon-firefox:before{content:"\f269"}.z-icon-opera:before{content:"\f26a"}.z-icon-internet-explorer:before{content:"\f26b"}.z-icon-tv:before,.z-icon-television:before{content:"\f26c"}.z-icon-contao:before{content:"\f26d"}.z-icon-500px:before{content:"\f26e"}.z-icon-amazon:before{content:"\f270"}.z-icon-calendar-plus-o:before{content:"\f271"}.z-icon-calendar-minus-o:before{content:"\f272"}.z-icon-calendar-times-o:before{content:"\f273"}.z-icon-calendar-check-o:before{content:"\f274"}.z-icon-industry:before{content:"\f275"}.z-icon-map-pin:before{content:"\f276"}.z-icon-map-signs:before{content:"\f277"}.z-icon-map-o:before{content:"\f278"}.z-icon-map:before{content:"\f279"}.z-icon-commenting:before{content:"\f27a"}.z-icon-commenting-o:before{content:"\f27b"}.z-icon-houzz:before{content:"\f27c"}.z-icon-vimeo:before{content:"\f27d"}.z-icon-black-tie:before{content:"\f27e"}.z-icon-fonticons:before{content:"\f280"}.z-icon-reddit-alien:before{content:"\f281"}.z-icon-edge:before{content:"\f282"}.z-icon-credit-card-alt:before{content:"\f283"}.z-icon-codiepie:before{content:"\f284"}.z-icon-modx:before{content:"\f285"}.z-icon-fort-awesome:before{content:"\f286"}.z-icon-usb:before{content:"\f287"}.z-icon-product-hunt:before{content:"\f288"}.z-icon-mixcloud:before{content:"\f289"}.z-icon-scribd:before{content:"\f28a"}.z-icon-pause-circle:before{content:"\f28b"}.z-icon-pause-circle-o:before{content:"\f28c"}.z-icon-stop-circle:before{content:"\f28d"}.z-icon-stop-circle-o:before{content:"\f28e"}.z-icon-shopping-bag:before{content:"\f290"}.z-icon-shopping-basket:before{content:"\f291"}.z-icon-hashtag:before{content:"\f292"}.z-icon-bluetooth:before{content:"\f293"}.z-icon-bluetooth-b:before{content:"\f294"}.z-icon-percent:before{content:"\f295"}.z-icon-gitlab:before{content:"\f296"}.z-icon-wpbeginner:before{content:"\f297"}.z-icon-wpforms:before{content:"\f298"}.z-icon-envira:before{content:"\f299"}.z-icon-universal-access:before{content:"\f29a"}.z-icon-wheelchair-alt:before{content:"\f29b"}.z-icon-question-circle-o:before{content:"\f29c"}.z-icon-blind:before{content:"\f29d"}.z-icon-audio-description:before{content:"\f29e"}.z-icon-volume-control-phone:before{content:"\f2a0"}.z-icon-braille:before{content:"\f2a1"}.z-icon-assistive-listening-systems:before{content:"\f2a2"}.z-icon-asl-interpreting:before,.z-icon-american-sign-language-interpreting:before{content:"\f2a3"}.z-icon-deafness:before,.z-icon-hard-of-hearing:before,.z-icon-deaf:before{content:"\f2a4"}.z-icon-glide:before{content:"\f2a5"}.z-icon-glide-g:before{content:"\f2a6"}.z-icon-signing:before,.z-icon-sign-language:before{content:"\f2a7"}.z-icon-low-vision:before{content:"\f2a8"}.z-icon-viadeo:before{content:"\f2a9"}.z-icon-viadeo-square:before{content:"\f2aa"}.z-icon-snapchat:before{content:"\f2ab"}.z-icon-snapchat-ghost:before{content:"\f2ac"}.z-icon-snapchat-square:before{content:"\f2ad"}.z-icon-pied-piper:before{content:"\f2ae"}.z-icon-first-order:before{content:"\f2b0"}.z-icon-yoast:before{content:"\f2b1"}.z-icon-themeisle:before{content:"\f2b2"}.z-icon-google-plus-circle:before,.z-icon-google-plus-official:before{content:"\f2b3"}.z-icon-fa:before,.z-icon-font-awesome:before{content:"\f2b4"}.z-icon-handshake-o:before{content:"\f2b5"}.z-icon-envelope-open:before{content:"\f2b6"}.z-icon-envelope-open-o:before{content:"\f2b7"}.z-icon-linode:before{content:"\f2b8"}.z-icon-address-book:before{content:"\f2b9"}.z-icon-address-book-o:before{content:"\f2ba"}.z-icon-vcard:before,.z-icon-address-card:before{content:"\f2bb"}.z-icon-vcard-o:before,.z-icon-address-card-o:before{content:"\f2bc"}.z-icon-user-circle:before{content:"\f2bd"}.z-icon-user-circle-o:before{content:"\f2be"}.z-icon-user-o:before{content:"\f2c0"}.z-icon-id-badge:before{content:"\f2c1"}.z-icon-drivers-license:before,.z-icon-id-card:before{content:"\f2c2"}.z-icon-drivers-license-o:before,.z-icon-id-card-o:before{content:"\f2c3"}.z-icon-quora:before{content:"\f2c4"}.z-icon-free-code-camp:before{content:"\f2c5"}.z-icon-telegram:before{content:"\f2c6"}.z-icon-thermometer-4:before,.z-icon-thermometer:before,.z-icon-thermometer-full:before{content:"\f2c7"}.z-icon-thermometer-3:before,.z-icon-thermometer-three-quarters:before{content:"\f2c8"}.z-icon-thermometer-2:before,.z-icon-thermometer-half:before{content:"\f2c9"}.z-icon-thermometer-1:before,.z-icon-thermometer-quarter:before{content:"\f2ca"}.z-icon-thermometer-0:before,.z-icon-thermometer-empty:before{content:"\f2cb"}.z-icon-shower:before{content:"\f2cc"}.z-icon-bathtub:before,.z-icon-s15:before,.z-icon-bath:before{content:"\f2cd"}.z-icon-podcast:before{content:"\f2ce"}.z-icon-window-maximize:before{content:"\f2d0"}.z-icon-window-minimize:before{content:"\f2d1"}.z-icon-window-restore:before{content:"\f2d2"}.z-icon-times-rectangle:before,.z-icon-window-close:before{content:"\f2d3"}.z-icon-times-rectangle-o:before,.z-icon-window-close-o:before{content:"\f2d4"}.z-icon-bandcamp:before{content:"\f2d5"}.z-icon-grav:before{content:"\f2d6"}.z-icon-etsy:before{content:"\f2d7"}.z-icon-imdb:before{content:"\f2d8"}.z-icon-ravelry:before{content:"\f2d9"}.z-icon-eercast:before{content:"\f2da"}.z-icon-microchip:before{content:"\f2db"}.z-icon-snowflake-o:before{content:"\f2dc"}.z-icon-superpowers:before{content:"\f2dd"}.z-icon-wpexplorer:before{content:"\f2de"}.z-icon-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);-webkit-clip-path:inset(50%);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;-webkit-clip-path:none;white-space:normal}
@charset "UTF-8";
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/**! Font Awesome 4.0.1
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@font-face {
  font-family: "Frutiger Next W01 Light";
  src: url(/mvweb/zkau/web/810aeee2/font/frutiger-next-w01-light.eot) format("embedded-opentype"), url(/mvweb/zkau/web/810aeee2/font/frutiger-next-w01-light.woff) format("woff"), url(/mvweb/zkau/web/810aeee2/font/frutiger-next-w01-light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(/mvweb/zkau/web/810aeee2/font/SourceSansPro.woff) format("woff"), url("https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff") format("woff");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(/mvweb/zkau/web/810aeee2/font/SourceSansPro-Semibold.woff) format("woff"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format("woff");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(/mvweb/zkau/web/810aeee2/font/SourceSansPro-Bold.woff) format("woff"), url("https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff") format("woff");
}

@font-face {
  font-family: "Tinos";
  font-style: normal;
  font-weight: 400;
  src: local("Tinos"), url(/mvweb/zkau/web/810aeee2/font/Tinos.woff) format("woff"), url("https://fonts.gstatic.com/s/tinos/v9/C8vzv480UKDveCPk8l9XHQ.woff") format("woff");
}

@font-face {
  font-family: "Tinos";
  font-style: normal;
  font-weight: 700;
  src: local("Tinos Bold"), local("Tinos-Bold"), url(/mvweb/zkau/web/810aeee2/font/Tinos-Bold.woff) format("woff"), url("https://fonts.gstatic.com/s/tinos/v9/r7ygpzWtF3nxLEGd26jZfvesZW2xOQ-xsNqO47m55DA.woff") format("woff");
}

@font-face {
  font-family: "PT Mono";
  font-style: normal;
  font-weight: 400;
  src: local("PT Mono"), local("PTMono-Regular"), url(/mvweb/zkau/web/810aeee2/font/PTMono-Regular.woff) format("woff"), url("https://fonts.gstatic.com/s/ptmono/v4/dMra6Jbp4dctDCd8lX4tlg.woff") format("woff");
}

@font-face {
  font-family: "Fredoka One";
  font-style: normal;
  font-weight: normal;
  src: local("Fredoka One"), local("FredokaOne-Regular"), url(/mvweb/zkau/web/810aeee2/font/FredokaOne-Regular.ttf) format("truetype");
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #707172;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 14px;
  vertical-align: middle;
}

button,
input {
  overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  vertical-align: top;
}

@media print {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #F08200;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input,
input:focus,
textarea,
textarea:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  -webkit-user-select: text;
}

*:focus {
  outline: none;
}

fieldset {
  border: 1px solid #555;
  border-radius: 0;
  margin: 0 2px;
  padding: 0px;
}

legend {
  border: 0;
  padding: 0;
}

.gecko button::-moz-focus-inner {
  border: 0;
}

/**/
body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

/**/
.mobile * {
  -webkit-tap-highlight-color: transparent;
}

.play-store-link,
.app-store-link {
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.play-store-link {
  width: 170px;
  height: 66px;
}

.app-store-link {
  width: 150px;
  height: 45px;
  margin: 10px;
}

.play-store-legal {
  font-size: x-small;
}

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
  height: 100%;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.context-one-item .scroll-element,
.context-one-item .scroll-element div,
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.context-one-item .scroll-element div,
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.context-one-item .scroll-element .scroll-element_track,
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.context-one-item .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  display: block;
  opacity: 0;
  border-radius: 7px;
  transition: opacity .2s linear;
}

.context-one-item:hover .scroll-element .scroll-bar,
.context-one-item .scroll-element.scroll-draggable .scroll-bar,
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  opacity: 0.7;
}

.context-one-item .scroll-element.scroll-x,
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.context-one-item .scroll-element.scroll-y,
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

.context-one-item .scroll-element.scroll-x .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.context-one-item .scroll-element.scroll-y .scroll-bar {
  left: -5px;
  min-height: 10px;
  width: 5px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

.context-one-item .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.context-one-item .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.context-one-item .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.context-one-item .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

.context-one-item .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.context-one-item .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

@font-face {
  font-family: "FontAwesome";
  src: url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.eot?v=4.7.0);
  src: url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.woff2?v=4.7.0) format("woff2"), url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.woff?v=4.7.0) format("woff"), url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.ttf?v=4.7.0) format("truetype"), url(/mvweb/zkau/web/810aeee2/font/fontawesome-webfont-4.7.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "IcoMoon";
  font-weight: normal;
  font-style: normal;
  src: local("IcoMoon-Free"), url(/mvweb/zkau/web/810aeee2/font/IcoMoon-Free.ttf) format("truetype");
}

[class^="z-icon-"],
[class*=" z-icon-"] {
  display: inline-block;
  font: inherit;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="z-icon-"]:before,
[class*=" z-icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

a [class^="z-icon-"],
a [class*=" z-icon-"] {
  display: inline;
}

.z-icon-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.z-icon-2x {
  font-size: 2em;
}

.z-icon-3x {
  font-size: 3em;
}

.z-icon-4x {
  font-size: 4em;
}

.z-icon-5x {
  font-size: 5em;
}

.z-icon-fw {
  width: 1.2857142857em;
  text-align: center;
}

.z-icon-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}

.z-icon-ul > li {
  position: relative;
}

.z-icon-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}

.z-icon-li.z-icon-lg {
  left: -1.8571428571em;
}

.z-icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.z-icon.pull-left {
  margin-right: 0.3em;
}

.z-icon.pull-right {
  margin-left: 0.3em;
}

.z-icon-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.z-icon-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.z-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.z-icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.z-icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.z-icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(
 rotation=$rotation,
 mirror=1
 );
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.z-icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(
 rotation=$rotation,
 mirror=1
 );
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.z-icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.z-icon-stack-1x,
.z-icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.z-icon-stack-1x {
  line-height: inherit;
}

.z-icon-stack-2x {
  font-size: 2em;
}

.z-icon-inverse {
  color: #fff;
}

.z-icon-moon-forbidden::before {
  content: "\ea0e";
}

.z-icon-moon-infinite::before {
  content: "\ea2f";
}

.z-icon-moon-sigma::before {
  content: "\ea67";
}

.z-icon-fredoka-paragraph::before {
  content: "§";
}

.z-icon-glass::before {
  content: "\f000";
}

.z-icon-music::before {
  content: "\f001";
}

.z-icon-search::before {
  content: "\f002";
}

.z-icon-envelope-o::before {
  content: "\f003";
}

.z-icon-heart::before {
  content: "\f004";
}

.z-icon-star::before {
  content: "\f005";
}

.z-icon-star-o::before {
  content: "\f006";
}

.z-icon-user::before {
  content: "\f007";
}

.z-icon-film::before {
  content: "\f008";
}

.z-icon-th-large::before {
  content: "\f009";
}

.z-icon-th::before {
  content: "\f00a";
}

.z-icon-th-list::before {
  content: "\f00b";
}

.z-icon-check::before {
  content: "\f00c";
}

.z-icon-times::before,
.z-icon-clear::before {
  content: "\f00d";
}

.z-icon-search-plus::before {
  content: "\f00e";
}

.z-icon-search-minus::before {
  content: "\f010";
}

.z-icon-power-off::before {
  content: "\f011";
}

.z-icon-signal::before {
  content: "\f012";
}

.z-icon-gear::before,
.z-icon-cog::before {
  content: "\f013";
}

.z-icon-trash-o::before {
  content: "\f014";
}

.z-icon-home::before {
  content: "\f015";
}

.z-icon-file-o::before {
  content: "\f016";
}

.z-icon-clock-o::before {
  content: "\f017";
}

.z-icon-clone::before {
  content: "\f24d";
}

.z-icon-road::before {
  content: "\f018";
}

.z-icon-download::before {
  content: "\f019";
}

.z-icon-arrow-circle-o-down::before {
  content: "\f01a";
}

.z-icon-arrow-circle-o-up::before {
  content: "\f01b";
}

.z-icon-inbox::before {
  content: "\f01c";
}

.z-icon-play-circle-o::before {
  content: "\f01d";
}

.z-icon-rotate-right::before,
.z-icon-repeat::before {
  content: "\f01e";
}

.z-icon-refresh::before {
  content: "\f021";
}

.z-icon-list-alt::before {
  content: "\f022";
}

.z-icon-lock::before {
  content: "\f023";
}

.z-icon-flag::before {
  content: "\f024";
}

.z-icon-headphones::before {
  content: "\f025";
}

.z-icon-volume-off::before {
  content: "\f026";
}

.z-icon-volume-down::before {
  content: "\f027";
}

.z-icon-volume-up::before {
  content: "\f028";
}

.z-icon-qrcode::before {
  content: "\f029";
}

.z-icon-barcode::before {
  content: "\f02a";
}

.z-icon-tag::before {
  content: "\f02b";
}

.z-icon-tags::before {
  content: "\f02c";
}

.z-icon-book::before {
  content: "\f02d";
}

.z-icon-bookmark::before {
  content: "\f02e";
}

.z-icon-print::before {
  content: "\f02f";
}

.z-icon-camera::before {
  content: "\f030";
}

.z-icon-font::before {
  content: "\f031";
}

.z-icon-bold::before {
  content: "\f032";
}

.z-icon-italic::before {
  content: "\f033";
}

.z-icon-text-height::before {
  content: "\f034";
}

.z-icon-text-width::before {
  content: "\f035";
}

.z-icon-align-left::before {
  content: "\f036";
}

.z-icon-align-center::before {
  content: "\f037";
}

.z-icon-align-right::before {
  content: "\f038";
}

.z-icon-align-justify::before {
  content: "\f039";
}

.z-icon-list::before {
  content: "\f03a";
}

.z-icon-dedent::before,
.z-icon-outdent::before {
  content: "\f03b";
}

.z-icon-indent::before {
  content: "\f03c";
}

.z-icon-video-camera::before {
  content: "\f03d";
}

.z-icon-photo::before,
.z-icon-image::before,
.z-icon-picture-o::before {
  content: "\f03e";
}

.z-icon-pencil::before {
  content: "\f040";
}

.z-icon-map-marker::before {
  content: "\f041";
}

.z-icon-adjust::before {
  content: "\f042";
}

.z-icon-tint::before {
  content: "\f043";
}

.z-icon-edit::before,
.z-icon-pencil-square-o::before {
  content: "\f044";
}

.z-icon-share-square-o::before {
  content: "\f045";
}

.z-icon-check-square-o::before {
  content: "\f046";
}

.z-icon-move::before,
.z-icon-arrows::before {
  content: "\f047";
}

.z-icon-step-backward::before {
  content: "\f048";
}

.z-icon-fast-backward::before {
  content: "\f049";
}

.z-icon-backward::before {
  content: "\f04a";
}

.z-icon-play::before {
  content: "\f04b";
}

.z-icon-pause::before {
  content: "\f04c";
}

.z-icon-stop::before {
  content: "\f04d";
}

.z-icon-thumbs-o-down::before {
  content: "\f088";
}

.z-icon-thumbs-o-up::before {
  content: "\f087";
}

.z-icon-forward::before {
  content: "\f04e";
}

.z-icon-fast-forward::before {
  content: "\f050";
}

.z-icon-step-forward::before {
  content: "\f051";
}

.z-icon-eject::before {
  content: "\f052";
}

.z-icon-chevron-left::before {
  content: "\f053";
}

.z-icon-chevron-right::before {
  content: "\f054";
}

.z-icon-plus-circle::before {
  content: "\f055";
}

.z-icon-minus-circle::before {
  content: "\f056";
}

.z-icon-times-circle::before {
  content: "\f057";
}

.z-icon-check-circle::before {
  content: "\f058";
}

.z-icon-question-circle::before {
  content: "\f059";
}

.z-icon-info-circle::before {
  content: "\f05a";
}

.z-icon-crosshairs::before {
  content: "\f05b";
}

.z-icon-times-circle-o::before {
  content: "\f05c";
}

.z-icon-check-circle-o::before {
  content: "\f05d";
}

.z-icon-ban::before {
  content: "\f05e";
}

.z-icon-arrow-left::before {
  content: "\f060";
}

.z-icon-arrow-right::before {
  content: "\f061";
}

.z-icon-arrow-up::before {
  content: "\f062";
}

.z-icon-arrow-down::before {
  content: "\f063";
}

.z-icon-mail-forward::before,
.z-icon-share::before {
  content: "\f064";
}

.z-icon-resize-full::before {
  content: "\f065";
}

.z-icon-resize-small::before,
.z-icon-compress::before {
  content: "\f066";
}

.z-icon-plus::before {
  content: "\f067";
}

.z-icon-minus::before {
  content: "\f068";
}

.z-icon-asterisk::before {
  content: "\f069";
}

.z-icon-exclamation-circle::before {
  content: "\f06a";
}

.z-icon-gift::before {
  content: "\f06b";
}

.z-icon-leaf::before {
  content: "\f06c";
}

.z-icon-fire::before {
  content: "\f06d";
}

.z-icon-read::before,
.z-icon-eye::before {
  content: "\f06e";
}

.z-icon-eye-slash::before {
  content: "\f070";
}

.z-icon-warning::before,
.z-icon-exclamation-triangle::before {
  content: "\f071";
}

.z-icon-plane::before {
  content: "\f072";
}

.z-icon-calendar::before {
  content: "\f073";
}

.z-icon-random::before {
  content: "\f074";
}

.z-icon-comment::before {
  content: "\f075";
}

.z-icon-magnet::before {
  content: "\f076";
}

.z-icon-chevron-up::before {
  content: "\f077";
}

.z-icon-chevron-down::before {
  content: "\f078";
}

.z-icon-retweet::before {
  content: "\f079";
}

.z-icon-shopping-cart::before {
  content: "\f07a";
}

.z-icon-folder::before {
  content: "\f07b";
}

.z-icon-folder-open::before {
  content: "\f07c";
}

.z-icon-resize-vertical::before,
.z-icon-arrows-v::before {
  content: "\f07d";
}

.z-icon-resize-horizontal::before,
.z-icon-arrows-h::before {
  content: "\f07e";
}

.z-icon-bar-chart-o::before,
.z-icon-bar-chart::before {
  content: "\f080";
}

.z-icon-twitter-square::before {
  content: "\f081";
}

.z-icon-facebook-square::before {
  content: "\f082";
}

.z-icon-camera-retro::before {
  content: "\f083";
}

.z-icon-key::before {
  content: "\f084";
}

.z-icon-gears::before,
.z-icon-cogs::before {
  content: "\f085";
}

.z-icon-comments::before {
  content: "\f086";
}

.z-icon-star-half::before {
  content: "\f089";
}

.z-icon-heart-o::before {
  content: "\f08a";
}

.z-icon-sign-out::before {
  content: "\f08b";
}

.z-icon-linkedin-square::before {
  content: "\f08c";
}

.z-icon-pushpin::before,
.z-icon-thumb-tack::before {
  content: "\f08d";
}

.z-icon-external-link::before {
  content: "\f08e";
}

.z-icon-sign-in::before {
  content: "\f090";
}

.z-icon-trophy::before {
  content: "\f091";
}

.z-icon-github-square::before {
  content: "\f092";
}

.z-icon-upload::before {
  content: "\f093";
}

.z-icon-lemon-o::before {
  content: "\f094";
}

.z-icon-phone::before {
  content: "\f095";
}

.z-icon-square-o::before {
  content: "\f096";
}

.z-icon-bookmark-o::before {
  content: "\f097";
}

.z-icon-phone-square::before {
  content: "\f098";
}

.z-icon-twitter::before {
  content: "\f099";
}

.z-icon-facebook-f::before,
.z-icon-facebook::before {
  content: "\f09a";
}

.z-icon-github::before {
  content: "\f09b";
}

.z-icon-unlock::before {
  content: "\f09c";
}

.z-icon-credit-card::before {
  content: "\f09d";
}

.z-icon-rss::before {
  content: "\f09e";
}

.z-icon-hdd-o::before {
  content: "\f0a0";
}

.z-icon-bullhorn::before {
  content: "\f0a1";
}

.z-icon-bell::before {
  content: "\f0f3";
}

.z-icon-certificate::before {
  content: "\f0a3";
}

.z-icon-hand-o-right::before {
  content: "\f0a4";
}

.z-icon-hand-o-left::before {
  content: "\f0a5";
}

.z-icon-hand-o-up::before {
  content: "\f0a6";
}

.z-icon-handshake::before {
  content: "\f2b5";
}

.z-icon-hand-o-down::before {
  content: "\f0a7";
}

.z-icon-arrow-circle-left::before {
  content: "\f0a8";
}

.z-icon-arrow-circle-right::before {
  content: "\f0a9";
}

.z-icon-arrow-circle-up::before {
  content: "\f0aa";
}

.z-icon-arrow-circle-down::before {
  content: "\f0ab";
}

.z-icon-globe::before {
  content: "\f0ac";
}

.z-icon-wrench::before {
  content: "\f0ad";
}

.z-icon-tasks::before {
  content: "\f0ae";
}

.z-icon-filter::before {
  content: "\f0b0";
}

.z-icon-briefcase::before {
  content: "\f0b1";
}

.z-icon-fullscreen::before,
.z-icon-arrows-alt::before {
  content: "\f0b2";
}

.z-icon-users::before {
  content: "\f0c0";
}

.z-icon-chain::before,
.z-icon-link::before {
  content: "\f0c1";
}

.z-icon-cloud::before {
  content: "\f0c2";
}

.z-icon-flask::before {
  content: "\f0c3";
}

.z-icon-cut::before,
.z-icon-scissors::before {
  content: "\f0c4";
}

.z-icon-two-files::before,
.z-icon-copy::before,
.z-icon-files-o::before {
  content: "\f0c5";
}

.z-icon-paperclip::before {
  content: "\f0c6";
}

.z-icon-save::before,
.z-icon-floppy-o::before {
  content: "\f0c7";
}

.z-icon-square::before {
  content: "\f0c8";
}

.z-icon-navicon::before,
.z-icon-reorder::before,
.z-icon-bars::before {
  content: "\f0c9";
}

.z-icon-list-ul::before {
  content: "\f0ca";
}

.z-icon-list-ol::before {
  content: "\f0cb";
}

.z-icon-strikethrough::before {
  content: "\f0cc";
}

.z-icon-underline::before {
  content: "\f0cd";
}

.z-icon-table::before {
  content: "\f0ce";
}

.z-icon-magic::before {
  content: "\f0d0";
}

.z-icon-truck::before {
  content: "\f0d1";
}

.z-icon-pinterest::before {
  content: "\f0d2";
}

.z-icon-pinterest-square::before {
  content: "\f0d3";
}

.z-icon-google-plus-square::before {
  content: "\f0d4";
}

.z-icon-google-plus::before {
  content: "\f0d5";
}

.z-icon-money::before {
  content: "\f0d6";
}

.z-icon-caret-down::before {
  content: "\f0d7";
}

.z-icon-caret-up::before {
  content: "\f0d8";
}

.z-icon-caret-left::before {
  content: "\f0d9";
}

.z-icon-caret-right::before {
  content: "\f0da";
}

.z-icon-columns::before {
  content: "\f0db";
}

.z-icon-unsorted::before,
.z-icon-sort::before {
  content: "\f0dc";
}

.z-icon-sort-down::before,
.z-icon-sort-asc::before {
  content: "\f0dd";
}

.z-icon-sort-up::before,
.z-icon-sort-desc::before {
  content: "\f0de";
}

.z-icon-envelope::before {
  content: "\f0e0";
}

.z-icon-linkedin::before {
  content: "\f0e1";
}

.z-icon-rotate-left::before,
.z-icon-undo::before {
  content: "\f0e2";
}

.z-icon-legal::before,
.z-icon-gavel::before {
  content: "\f0e3";
}

.z-icon-dashboard::before,
.z-icon-tachometer::before {
  content: "\f0e4";
}

.z-icon-comment-o::before {
  content: "\f0e5";
}

.z-icon-comments-o::before {
  content: "\f0e6";
}

.z-icon-flash::before,
.z-icon-bolt::before {
  content: "\f0e7";
}

.z-icon-sitemap::before {
  content: "\f0e8";
}

.z-icon-umbrella::before {
  content: "\f0e9";
}

.z-icon-paste::before,
.z-icon-clipboard::before {
  content: "\f0ea";
}

.z-icon-lightbulb-o::before {
  content: "\f0eb";
}

.z-icon-exchange::before {
  content: "\f0ec";
}

.z-icon-cloud-download::before {
  content: "\f0ed";
}

.z-icon-cloud-upload::before {
  content: "\f0ee";
}

.z-icon-user-md::before {
  content: "\f0f0";
}

.z-icon-stethoscope::before {
  content: "\f0f1";
}

.z-icon-suitcase::before {
  content: "\f0f2";
}

.z-icon-bell-o::before {
  content: "\f0a2";
}

.z-icon-coffee::before {
  content: "\f0f4";
}

.z-icon-cutlery::before {
  content: "\f0f5";
}

.z-icon-file-text-o::before {
  content: "\f0f6";
}

.z-icon-building::before,
.z-icon-building-o::before {
  content: "\f0f7";
}

.z-icon-hospital::before,
.z-icon-hospital-o::before {
  content: "\f0f8";
}

.z-icon-ambulance::before {
  content: "\f0f9";
}

.z-icon-medkit::before {
  content: "\f0fa";
}

.z-icon-fighter-jet::before {
  content: "\f0fb";
}

.z-icon-beer::before {
  content: "\f0fc";
}

.z-icon-h-square::before {
  content: "\f0fd";
}

.z-icon-plus-square::before {
  content: "\f0fe";
}

.z-icon-angle-double-left::before {
  content: "\f100";
}

.z-icon-angle-double-right::before {
  content: "\f101";
}

.z-icon-angle-double-up::before {
  content: "\f102";
}

.z-icon-angle-double-down::before {
  content: "\f103";
}

.z-icon-angle-left::before {
  content: "\f104";
}

.z-icon-angle-right::before {
  content: "\f105";
}

.z-icon-angle-up::before {
  content: "\f106";
}

.z-icon-angle-down::before {
  content: "\f107";
}

.z-icon-desktop::before {
  content: "\f108";
}

.z-icon-laptop::before {
  content: "\f109";
}

.z-icon-tablet::before {
  content: "\f10a";
}

.z-icon-mobile-phone::before,
.z-icon-mobile::before {
  content: "\f10b";
}

.z-icon-circle-o::before {
  content: "\f10c";
}

.z-icon-quote-left::before {
  content: "\f10d";
}

.z-icon-quote-right::before {
  content: "\f10e";
}

.z-icon-spinner::before {
  content: "\f110";
}

.z-icon-circle::before {
  content: "\f111";
}

.z-icon-mail-reply::before,
.z-icon-reply::before {
  content: "\f112";
}

.z-icon-github-alt::before {
  content: "\f113";
}

.z-icon-folder-o::before {
  content: "\f114";
}

.z-icon-folder-open-o::before {
  content: "\f115";
}

.z-icon-expand-o::before {
  content: "\f116";
}

.z-icon-collapse-o::before {
  content: "\f117";
}

.z-icon-smile-o::before {
  content: "\f118";
}

.z-icon-frown-o::before {
  content: "\f119";
}

.z-icon-meh-o::before {
  content: "\f11a";
}

.z-icon-gamepad::before {
  content: "\f11b";
}

.z-icon-keyboard-o::before {
  content: "\f11c";
}

.z-icon-flag-o::before {
  content: "\f11d";
}

.z-icon-flag-checkered::before {
  content: "\f11e";
}

.z-icon-terminal::before {
  content: "\f120";
}

.z-icon-code::before {
  content: "\f121";
}

.z-icon-mail-reply-all::before,
.z-icon-reply-all::before {
  content: "\f122";
}

.z-icon-star-half-empty::before,
.z-icon-star-half-full::before,
.z-icon-star-half-o::before {
  content: "\f123";
}

.z-icon-location-arrow::before {
  content: "\f124";
}

.z-icon-crop::before {
  content: "\f125";
}

.z-icon-code-fork::before {
  content: "\f126";
}

.z-icon-unlink::before,
.z-icon-chain-broken::before {
  content: "\f127";
}

.z-icon-question::before {
  content: "\f128";
}

.z-icon-info::before {
  content: "\f129";
}

.z-icon-exclamation::before {
  content: "\f12a";
}

.z-icon-superscript::before {
  content: "\f12b";
}

.z-icon-subscript::before {
  content: "\f12c";
}

.z-icon-eraser::before {
  content: "\f12d";
}

.z-icon-puzzle-piece::before {
  content: "\f12e";
}

.z-icon-microphone::before {
  content: "\f130";
}

.z-icon-microphone-slash::before {
  content: "\f131";
}

.z-icon-shield::before {
  content: "\f132";
}

.z-icon-calendar-o::before {
  content: "\f133";
}

.z-icon-fire-extinguisher::before {
  content: "\f134";
}

.z-icon-rocket::before {
  content: "\f135";
}

.z-icon-maxcdn::before {
  content: "\f136";
}

.z-icon-chevron-circle-left::before {
  content: "\f137";
}

.z-icon-chevron-circle-right::before {
  content: "\f138";
}

.z-icon-chevron-circle-up::before {
  content: "\f139";
}

.z-icon-chevron-circle-down::before {
  content: "\f13a";
}

.z-icon-html5::before {
  content: "\f13b";
}

.z-icon-css3::before {
  content: "\f13c";
}

.z-icon-anchor::before {
  content: "\f13d";
}

.z-icon-unlock-o::before,
.z-icon-unlock-alt::before {
  content: "\f13e";
}

.z-icon-bullseye::before {
  content: "\f140";
}

.z-icon-ellipsis-horizontal::before,
.z-icon-ellipsis-h::before {
  content: "\f141";
}

.z-icon-ellipsis-vertical::before,
.z-icon-ellipsis-v::before {
  content: "\f142";
}

.z-icon-rss-square::before {
  content: "\f143";
}

.z-icon-play-circle::before {
  content: "\f144";
}

.z-icon-ticket::before {
  content: "\f145";
}

.z-icon-minus-square::before {
  content: "\f146";
}

.z-icon-minus-square-o::before {
  content: "\f147";
}

.z-icon-level-up::before {
  content: "\f148";
}

.z-icon-level-down::before {
  content: "\f149";
}

.z-icon-check-square::before {
  content: "\f14a";
}

.z-icon-pencil-square::before {
  content: "\f14b";
}

.z-icon-external-link-square::before {
  content: "\f14c";
}

.z-icon-share-square::before {
  content: "\f14d";
}

.z-icon-compass::before {
  content: "\f14e";
}

.z-icon-toggle-down::before,
.z-icon-caret-square-o-down::before {
  content: "\f150";
}

.z-icon-toggle-up::before,
.z-icon-caret-square-o-up::before {
  content: "\f151";
}

.z-icon-toggle-right::before,
.z-icon-caret-square-o-right::before {
  content: "\f152";
}

.z-icon-ccy-euro::before,
.z-icon-ccy-eur::before {
  content: "\f153";
}

.z-icon-ccy-gbp::before {
  content: "\f154";
}

.z-icon-ccy-dollar::before,
.z-icon-ccy-usd::before {
  content: "\f155";
}

.z-icon-ccy-rupee::before,
.z-icon-ccy-inr::before {
  content: "\f156";
}

.z-icon-ccy-cny::before,
.z-icon-ccy-rmb::before,
.z-icon-ccy-yen::before,
.z-icon-ccy-jpy::before {
  content: "\f157";
}

.z-icon-ccy-ruble::before,
.z-icon-ccy-rouble::before,
.z-icon-ccy-rub::before {
  content: "\f158";
}

.z-icon-ccy-won::before,
.z-icon-ccy-krw::before {
  content: "\f159";
}

.z-icon-ccy-bitcoin::before,
.z-icon-ccy-btc::before {
  content: "\f15a";
}

.z-icon-ccy-chf::before {
  content: "CHF";
}

.z-icon-euro::before,
.z-icon-eur::before {
  content: "\f153";
}

.z-icon-gbp::before {
  content: "\f154";
}

.z-icon-dollar::before,
.z-icon-usd::before {
  content: "\f155";
}

.z-icon-rupee::before,
.z-icon-inr::before {
  content: "\f156";
}

.z-icon-cny::before,
.z-icon-rmb::before,
.z-icon-yen::before,
.z-icon-jpy::before {
  content: "\f157";
}

.z-icon-ruble::before,
.z-icon-rouble::before,
.z-icon-rub::before {
  content: "\f158";
}

.z-icon-won::before,
.z-icon-krw::before {
  content: "\f159";
}

.z-icon-bitcoin::before,
.z-icon-btc::before {
  content: "\f15a";
}

.z-icon-file::before {
  content: "\f15b";
}

.z-icon-file-text::before {
  content: "\f15c";
}

.z-icon-sort-alpha-asc::before {
  content: "\f15d";
}

.z-icon-sort-alpha-desc::before {
  content: "\f15e";
}

.z-icon-sort-amount-asc::before {
  content: "\f160";
}

.z-icon-sort-amount-desc::before {
  content: "\f161";
}

.z-icon-sort-numeric-asc::before {
  content: "\f162";
}

.z-icon-sort-numeric-desc::before {
  content: "\f163";
}

.z-icon-thumbs-up::before {
  content: "\f164";
}

.z-icon-thumbs-down::before {
  content: "\f165";
}

.z-icon-youtube-square::before {
  content: "\f166";
}

.z-icon-youtube::before {
  content: "\f167";
}

.z-icon-xing::before {
  content: "\f168";
}

.z-icon-xing-square::before {
  content: "\f169";
}

.z-icon-youtube-play::before {
  content: "\f16a";
}

.z-icon-dropbox::before {
  content: "\f16b";
}

.z-icon-stack-overflow::before {
  content: "\f16c";
}

.z-icon-instagram::before {
  content: "\f16d";
}

.z-icon-flickr::before {
  content: "\f16e";
}

.z-icon-adn::before {
  content: "\f170";
}

.z-icon-bitbucket::before {
  content: "\f171";
}

.z-icon-bitbucket-square::before {
  content: "\f172";
}

.z-icon-tumblr::before {
  content: "\f173";
}

.z-icon-tumblr-square::before {
  content: "\f174";
}

.z-icon-long-arrow-down::before {
  content: "\f175";
}

.z-icon-long-arrow-up::before {
  content: "\f176";
}

.z-icon-dual-listbox-move-left::before,
.z-icon-long-arrow-left::before {
  content: "\f177";
}

.z-icon-dual-listbox-move-right::before,
.z-icon-long-arrow-right::before {
  content: "\f178";
}

.z-icon-os-apple::before,
.z-icon-apple::before {
  content: "\f179";
}

.z-icon-os-windows::before,
.z-icon-windows::before {
  content: "\f17a";
}

.z-icon-os-android::before,
.z-icon-android::before {
  content: "\f17b";
}

.z-icon-os-linux::before,
.z-icon-linux::before {
  content: "\f17c";
}

.z-icon-dribbble::before {
  content: "\f17d";
}

.z-icon-skype::before {
  content: "\f17e";
}

.z-icon-foursquare::before {
  content: "\f180";
}

.z-icon-trello::before {
  content: "\f181";
}

.z-icon-female::before {
  content: "\f182";
}

.z-icon-male::before {
  content: "\f183";
}

.z-icon-gittip::before,
.z-icon-gratipay::before {
  content: "\f184";
}

.z-icon-sun-o::before {
  content: "\f185";
}

.z-icon-moon-o::before {
  content: "\f186";
}

.z-icon-archive::before {
  content: "\f187";
}

.z-icon-bug::before {
  content: "\f188";
}

.z-icon-vk::before {
  content: "\f189";
}

.z-icon-weibo::before {
  content: "\f18a";
}

.z-icon-renren::before {
  content: "\f18b";
}

.z-icon-pagelines::before {
  content: "\f18c";
}

.z-icon-stack-exchange::before {
  content: "\f18d";
}

.z-icon-arrow-circle-o-right::before {
  content: "\f18e";
}

.z-icon-arrow-circle-o-left::before {
  content: "\f190";
}

.z-icon-toggle-left::before,
.z-icon-caret-square-o-left::before {
  content: "\f191";
}

.z-icon-dot-circle-o::before {
  content: "\f192";
}

.z-icon-wheelchair::before {
  content: "\f193";
}

.z-icon-vimeo-square::before {
  content: "\f194";
}

.z-icon-turkish-lira::before,
.z-icon-try::before {
  content: "\f195";
}

.z-icon-plus-square-o::before {
  content: "\f196";
}

.z-icon-bank::before {
  content: "\f19c";
}

.z-icon-language::before {
  content: "\f1ab";
}

.z-icon-pdf::before {
  content: "\f1c1";
}

.z-icon-file-zip-o::before,
.z-icon-file-archive-o::before {
  content: "\f1c6";
}

.z-icon-send-o::before,
.z-icon-paper-plane-o::before {
  content: "\f1d9";
}

.z-icon-history::before {
  content: "\f1da";
}

.z-icon-newspaper::before,
.z-icon-newspaper-o::before {
  content: "\f1ea";
}

.z-icon-area-chart::before {
  content: "\f1fe";
}

.z-icon-heartbeat::before {
  content: "\f21e";
}

.z-icon-group::before {
  content: "\f247";
}

.z-icon-ungroup::before {
  content: "\f248";
}

.z-icon-chrome::before {
  content: "\f268";
}

.z-icon-firefox::before {
  content: "\f269";
}

.z-icon-television::before {
  content: "\f26c";
}

.z-icon-calendar-times-o::before {
  content: "\f273";
}

.z-icon-map-signs::before {
  content: "\f277";
}

.z-icon-commenting::before {
  content: "\f27a";
}

.z-icon-black-tie::before {
  content: "\f27e";
}

.z-icon-pause-circle::before {
  content: "\f28b";
}

.z-icon-envelope-open-o::before {
  content: "\f2b7";
}

.z-icon-space-shuttle::before {
  content: "\f197";
}

.z-icon-slack::before {
  content: "\f198";
}

.z-icon-envelope-square::before {
  content: "\f199";
}

.z-icon-wordpress::before {
  content: "\f19a";
}

.z-icon-openid::before {
  content: "\f19b";
}

.z-icon-institution::before,
.z-icon-bank::before,
.z-icon-university::before {
  content: "\f19c";
}

.z-icon-mortar-board::before,
.z-icon-graduation-cap::before {
  content: "\f19d";
}

.z-icon-yahoo::before {
  content: "\f19e";
}

.z-icon-google::before {
  content: "\f1a0";
}

.z-icon-reddit::before {
  content: "\f1a1";
}

.z-icon-reddit-square::before {
  content: "\f1a2";
}

.z-icon-stumbleupon-circle::before {
  content: "\f1a3";
}

.z-icon-stumbleupon::before {
  content: "\f1a4";
}

.z-icon-delicious::before {
  content: "\f1a5";
}

.z-icon-digg::before {
  content: "\f1a6";
}

.z-icon-pied-piper::before {
  content: "\f1a7";
}

.z-icon-pied-piper-alt::before {
  content: "\f1a8";
}

.z-icon-drupal::before {
  content: "\f1a9";
}

.z-icon-joomla::before {
  content: "\f1aa";
}

.z-icon-fax::before {
  content: "\f1ac";
}

.z-icon-building::before {
  content: "\f1ad";
}

.z-icon-child::before {
  content: "\f1ae";
}

.z-icon-paw::before {
  content: "\f1b0";
}

.z-icon-spoon::before {
  content: "\f1b1";
}

.z-icon-cube::before {
  content: "\f1b2";
}

.z-icon-cubes::before {
  content: "\f1b3";
}

.z-icon-behance::before {
  content: "\f1b4";
}

.z-icon-behance-square::before {
  content: "\f1b5";
}

.z-icon-steam::before {
  content: "\f1b6";
}

.z-icon-steam-square::before {
  content: "\f1b7";
}

.z-icon-recycle::before {
  content: "\f1b8";
}

.z-icon-automobile::before,
.z-icon-car::before {
  content: "\f1b9";
}

.z-icon-cab::before,
.z-icon-taxi::before {
  content: "\f1ba";
}

.z-icon-tree::before {
  content: "\f1bb";
}

.z-icon-spotify::before {
  content: "\f1bc";
}

.z-icon-deviantart::before {
  content: "\f1bd";
}

.z-icon-soundcloud::before {
  content: "\f1be";
}

.z-icon-database::before {
  content: "\f1c0";
}

.z-icon-file-pdf-o::before {
  content: "\f1c1";
}

.z-icon-file-word-o::before {
  content: "\f1c2";
}

.z-icon-file-excel-o::before {
  content: "\f1c3";
}

.z-icon-file-powerpoint-o::before {
  content: "\f1c4";
}

.z-icon-file-photo-o::before,
.z-icon-file-picture-o::before,
.z-icon-file-image-o::before {
  content: "\f1c5";
}

.z-icon-file-sound-o::before,
.z-icon-file-audio-o::before {
  content: "\f1c7";
}

.z-icon-file-movie-o::before,
.z-icon-file-video-o::before {
  content: "\f1c8";
}

.z-icon-file-code-o::before {
  content: "\f1c9";
}

.z-icon-vine::before {
  content: "\f1ca";
}

.z-icon-codepen::before {
  content: "\f1cb";
}

.z-icon-jsfiddle::before {
  content: "\f1cc";
}

.z-icon-life-bouy::before,
.z-icon-life-buoy::before,
.z-icon-life-saver::before,
.z-icon-support::before,
.z-icon-life-ring::before {
  content: "\f1cd";
}

.z-icon-circle-o-notch::before {
  content: "\f1ce";
}

.z-icon-ra::before,
.z-icon-rebel::before {
  content: "\f1d0";
}

.z-icon-ge::before,
.z-icon-empire::before {
  content: "\f1d1";
}

.z-icon-git-square::before {
  content: "\f1d2";
}

.z-icon-git::before {
  content: "\f1d3";
}

.z-icon-hacker-news::before {
  content: "\f1d4";
}

.z-icon-tencent-weibo::before {
  content: "\f1d5";
}

.z-icon-qq::before {
  content: "\f1d6";
}

.z-icon-wechat::before,
.z-icon-weixin::before {
  content: "\f1d7";
}

.z-icon-send::before,
.z-icon-paper-plane::before {
  content: "\f1d8";
}

.z-icon-genderless::before,
.z-icon-circle-thin::before {
  content: "\f1db";
}

.z-icon-header::before {
  content: "\f1dc";
}

.z-icon-paragraph::before {
  content: "\f1dd";
}

.z-icon-sliders::before {
  content: "\f1de";
}

.z-icon-share-alt::before {
  content: "\f1e0";
}

.z-icon-share-alt-square::before {
  content: "\f1e1";
}

.z-icon-bomb::before {
  content: "\f1e2";
}

.z-icon-soccer-ball-o::before,
.z-icon-futbol-o::before {
  content: "\f1e3";
}

.z-icon-tty::before {
  content: "\f1e4";
}

.z-icon-binoculars::before {
  content: "\f1e5";
}

.z-icon-plug::before {
  content: "\f1e6";
}

.z-icon-slideshare::before {
  content: "\f1e7";
}

.z-icon-twitch::before {
  content: "\f1e8";
}

.z-icon-yelp::before {
  content: "\f1e9";
}

.z-icon-wifi::before {
  content: "\f1eb";
}

.z-icon-calculator::before {
  content: "\f1ec";
}

.z-icon-paypal::before {
  content: "\f1ed";
}

.z-icon-google-wallet::before {
  content: "\f1ee";
}

.z-icon-cc-visa::before {
  content: "\f1f0";
}

.z-icon-cc-mastercard::before {
  content: "\f1f1";
}

.z-icon-cc-discover::before {
  content: "\f1f2";
}

.z-icon-cc-amex::before {
  content: "\f1f3";
}

.z-icon-cc-paypal::before {
  content: "\f1f4";
}

.z-icon-cc-stripe::before {
  content: "\f1f5";
}

.z-icon-bell-slash::before {
  content: "\f1f6";
}

.z-icon-bell-slash-o::before {
  content: "\f1f7";
}

.z-icon-trash::before {
  content: "\f1f8";
}

.z-icon-copyright::before {
  content: "\f1f9";
}

.z-icon-at::before {
  content: "\f1fa";
}

.z-icon-eyedropper::before {
  content: "\f1fb";
}

.z-icon-paint-brush::before {
  content: "\f1fc";
}

.z-icon-birthday-cake::before {
  content: "\f1fd";
}

.z-icon-pie-chart::before {
  content: "\f200";
}

.z-icon-line-chart::before {
  content: "\f201";
}

.z-icon-lastfm::before {
  content: "\f202";
}

.z-icon-lastfm-square::before {
  content: "\f203";
}

.z-icon-toggle-off::before {
  content: "\f204";
}

.z-icon-toggle-on::before {
  content: "\f205";
}

.z-icon-bicycle::before {
  content: "\f206";
}

.z-icon-bus::before {
  content: "\f207";
}

.z-icon-ioxhost::before {
  content: "\f208";
}

.z-icon-angellist::before {
  content: "\f209";
}

.z-icon-cc::before {
  content: "\f20a";
}

.z-icon-shekel::before,
.z-icon-sheqel::before,
.z-icon-ils::before {
  content: "\f20b";
}

.z-icon-meanpath::before {
  content: "\f20c";
}

.z-icon-buysellads::before {
  content: "\f20d";
}

.z-icon-connectdevelop::before {
  content: "\f20e";
}

.z-icon-dashcube::before {
  content: "\f210";
}

.z-icon-forumbee::before {
  content: "\f211";
}

.z-icon-leanpub::before {
  content: "\f212";
}

.z-icon-sellsy::before {
  content: "\f213";
}

.z-icon-shirtsinbulk::before {
  content: "\f214";
}

.z-icon-simplybuilt::before {
  content: "\f215";
}

.z-icon-skyatlas::before {
  content: "\f216";
}

.z-icon-cart-plus::before {
  content: "\f217";
}

.z-icon-cart-arrow-down::before {
  content: "\f218";
}

.z-icon-diamond::before {
  content: "\f219";
}

.z-icon-ship::before {
  content: "\f21a";
}

.z-icon-user-secret::before {
  content: "\f21b";
}

.z-icon-motorcycle::before {
  content: "\f21c";
}

.z-icon-street-view::before {
  content: "\f21d";
}

.z-icon-venus::before {
  content: "\f221";
}

.z-icon-mars::before {
  content: "\f222";
}

.z-icon-mercury::before {
  content: "\f223";
}

.z-icon-transgender::before {
  content: "\f224";
}

.z-icon-transgender-alt::before {
  content: "\f225";
}

.z-icon-venus-double::before {
  content: "\f226";
}

.z-icon-mars-double::before {
  content: "\f227";
}

.z-icon-venus-mars::before {
  content: "\f228";
}

.z-icon-mars-stroke::before {
  content: "\f229";
}

.z-icon-mars-stroke-v::before {
  content: "\f22a";
}

.z-icon-mars-stroke-h::before {
  content: "\f22b";
}

.z-icon-neuter::before {
  content: "\f22c";
}

.z-icon-facebook-official::before {
  content: "\f230";
}

.z-icon-pinterest-p::before {
  content: "\f231";
}

.z-icon-whatsapp::before {
  content: "\f232";
}

.z-icon-server::before {
  content: "\f233";
}

.z-icon-user-plus::before {
  content: "\f234";
}

.z-icon-user-times::before {
  content: "\f235";
}

.z-icon-hotel::before,
.z-icon-bed::before {
  content: "\f236";
}

.z-icon-viacoin::before {
  content: "\f237";
}

.z-icon-train::before {
  content: "\f238";
}

.z-icon-subway::before {
  content: "\f239";
}

.z-icon-medium::before {
  content: "\f23a";
}

.z-icon-check-chevron-right::before {
  content: "\f00c";
}

.z-icon-check-chevron-right::after {
  content: " + \f054";
}

.z-icon-clear-chevron-right::before {
  content: "\f00d";
}

.z-icon-clear-chevron-right::after {
  content: " + \f054";
}

.z-icon-mobile-features::before,
.z-icon-mobile-features::after {
  position: relative;
}

.z-icon-mobile-features::before {
  content: "\f10b";
}

.z-icon-mobile-features::after {
  content: "\f006";
}

.z-icon-selfadmin-add-change::before {
  content: "\f016";
}

.z-icon-selfadmin-add-change::after {
  content: "\f067";
}

.z-icon-selfadmin-delete-change::before {
  content: "\f016";
}

.z-icon-selfadmin-delete-change::after {
  content: "\f068";
}

.z-icon-selfadmin-edit-change::before {
  content: "\f016";
}

.z-icon-selfadmin-edit-change::after {
  content: "\f040";
}

.z-icon-chrome-install::before {
  content: "\f268";
}

.z-icon-chrome-install::after {
  content: "\f067";
}

.z-icon-value-balance::before {
  content: "\f133";
}

.z-icon-value-balance::after {
  content: "\f1fe";
}

.z-flex {
  display: flex;
}

.z-flex > :not(.z-flex-item) {
  flex-shrink: 0;
}

.z-flex-row {
  flex-direction: row;
}

.z-flex-column {
  flex-direction: column;
}

.z-flex-item {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}

.z-loading-icon,
.z-apply-loading-icon,
.z-renderdefer,
.task-fragment .task-loading-indicator .z-apply-loading-icon,
.grid-rod .z-apply-loading-icon,
.grid-rod-loading-indicator {
  position: relative;
  background-image: none !important;
}

.z-loading-icon::before,
.z-apply-loading-icon::before,
.z-renderdefer::before,
.task-fragment .task-loading-indicator .z-apply-loading-icon::before,
.grid-rod .z-apply-loading-icon::before,
.grid-rod-loading-indicator::before {
  color: #F0F0F0;
  border-radius: 50%;
  -webkit-animation: load 1s infinite linear;
  animation: load 1s infinite linear;
  width: 1em;
  height: 1em;
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  content: "";
}

@-webkit-keyframes load {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

.z-loading,
.z-apply-loading {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  position: absolute;
  cursor: wait;
}

.z-loading {
  background: rgba(148, 149, 149, 0.85);
  z-index: 31000;
  width: 100%;
  height: 100%;
  display: flex;
}

.z-loading-indicator {
  color: #F0F0F0;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  text-align: center;
}

.z-loading-icon {
  height: 98px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}

.z-loading-icon::before {
  font-size: 12.25px;
}

.z-apply-loading {
  overflow: hidden;
  z-index: 89500;
}

.z-apply-loading-indicator {
  padding-right: 3px;
  color: #F0F0F0;
  padding-left: 46px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.z-apply-loading-icon {
  display: inline-block;
  position: absolute;
  left: 5px;
  vertical-align: top;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}

.z-apply-loading-icon::before {
  font-size: 3.75px;
}

.z-renderdefer {
  height: 98px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}

.z-renderdefer::before {
  font-size: 12px;
}

.z-combobox-content > .z-renderdefer,
.z-combobox-content > .z-renderdefer.z-comboitem-selected {
  height: 28px;
  margin: 0 8px;
}

.task-fragment.loading {
  height: 30px;
  margin-bottom: 20px;
}

.task-fragment .task-loading-indicator {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 46px;
}

.task-fragment .task-loading-indicator .z-apply-loading-icon {
  position: absolute;
}

.task-fragment .task-loading-indicator .z-apply-loading-icon::before {
  color: #707172;
  font-size: 3.75px;
}

.grid-rod .z-apply-loading-icon::before {
  font-size: 4px;
}

.grid-rod-loading-indicator {
  padding-left: 30px;
  font-size: 30px;
  margin-right: 5px;
}

.grid-rod-loading-indicator::before {
  color: #707172;
  font-size: 2.8125px;
}

.z-menuitem-content > i::after {
  font-size: 11px;
  left: -14px;
  top: 1px;
}

[class^="z-icon-moon-"],
[class*=" z-icon-moon-"] {
  font-family: IcoMoon;
}

[class^="z-icon-fredoka-"],
[class*=" z-icon-fredoka-"] {
  font-family: "Fredoka One";
}

.larger [class^="z-icon-"]::before,
.larger [class*=" z-icon-"]::before {
  font-size: 24px;
  line-height: 14px;
}

.symbol [class^="z-icon-"]::before,
.symbol [class*=" z-icon-"]::before {
  font-size: 32px;
  line-height: 32px;
}

.z-icon-backward::before {
  font-size: 10px;
}

.z-icon-ccy-chf.pseudo-icon::before {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

.z-icon-check-chevron-right::after {
  font-size: 19.6px;
}

.z-icon-clear-chevron-right::after {
  font-size: 19.6px;
}

.z-icon-mobile::before {
  font-size: 18px;
}

.z-icon-mobile-features::before {
  left: 3px;
  font-size: 18px;
  line-height: 14px;
}

.z-icon-mobile-features::after {
  font-size: 12px;
  left: -1px;
  top: -8px;
}

.z-icon-selfadmin-edit-change::after,
.z-icon-selfadmin-delete-change::after,
.z-icon-selfadmin-add-change::after {
  position: relative;
  left: -13px;
  top: -1px;
  font-size: 10px;
  width: 0;
  display: inline-block;
}

.z-icon-chrome-install::after {
  font-size: 14px;
  position: relative;
  top: -10px;
}

.z-icon-value-balance::after {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  font-size: 18px;
  left: -22px;
  top: 2px;
}

html,
body {
  height: 100%;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
}

[class^="z-"],
[class*=" z-"],
[class^="z-"]:after,
[class*=" z-"]:after,
[class^="z-"]:before,
[class*=" z-"]:before,
.z-borderbox {
  box-sizing: border-box;
}

.z-error {
  display: none;
  width: 450px;
  border: 1px solid #E6460F;
  padding: 3px 5px 3px 3px;
  background: #E6460F;
  position: absolute;
  top: 0;
  left: 40%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  z-index: 9999999;
}

.z-error .messagecontent {
  border: 1px solid #E6460F;
  padding: 0;
  background: #FFFFFF;
}

.z-error .messages {
  padding: 2px 3px 15px;
  word-wrap: break-word;
  overflow: auto;
}

.z-error .messages .message {
  padding: 3px 0 2px;
}

.z-error .newmessage {
  background: #E6460F;
  display: none;
}

.z-error .button {
  color: #707172;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  cursor: pointer;
  float: right;
}

.z-error .button > .z-icon-remove {
  font-size: 18px;
}

.z-error #zk_err-p {
  height: 24px;
  padding-top: 6px;
  cursor: move;
}

.z-error .errornumbers {
  font-weight: bold;
  color: #E6460F;
  padding-left: 4px;
  float: left;
}

div.z-log {
  width: 50%;
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 99000;
}

div.z-log textarea {
  width: 100%;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

div.z-log button {
  font-size: 10px;
}

.noscript {
  width: 100%;
  height: 100%;
  background: #e4e4e4;
  opacity: 0.6;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  z-index: 32000;
}

.noscript p {
  font-weight: bold;
  color: #707172;
  border: 1px solid #555;
  margin: 10% 15%;
  padding: 10px 0;
  background: #FFFFFF;
  opacity: 1;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin: -1px 2px 2px;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  margin-bottom: 2px;
}

input[type="checkbox"]:focus {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.safari input[type="checkbox"]:focus {
  outline: 1px solid #004183;
}

.checkbox-icon [class^="z-icon-"]::before {
  display: inline-block;
  width: 13px;
  text-align: center;
}

.z-checkbox-content {
  white-space: nowrap;
  padding-left: 5px;
}

.checkbox-icon > i {
  display: inline-block;
  width: 14px;
  margin: 0px 3px 2px 0px;
}

.read-only > .checkbox-icon > i {
  margin-left: 0px;
}

.z-label {
  line-height: normal;
}

.z-temp {
  display: flex;
}

.z-temp,
.z-modal-mask,
.z-apply-mask {
  width: 100%;
  height: 100%;
  background: rgba(148, 149, 149, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 89000;
}

.z-initing {
  display: none;
  width: 0px;
  height: 0px;
  background: transparent no-repeat center;
}

.z-uptime {
  display: none;
}

#zk_proc {
  transition: visibility 1s ease;
  -moz-transition: visibility 1s ease;
  -webkit-transition: visibility 1s ease;
}

.z-inline-block {
  display: inline-block;
  vertical-align: top;
}

.z-word-wrap {
  word-wrap: break-word;
}

.z-word-nowrap {
  white-space: nowrap;
}

.z-overflow-hidden {
  overflow: hidden;
}

.z-dd-stackup {
  width: 100%;
  height: 100%;
  background-image: url(/mvweb/zkau/web/810aeee2/img/spacer.gif);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 16800;
}

.z-clear {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  clear: both;
}

.z-dragged {
  opacity: 0.85;
}

.z-drag-over {
  background: 1px dashed #555;
}

.z-drag-ghost {
  list-style: none;
}

.gecko .z-draggable-over > *,
.gecko .z-drag-over > * {
  -moz-user-select: none;
}

.z-drop-allow {
  background: #82b43c;
}

.z-drop-allow .z-drop-icon {
  color: #82b43c;
}

.z-drop-disallow {
  background: #E6460F;
}

.z-drop-disallow .z-drop-icon {
  color: #fff;
  padding-right: 1px;
}

.z-drop-content {
  font-weight: normal;
  font-style: normal;
  color: #fff;
  width: 120px;
  height: 24px;
  padding: 4px;
  padding-left: 24px;
  line-height: 16px;
  position: relative;
}

.z-drop-icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  line-height: 16px;
  background: #fff;
  text-align: center;
  position: absolute;
  top: 4px;
  left: 6px;
}

.z-focus-a {
  font-size: 0 !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  -moz-outline: 0 none;
  outline: 0 none;
  -moz-user-select: text;
  overflow: hidden;
}

.z-focus-a:focus {
  -moz-outline: 0 none;
  outline: 0 none;
}

span.z-upload {
  font-size: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
}

span.z-upload input {
  font-size: 45pt;
  margin: 0;
  padding: 0;
  opacity: 0;
  position: absolute;
  cursor: pointer;
  z-index: -1;
}

.z-upload-icon {
  background-image: url(/mvweb/zkau/web/810aeee2/dzbank/zul/img/misc/prgmeter.png);
  overflow: hidden;
}

.z-fileupload-add,
.z-fileupload-remove {
  color: #1096bc;
  width: 16px;
  height: 17px;
  cursor: pointer;
}

.z-fileupload-progress {
  width: 300px;
}

.z-fileupload-manager {
  width: 350px;
}

.z-div.tile-of-2x2-layout {
  min-height: 250px;
  min-width: 500px;
  height: 50%;
  width: 50%;
  float: left;
  padding: 15px;
}

.z-div.tile-of-2x2-layout > * {
  margin: 0px;
}

.z-div.with-space {
  padding: 5px;
}

.z-div.collapse-top {
  margin-top: -15px;
}

.z-div.modal-2x1-layout {
  display: flex;
  min-width: 100%;
  box-sizing: content-box;
  justify-content: flex-start;
}

.z-div.modal-2x1-layout .column {
  min-width: 454px;
  margin-left: 5px;
}

.container-with-sidebar {
  display: flex;
}

.container-with-sidebar-content {
  flex: 1;
}

.container-with-sidebar-sidebar {
  flex-basis: auto;
}

.banner {
  height: 61px;
  width: 100%;
}

.banner .brand-bar {
  height: 61px;
  border-bottom: 1px solid #D2D2D2;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.banner .brand-bar .mid-container {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  padding: 0 10px 0 10px;
}

.banner .brand-bar .left-container,
.banner .brand-bar .right-container {
  white-space: nowrap;
  height: 61px;
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: content;
}

.banner .brand-bar .left-container {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banner .brand-bar .right-container {
  justify-content: flex-end;
  padding-right: 10px;
}

.banner .brand-bar img.logo {
  margin-left: 10px;
  margin-right: 10px;
  max-height: 41px;
}

.ie11 .banner .brand-bar img.logo {
  height: 41px;
}

.banner .brand-bar .action-button {
  align-self: center;
}

.banner .brand-bar .application-slot {
  max-width: 600px;
  height: 61px;
  align-self: center;
  overflow: auto;
  flex: 0 1 auto;
}

.banner .brand-bar .application-slot .action-button {
  flex: none;
  line-height: 1;
}

.banner .brand-bar .product-name,
.banner .brand-bar .page-title,
.banner .brand-bar .login-info,
.banner .brand-bar .corporate-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banner .brand-bar .product-name:not(.z-a),
.banner .brand-bar .page-title:not(.z-a),
.banner .brand-bar .login-info:not(.z-a),
.banner .brand-bar .corporate-info:not(.z-a) {
  color: #707172;
}

.banner .brand-bar .product-name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 30px;
  margin-left: 5px;
  transform: translate(0, -6%);
}

.banner .brand-bar .page-title {
  z-index: -1;
  font-size: 22px;
  line-height: 26px;
}

.low-resolution .banner .brand-bar .page-title {
  font-size: 18px;
  line-height: 22px;
}

.banner .brand-bar .z-hlayout.login-info {
  display: block;
  margin-left: 1em;
  line-height: 34px;
  text-align: right;
  padding-right: 5px;
}

.banner .brand-bar .tabbed-bar {
  display: none;
}

.banner .brand-bar .corporate-info {
  display: none;
  margin-left: 7px;
}

.help-window {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  padding: 20px !important;
  overflow: auto !important;
}

.help-container {
  width: 700px;
}

.help-title {
  font-size: 25px;
  font-weight: bold;
}

.help-downloadtitle {
  font-size: 20px;
  padding-right: 10px;
}

.help-topic .z-panel-head, .help-topic .z-panel-header {
  padding: 0;
}

.help-topic .z-caption {
  cursor: pointer;
  padding: 6px 5px 2px;
}

.help-topic .z-caption-content {
  font-size: 17px;
  float: left;
}

.help-topic .z-caption-content > i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
}

.help-topic .z-caption-content > .z-label {
  display: inline-block;
  float: none !important;
  max-width: 630px;
  white-space: normal;
  margin-left: 2px;
}

.help-topic .z-panelchildren {
  border: 0 none;
  padding: 0px 0px 0px 29px;
}

.help-topic .z-panel-maximize,
.help-topic .z-panel-minimize,
.help-topic .z-panel-close,
.help-topic .z-panel-expand {
  width: unset;
}

.message-success.text,
.z-messagebox-information::before,
.z-chosenbox-create {
  color: #F0F0F0;
}

.message-info.text,
.z-messagebox-question::before {
  color: #F0F0F0;
}

.message-warning.text,
.z-messagebox-exclamation::before {
  color: #F0F0F0;
}

.message-error.text,
.z-messagebox-error::before {
  color: #E6460F;
}

.message-success.background {
  background: #F0F0F0;
}

.message-info.background {
  background: #F0F0F0;
}

.message-warning.background {
  background: #F0F0F0;
}

.message-error.background {
  color: #FFFFFF;
  background: #E6460F;
}

.text-color-highlight {
  color: #ABABAB;
}

@keyframes message-fade {
  from {
    opacity: 1;
  }
  33% {
    opacity: 0.3;
  }
  58% {
    opacity: 1.0;
  }
  83% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}

.message-animate {
  animation: message-fade 1.2s normal forwards ease-in-out;
  animation-iteration-count: 1;
}

.tag-cloud {
  background: rgba(171, 171, 171, 0.15);
  margin-bottom: 10px;
}

.tag-cloud::after {
  border-color: rgba(171, 171, 171, 0.15) transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  position: absolute;
  right: 162px;
}

.tag-cloud > .z-button {
  margin: 3px;
  padding: 3px;
}

.tag-cloud > .z-button > i {
  font-size: 14px;
}

a {
  text-decoration: none;
}

li > pre {
  margin: 10px 0 0;
}

::-ms-clear {
  display: none;
}

.z-label.spaced-right,
.z-image.spaced-right > i {
  margin-right: 5px;
}

div.content-box {
  margin: 15px 15px 0;
}

div.with-spacing {
  line-height: 14px;
  margin: 7px 0px;
}

div.inline-block {
  display: inline-block;
}

div.content-centered {
  text-align: center;
}

.z-iconlabel {
  display: inline-block;
  position: relative;
  text-align: left;
}

.z-iconlabel:not(.without-icon) {
  padding-left: 19px;
}

.z-iconlabel:not(.without-icon).larger {
  padding-left: 25px;
  min-height: 24px;
  line-height: 24px;
}

.z-iconlabel:not(.without-icon).larger > svg.z-icon {
  top: calc(12px - 0.5em);
}

.z-iconlabel:not(.without-icon).symbol {
  padding-left: 45px;
  min-height: 32px;
}

.z-iconlabel.fake-cell {
  padding: 3px 10px;
}

.z-iconlabel.fake-cell.align-right {
  text-align: right;
}

.z-iconlabel > .z-icon {
  position: absolute;
  left: 1px;
  top: 0px;
}

.z-iconlabel > svg.z-icon {
  width: 1em;
  height: 1em;
  top: calc(10px - 0.5em);
}

.z-label.disabled {
  opacity: 0.375;
  filter: alpha(opacity=60);
}

.blurred .z-label, .z-label.blurred, .blurred
.z-iconlabel,
.z-iconlabel.blurred {
  font-style: italic;
  color: rgba(112, 113, 114, 0.7);
}

.z-label.typewriter,
.z-iconlabel.typewriter,
.z-textbox.typewriter {
  font-family: "PT Mono", Courier, monospace;
  font-size: 13px;
}

.z-textbox.multiline {
  white-space: pre-wrap;
}

.z-label.multiline {
  display: inline-block;
  line-height: 20px;
}

.grid-list .z-label.multiline {
  display: inline;
}

.z-cell.wrappable-content > .z-label.multiline {
  display: block;
}

.z-label.with-wrap,
.z-iconlabel.with-wrap {
  white-space: normal;
}

.z-label.line-space-add-half {
  line-height: 18px;
}

.z-label.shorten-text,
.z-iconlabel.shorten-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.z-label.wrap-small-printable,
.z-iconlabel.wrap-small-printable {
  display: inline-block;
  overflow: hidden;
  max-width: 480px;
  line-height: 20px;
  word-wrap: break-word;
  white-space: pre-line;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.section-heading {
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  padding: 18px 0 10px;
}

mark {
  color: #FFFFFF;
  background-color: #F08200;
}

.box-centered {
  margin-left: auto;
  margin-right: auto;
}

.pack-left {
  float: left;
}

.pack-right {
  float: right;
}

.pack-reset {
  float: clear;
}

.horizontal-aligned-container {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}

.horizontal-aligned-item {
  align-self: center;
  flex-basis: content;
}

.horizontal-aligned-item:not(:last-child) {
  padding-right: 10px;
}

.horizontal-aligned-item.nospace {
  padding-right: 0px;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.overflow-ellipsis > * {
  display: block;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

div#travic-sign {
  width: auto !important;
}

div#travic-sign.z-window-modal {
  padding: 0;
}

div#travic-sign-message {
  font-size: 14px !important;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  margin: 0 !important;
}

div#travic-sign-bottom-line {
  padding: 20px 0px 10px !important;
  right: 0;
  left: 0;
}

span#travic-sign-status-message {
  font-size: 14px;
}

.navbar-system-scrollbar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.navbar-system-scrollbar .z-navbar {
  margin-right: 10px;
}

.split-view {
  overflow: hidden;
  width: 96%;
  height: 96%;
  min-height: 500px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.split-view > .container {
  width: 100%;
}

.split-view > .container > .z-button {
  margin-right: 10px;
}

.split-view > .container.top, .split-view > .container.bottom {
  height: 45%;
  min-height: 225px;
  overflow: auto;
}

.split-view > .container.top > .z-groupbox, .split-view > .container.bottom > .z-groupbox {
  width: 100%;
  height: 100%;
  margin: 0;
}

.split-view > .container.bordered {
  border: 1px solid #bbc2c7;
}

:root {
  --icon-base-color: #707172;
  --icon-highlight-color: #ABABAB;
}

svg.z-icon {
  width: 16px;
  height: 16px;
}

:root {
  --icon-base-color: #707172;
  --icon-highlight-color: #F08200;
}

.message-success.text,
.z-messagebox-information::before,
.z-chosenbox-create {
  color: #F08200;
}

.message-info.text,
.z-messagebox-question::before {
  color: #F08200;
}

.message-warning.text,
.z-messagebox-exclamation::before {
  color: #F08200;
}

/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-a {
  color: #007099;
  text-decoration: none;
}

.z-a:hover {
  text-decoration: underline;
}

.z-a[disabled] {
  color: #1d8db7;
  cursor: default;
  text-decoration: none;
}

.z-a span::selection {
  color: #fff;
  background: #FFFFFF;
}

a > i,
.z-a > span > i {
  cursor: inherit;
}

.gecko .z-a span::-moz-selection {
  color: #fff;
  background: #FFFFFF;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-absolutelayout {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.z-absolutechildren {
  position: absolute;
  overflow: auto;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-anchorlayout,
.z-anchorlayout-body,
.z-anchorchildren {
  overflow: hidden;
}

.z-anchorchildren {
  margin: 0;
  padding: 0;
  float: left;
}

.z-anchorlayout,
.z-anchorchildren {
  -ms-zoom: 1;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-auxhead th:first-child {
  border-left: none;
}

.z-auxhead th:first-child.z-auxhead-border {
  border-left: 1px solid #bbc2c7;
}

.z-auxhead-bar {
  border-left: 1px solid #bbc2c7;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-combobox,
.z-bandbox,
.z-datebox,
.z-timebox,
.z-spinner,
.z-doublespinner {
  background: #FFFFFF;
  color: #707172;
  border-color: #DFDEDD;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  justify-content: center;
  min-height: 28px;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.z-combobox-disabled *,
.z-bandbox-disabled *,
.z-datebox-disabled *,
.z-timebox-disabled *,
.z-spinner-disabled *,
.z-doublespinner-disabled * {
  cursor: default !important;
}

.z-combobox-rightedge,
.z-bandbox-rightedge,
.z-datebox-rightedge,
.z-timebox-rightedge,
.z-spinner-rightedge,
.z-doublespinner-rightedge {
  border-right: 1px solid #cecece;
  border-radius: 3px;
}

.z-combobox:focus {
  border-color: #F08200;
}

.z-combobox.focused, .z-combobox.z-combobox-focus {
  border-color: #F08200;
}

.z-combobox[disabled] {
  opacity: 0.6;
}

.z-combobox.z-combobox-disabled {
  opacity: 0.6;
}

.z-combobox[readonly] {
  background: #D2D2D2;
}

.z-combobox.z-combobox-readonly {
  background: #D2D2D2;
}

.z-combobox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.focused, .z-combobox.warnbox.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.invalid.focused, .z-combobox.warnbox.invalid.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.z-combobox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.z-combobox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.z-combobox-invalid.focused, .z-combobox.warnbox.z-combobox-invalid.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.warnbox.z-combobox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-combobox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.invalid.focused, .z-combobox.invalid.z-combobox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.z-combobox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.z-combobox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.z-combobox-invalid.focused, .z-combobox.z-combobox-invalid.z-combobox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox.z-combobox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox:focus,
.z-tabpanel .z-combobox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-combobox.focused, .grid-filterbox .z-combobox.z-combobox-focus,
.z-tabpanel .z-combobox.focused,
.z-tabpanel .z-combobox.z-combobox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-combobox[disabled],
.z-tabpanel .z-combobox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-combobox.z-combobox-disabled,
.z-tabpanel .z-combobox.z-combobox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-combobox[readonly],
.z-tabpanel .z-combobox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-combobox.z-combobox-readonly,
.z-tabpanel .z-combobox.z-combobox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-combobox.warnbox,
.z-tabpanel .z-combobox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox:focus,
.z-tabpanel .z-combobox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.focused, .grid-filterbox .z-combobox.warnbox.z-combobox-focus,
.z-tabpanel .z-combobox.warnbox.focused,
.z-tabpanel .z-combobox.warnbox.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox:hover,
.z-tabpanel .z-combobox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.invalid,
.z-tabpanel .z-combobox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.invalid:focus,
.z-tabpanel .z-combobox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.invalid.focused, .grid-filterbox .z-combobox.warnbox.invalid.z-combobox-focus,
.z-tabpanel .z-combobox.warnbox.invalid.focused,
.z-tabpanel .z-combobox.warnbox.invalid.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.invalid:hover,
.z-tabpanel .z-combobox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.z-combobox-invalid,
.z-tabpanel .z-combobox.warnbox.z-combobox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.z-combobox-invalid:focus,
.z-tabpanel .z-combobox.warnbox.z-combobox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.z-combobox-invalid.focused, .grid-filterbox .z-combobox.warnbox.z-combobox-invalid.z-combobox-focus,
.z-tabpanel .z-combobox.warnbox.z-combobox-invalid.focused,
.z-tabpanel .z-combobox.warnbox.z-combobox-invalid.z-combobox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.warnbox.z-combobox-invalid:hover,
.z-tabpanel .z-combobox.warnbox.z-combobox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-combobox.invalid,
.z-tabpanel .z-combobox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.invalid:focus,
.z-tabpanel .z-combobox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.invalid.focused, .grid-filterbox .z-combobox.invalid.z-combobox-focus,
.z-tabpanel .z-combobox.invalid.focused,
.z-tabpanel .z-combobox.invalid.z-combobox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.invalid:hover,
.z-tabpanel .z-combobox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.z-combobox-invalid,
.z-tabpanel .z-combobox.z-combobox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.z-combobox-invalid:focus,
.z-tabpanel .z-combobox.z-combobox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.z-combobox-invalid.focused, .grid-filterbox .z-combobox.z-combobox-invalid.z-combobox-focus,
.z-tabpanel .z-combobox.z-combobox-invalid.focused,
.z-tabpanel .z-combobox.z-combobox-invalid.z-combobox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-combobox.z-combobox-invalid:hover,
.z-tabpanel .z-combobox.z-combobox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox:focus {
  border-color: #F08200;
}

.z-bandbox.focused, .z-bandbox.z-bandbox-focus {
  border-color: #F08200;
}

.z-bandbox[disabled] {
  opacity: 0.6;
}

.z-bandbox.z-bandbox-disabled {
  opacity: 0.6;
}

.z-bandbox[readonly] {
  background: #D2D2D2;
}

.z-bandbox.z-bandbox-readonly {
  background: #D2D2D2;
}

.z-bandbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.focused, .z-bandbox.warnbox.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.invalid.focused, .z-bandbox.warnbox.invalid.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.z-bandbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.z-bandbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.z-bandbox-invalid.focused, .z-bandbox.warnbox.z-bandbox-invalid.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.warnbox.z-bandbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-bandbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.invalid.focused, .z-bandbox.invalid.z-bandbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.z-bandbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.z-bandbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.z-bandbox-invalid.focused, .z-bandbox.z-bandbox-invalid.z-bandbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-bandbox.z-bandbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox:focus,
.z-tabpanel .z-bandbox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-bandbox.focused, .grid-filterbox .z-bandbox.z-bandbox-focus,
.z-tabpanel .z-bandbox.focused,
.z-tabpanel .z-bandbox.z-bandbox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-bandbox[disabled],
.z-tabpanel .z-bandbox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-bandbox.z-bandbox-disabled,
.z-tabpanel .z-bandbox.z-bandbox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-bandbox[readonly],
.z-tabpanel .z-bandbox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-bandbox.z-bandbox-readonly,
.z-tabpanel .z-bandbox.z-bandbox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-bandbox.warnbox,
.z-tabpanel .z-bandbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox:focus,
.z-tabpanel .z-bandbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.focused, .grid-filterbox .z-bandbox.warnbox.z-bandbox-focus,
.z-tabpanel .z-bandbox.warnbox.focused,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox:hover,
.z-tabpanel .z-bandbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.invalid,
.z-tabpanel .z-bandbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.invalid:focus,
.z-tabpanel .z-bandbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.invalid.focused, .grid-filterbox .z-bandbox.warnbox.invalid.z-bandbox-focus,
.z-tabpanel .z-bandbox.warnbox.invalid.focused,
.z-tabpanel .z-bandbox.warnbox.invalid.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.invalid:hover,
.z-tabpanel .z-bandbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.z-bandbox-invalid,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.z-bandbox-invalid:focus,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.z-bandbox-invalid.focused, .grid-filterbox .z-bandbox.warnbox.z-bandbox-invalid.z-bandbox-focus,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-invalid.focused,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-invalid.z-bandbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.warnbox.z-bandbox-invalid:hover,
.z-tabpanel .z-bandbox.warnbox.z-bandbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-bandbox.invalid,
.z-tabpanel .z-bandbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.invalid:focus,
.z-tabpanel .z-bandbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.invalid.focused, .grid-filterbox .z-bandbox.invalid.z-bandbox-focus,
.z-tabpanel .z-bandbox.invalid.focused,
.z-tabpanel .z-bandbox.invalid.z-bandbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.invalid:hover,
.z-tabpanel .z-bandbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.z-bandbox-invalid,
.z-tabpanel .z-bandbox.z-bandbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.z-bandbox-invalid:focus,
.z-tabpanel .z-bandbox.z-bandbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.z-bandbox-invalid.focused, .grid-filterbox .z-bandbox.z-bandbox-invalid.z-bandbox-focus,
.z-tabpanel .z-bandbox.z-bandbox-invalid.focused,
.z-tabpanel .z-bandbox.z-bandbox-invalid.z-bandbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-bandbox.z-bandbox-invalid:hover,
.z-tabpanel .z-bandbox.z-bandbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox:focus {
  border-color: #F08200;
}

.z-datebox.focused, .z-datebox.z-datebox-focus {
  border-color: #F08200;
}

.z-datebox[disabled] {
  opacity: 0.6;
}

.z-datebox.z-datebox-disabled {
  opacity: 0.6;
}

.z-datebox[readonly] {
  background: #D2D2D2;
}

.z-datebox.z-datebox-readonly {
  background: #D2D2D2;
}

.z-datebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.focused, .z-datebox.warnbox.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.invalid.focused, .z-datebox.warnbox.invalid.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.z-datebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.z-datebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.z-datebox-invalid.focused, .z-datebox.warnbox.z-datebox-invalid.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.warnbox.z-datebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-datebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.invalid.focused, .z-datebox.invalid.z-datebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.z-datebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.z-datebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.z-datebox-invalid.focused, .z-datebox.z-datebox-invalid.z-datebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-datebox.z-datebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox:focus,
.z-tabpanel .z-datebox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-datebox.focused, .grid-filterbox .z-datebox.z-datebox-focus,
.z-tabpanel .z-datebox.focused,
.z-tabpanel .z-datebox.z-datebox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-datebox[disabled],
.z-tabpanel .z-datebox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-datebox.z-datebox-disabled,
.z-tabpanel .z-datebox.z-datebox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-datebox[readonly],
.z-tabpanel .z-datebox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-datebox.z-datebox-readonly,
.z-tabpanel .z-datebox.z-datebox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-datebox.warnbox,
.z-tabpanel .z-datebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox:focus,
.z-tabpanel .z-datebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.focused, .grid-filterbox .z-datebox.warnbox.z-datebox-focus,
.z-tabpanel .z-datebox.warnbox.focused,
.z-tabpanel .z-datebox.warnbox.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox:hover,
.z-tabpanel .z-datebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.invalid,
.z-tabpanel .z-datebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.invalid:focus,
.z-tabpanel .z-datebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.invalid.focused, .grid-filterbox .z-datebox.warnbox.invalid.z-datebox-focus,
.z-tabpanel .z-datebox.warnbox.invalid.focused,
.z-tabpanel .z-datebox.warnbox.invalid.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.invalid:hover,
.z-tabpanel .z-datebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.z-datebox-invalid,
.z-tabpanel .z-datebox.warnbox.z-datebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.z-datebox-invalid:focus,
.z-tabpanel .z-datebox.warnbox.z-datebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.z-datebox-invalid.focused, .grid-filterbox .z-datebox.warnbox.z-datebox-invalid.z-datebox-focus,
.z-tabpanel .z-datebox.warnbox.z-datebox-invalid.focused,
.z-tabpanel .z-datebox.warnbox.z-datebox-invalid.z-datebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.warnbox.z-datebox-invalid:hover,
.z-tabpanel .z-datebox.warnbox.z-datebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-datebox.invalid,
.z-tabpanel .z-datebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.invalid:focus,
.z-tabpanel .z-datebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.invalid.focused, .grid-filterbox .z-datebox.invalid.z-datebox-focus,
.z-tabpanel .z-datebox.invalid.focused,
.z-tabpanel .z-datebox.invalid.z-datebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.invalid:hover,
.z-tabpanel .z-datebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.z-datebox-invalid,
.z-tabpanel .z-datebox.z-datebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.z-datebox-invalid:focus,
.z-tabpanel .z-datebox.z-datebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.z-datebox-invalid.focused, .grid-filterbox .z-datebox.z-datebox-invalid.z-datebox-focus,
.z-tabpanel .z-datebox.z-datebox-invalid.focused,
.z-tabpanel .z-datebox.z-datebox-invalid.z-datebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-datebox.z-datebox-invalid:hover,
.z-tabpanel .z-datebox.z-datebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox:focus {
  border-color: #F08200;
}

.z-timebox.focused, .z-timebox.z-timebox-focus {
  border-color: #F08200;
}

.z-timebox[disabled] {
  opacity: 0.6;
}

.z-timebox.z-timebox-disabled {
  opacity: 0.6;
}

.z-timebox[readonly] {
  background: #D2D2D2;
}

.z-timebox.z-timebox-readonly {
  background: #D2D2D2;
}

.z-timebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.focused, .z-timebox.warnbox.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.invalid.focused, .z-timebox.warnbox.invalid.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.z-timebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.z-timebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.z-timebox-invalid.focused, .z-timebox.warnbox.z-timebox-invalid.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.warnbox.z-timebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-timebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.invalid.focused, .z-timebox.invalid.z-timebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.z-timebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.z-timebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.z-timebox-invalid.focused, .z-timebox.z-timebox-invalid.z-timebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-timebox.z-timebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox:focus,
.z-tabpanel .z-timebox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-timebox.focused, .grid-filterbox .z-timebox.z-timebox-focus,
.z-tabpanel .z-timebox.focused,
.z-tabpanel .z-timebox.z-timebox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-timebox[disabled],
.z-tabpanel .z-timebox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-timebox.z-timebox-disabled,
.z-tabpanel .z-timebox.z-timebox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-timebox[readonly],
.z-tabpanel .z-timebox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-timebox.z-timebox-readonly,
.z-tabpanel .z-timebox.z-timebox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-timebox.warnbox,
.z-tabpanel .z-timebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox:focus,
.z-tabpanel .z-timebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.focused, .grid-filterbox .z-timebox.warnbox.z-timebox-focus,
.z-tabpanel .z-timebox.warnbox.focused,
.z-tabpanel .z-timebox.warnbox.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox:hover,
.z-tabpanel .z-timebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.invalid,
.z-tabpanel .z-timebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.invalid:focus,
.z-tabpanel .z-timebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.invalid.focused, .grid-filterbox .z-timebox.warnbox.invalid.z-timebox-focus,
.z-tabpanel .z-timebox.warnbox.invalid.focused,
.z-tabpanel .z-timebox.warnbox.invalid.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.invalid:hover,
.z-tabpanel .z-timebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.z-timebox-invalid,
.z-tabpanel .z-timebox.warnbox.z-timebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.z-timebox-invalid:focus,
.z-tabpanel .z-timebox.warnbox.z-timebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.z-timebox-invalid.focused, .grid-filterbox .z-timebox.warnbox.z-timebox-invalid.z-timebox-focus,
.z-tabpanel .z-timebox.warnbox.z-timebox-invalid.focused,
.z-tabpanel .z-timebox.warnbox.z-timebox-invalid.z-timebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.warnbox.z-timebox-invalid:hover,
.z-tabpanel .z-timebox.warnbox.z-timebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-timebox.invalid,
.z-tabpanel .z-timebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.invalid:focus,
.z-tabpanel .z-timebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.invalid.focused, .grid-filterbox .z-timebox.invalid.z-timebox-focus,
.z-tabpanel .z-timebox.invalid.focused,
.z-tabpanel .z-timebox.invalid.z-timebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.invalid:hover,
.z-tabpanel .z-timebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.z-timebox-invalid,
.z-tabpanel .z-timebox.z-timebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.z-timebox-invalid:focus,
.z-tabpanel .z-timebox.z-timebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.z-timebox-invalid.focused, .grid-filterbox .z-timebox.z-timebox-invalid.z-timebox-focus,
.z-tabpanel .z-timebox.z-timebox-invalid.focused,
.z-tabpanel .z-timebox.z-timebox-invalid.z-timebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-timebox.z-timebox-invalid:hover,
.z-tabpanel .z-timebox.z-timebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner:focus {
  border-color: #F08200;
}

.z-spinner.focused, .z-spinner.z-spinner-focus {
  border-color: #F08200;
}

.z-spinner[disabled] {
  opacity: 0.6;
}

.z-spinner.z-spinner-disabled {
  opacity: 0.6;
}

.z-spinner[readonly] {
  background: #D2D2D2;
}

.z-spinner.z-spinner-readonly {
  background: #D2D2D2;
}

.z-spinner.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.focused, .z-spinner.warnbox.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.invalid.focused, .z-spinner.warnbox.invalid.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.z-spinner-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.z-spinner-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.z-spinner-invalid.focused, .z-spinner.warnbox.z-spinner-invalid.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.warnbox.z-spinner-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-spinner.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.invalid.focused, .z-spinner.invalid.z-spinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.z-spinner-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.z-spinner-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.z-spinner-invalid.focused, .z-spinner.z-spinner-invalid.z-spinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-spinner.z-spinner-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner:focus,
.z-tabpanel .z-spinner:focus {
  border-color: #F08200;
}

.grid-filterbox .z-spinner.focused, .grid-filterbox .z-spinner.z-spinner-focus,
.z-tabpanel .z-spinner.focused,
.z-tabpanel .z-spinner.z-spinner-focus {
  border-color: #F08200;
}

.grid-filterbox .z-spinner[disabled],
.z-tabpanel .z-spinner[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-spinner.z-spinner-disabled,
.z-tabpanel .z-spinner.z-spinner-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-spinner[readonly],
.z-tabpanel .z-spinner[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-spinner.z-spinner-readonly,
.z-tabpanel .z-spinner.z-spinner-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-spinner.warnbox,
.z-tabpanel .z-spinner.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox:focus,
.z-tabpanel .z-spinner.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.focused, .grid-filterbox .z-spinner.warnbox.z-spinner-focus,
.z-tabpanel .z-spinner.warnbox.focused,
.z-tabpanel .z-spinner.warnbox.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox:hover,
.z-tabpanel .z-spinner.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.invalid,
.z-tabpanel .z-spinner.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.invalid:focus,
.z-tabpanel .z-spinner.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.invalid.focused, .grid-filterbox .z-spinner.warnbox.invalid.z-spinner-focus,
.z-tabpanel .z-spinner.warnbox.invalid.focused,
.z-tabpanel .z-spinner.warnbox.invalid.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.invalid:hover,
.z-tabpanel .z-spinner.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.z-spinner-invalid,
.z-tabpanel .z-spinner.warnbox.z-spinner-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.z-spinner-invalid:focus,
.z-tabpanel .z-spinner.warnbox.z-spinner-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.z-spinner-invalid.focused, .grid-filterbox .z-spinner.warnbox.z-spinner-invalid.z-spinner-focus,
.z-tabpanel .z-spinner.warnbox.z-spinner-invalid.focused,
.z-tabpanel .z-spinner.warnbox.z-spinner-invalid.z-spinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.warnbox.z-spinner-invalid:hover,
.z-tabpanel .z-spinner.warnbox.z-spinner-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-spinner.invalid,
.z-tabpanel .z-spinner.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.invalid:focus,
.z-tabpanel .z-spinner.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.invalid.focused, .grid-filterbox .z-spinner.invalid.z-spinner-focus,
.z-tabpanel .z-spinner.invalid.focused,
.z-tabpanel .z-spinner.invalid.z-spinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.invalid:hover,
.z-tabpanel .z-spinner.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.z-spinner-invalid,
.z-tabpanel .z-spinner.z-spinner-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.z-spinner-invalid:focus,
.z-tabpanel .z-spinner.z-spinner-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.z-spinner-invalid.focused, .grid-filterbox .z-spinner.z-spinner-invalid.z-spinner-focus,
.z-tabpanel .z-spinner.z-spinner-invalid.focused,
.z-tabpanel .z-spinner.z-spinner-invalid.z-spinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-spinner.z-spinner-invalid:hover,
.z-tabpanel .z-spinner.z-spinner-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner:focus {
  border-color: #F08200;
}

.z-doublespinner.focused, .z-doublespinner.z-doublespinner-focus {
  border-color: #F08200;
}

.z-doublespinner[disabled] {
  opacity: 0.6;
}

.z-doublespinner.z-doublespinner-disabled {
  opacity: 0.6;
}

.z-doublespinner[readonly] {
  background: #D2D2D2;
}

.z-doublespinner.z-doublespinner-readonly {
  background: #D2D2D2;
}

.z-doublespinner.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.focused, .z-doublespinner.warnbox.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.invalid.focused, .z-doublespinner.warnbox.invalid.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.z-doublespinner-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.z-doublespinner-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.z-doublespinner-invalid.focused, .z-doublespinner.warnbox.z-doublespinner-invalid.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.warnbox.z-doublespinner-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublespinner.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.invalid.focused, .z-doublespinner.invalid.z-doublespinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.z-doublespinner-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.z-doublespinner-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.z-doublespinner-invalid.focused, .z-doublespinner.z-doublespinner-invalid.z-doublespinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublespinner.z-doublespinner-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner:focus,
.z-tabpanel .z-doublespinner:focus {
  border-color: #F08200;
}

.grid-filterbox .z-doublespinner.focused, .grid-filterbox .z-doublespinner.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.focused,
.z-tabpanel .z-doublespinner.z-doublespinner-focus {
  border-color: #F08200;
}

.grid-filterbox .z-doublespinner[disabled],
.z-tabpanel .z-doublespinner[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-doublespinner.z-doublespinner-disabled,
.z-tabpanel .z-doublespinner.z-doublespinner-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-doublespinner[readonly],
.z-tabpanel .z-doublespinner[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-doublespinner.z-doublespinner-readonly,
.z-tabpanel .z-doublespinner.z-doublespinner-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-doublespinner.warnbox,
.z-tabpanel .z-doublespinner.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox:focus,
.z-tabpanel .z-doublespinner.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.focused, .grid-filterbox .z-doublespinner.warnbox.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.warnbox.focused,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox:hover,
.z-tabpanel .z-doublespinner.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.invalid,
.z-tabpanel .z-doublespinner.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.invalid:focus,
.z-tabpanel .z-doublespinner.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.invalid.focused, .grid-filterbox .z-doublespinner.warnbox.invalid.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.warnbox.invalid.focused,
.z-tabpanel .z-doublespinner.warnbox.invalid.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.invalid:hover,
.z-tabpanel .z-doublespinner.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.z-doublespinner-invalid,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.z-doublespinner-invalid:focus,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.z-doublespinner-invalid.focused, .grid-filterbox .z-doublespinner.warnbox.z-doublespinner-invalid.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-invalid.focused,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-invalid.z-doublespinner-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.warnbox.z-doublespinner-invalid:hover,
.z-tabpanel .z-doublespinner.warnbox.z-doublespinner-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublespinner.invalid,
.z-tabpanel .z-doublespinner.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.invalid:focus,
.z-tabpanel .z-doublespinner.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.invalid.focused, .grid-filterbox .z-doublespinner.invalid.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.invalid.focused,
.z-tabpanel .z-doublespinner.invalid.z-doublespinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.invalid:hover,
.z-tabpanel .z-doublespinner.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.z-doublespinner-invalid,
.z-tabpanel .z-doublespinner.z-doublespinner-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.z-doublespinner-invalid:focus,
.z-tabpanel .z-doublespinner.z-doublespinner-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.z-doublespinner-invalid.focused, .grid-filterbox .z-doublespinner.z-doublespinner-invalid.z-doublespinner-focus,
.z-tabpanel .z-doublespinner.z-doublespinner-invalid.focused,
.z-tabpanel .z-doublespinner.z-doublespinner-invalid.z-doublespinner-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublespinner.z-doublespinner-invalid:hover,
.z-tabpanel .z-doublespinner.z-doublespinner-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-combobox-icon.z-icon-caret-down:before {
  content: "\f078";
}

.z-combobox-input,
.z-bandbox-input,
.z-datebox-input,
.z-timebox-input,
.z-spinner-input,
.z-doublespinner-input {
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  padding: 0px 7px 0px 7px;
  margin: 0px 0px 0px 0px;
  min-height: 26px;
  height: 26px;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  color: inherit;
  margin: 0;
  background: transparent;
  border: none;
  flex-grow: 1;
  width: 0;
}

.z-combobox-input[readonly],
.z-bandbox-input[readonly],
.z-datebox-input[readonly] {
  cursor: pointer;
}

.z-datebox-input {
  width: 94px;
}

.z-combobox,
.z-bandbox {
  width: 265px;
}

.z-combobox.half-size,
.z-bandbox.half-size {
  width: 132px;
}

.z-combobox.quarter-size,
.z-bandbox.quarter-size {
  width: 61px;
}

.z-combobox.bank-code,
.z-bandbox.bank-code {
  width: 150px;
}

.z-combobox.account-number,
.z-bandbox.account-number {
  width: 335px;
}

.z-combobox.small-printable,
.z-bandbox.small-printable {
  width: 480px;
}

.z-combobox.message-combobox,
.z-bandbox.message-combobox {
  width: 100%;
}

.z-combobox.filter-comparator,
.z-bandbox.filter-comparator {
  margin-right: 2px;
  width: 131px;
}

.z-spinner {
  width: 132px;
}

.z-spinner.half-size {
  width: 132px;
}

.z-spinner.quarter-size {
  width: 61px;
}

.z-spinner.bank-code {
  width: 150px;
}

.z-spinner.account-number {
  width: 335px;
}

.z-spinner.small-printable {
  width: 480px;
}

.z-timebox {
  width: 132px;
}

.z-timebox.half-size {
  width: 132px;
}

.z-timebox.quarter-size {
  width: 61px;
}

.z-timebox.bank-code {
  width: 150px;
}

.z-timebox.account-number {
  width: 335px;
}

.z-timebox.small-printable {
  width: 480px;
}

.z-datebox {
  width: 132px;
}

.z-datebox.half-size {
  width: 132px;
}

.z-datebox.quarter-size {
  width: 61px;
}

.z-datebox.bank-code {
  width: 150px;
}

.z-datebox.account-number {
  width: 335px;
}

.z-datebox.small-printable {
  width: 480px;
}

.z-combobox-button,
.z-bandbox-button,
.z-datebox-button,
.z-timebox-button,
.z-spinner-button,
.z-doublespinner-button {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #F08200;
  overflow: visible;
  padding-right: 7px;
}

.z-combobox-button,
.z-bandbox-button {
  font-size: 14px;
}

.z-datebox-button,
.z-bandbox-button {
  text-align: center;
}

.z-combobox-button.z-combobox-disabled,
.z-bandbox-button.z-bandbox-disabled,
.z-datebox-button.z-datebox-disabled,
.z-timebox-button.z-timebox-disabled,
.z-spinner-button.z-spinner-disabled,
.z-doublespinner-button.z-doublespinner-disabled {
  display: none;
}

.z-datebox.long-form {
  width: 168px;
}

.z-timebox.short-form {
  width: 77px;
}

.z-timebox.normal-form {
  width: 95px;
}

.combobox-mimicry,
.grid-list .z-row-content .combobox-mimicry,
.grid-list .z-cell .combobox-mimicry {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.combobox-mimicry .z-button > i, .combobox-mimicry-disabled .z-button > i,
.grid-list .z-row-content .combobox-mimicry .z-button > i,
.grid-list .z-row-content .combobox-mimicry-disabled .z-button > i,
.grid-list .z-cell .combobox-mimicry .z-button > i,
.grid-list .z-cell .combobox-mimicry-disabled .z-button > i {
  font-size: 20px;
}

.combobox-mimicry .z-label, .combobox-mimicry-disabled .z-label,
.grid-list .z-row-content .combobox-mimicry .z-label,
.grid-list .z-row-content .combobox-mimicry-disabled .z-label,
.grid-list .z-cell .combobox-mimicry .z-label,
.grid-list .z-cell .combobox-mimicry-disabled .z-label {
  height: 28px;
  line-height: 26px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 188px;
  padding-left: 7px;
}

.combobox-mimicry:hover,
.grid-list .z-row-content .combobox-mimicry:hover,
.grid-list .z-cell .combobox-mimicry:hover {
  color: #FFFFFF;
}

.combobox-mimicry .z-label:hover,
.grid-list .z-row-content .combobox-mimicry .z-label:hover,
.grid-list .z-cell .combobox-mimicry .z-label:hover {
  background: #FFFFFF;
}

.combobox-mimicry .z-label :focus,
.grid-list .z-row-content .combobox-mimicry .z-label :focus,
.grid-list .z-cell .combobox-mimicry .z-label :focus {
  background: #FFFFFF;
}

.combobox-mimicry-container,
.grid-list .z-row-content .combobox-mimicry-container,
.grid-list .z-cell .combobox-mimicry-container {
  width: 265px;
}

.combobox-mimicry-container > .z-div,
.grid-list .z-row-content .combobox-mimicry-container > .z-div,
.grid-list .z-cell .combobox-mimicry-container > .z-div {
  display: flex;
  align-items: center;
}

.combobox-mimicry-container .z-combobox,
.grid-list .z-row-content .combobox-mimicry-container .z-combobox,
.grid-list .z-cell .combobox-mimicry-container .z-combobox {
  width: auto;
}

.combobox-mimicry-container .spaced-right.z-image,
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image,
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image {
  margin-right: 7px;
  border: 0 none;
  background-color: transparent;
  background: none;
  width: 30px;
  height: auto;
  overflow: visible;
  color: inherit;
  box-shadow: none;
  min-height: 34px;
  border-width: 2px;
  padding: 5px 10px 5px 10px;
  line-height: 20px;
  padding-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combobox-mimicry-container .spaced-right.z-image > .z-label,
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image > .z-label,
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image > .z-label {
  line-height: 20px;
  display: flex;
  align-self: center;
}

.combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]), .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]), .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]) {
  background: unset;
  color: unset;
  border-color: unset;
}

.ie .combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]), .ie .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]), .ie .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image:active:not(:disabled):not([disabled]) {
  color: inherit;
  background: transparent;
  border-color: currentcolor;
}

.combobox-mimicry-container .spaced-right.z-image > i,
.grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image > i,
.grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image > i {
  margin-right: 0;
  font-size: 20px;
}

.combobox-mimicry-container .spaced-right,
.grid-list .z-row-content .combobox-mimicry-container .spaced-right,
.grid-list .z-cell .combobox-mimicry-container .spaced-right {
  vertical-align: middle;
}

.combobox-mimicry .z-button.nolabel, .combobox-mimicry-disabled .z-button.nolabel,
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel,
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel,
.grid-list .z-cell .combobox-mimicry .z-button.nolabel,
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel {
  margin-right: 7px;
  border: 0 none;
  background-color: transparent;
  background: none;
  width: 30px;
  height: auto;
  overflow: visible;
  color: inherit;
  box-shadow: none;
  min-height: 34px;
  border-width: 2px;
  padding: 5px 10px 5px 10px;
  line-height: 20px;
  padding-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combobox-mimicry .z-button.nolabel > .z-label, .combobox-mimicry-disabled .z-button.nolabel > .z-label,
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel > .z-label,
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel > .z-label,
.grid-list .z-cell .combobox-mimicry .z-button.nolabel > .z-label,
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel > .z-label {
  line-height: 20px;
  display: flex;
  align-self: center;
}

.combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]), .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]), .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]), .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]), .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]), .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]),
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]),
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]) {
  background: unset;
  color: unset;
  border-color: unset;
}

.ie .combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]), .ie .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-row-content .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry .z-button.nolabel:active:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:focus:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:hover:not(:disabled):not([disabled]), .ie
.grid-list .z-cell .combobox-mimicry-disabled .z-button.nolabel:active:not(:disabled):not([disabled]) {
  color: inherit;
  background: transparent;
  border-color: currentcolor;
}

.z-combobox.signature-limit,
.z-bandbox.signature-limit {
  width: 188px;
}

.z-timebox-button,
.z-spinner-button,
.z-doublespinner-button {
  padding: 0;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  height: 26px;
  width: 26px;
  margin-right: 0;
  border-bottom: 1px solid #fff;
}

.z-timebox-button > a,
.z-spinner-button > a,
.z-doublespinner-button > a {
  position: absolute;
  color: #F08200;
  width: 100%;
  height: 50%;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.z-timebox-button > a:active,
.z-spinner-button > a:active,
.z-doublespinner-button > a:active {
  background: #FFFFFF;
}

.z-timebox-button > a:first-child,
.z-spinner-button > a:first-child,
.z-doublespinner-button > a:first-child {
  top: 0;
}

.z-timebox-button > a:first-child:active,
.z-spinner-button > a:first-child:active,
.z-doublespinner-button > a:first-child:active {
  top: 1px;
}

.z-timebox-button > a:last-child,
.z-spinner-button > a:last-child,
.z-doublespinner-button > a:last-child {
  bottom: 0;
}

.z-timebox-button > a:last-child:active,
.z-spinner-button > a:last-child:active,
.z-doublespinner-button > a:last-child:active {
  bottom: -1px;
}

.z-timebox-button > i,
.z-spinner-button > i,
.z-doublespinner-button > i {
  z-index: 2;
}

.z-timebox-disabled a + i[class*="-separator"],
.z-spinner-disabled a + i[class*="-separator"],
.z-doublespinner-disabled a + i[class*="-separator"] {
  display: none;
}

.z-timebox.z-timebox-disabled .z-timebox-button > a,
.z-spinner.z-spinner-disabled .z-spinner-button > a,
.z-doublespinner.z-doublespinner-disabled .z-doublespinner-button > a {
  background: unset;
}

.z-combobox-inplace .z-combobox-input,
.z-bandbox-inplace .z-bandbox-input,
.z-datebox-inplace .z-datebox-input,
.z-timebox-inplace .z-timebox-input,
.z-spinner-inplace .z-spinner-input,
.z-doublespinner-inplace .z-doublespinner-input {
  border: 0;
  padding: 0px 5px 0px 6px;
  background: none;
}

.z-combobox-inplace .z-combobox-input:focus,
.z-bandbox-inplace .z-bandbox-input:focus,
.z-datebox-inplace .z-datebox-input:focus,
.z-timebox-inplace .z-timebox-input:focus,
.z-spinner-inplace .z-spinner-input:focus,
.z-doublespinner-inplace .z-doublespinner-input:focus {
  background: none;
  box-shadow: none;
}

.grid-list .z-row:hover .z-combobox-inplace .z-combobox-input, .grid-list .z-row:hover
.z-bandbox-inplace .z-bandbox-input, .grid-list .z-row:hover
.z-datebox-inplace .z-datebox-input, .grid-list .z-row:hover
.z-timebox-inplace .z-timebox-input, .grid-list .z-row:hover
.z-spinner-inplace .z-spinner-input, .grid-list .z-row:hover
.z-doublespinner-inplace .z-doublespinner-input {
  color: #F08200;
}

.z-combobox-inplace .z-combobox-button,
.z-bandbox-inplace .z-bandbox-button,
.z-datebox-inplace .z-datebox-button,
.z-timebox-inplace .z-timebox-button,
.z-spinner-inplace .z-spinner-button,
.z-doublespinner-inplace .z-doublespinner-button {
  visibility: hidden;
}

.z-comboitem,
.z-comboitem-button {
  white-space: nowrap;
  cursor: pointer;
}

.z-combobox-popup .z-comboitem {
  min-height: 28px;
  padding: 3px 5px 3px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  min-height: 20px;
  position: relative;
  border-collapse: unset;
  background-color: #FFFFFF;
}

.z-combobox-popup .z-comboitem:nth-child(even) {
  background-color: #FFFFFF;
}

.z-combobox-popup:not(.system-messages) .z-comboitem {
  color: #707172;
  font-weight: normal;
  text-decoration: none;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.z-combobox-popup:not(.system-messages) .z-comboitem:hover {
  color: #707172;
  background: #D2D2D2;
}

.z-combobox-popup:not(.system-messages) .z-comboitem.z-comboitem-selected {
  color: #fff;
  background: #F08200;
}

.z-combobox-popup:not(.system-messages) .z-comboitem.z-comboitem-selected:hover {
  color: #707172;
  background: #D2D2D2;
}

.system-messages .z-comboitem {
  color: #707172;
  font-weight: normal;
  text-decoration: none;
}

.z-comboitem-inner,
.z-comboitem-content {
  font-size: 12px;
}

.z-comboitem,
.z-comboitem a,
.z-comboitem a:visited {
  font-weight: normal;
  color: #707172;
  text-decoration: none;
}

.z-comboitem .z-comboitem-content {
  display: inline-block;
  margin-left: 5px;
}

.z-comboitem-icon,
.z-comboitem-image {
  margin: 0 3px;
  float: left;
}

.z-comboitem-icon:empty,
.z-comboitem-image:empty {
  margin: 0;
  display: none;
}

.z-comboitem-icon {
  display: inline-block;
  width: 21px;
  text-align: center;
  padding-right: 5px;
}

.z-combobox-popup,
.z-bandbox-popup,
.z-datebox-popup,
.z-timebox-popup {
  padding: 0;
  border: 1px solid #ABABAB;
  background: #FFFFFF;
  box-shadow: 0 0 8px 2px #7F7F7F;
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 2000 !important;
  background: #FFFFFF;
}

.z-combobox-popup .z-listheader,
.z-bandbox-popup .z-listheader,
.z-datebox-popup .z-listheader,
.z-timebox-popup .z-listheader {
  border: none;
}

.z-combobox-popup,
.z-bandbox-popup {
  overflow: auto;
}

.z-datebox-popup {
  margin-top: 8px;
  box-shadow: none;
  border: none;
  background: transparent;
  overflow: visible;
}

.z-combobox-content {
  border: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none outside none;
  background: transparent none repeat 0 0;
}

.z-bandbox-popup {
  width: auto;
  height: auto !important;
  min-width: 237px;
}

.z-bandbox-popup .z-listbox .z-listbox-body,
.z-bandbox-popup .z-listbox .z-listbox-header {
  width: auto !important;
}

.z-bandbox-popup .z-listbox .z-listbox-body {
  overflow: visible;
}

.z-bandbox-popup .z-listbox > .z-listbox-body > table > tbody > .z-listitem > .z-listcell > .z-listcell-content {
  white-space: nowrap;
}

.z-bandbox-popup .z-listbox .z-listbox-header-border {
  border: 0;
}

.z-bandbox-popup .z-listbox .z-listbox-header .z-listheader-content {
  height: 0;
  min-height: 0;
  padding: 0;
}

.z-bandbox-popup .z-listbox > .z-listbox-body > table,
.z-bandbox-popup .z-listbox > .z-listbox-header > table {
  min-width: 100%;
  width: auto !important;
  max-width: 100%;
}

.z-bandbox-popup .z-listbox-emptybody td {
  padding: 5px 8px;
  white-space: nowrap;
  color: rgba(112, 113, 114, 0.85);
}

.footer .z-button,
.footer .z-button:hover,
.footer .z-button:active,
.footer .z-button:focus {
  position: absolute;
  left: 3px;
  top: 0px;
  border: none;
  background: none;
  box-shadow: none;
  display: inline-block !important;
}

.footer:before {
  padding-left: 1px;
  padding-top: 1px;
}

.currency-combobox-placeholder {
  display: inline-block;
  width: 30px;
  height: 5px;
}

.system-messages {
  border: none;
}

.system-messages.message-combobox:before, .system-messages.message-combobox:not(.z-combobox-popup):after,
.system-messages .background:before {
  font-family: FontAwesome;
  position: absolute;
  width: 14px;
  text-align: center;
  top: 0;
  line-height: 28px;
}

.system-messages.message-combobox:before, .system-messages.message-combobox:not(.z-combobox-popup):after {
  cursor: pointer;
}

.system-messages.message-combobox:not(.z-combobox-popup):after {
  content: "\f0d8";
  left: 10px;
}

.system-messages.message-combobox.z-combobox-open:not(.z-combobox-popup):after {
  content: "\f0d7";
}

.system-messages.message-combobox:before,
.system-messages .background:before {
  left: 35px;
}

.system-messages.message-info:before,
.system-messages .message-info:before {
  content: "\f00c";
}

.system-messages.message-success:before,
.system-messages .message-success:before {
  content: "\f00c";
}

.system-messages.message-warning:before,
.system-messages .message-warning:before {
  content: "\f071";
}

.system-messages.message-error:before,
.system-messages .message-error:before {
  content: "\f00d";
}

.system-messages .z-combobox-input,
.system-messages .z-combobox-input[readonly],
.system-messages .z-combobox-input[readonly]:focus {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  border: none;
  padding-left: 55px;
  padding-right: 10px;
  box-shadow: none;
  border-radius: 0;
  text-overflow: ellipsis;
}

.system-messages.z-combobox-popup {
  border: none;
  overflow-x: hidden;
  border-radius: 0px;
  box-shadow: none;
  padding: 0;
}

.system-messages .z-comboitem {
  border: none;
  padding: 5px 0px;
}

.system-messages .z-comboitem-text {
  display: inline-block;
  padding-left: 55px;
}

.system-messages .z-comboitem-disabled {
  cursor: default;
}

.system-messages .z-comboitem-image {
  float: none;
}

.system-messages > ul > li:last-child {
  display: none;
}

.system-messages .message-success, .system-messages .message-success.z-comboitem,
.system-messages .message-success .z-combobox-input,
.system-messages .message-success .z-combobox-input[readonly],
.system-messages .message-success .z-combobox-input[readonly]:focus {
  background: #F0F0F0;
}

.system-messages .message-info, .system-messages .message-info.z-comboitem,
.system-messages .message-info .z-combobox-input,
.system-messages .message-info .z-combobox-input[readonly],
.system-messages .message-info .z-combobox-input[readonly]:focus {
  background: #F0F0F0;
}

.system-messages .message-warning, .system-messages .message-warning.z-comboitem,
.system-messages .message-warning .z-combobox-input,
.system-messages .message-warning .z-combobox-input[readonly],
.system-messages .message-warning .z-combobox-input[readonly]:focus {
  background: #F0F0F0;
}

.system-messages .message-error, .system-messages .message-error.z-comboitem,
.system-messages .message-error .z-combobox-input,
.system-messages .message-error .z-combobox-input[readonly],
.system-messages .message-error .z-combobox-input[readonly]:focus {
  background: #E6460F;
  color: #FFFFFF;
}

.system-messages.z-combobox-readonly.message-success,
.system-messages.z-combobox-readonly.message-success .z-combobox-input {
  background: #F0F0F0;
}

.system-messages.z-combobox-readonly.message-info,
.system-messages.z-combobox-readonly.message-info .z-combobox-input {
  background: #F0F0F0;
}

.system-messages.z-combobox-readonly.message-warning,
.system-messages.z-combobox-readonly.message-warning .z-combobox-input {
  background: #F0F0F0;
}

.system-messages.z-combobox-readonly.message-error,
.system-messages.z-combobox-readonly.message-error .z-combobox-input {
  background: #E6460F;
  color: #FFFFFF;
}

.safari .combobox-mimicry-container .spaced-right {
  margin-left: 0px;
}

.safari .combobox-mimicry-disabled .z-button.nolabel:hover,
.safari .combobox-mimicry-disabled .z-button.nolabel,
.safari .combobox-mimicry .z-button.nolabel {
  margin-right: 6px;
  width: 15px;
  padding-left: 1px;
}

.system-messages.message-info:before,
.system-messages .message-info:before {
  color: #F08200;
  content: "\f129";
}

.system-messages.message-success:before,
.system-messages .message-success:before {
  color: #82b43c;
}

.system-messages.message-warning:before,
.system-messages .message-warning:before {
  color: #F08200;
}

.system-messages.message-error:before,
.system-messages .message-error:before {
  color: #FFFFFF;
}

.combobox-mimicry .z-label:hover,
.grid-list .z-row-content .combobox-mimicry .z-label:hover,
.grid-list .z-cell .combobox-mimicry .z-label:hover {
  color: #707172;
}

.ie .combobox-mimicry-container .spaced-right.z-image,
.ie .grid-list .z-row-content .combobox-mimicry-container .spaced-right.z-image,
.ie .grid-list .z-cell .combobox-mimicry-container .spaced-right.z-image {
  padding-top: 7px;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
@media print {
  .safari .z-borderlayout {
    position: static;
  }
}

@media screen {
  .z-borderlayout {
    position: relative;
  }
}

.z-borderlayout {
  border: 0;
  overflow: hidden;
}

.z-borderlayout-icon {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
  display: block;
  width: 15px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 10px;
  overflow: hidden;
  cursor: pointer;
  z-index: 999;
  opacity: 0.5;
}

.z-borderlayout-icon svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-borderlayout-icon span.z-icon {
  font-size: 14px;
}

.z-borderlayout-icon span.z-icon > i {
  font-size: 14px;
}

.z-borderlayout-icon:hover {
  opacity: 1;
}

.z-west-collapsed > .z-borderlayout-icon {
  right: 7px;
}

.z-west-title,
.z-east-title {
  display: none;
}

.z-west-header .z-borderlayout-icon {
  background: transparent;
}

.z-east-collapsed .z-borderlayout-icon,
.z-east-header .z-borderlayout-icon {
  right: 4px;
  top: 10px;
}

.z-north {
  border: none;
}

.z-south {
  border: none;
}

.z-north,
.z-south,
.z-west,
.z-center,
.z-east {
  position: absolute;
  overflow: hidden;
}

.z-north-noborder,
.z-south-noborder,
.z-west-noborder,
.z-center-noborder,
.z-east-noborder {
  border: 0;
}

.z-north-header,
.z-south-header,
.z-west-header,
.z-center-header,
.z-east-header {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #707172;
  height: 28px;
  border-bottom: none;
  line-height: 24px;
  overflow: hidden;
  cursor: default;
  white-space: nowrap;
}

.z-north-body,
.z-south-body,
.z-west-body,
.z-center-body,
.z-east-body {
  line-height: 20px;
}

.z-north-collapsed,
.z-south-collapsed,
.z-west-collapsed,
.z-center-collapsed,
.z-east-collapsed {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}

.z-north-caption,
.z-south-caption,
.z-west-caption,
.z-center-caption,
.z-east-caption {
  height: 24px;
}

.z-east-header,
.z-west-header {
  height: 0px;
  width: 0px;
}

.z-north,
.z-south,
.z-center {
  width: 100%;
}

.z-west,
.z-east {
  height: 100%;
}

.z-west,
.z-west-collapsed,
.z-west-splitter {
  z-index: 12;
}

.z-center {
  z-index: 8;
}

.z-east,
.z-east-collapsed,
.z-east-splitter {
  z-index: 10;
}

.z-north,
.z-north-collapsed {
  z-index: 16;
}

.z-south,
.z-south-collapsed {
  z-index: 14;
}

.z-east-splitter,
.z-west-splitter,
.z-north-splitter,
.z-south-splitter {
  width: 8px;
  height: 8px;
  position: absolute;
  overflow: hidden;
  cursor: e-resize;
}

.z-east-splitter-button,
.z-west-splitter-button,
.z-north-splitter-button,
.z-south-splitter-button {
  color: #707172;
  display: inline-block;
  border: 1px solid #bbc2c7;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.z-east-splitter-button-disabled,
.z-west-splitter-button-disabled,
.z-north-splitter-button-disabled,
.z-south-splitter-button-disabled {
  border: 0;
}

.z-east-icon,
.z-west-icon,
.z-north-icon,
.z-south-icon {
  font-size: 10px;
  line-height: 18px;
  opacity: 0.5;
  position: absolute;
}

.z-west-splitter-button:hover .z-icon-caret-left,
.z-east-splitter-button:hover .z-icon-caret-right {
  opacity: 1;
}

.z-west-splitter-button-disabled .z-icon-caret-left,
.z-east-splitter-button-disabled .z-icon-caret-right {
  display: none;
}

.z-west-splitter-button-disabled,
.z-east-splitter-button-disabled {
  cursor: e-resize;
}

.z-west-icon {
  font-size: 11px;
  top: 23px;
  left: 3px;
}

.z-east-icon {
  font-size: 11px;
  top: 8px;
  left: 2px;
}

.z-west-icon.z-icon-ellipsis-v {
  font-size: 10px;
  top: -21px;
  left: 5px;
  cursor: e-resize;
}

.z-east-icon.z-icon-ellipsis-v {
  font-size: 10px;
  top: -21px;
  left: 3px;
  cursor: e-resize;
}

.z-north-icon,
.z-south-icon {
  left: 11px;
  top: -3px;
}

.z-west-icon.z-icon-ellipsis-v ~ .z-west-icon.z-icon-ellipsis-v {
  top: 67px;
}

.z-east-icon.z-icon-ellipsis-v ~ .z-east-icon.z-icon-ellipsis-v {
  top: 39px;
}

.z-north-icon.z-icon-ellipsis-h,
.z-south-icon.z-icon-ellipsis-h {
  top: -2px;
  left: -20px;
  cursor: s-resize;
}

.z-north-icon.z-icon-ellipsis-h ~ .z-north-icon.z-icon-ellipsis-h,
.z-south-icon.z-icon-ellipsis-h ~ .z-south-icon.z-icon-ellipsis-h {
  left: 40px;
}

.z-west-splitter-button {
  width: 10px;
  height: 60px;
  border-width: 1px 0px 1px 1px;
  border-radius: 4px 0px 0px 4px;
}

.z-east-splitter-button {
  width: 8px;
  height: 30px;
  border-width: 1px 0;
}

.context-one-item {
  padding: 15px 25px 0 10px;
  background: #DFDEDD;
  z-index: 0;
}

.context-one-item .scroll-wrapper .scroll-content {
  max-width: 400px;
  padding: 0 10px 0 7px;
}

.context-one-item .z-groupbox {
  border: none;
  display: block;
}

.context-one-item .z-groupbox-header, .context-one-item .z-groupbox-content {
  background: #DFDEDD;
}

.context-one-item .z-groupbox > .z-groupbox-header .z-groupbox-title {
  display: inline-block;
  position: relative;
  top: -2px !important;
  height: 2px;
  padding: 0 5px;
  background: #DFDEDD;
}

.context-one-item .context-buttons {
  border-top: 1px solid #F08200;
  border-bottom: 1px solid #F08200;
}

.context-one-item .context-buttons > .z-hlayout-inner {
  width: 50%;
  padding-right: 0px !important;
}

.z-borderlayout-icon {
  opacity: 1;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
a.button img,
#travic-sign button.travic-sign-button img {
  vertical-align: middle;
}

a.button > i,
#travic-sign button.travic-sign-button > i {
  font-size: 20px;
  padding-right: 5px;
  cursor: inherit;
}

a.button > .no-icon,
#travic-sign button.travic-sign-button > .no-icon {
  padding: 0;
}

a.button,
#travic-sign button.travic-sign-button {
  min-height: 34px;
  border-width: 2px;
  padding: 5px 10px 5px 10px;
  line-height: 20px;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-style: solid;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.25s ease 0s, border 0.25s ease 0s, color 0.25s ease 0s, opacity 0.25s ease-in-out 0s;
}

a.button > .z-label,
#travic-sign button.travic-sign-button > .z-label {
  line-height: 20px;
  display: flex;
  align-self: center;
}

a.button:not(:disabled):hover,
#travic-sign button.travic-sign-button:not(:disabled):hover {
  text-decoration: none;
}

a.button.disabled, a.button.disabled:hover, a.button[disabled], a.button[disabled]:hover,
#travic-sign button.travic-sign-button.disabled,
#travic-sign button.travic-sign-button.disabled:hover,
#travic-sign button.travic-sign-button[disabled],
#travic-sign button.travic-sign-button[disabled]:hover {
  cursor: default;
}

.z-button {
  min-height: 34px;
  border-width: 2px;
  padding: 5px 10px 5px 10px;
  line-height: 20px;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-style: solid;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.25s ease 0s, border 0.25s ease 0s, color 0.25s ease 0s, opacity 0.25s ease-in-out 0s;
}

.z-button > .z-label {
  line-height: 20px;
  display: flex;
  align-self: center;
}

.z-button:not(:disabled):hover {
  text-decoration: none;
}

.z-button.disabled, .z-button.disabled:hover, .z-button[disabled], .z-button[disabled]:hover {
  cursor: default;
}

.z-button {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.z-button.nolabel {
  justify-content: center;
}

.z-button > .z-icon {
  cursor: inherit;
}

.z-button svg.z-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.z-button span.z-icon {
  font-size: 20px;
}

.z-button span.z-icon > i {
  font-size: 20px;
}

.z-button > span.z-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

#travic-sign-button-list > button.travic-sign-button::before {
  font-size: 20px;
  padding-right: 4px;
}

a.help {
  margin: 0 5px;
  padding: 0;
}

a.help > span {
  display: inline-block;
  text-align: center;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

a.help > span > i {
  font-size: 26px;
  padding: 0;
}

.combobox-mimicry-disabled.z-button.disabled, .combobox-mimicry-disabled.z-button.disabled:hover, .combobox-mimicry-disabled.z-button[disabled], .combobox-mimicry-disabled.z-button[disabled]:hover {
  color: inherit;
}

a.button,
#travic-sign button.travic-sign-button {
  background: transparent;
  color: #949595;
  --icon-base-color: #949595;
  --icon-highlight-color: #949595;
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
}

a.button:not([disabled]):not(:disabled):hover,
#travic-sign button.travic-sign-button:not([disabled]):not(:disabled):hover {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: transparent;
  background: #FFFFFF;
}

a.button:not([disabled]):not(:disabled):focus,
#travic-sign button.travic-sign-button:not([disabled]):not(:disabled):focus {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: transparent;
  background: transparent;
}

a.button:not([disabled]):not(:disabled):active,
#travic-sign button.travic-sign-button:not([disabled]):not(:disabled):active {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: #F08200;
  background: transparent;
}

a.button.disabled, a.button.disabled:hover, a.button.disabled:focus, a.button.disabled:active, a.button[disabled], a.button[disabled]:hover, a.button[disabled]:focus, a.button[disabled]:active,
#travic-sign button.travic-sign-button.disabled,
#travic-sign button.travic-sign-button.disabled:hover,
#travic-sign button.travic-sign-button.disabled:focus,
#travic-sign button.travic-sign-button.disabled:active,
#travic-sign button.travic-sign-button[disabled],
#travic-sign button.travic-sign-button[disabled]:hover,
#travic-sign button.travic-sign-button[disabled]:focus,
#travic-sign button.travic-sign-button[disabled]:active {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #D2D2D2;
  --icon-base-color: #D2D2D2;
  --icon-highlight-color: #D2D2D2;
}

.z-button {
  background: transparent;
  color: #949595;
  --icon-base-color: #949595;
  --icon-highlight-color: #949595;
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
}

.z-button:not([disabled]):not(:disabled):hover {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: transparent;
  background: #FFFFFF;
}

.z-button:not([disabled]):not(:disabled):focus {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: transparent;
  background: transparent;
}

.z-button:not([disabled]):not(:disabled):active {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: #F08200;
  background: transparent;
}

.z-button.disabled, .z-button.disabled:hover, .z-button.disabled:focus, .z-button.disabled:active, .z-button[disabled], .z-button[disabled]:hover, .z-button[disabled]:focus, .z-button[disabled]:active {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #D2D2D2;
  --icon-base-color: #D2D2D2;
  --icon-highlight-color: #D2D2D2;
}

.popup-buttons .z-button.default-action,
.z-button.default-action,
.task-action .z-button,
.task-action a.button,
.message-or-assignment-action a.button,
.tag-cloud > .z-button,
.travic-sign-default-button,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button {
  background: #F08200;
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  border-style: solid;
  border-color: transparent;
}

.popup-buttons .z-button.default-action:not([disabled]):not(:disabled):hover,
.z-button.default-action:not([disabled]):not(:disabled):hover,
.task-action .z-button:not([disabled]):not(:disabled):hover,
.task-action a.button:not([disabled]):not(:disabled):hover,
.message-or-assignment-action a.button:not([disabled]):not(:disabled):hover,
.tag-cloud > .z-button:not([disabled]):not(:disabled):hover,
.travic-sign-default-button:not([disabled]):not(:disabled):hover,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:not([disabled]):not(:disabled):hover {
  color: #FFFFFF;
  --icon-base-color: #FFFFFF;
  --icon-highlight-color: #FFFFFF;
  border-color: transparent;
  background: #f4a140;
}

.popup-buttons .z-button.default-action:not([disabled]):not(:disabled):focus,
.z-button.default-action:not([disabled]):not(:disabled):focus,
.task-action .z-button:not([disabled]):not(:disabled):focus,
.task-action a.button:not([disabled]):not(:disabled):focus,
.message-or-assignment-action a.button:not([disabled]):not(:disabled):focus,
.tag-cloud > .z-button:not([disabled]):not(:disabled):focus,
.travic-sign-default-button:not([disabled]):not(:disabled):focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:not([disabled]):not(:disabled):focus {
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  border-color: #F0F0F0;
  background: #F08200;
}

.popup-buttons .z-button.default-action:not([disabled]):not(:disabled):active,
.z-button.default-action:not([disabled]):not(:disabled):active,
.task-action .z-button:not([disabled]):not(:disabled):active,
.task-action a.button:not([disabled]):not(:disabled):active,
.message-or-assignment-action a.button:not([disabled]):not(:disabled):active,
.tag-cloud > .z-button:not([disabled]):not(:disabled):active,
.travic-sign-default-button:not([disabled]):not(:disabled):active,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:not([disabled]):not(:disabled):active {
  color: #E6460F;
  --icon-base-color: #E6460F;
  --icon-highlight-color: #E6460F;
  border-color: transparent;
  background: transparent;
}

.popup-buttons .z-button.default-action.disabled, .popup-buttons .z-button.default-action.disabled:hover, .popup-buttons .z-button.default-action.disabled:focus, .popup-buttons .z-button.default-action.disabled:active, .popup-buttons .z-button.default-action[disabled], .popup-buttons .z-button.default-action[disabled]:hover, .popup-buttons .z-button.default-action[disabled]:focus, .popup-buttons .z-button.default-action[disabled]:active,
.z-button.default-action.disabled,
.z-button.default-action.disabled:hover,
.z-button.default-action.disabled:focus,
.z-button.default-action.disabled:active,
.z-button.default-action[disabled],
.z-button.default-action[disabled]:hover,
.z-button.default-action[disabled]:focus,
.z-button.default-action[disabled]:active,
.task-action .z-button.disabled,
.task-action .z-button.disabled:hover,
.task-action .z-button.disabled:focus,
.task-action .z-button.disabled:active,
.task-action .z-button[disabled],
.task-action .z-button[disabled]:hover,
.task-action .z-button[disabled]:focus,
.task-action .z-button[disabled]:active,
.task-action a.button.disabled,
.task-action a.button.disabled:hover,
.task-action a.button.disabled:focus,
.task-action a.button.disabled:active,
.task-action a.button[disabled],
.task-action a.button[disabled]:hover,
.task-action a.button[disabled]:focus,
.task-action a.button[disabled]:active,
.message-or-assignment-action a.button.disabled,
.message-or-assignment-action a.button.disabled:hover,
.message-or-assignment-action a.button.disabled:focus,
.message-or-assignment-action a.button.disabled:active,
.message-or-assignment-action a.button[disabled],
.message-or-assignment-action a.button[disabled]:hover,
.message-or-assignment-action a.button[disabled]:focus,
.message-or-assignment-action a.button[disabled]:active,
.tag-cloud > .z-button.disabled,
.tag-cloud > .z-button.disabled:hover,
.tag-cloud > .z-button.disabled:focus,
.tag-cloud > .z-button.disabled:active,
.tag-cloud > .z-button[disabled],
.tag-cloud > .z-button[disabled]:hover,
.tag-cloud > .z-button[disabled]:focus,
.tag-cloud > .z-button[disabled]:active,
.travic-sign-default-button.disabled,
.travic-sign-default-button.disabled:hover,
.travic-sign-default-button.disabled:focus,
.travic-sign-default-button.disabled:active,
.travic-sign-default-button[disabled],
.travic-sign-default-button[disabled]:hover,
.travic-sign-default-button[disabled]:focus,
.travic-sign-default-button[disabled]:active,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button.disabled,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button.disabled:hover,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button.disabled:focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button.disabled:active,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button[disabled],
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button[disabled]:hover,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button[disabled]:focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button[disabled]:active {
  border-color: transparent;
  background: transparent;
  color: #D2D2D2;
  --icon-base-color: #D2D2D2;
  --icon-highlight-color: #D2D2D2;
}

.message-or-assignment-action .z-combobutton:not(:disabled) .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open .z-combobutton-content {
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  color: #fff;
  background: #F08200;
  border-color: transparent;
}

.message-or-assignment-action .z-combobutton:not(:disabled):focus .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:focus .z-combobutton-content {
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  color: #fff;
  background: #F08200;
  border-color: #F0F0F0;
}

.message-or-assignment-action .z-combobutton:not(:disabled):hover .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled):hover:focus .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:hover .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:hover:focus .z-combobutton-content {
  color: #FFFFFF;
  --icon-base-color: #FFFFFF;
  --icon-highlight-color: #FFFFFF;
  color: #FFFFFF;
  border-color: transparent;
  background: #f4a140;
}

.message-or-assignment-action .z-combobutton:not(:disabled):active .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled):active:hover .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled):active:focus .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled):active:hover:focus .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:active .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:active:hover .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:active:focus .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled).z-combobutton-open:active:hover:focus .z-combobutton-content {
  color: #E6460F;
  --icon-base-color: #E6460F;
  --icon-highlight-color: #E6460F;
  color: #E6460F;
  border-color: transparent;
  background: transparent;
}

.message-or-assignment-action .z-combobutton:not(:disabled).disabled .z-combobutton-content, .message-or-assignment-action .z-combobutton:not(:disabled)[disabled] .z-combobutton-content {
  border-color: transparent;
  background: transparent;
  color: #D2D2D2;
}

.context-buttons .z-button {
  width: 100%;
}

.context-buttons .z-button:not(:disabled):hover {
  border-color: transparent;
  background-color: #ddd;
}

.context-buttons .z-button:not(:disabled):active, .context-buttons .z-button:not(:disabled):active:focus {
  color: #fff;
  background: #F08200;
  border-color: transparent;
}

.context-buttons > .z-hlayout-inner:first-child > .z-button {
  text-align: left;
  padding-left: 15px;
}

.context-buttons > .z-hlayout-inner:last-child > .z-button {
  text-align: right;
  padding-right: 15px;
}

a.button {
  display: inline-block;
}

a.button,
a.help {
  display: block;
}

.z-button.nolabel,
a.help {
  width: 34px;
  height: 34px;
  line-height: 30px;
  padding: 0;
}

.z-listcell-content .z-button.nolabel {
  margin: 0 auto;
}

.z-button-placeholder {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 5px;
}

.z-button.nolabel.symbol {
  width: 40px;
  height: 40px;
}

.z-button.nolabel.selected {
  font-weight: normal;
}

.z-button.nolabel.selected:not(.filter-button) {
  color: #FFFFFF;
  font-weight: normal;
}

.z-button.logout svg.z-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.z-button.logout span.z-icon {
  font-size: 24px;
}

.z-button.logout span.z-icon > i {
  font-size: 24px;
}

.z-button.logout > .z-icon {
  margin-top: 1px;
}

.z-toolbar.footer-buttons.with-magic-combobox {
  overflow: hidden;
}

.button-separator {
  display: inline-block;
  width: 2px;
  margin: 0 10px 0 5px;
  position: relative;
  top: 9px;
  height: 20px;
  border-left: #7F7F7F;
}

.toolbar-left .z-button {
  color: #7F7F7F;
  border-color: transparent;
  justify-content: center;
}

.toolbar-left .z-button:hover:not(:disabled) {
  background: #FFFFFF;
  color: #F08200;
  border-color: transparent;
}

.toolbar-left .z-button:focus:not(:disabled) {
  background: #FFFFFF;
  color: #F08200;
  border-color: transparent;
}

.toolbar-left .z-button:active:not(:disabled) {
  color: #F08200;
  background: transparent;
  border-color: #F08200;
}

.toolbar-left .z-button[disabled], .toolbar-left .z-button[disabled].weekend, .toolbar-left .z-button[disabled]:hover, .toolbar-left .z-button[disabled]:focus {
  cursor: default;
  background: transparent;
  color: #ABABAB;
}

.toolbar-left .z-button.marked, .toolbar-left .z-button.selected {
  color: #707172;
  background: #DFDEDD;
}

.z-button.weekend {
  color: #949595;
}

.z-button.weekend.selected {
  color: #707172;
  background: rgba(255, 255, 255, 0.5);
}

.z-button.weekend.selected:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.8);
}

.z-button.weekend.selected:focus:not(:disabled) {
  background: rgba(255, 255, 255, 0.8);
}

#travic-sign-button-list > button.travic-sign-button {
  margin-left: 10px;
  font-size: 14px;
}

#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button {
  text-decoration: none;
}

button.travic-sign-button::before {
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  line-height: 20px;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 4px;
}

button.travic-sign-button-accept::before {
  content: "\f00c";
}

button.travic-sign-button-next::before {
  content: "\f054";
}

button.travic-sign-button-retry::before {
  content: "\f01e";
}

button.travic-sign-button-change::before {
  content: "\f040";
}

button.travic-sign-button-sign::before {
  content: "\f044";
}

button.travic-sign-button-back::before {
  content: "\f053";
}

button.travic-sign-button-browse::before {
  content: "\f002";
}

button.travic-sign-button-cancel::before {
  content: "\f00d";
}

button.travic-sign-button-copy::before {
  content: "\f0c5";
}

button.travic-sign-button-createnew::before {
  content: "\f067";
}

button.travic-sign-button-details::before {
  content: "\f03a";
}

button.travic-sign-button-init::before {
  content: "\f084";
}

button.travic-sign-button-print::before {
  content: "\f02f";
}

button.travic-sign-button-useexisting::before {
  content: "\f0c7";
}

.action-button .z-button.nolabel .z-icon-fredoka-paragraph {
  line-height: 28px;
}

.toolbar-left .z-button:focus:not(:hover):not(:disabled) {
  background: transparent;
}

.toolbar-left .z-button:focus:not(:hover):not(:disabled).selected, .toolbar-left .z-button:focus:not(:hover):not(:disabled).marked {
  background: #D2D2D2;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-hbox,
.z-vbox {
  border-spacing: 0;
}

.z-hbox th,
.z-hbox td,
.z-vbox th,
.z-vbox td {
  padding: 0;
  background-clip: padding-box;
}

.z-hbox th,
.z-vbox th {
  text-align: inherit;
}

.z-hbox-separator,
.z-vbox-separator {
  margin: 0;
  padding: 0;
}

.z-hbox-separator {
  width: 0.3em;
}

.z-vbox-separator {
  height: 0.3em;
}

.z-vbox-separator td {
  line-height: 0;
}

tr.z-splitter-outer > td {
  height: 8px;
  max-height: 8px;
}

td.z-splitter-outer {
  width: 8px;
  max-width: 8px;
  padding: 0;
}

.z-splitter-button:hover .z-icon-caret-up, .z-splitter-button:hover
.z-icon-caret-down, .z-splitter-button:hover
.z-icon-caret-right, .z-splitter-button:hover
.z-icon-caret-left {
  opacity: 1;
  cursor: pointer;
}

.z-hbox.nospace {
  margin: 0px;
}

.z-hbox.nospace table {
  border-collapse: collapse;
}

.z-hbox.nospace .z-combobox-input {
  padding: 0px 3px;
}

.z-hbox.dialog-instructions {
  padding-bottom: 15px;
}

.z-hbox.dialog-instructions .z-hbox-separator {
  width: 10px;
}

.file-upload-area .z-hbox table {
  width: 100%;
}

.file-upload-area .z-hbox table tr > td:last-child {
  text-align: right;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-calendar {
  font-size: 14px;
  font-weight: normal;
  color: #707172;
  background-color: #FFFFFF;
  padding: 15px 10px 10px;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.4);
}

.z-calendar:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0px 9px 9px;
  left: 82px;
  top: 1px;
  width: 0;
  content: "";
  display: block;
  position: absolute;
}

.z-calendar a {
  text-decoration: none;
}

.z-calendar table {
  width: 100%;
  padding: 10px;
}

.z-calendar-title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #707172;
  width: 100%;
  padding: 5px 35px;
  line-height: 14px;
  text-align: center;
}

.z-calendar-title:hover {
  color: #ABABAB;
  text-decoration: none;
}

.z-calendar-title:focus {
  text-decoration: underline dotted;
}

.z-calendar-title:active {
  text-decoration: underline solid;
}

.z-calendar-title .z-calendar-text {
  margin: 0 2px;
}

.z-calendar-header {
  position: relative;
  background: #FFFFFF;
}

.z-calendar-body {
  height: 100%;
  background: #FFFFFF;
}

.z-calendar-body tr {
  box-shadow: 0 1px 0 0 #999;
}

.z-calendar-decade {
  min-height: 183px;
}

.z-calendar-month, .z-calendar-year {
  min-height: 183px;
}

.z-calendar-decade .z-calendar-cell, .z-calendar-month .z-calendar-cell, .z-calendar-year .z-calendar-cell {
  height: 60px;
  min-width: 60px;
}

.z-calendar-year tr:first-child td:first-child,
.z-calendar-year tr:last-child td:last-child, .z-calendar-decade tr:first-child td:first-child,
.z-calendar-decade tr:last-child td:last-child {
  color: #ABABAB;
}

.z-calendar-year tr:first-child td:first-child:hover,
.z-calendar-year tr:last-child td:last-child:hover, .z-calendar-decade tr:first-child td:first-child:hover,
.z-calendar-decade tr:last-child td:last-child:hover {
  color: #ABABAB;
}

.z-calendar-cell {
  font-size: 14px;
  line-height: 20px;
  min-width: 44px;
  height: 44px;
  text-align: center;
  padding: 6px;
  cursor: pointer;
}

.z-calendar-cell:hover:not(.z-calendar-disabled):not(.z-calendar-selected):not(.z-calendar-outside) {
  color: #F08200;
  background: rgba(171, 171, 171, 0.3);
}

.z-calendar th.z-calendar-weekday {
  padding: 6px;
}

.z-calendar-cell.z-calendar-weekend:not(.z-calendar-disabled):not(.z-calendar-outside) {
  color: rgba(112, 113, 114, 0.8);
  background: transparent;
}

.z-calendar-outrange {
  color: rgba(112, 113, 114, 0.6);
}

.z-calendar-weekofyear {
  font-style: italic;
  color: #f0f;
  background: #f0f;
  cursor: default;
}

.z-calendar-weekofyear:hover {
  color: #f0f;
  border-radius: 0;
  background: #f0f;
}

.z-calendar-selected,
.z-calendar-cell.z-calendar-selected,
.z-calendar-cell.z-calendar-weekend:not(.z-calendar-outside).z-calendar-selected {
  color: #fff;
  background: #ABABAB;
  background-clip: padding-box;
}

.z-calendar-selected:hover,
.z-calendar-cell.z-calendar-selected:hover,
.z-calendar-cell.z-calendar-weekend:not(.z-calendar-outside).z-calendar-selected:hover {
  color: #fff;
}

.z-calendar-todays-day {
  border: 2px solid rgba(171, 171, 171, 0.5);
}

.z-calendar .z-calendar-outside {
  color: #F08200;
}

.z-calendar-icon {
  width: 24px;
  height: 24px;
  font-size: 20px;
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  border-width: 2px;
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-style: solid;
  border-color: transparent;
}

.z-calendar-icon:not([disabled]):not(:disabled):hover {
  border-color: #F08200;
}

.z-calendar-icon:not([disabled]):not(:disabled):focus {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
}

.z-calendar-icon:not([disabled]):not(:disabled):active {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-color: #FFFFFF;
  background: #FFFFFF;
}

.z-calendar-icon > .z-icon-caret-left:before {
  content: "\f053";
}

.z-calendar-icon > .z-icon-caret-right:before {
  content: "\f054";
}

.z-calendar-right, .z-calendar-left {
  background: transparent;
}

.z-calendar-right[disabled], .z-calendar-right[disabled]:hover, .z-calendar-left[disabled], .z-calendar-left[disabled]:hover {
  color: rgba(112, 113, 114, 0.6);
  border: 2px solid transparent;
  background: transparent;
  cursor: default;
}

.z-calendar-right {
  right: 10px;
}

.z-calendar-left {
  left: 10px;
}

.z-calendar + .z-timebox > .z-timebox-input {
  padding-left: 20px;
  width: 83px;
}

.z-datebox-popup .z-calendar + .z-timebox {
  display: none;
  width: 348px;
  background: #fff;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 48px;
  text-align: center;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.4);
}

.z-datebox-popup .z-calendar + .z-timebox .z-timebox-input,
.z-datebox-popup .z-calendar + .z-timebox .z-timebox-button {
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #DFDEDD;
}

.z-datebox-popup .z-calendar + .z-timebox .z-timebox-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}

.z-datebox-popup .z-calendar + .z-timebox .z-timebox-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}

.z-datebox-timezone {
  font-size: 14px;
  font-weight: normal;
}

.z-datebox-popup .z-calendar ~ .z-datebox-timezone {
  margin: 0 5px 5px;
}

.z-calendar-anima {
  overflow: hidden;
  position: relative;
}

.z-calendar-anima-inner {
  width: 200%;
  position: absolute;
}

.z-calendar-anima-inner table {
  width: 50%;
  float: left;
}

.safari .z-calendar-cell {
  position: relative;
}

.safari .z-calendar-cell:before {
  content: "";
  display: block;
  position: absolute;
  width: 42px;
  height: 42px;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.z-calendar-disabled, .z-calendar-disabled.z-calendar-outside, .z-calendar-disabled:hover {
  background: transparent;
  color: rgba(112, 113, 114, 0.2);
  cursor: default;
}

.z-calendar-disabled.z-calendar-selected, .z-calendar-disabled.z-calendar-weekend, .z-calendar-disabled.z-calendar-outside.z-calendar-selected, .z-calendar-disabled.z-calendar-outside.z-calendar-weekend, .z-calendar-disabled:hover.z-calendar-selected, .z-calendar-disabled:hover.z-calendar-weekend {
  opacity: 0.5;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-caption {
  width: 100%;
  height: auto;
  min-height: 24px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.z-caption > * {
  margin-left: 4px;
}

.z-caption > *:first-child {
  margin-left: 0px;
}

.z-caption-content,
.z-caption .z-label {
  display: inline-block;
  padding: 0px;
  line-height: 24px;
}

.z-caption-content {
  display: inline;
}

.z-caption-image {
  vertical-align: middle;
}

.z-caption input {
  font-size: 11px;
}

.z-caption .z-toolbar .z-a,
.z-caption .z-toolbar .z-a:visited,
.z-caption .z-toolbar .z-a:hover {
  color: #fff;
  border: 0;
  background: none;
}

.z-caption .z-a,
.z-caption .z-a:visited {
  font-size: 11px;
  font-weight: normal;
  color: #707172;
  background: none;
  text-decoration: none;
}

.z-caption .z-a:hover {
  text-decoration: underline;
}

.low-resolution .z-caption {
  min-height: 16px;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-checkbox {
  position: relative;
  display: inline-block;
  line-height: 13px;
}

.z-checkbox-content {
  cursor: default;
}

.z-checkbox [type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.z-checkbox [type="checkbox"] + label {
  position: relative;
  padding-left: 19px;
}

.z-checkbox [type="checkbox"] + label:empty {
  position: relative;
  padding-left: 13px;
  min-height: 13px;
}

.z-checkbox [type="checkbox"]:checked + label:before,
.z-checkbox [type="checkbox"]:checked + label:after, .z-checkbox [type="checkbox"]:not(:checked) + label:before,
.z-checkbox [type="checkbox"]:not(:checked) + label:after {
  position: absolute;
}

.z-checkbox [type="checkbox"]:checked + label:before, .z-checkbox [type="checkbox"]:not(:checked) + label:before {
  width: 13px;
  height: 13px;
  left: 0;
  bottom: 2px;
  content: '';
  background: #fff;
  border: 1px solid #000;
}

.z-checkbox [type="checkbox"]:checked + label:after, .z-checkbox [type="checkbox"]:not(:checked) + label:after {
  left: 2px;
  bottom: 2px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  content: "\f00c";
  line-height: 13px;
  color: #000;
}

.z-checkbox [type="checkbox"]:checked:indeterminate + label:after,
.z-checkbox [type="checkbox"]:not(:checked):indeterminate + label:after {
  font-size: 8px;
  content: "\f0c8";
  line-height: 13px;
  color: #000;
  padding-left: 3px;
  left: 0;
}

.z-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}

.z-checkbox [type="checkbox"]:checked + label:after, .z-checkbox [type="checkbox"]:not(:checked):indeterminate + label:after {
  opacity: 1;
}

.z-checkbox [type="checkbox"]:not(:checked):not(:disabled):focus + label:before,
.z-checkbox [type="checkbox"]:not(:checked):not(:disabled) + label:focus:before, .z-checkbox [type="checkbox"]:checked:not(:disabled):focus + label:before,
.z-checkbox [type="checkbox"]:checked:not(:disabled) + label:focus:before {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.z-checkbox [type="checkbox"]:not(:checked):not(:disabled) + label:hover:before, .z-checkbox [type="checkbox"]:checked:not(:disabled) + label:hover:before {
  border-color: #0060df;
}

.z-checkbox [type="checkbox"]:not(:checked):not(:disabled) + label:hover:after, .z-checkbox [type="checkbox"]:checked:not(:disabled) + label:hover:after {
  color: #0060df;
}

.z-checkbox [type="checkbox"]:not(:checked):not(:disabled) + label:active:hover:before, .z-checkbox [type="checkbox"]:checked:not(:disabled) + label:active:hover:before {
  background: rgba(0, 96, 223, 0.1);
}

.z-checkbox [type="checkbox"]:disabled {
  cursor: default;
}

.z-checkbox [type="checkbox"]:disabled + label {
  cursor: default;
  opacity: 1;
}

.z-checkbox [type="checkbox"]:disabled + label:before {
  border-color: #d2d2d2;
}

.z-checkbox [type="checkbox"]:disabled + label:after {
  color: #d2d2d2;
}

.z-checkbox.z-checkbox-invalid [type="checkbox"]:not(:checked):not(:disabled) + label:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:not(:checked):not(:disabled):focus + label:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:not(:checked):not(:disabled) + label:focus:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:not(:checked):not(:disabled) + label:hover:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:not(:checked):not(:disabled) + label:active:hover:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:checked:not(:disabled) + label:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:checked:not(:disabled):focus + label:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:checked:not(:disabled) + label:focus:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:checked:not(:disabled) + label:hover:before,
.z-checkbox.z-checkbox-invalid [type="checkbox"]:checked:not(:disabled) + label:active:hover:before {
  border-color: #E6460F;
}

.z-checkbox.warnbox [type="checkbox"]:not(:checked):not(:disabled) + label:before,
.z-checkbox.warnbox [type="checkbox"]:not(:checked):not(:disabled):focus + label:before,
.z-checkbox.warnbox [type="checkbox"]:not(:checked):not(:disabled) + label:focus:before,
.z-checkbox.warnbox [type="checkbox"]:not(:checked):not(:disabled) + label:hover:before,
.z-checkbox.warnbox [type="checkbox"]:not(:checked):not(:disabled) + label:active:hover:before,
.z-checkbox.warnbox [type="checkbox"]:checked:not(:disabled) + label:before,
.z-checkbox.warnbox [type="checkbox"]:checked:not(:disabled):focus + label:before,
.z-checkbox.warnbox [type="checkbox"]:checked:not(:disabled) + label:focus:before,
.z-checkbox.warnbox [type="checkbox"]:checked:not(:disabled) + label:hover:before,
.z-checkbox.warnbox [type="checkbox"]:checked:not(:disabled) + label:active:hover:before {
  border-color: #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-combobutton {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  transition: background-color 0.25s ease 0s, border 0.25s ease 0s, color 0.25s ease 0s, opacity 0.25s ease-in-out 0s;
  vertical-align: middle;
  user-select: none;
}

.z-combobutton span {
  display: flex;
  align-items: center;
}

.z-combobutton-content {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #949595;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  line-height: 1;
  height: 34px;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  pointer-events: none;
}

.z-combobutton-main {
  line-height: 1;
  padding: 5px 5px 5px 5px;
  flex: 0;
}

.z-combobutton-main svg.z-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.z-combobutton-main span.z-icon {
  font-size: 20px;
}

.z-combobutton-main span.z-icon > i {
  font-size: 20px;
}

.ie .z-combobutton-main {
  -ms-flex: 0 0 auto;
}

.z-combobutton-main > span.z-icon > i {
  line-height: 1;
  height: 100%;
}

.z-combobutton-main > span.z-icon > i.z-icon-fredoka-paragraph {
  margin-bottom: 3px;
}

.z-combobutton-image {
  vertical-align: middle;
}

.z-combobutton-button {
  font-weight: normal;
  border-left: 1px solid transparent;
  border-radius: 0;
  height: 100%;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: all;
  flex: 0;
}

.ie .z-combobutton-button {
  -ms-flex: 0 0 auto;
}

.z-combobutton:not([disabled]):focus .z-combobutton-content, .z-combobutton:not([disabled]).z-combobutton-open .z-combobutton-content {
  color: #F08200;
  background: transparent;
  border-color: transparent;
}

.z-combobutton:not([disabled]):hover .z-combobutton-content {
  border-color: transparent;
  color: #F08200;
  background: #FFFFFF;
  text-decoration: none;
  border-radius: 0;
}

.z-combobutton:not([disabled]):active .z-combobutton-content {
  border-color: #F08200;
  background: transparent;
  color: #F08200;
}

.z-combobutton:not([disabled]).combobutton-split-mode .z-combobutton-button {
  border-left-color: transparent;
}

.z-combobutton:not([disabled]).combobutton-split-mode .z-combobutton-button:hover {
  background: transparent;
}

.z-combobutton:not([disabled]).combobutton-split-mode:hover .z-combobutton-button {
  border-left-color: #F08200;
}

.z-combobutton:not([disabled]).combobutton-split-mode:active:hover .z-combobutton-button {
  border-left-color: #F08200;
}

.z-combobutton[disabled] {
  cursor: default;
}

.z-combobutton[disabled] .z-combobutton-content,
.z-combobutton[disabled] .z-combobutton-button {
  border-color: transparent;
  background: none;
  box-shadow: none;
  opacity: 0.6;
}

.z-combobutton.dropdown-hidden .z-combobutton-main {
  padding: 5px 10px 5px 10px;
}

.z-combobutton.dropdown-hidden .z-combobutton-button {
  display: none;
}

.z-combobutton.nolabel.dropdown-hidden .z-combobutton-content {
  padding: 0;
  width: 34px;
  justify-content: center;
}

.z-combobutton.nolabel.dropdown-hidden .z-combobutton-content .z-combobutton-main {
  padding: 0;
}

.z-combobutton:not(.nolabel) .z-combobutton-main > .z-icon {
  margin-right: 5px;
}

.z-combobutton-toolbar .z-combobutton-content,
.z-combobutton-toolbar .z-combobutton-button {
  background: none;
  border-color: transparent;
  border-radius: 0;
}

.z-combobutton-toolbar:focus .z-combobutton-content,
.z-combobutton-toolbar:focus .z-combobutton-button {
  border-color: transparent;
  box-shadow: none;
}

.z-combobutton-toolbar:active .z-combobutton-content,
.z-combobutton-toolbar:active .z-combobutton-button {
  border-color: transparent;
}

.z-combobutton-toolbar[disabled] .z-combobutton-content,
.z-combobutton-toolbar[disabled] .z-combobutton-button {
  background: none;
  border-color: transparent;
  opacity: 0.6;
  box-shadow: none;
}

.ie .z-combobutton {
  display: block;
}

.banner .brand-bar .z-combobutton, .banner .brand-bar .z-combobutton .z-combobutton-content {
  color: #949595;
  background: transparent;
  border: 1px solid transparent;
}

.banner .brand-bar .z-combobutton:hover, .banner .brand-bar .z-combobutton:hover .z-combobutton-content, .banner .brand-bar .z-combobutton .z-combobutton-content:hover, .banner .brand-bar .z-combobutton .z-combobutton-content:hover .z-combobutton-content {
  color: #F08200;
  background: #F0F0F0;
  border: 1px solid transparent;
}

.banner .brand-bar .z-combobutton:focus, .banner .brand-bar .z-combobutton:focus .z-combobutton-content, .banner .brand-bar .z-combobutton .z-combobutton-content:focus, .banner .brand-bar .z-combobutton .z-combobutton-content:focus .z-combobutton-content {
  color: #F08200;
  background: transparent;
  border: 1px solid transparent;
}

.banner .brand-bar .z-combobutton:active, .banner .brand-bar .z-combobutton:active .z-combobutton-content, .banner .brand-bar .z-combobutton .z-combobutton-content:active, .banner .brand-bar .z-combobutton .z-combobutton-content:active .z-combobutton-content {
  color: #F08200;
  background: transparent;
  border: 1px solid #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
input#travic-sign-editbox {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}

.z-textbox:not(.multiline),
.z-decimalbox:not(.multiline),
.z-intbox:not(.multiline),
.z-longbox:not(.multiline),
.z-doublebox:not(.multiline),
input#travic-sign-editbox:not(.multiline) {
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  padding: 0px 7px 0px 7px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  color: #707172;
  border-color: #DFDEDD;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
}

.z-textbox.multiline,
.z-decimalbox.multiline,
.z-intbox.multiline,
.z-longbox.multiline,
.z-doublebox.multiline,
input#travic-sign-editbox.multiline {
  box-sizing: border-box;
  min-height: 28px;
  padding: 0px 7px 0px 7px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  color: #707172;
  border-color: #DFDEDD;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
}

.z-textbox-inplace,
.z-decimalbox-inplace,
.z-intbox-inplace,
.z-longbox-inplace,
.z-doublebox-inplace,
input#travic-sign-editbox-inplace {
  border: 0;
  padding: 3px;
  background: none;
  resize: none;
}

.z-textbox:focus {
  border-color: #F08200;
}

.z-textbox.focused, .z-textbox.z-textbox-focus {
  border-color: #F08200;
}

.z-textbox[disabled] {
  opacity: 0.6;
}

.z-textbox.z-textbox-disabled {
  opacity: 0.6;
}

.z-textbox[readonly] {
  background: #D2D2D2;
}

.z-textbox.z-textbox-readonly {
  background: #D2D2D2;
}

.z-textbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.focused, .z-textbox.warnbox.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.invalid.focused, .z-textbox.warnbox.invalid.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.z-textbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.z-textbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.z-textbox-invalid.focused, .z-textbox.warnbox.z-textbox-invalid.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.warnbox.z-textbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-textbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.invalid.focused, .z-textbox.invalid.z-textbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.z-textbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.z-textbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.z-textbox-invalid.focused, .z-textbox.z-textbox-invalid.z-textbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-textbox.z-textbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox:focus,
.z-tabpanel .z-textbox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-textbox.focused, .grid-filterbox .z-textbox.z-textbox-focus,
.z-tabpanel .z-textbox.focused,
.z-tabpanel .z-textbox.z-textbox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-textbox[disabled],
.z-tabpanel .z-textbox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-textbox.z-textbox-disabled,
.z-tabpanel .z-textbox.z-textbox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-textbox[readonly],
.z-tabpanel .z-textbox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-textbox.z-textbox-readonly,
.z-tabpanel .z-textbox.z-textbox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-textbox.warnbox,
.z-tabpanel .z-textbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox:focus,
.z-tabpanel .z-textbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.focused, .grid-filterbox .z-textbox.warnbox.z-textbox-focus,
.z-tabpanel .z-textbox.warnbox.focused,
.z-tabpanel .z-textbox.warnbox.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox:hover,
.z-tabpanel .z-textbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.invalid,
.z-tabpanel .z-textbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.invalid:focus,
.z-tabpanel .z-textbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.invalid.focused, .grid-filterbox .z-textbox.warnbox.invalid.z-textbox-focus,
.z-tabpanel .z-textbox.warnbox.invalid.focused,
.z-tabpanel .z-textbox.warnbox.invalid.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.invalid:hover,
.z-tabpanel .z-textbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.z-textbox-invalid,
.z-tabpanel .z-textbox.warnbox.z-textbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.z-textbox-invalid:focus,
.z-tabpanel .z-textbox.warnbox.z-textbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.z-textbox-invalid.focused, .grid-filterbox .z-textbox.warnbox.z-textbox-invalid.z-textbox-focus,
.z-tabpanel .z-textbox.warnbox.z-textbox-invalid.focused,
.z-tabpanel .z-textbox.warnbox.z-textbox-invalid.z-textbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.warnbox.z-textbox-invalid:hover,
.z-tabpanel .z-textbox.warnbox.z-textbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-textbox.invalid,
.z-tabpanel .z-textbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.invalid:focus,
.z-tabpanel .z-textbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.invalid.focused, .grid-filterbox .z-textbox.invalid.z-textbox-focus,
.z-tabpanel .z-textbox.invalid.focused,
.z-tabpanel .z-textbox.invalid.z-textbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.invalid:hover,
.z-tabpanel .z-textbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.z-textbox-invalid,
.z-tabpanel .z-textbox.z-textbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.z-textbox-invalid:focus,
.z-tabpanel .z-textbox.z-textbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.z-textbox-invalid.focused, .grid-filterbox .z-textbox.z-textbox-invalid.z-textbox-focus,
.z-tabpanel .z-textbox.z-textbox-invalid.focused,
.z-tabpanel .z-textbox.z-textbox-invalid.z-textbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-textbox.z-textbox-invalid:hover,
.z-tabpanel .z-textbox.z-textbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox:focus {
  border-color: #F08200;
}

.z-decimalbox.focused, .z-decimalbox.z-decimalbox-focus {
  border-color: #F08200;
}

.z-decimalbox[disabled] {
  opacity: 0.6;
}

.z-decimalbox.z-decimalbox-disabled {
  opacity: 0.6;
}

.z-decimalbox[readonly] {
  background: #D2D2D2;
}

.z-decimalbox.z-decimalbox-readonly {
  background: #D2D2D2;
}

.z-decimalbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.focused, .z-decimalbox.warnbox.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.invalid.focused, .z-decimalbox.warnbox.invalid.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.z-decimalbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.z-decimalbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.z-decimalbox-invalid.focused, .z-decimalbox.warnbox.z-decimalbox-invalid.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.warnbox.z-decimalbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-decimalbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.invalid.focused, .z-decimalbox.invalid.z-decimalbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.z-decimalbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.z-decimalbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.z-decimalbox-invalid.focused, .z-decimalbox.z-decimalbox-invalid.z-decimalbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-decimalbox.z-decimalbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox:focus,
.z-tabpanel .z-decimalbox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-decimalbox.focused, .grid-filterbox .z-decimalbox.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.focused,
.z-tabpanel .z-decimalbox.z-decimalbox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-decimalbox[disabled],
.z-tabpanel .z-decimalbox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-decimalbox.z-decimalbox-disabled,
.z-tabpanel .z-decimalbox.z-decimalbox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-decimalbox[readonly],
.z-tabpanel .z-decimalbox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-decimalbox.z-decimalbox-readonly,
.z-tabpanel .z-decimalbox.z-decimalbox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-decimalbox.warnbox,
.z-tabpanel .z-decimalbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox:focus,
.z-tabpanel .z-decimalbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.focused, .grid-filterbox .z-decimalbox.warnbox.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.warnbox.focused,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox:hover,
.z-tabpanel .z-decimalbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.invalid,
.z-tabpanel .z-decimalbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.invalid:focus,
.z-tabpanel .z-decimalbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.invalid.focused, .grid-filterbox .z-decimalbox.warnbox.invalid.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.warnbox.invalid.focused,
.z-tabpanel .z-decimalbox.warnbox.invalid.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.invalid:hover,
.z-tabpanel .z-decimalbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.z-decimalbox-invalid,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.z-decimalbox-invalid:focus,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.z-decimalbox-invalid.focused, .grid-filterbox .z-decimalbox.warnbox.z-decimalbox-invalid.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-invalid.focused,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-invalid.z-decimalbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.warnbox.z-decimalbox-invalid:hover,
.z-tabpanel .z-decimalbox.warnbox.z-decimalbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-decimalbox.invalid,
.z-tabpanel .z-decimalbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.invalid:focus,
.z-tabpanel .z-decimalbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.invalid.focused, .grid-filterbox .z-decimalbox.invalid.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.invalid.focused,
.z-tabpanel .z-decimalbox.invalid.z-decimalbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.invalid:hover,
.z-tabpanel .z-decimalbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.z-decimalbox-invalid,
.z-tabpanel .z-decimalbox.z-decimalbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.z-decimalbox-invalid:focus,
.z-tabpanel .z-decimalbox.z-decimalbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.z-decimalbox-invalid.focused, .grid-filterbox .z-decimalbox.z-decimalbox-invalid.z-decimalbox-focus,
.z-tabpanel .z-decimalbox.z-decimalbox-invalid.focused,
.z-tabpanel .z-decimalbox.z-decimalbox-invalid.z-decimalbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-decimalbox.z-decimalbox-invalid:hover,
.z-tabpanel .z-decimalbox.z-decimalbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox:focus {
  border-color: #F08200;
}

.z-intbox.focused, .z-intbox.z-intbox-focus {
  border-color: #F08200;
}

.z-intbox[disabled] {
  opacity: 0.6;
}

.z-intbox.z-intbox-disabled {
  opacity: 0.6;
}

.z-intbox[readonly] {
  background: #D2D2D2;
}

.z-intbox.z-intbox-readonly {
  background: #D2D2D2;
}

.z-intbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.focused, .z-intbox.warnbox.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.invalid.focused, .z-intbox.warnbox.invalid.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.z-intbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.z-intbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.z-intbox-invalid.focused, .z-intbox.warnbox.z-intbox-invalid.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.warnbox.z-intbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-intbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.invalid.focused, .z-intbox.invalid.z-intbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.z-intbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.z-intbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.z-intbox-invalid.focused, .z-intbox.z-intbox-invalid.z-intbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-intbox.z-intbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox:focus,
.z-tabpanel .z-intbox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-intbox.focused, .grid-filterbox .z-intbox.z-intbox-focus,
.z-tabpanel .z-intbox.focused,
.z-tabpanel .z-intbox.z-intbox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-intbox[disabled],
.z-tabpanel .z-intbox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-intbox.z-intbox-disabled,
.z-tabpanel .z-intbox.z-intbox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-intbox[readonly],
.z-tabpanel .z-intbox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-intbox.z-intbox-readonly,
.z-tabpanel .z-intbox.z-intbox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-intbox.warnbox,
.z-tabpanel .z-intbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox:focus,
.z-tabpanel .z-intbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.focused, .grid-filterbox .z-intbox.warnbox.z-intbox-focus,
.z-tabpanel .z-intbox.warnbox.focused,
.z-tabpanel .z-intbox.warnbox.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox:hover,
.z-tabpanel .z-intbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.invalid,
.z-tabpanel .z-intbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.invalid:focus,
.z-tabpanel .z-intbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.invalid.focused, .grid-filterbox .z-intbox.warnbox.invalid.z-intbox-focus,
.z-tabpanel .z-intbox.warnbox.invalid.focused,
.z-tabpanel .z-intbox.warnbox.invalid.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.invalid:hover,
.z-tabpanel .z-intbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.z-intbox-invalid,
.z-tabpanel .z-intbox.warnbox.z-intbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.z-intbox-invalid:focus,
.z-tabpanel .z-intbox.warnbox.z-intbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.z-intbox-invalid.focused, .grid-filterbox .z-intbox.warnbox.z-intbox-invalid.z-intbox-focus,
.z-tabpanel .z-intbox.warnbox.z-intbox-invalid.focused,
.z-tabpanel .z-intbox.warnbox.z-intbox-invalid.z-intbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.warnbox.z-intbox-invalid:hover,
.z-tabpanel .z-intbox.warnbox.z-intbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-intbox.invalid,
.z-tabpanel .z-intbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.invalid:focus,
.z-tabpanel .z-intbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.invalid.focused, .grid-filterbox .z-intbox.invalid.z-intbox-focus,
.z-tabpanel .z-intbox.invalid.focused,
.z-tabpanel .z-intbox.invalid.z-intbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.invalid:hover,
.z-tabpanel .z-intbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.z-intbox-invalid,
.z-tabpanel .z-intbox.z-intbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.z-intbox-invalid:focus,
.z-tabpanel .z-intbox.z-intbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.z-intbox-invalid.focused, .grid-filterbox .z-intbox.z-intbox-invalid.z-intbox-focus,
.z-tabpanel .z-intbox.z-intbox-invalid.focused,
.z-tabpanel .z-intbox.z-intbox-invalid.z-intbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-intbox.z-intbox-invalid:hover,
.z-tabpanel .z-intbox.z-intbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox:focus {
  border-color: #F08200;
}

.z-longbox.focused, .z-longbox.z-longbox-focus {
  border-color: #F08200;
}

.z-longbox[disabled] {
  opacity: 0.6;
}

.z-longbox.z-longbox-disabled {
  opacity: 0.6;
}

.z-longbox[readonly] {
  background: #D2D2D2;
}

.z-longbox.z-longbox-readonly {
  background: #D2D2D2;
}

.z-longbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.focused, .z-longbox.warnbox.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.invalid.focused, .z-longbox.warnbox.invalid.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.z-longbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.z-longbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.z-longbox-invalid.focused, .z-longbox.warnbox.z-longbox-invalid.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.warnbox.z-longbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-longbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.invalid.focused, .z-longbox.invalid.z-longbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.z-longbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.z-longbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.z-longbox-invalid.focused, .z-longbox.z-longbox-invalid.z-longbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-longbox.z-longbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox:focus,
.z-tabpanel .z-longbox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-longbox.focused, .grid-filterbox .z-longbox.z-longbox-focus,
.z-tabpanel .z-longbox.focused,
.z-tabpanel .z-longbox.z-longbox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-longbox[disabled],
.z-tabpanel .z-longbox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-longbox.z-longbox-disabled,
.z-tabpanel .z-longbox.z-longbox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-longbox[readonly],
.z-tabpanel .z-longbox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-longbox.z-longbox-readonly,
.z-tabpanel .z-longbox.z-longbox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-longbox.warnbox,
.z-tabpanel .z-longbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox:focus,
.z-tabpanel .z-longbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.focused, .grid-filterbox .z-longbox.warnbox.z-longbox-focus,
.z-tabpanel .z-longbox.warnbox.focused,
.z-tabpanel .z-longbox.warnbox.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox:hover,
.z-tabpanel .z-longbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.invalid,
.z-tabpanel .z-longbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.invalid:focus,
.z-tabpanel .z-longbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.invalid.focused, .grid-filterbox .z-longbox.warnbox.invalid.z-longbox-focus,
.z-tabpanel .z-longbox.warnbox.invalid.focused,
.z-tabpanel .z-longbox.warnbox.invalid.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.invalid:hover,
.z-tabpanel .z-longbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.z-longbox-invalid,
.z-tabpanel .z-longbox.warnbox.z-longbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.z-longbox-invalid:focus,
.z-tabpanel .z-longbox.warnbox.z-longbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.z-longbox-invalid.focused, .grid-filterbox .z-longbox.warnbox.z-longbox-invalid.z-longbox-focus,
.z-tabpanel .z-longbox.warnbox.z-longbox-invalid.focused,
.z-tabpanel .z-longbox.warnbox.z-longbox-invalid.z-longbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.warnbox.z-longbox-invalid:hover,
.z-tabpanel .z-longbox.warnbox.z-longbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-longbox.invalid,
.z-tabpanel .z-longbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.invalid:focus,
.z-tabpanel .z-longbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.invalid.focused, .grid-filterbox .z-longbox.invalid.z-longbox-focus,
.z-tabpanel .z-longbox.invalid.focused,
.z-tabpanel .z-longbox.invalid.z-longbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.invalid:hover,
.z-tabpanel .z-longbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.z-longbox-invalid,
.z-tabpanel .z-longbox.z-longbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.z-longbox-invalid:focus,
.z-tabpanel .z-longbox.z-longbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.z-longbox-invalid.focused, .grid-filterbox .z-longbox.z-longbox-invalid.z-longbox-focus,
.z-tabpanel .z-longbox.z-longbox-invalid.focused,
.z-tabpanel .z-longbox.z-longbox-invalid.z-longbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-longbox.z-longbox-invalid:hover,
.z-tabpanel .z-longbox.z-longbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox:focus {
  border-color: #F08200;
}

.z-doublebox.focused, .z-doublebox.z-doublebox-focus {
  border-color: #F08200;
}

.z-doublebox[disabled] {
  opacity: 0.6;
}

.z-doublebox.z-doublebox-disabled {
  opacity: 0.6;
}

.z-doublebox[readonly] {
  background: #D2D2D2;
}

.z-doublebox.z-doublebox-readonly {
  background: #D2D2D2;
}

.z-doublebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.focused, .z-doublebox.warnbox.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.invalid.focused, .z-doublebox.warnbox.invalid.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.z-doublebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.z-doublebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.z-doublebox-invalid.focused, .z-doublebox.warnbox.z-doublebox-invalid.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.warnbox.z-doublebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-doublebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.invalid.focused, .z-doublebox.invalid.z-doublebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.z-doublebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.z-doublebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.z-doublebox-invalid.focused, .z-doublebox.z-doublebox-invalid.z-doublebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-doublebox.z-doublebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox:focus,
.z-tabpanel .z-doublebox:focus {
  border-color: #F08200;
}

.grid-filterbox .z-doublebox.focused, .grid-filterbox .z-doublebox.z-doublebox-focus,
.z-tabpanel .z-doublebox.focused,
.z-tabpanel .z-doublebox.z-doublebox-focus {
  border-color: #F08200;
}

.grid-filterbox .z-doublebox[disabled],
.z-tabpanel .z-doublebox[disabled] {
  opacity: 0.6;
}

.grid-filterbox .z-doublebox.z-doublebox-disabled,
.z-tabpanel .z-doublebox.z-doublebox-disabled {
  opacity: 0.6;
}

.grid-filterbox .z-doublebox[readonly],
.z-tabpanel .z-doublebox[readonly] {
  background: #D2D2D2;
}

.grid-filterbox .z-doublebox.z-doublebox-readonly,
.z-tabpanel .z-doublebox.z-doublebox-readonly {
  background: #D2D2D2;
}

.grid-filterbox .z-doublebox.warnbox,
.z-tabpanel .z-doublebox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox:focus,
.z-tabpanel .z-doublebox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.focused, .grid-filterbox .z-doublebox.warnbox.z-doublebox-focus,
.z-tabpanel .z-doublebox.warnbox.focused,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox:hover,
.z-tabpanel .z-doublebox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.invalid,
.z-tabpanel .z-doublebox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.invalid:focus,
.z-tabpanel .z-doublebox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.invalid.focused, .grid-filterbox .z-doublebox.warnbox.invalid.z-doublebox-focus,
.z-tabpanel .z-doublebox.warnbox.invalid.focused,
.z-tabpanel .z-doublebox.warnbox.invalid.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.invalid:hover,
.z-tabpanel .z-doublebox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.z-doublebox-invalid,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.z-doublebox-invalid:focus,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.z-doublebox-invalid.focused, .grid-filterbox .z-doublebox.warnbox.z-doublebox-invalid.z-doublebox-focus,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-invalid.focused,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-invalid.z-doublebox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.warnbox.z-doublebox-invalid:hover,
.z-tabpanel .z-doublebox.warnbox.z-doublebox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.grid-filterbox .z-doublebox.invalid,
.z-tabpanel .z-doublebox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.invalid:focus,
.z-tabpanel .z-doublebox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.invalid.focused, .grid-filterbox .z-doublebox.invalid.z-doublebox-focus,
.z-tabpanel .z-doublebox.invalid.focused,
.z-tabpanel .z-doublebox.invalid.z-doublebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.invalid:hover,
.z-tabpanel .z-doublebox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.z-doublebox-invalid,
.z-tabpanel .z-doublebox.z-doublebox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.z-doublebox-invalid:focus,
.z-tabpanel .z-doublebox.z-doublebox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.z-doublebox-invalid.focused, .grid-filterbox .z-doublebox.z-doublebox-invalid.z-doublebox-focus,
.z-tabpanel .z-doublebox.z-doublebox-invalid.focused,
.z-tabpanel .z-doublebox.z-doublebox-invalid.z-doublebox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.grid-filterbox .z-doublebox.z-doublebox-invalid:hover,
.z-tabpanel .z-doublebox.z-doublebox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

input#travic-sign-editbox:not(:focus):not(input#travic-sign-editbox-invalid):not(.invalid):not(.warnbox) {
  border-color: #DFDEDD;
}

.grid-filterbox input#travic-sign-editbox:not(:focus):not(input#travic-sign-editbox-invalid):not(.invalid):not(.warnbox),
.z-tabpanel input#travic-sign-editbox:not(:focus):not(input#travic-sign-editbox-invalid):not(.invalid):not(.warnbox) {
  border-color: transparent;
}

.z-icon-grid-searchbox .z-textbox:not(:focus):not(.z-textbox-invalid):not(.warnbox) {
  border-color: transparent;
}

.popup-content
.popup-content-framed
*:not(.filter-input-element)
> .z-textbox {
  margin: 15px 0;
}

.popup-content
.popup-content-framed
.z-grid
*:not(.filter-input-element)
> .z-textbox {
  margin: 0;
}

textarea.z-textbox.fixed-width {
  width: 265px;
}

input.z-textbox {
  width: 265px;
}

input.z-textbox.half-size {
  width: 132px;
}

input.z-textbox.quarter-size {
  width: 61px;
}

input.z-textbox.bank-code {
  width: 150px;
}

input.z-textbox.account-number {
  width: 335px;
}

input.z-textbox.small-printable {
  width: 480px;
}

input.z-decimalbox,
input.z-intbox,
input.z-longbox,
input.z-doublebox {
  width: 132px;
}

input.z-decimalbox.half-size,
input.z-intbox.half-size,
input.z-longbox.half-size,
input.z-doublebox.half-size {
  width: 132px;
}

input.z-decimalbox.quarter-size,
input.z-intbox.quarter-size,
input.z-longbox.quarter-size,
input.z-doublebox.quarter-size {
  width: 61px;
}

input.z-decimalbox.bank-code,
input.z-intbox.bank-code,
input.z-longbox.bank-code,
input.z-doublebox.bank-code {
  width: 150px;
}

input.z-decimalbox.account-number,
input.z-intbox.account-number,
input.z-longbox.account-number,
input.z-doublebox.account-number {
  width: 335px;
}

input.z-decimalbox.small-printable,
input.z-intbox.small-printable,
input.z-longbox.small-printable,
input.z-doublebox.small-printable {
  width: 480px;
}

input.z-decimalbox.swift-amount {
  width: 132px;
}

input.z-textbox.signature-limit {
  width: 135px;
  text-align: left;
}

.z-errorhead {
  font-weight: bold;
}

.z-errorbox {
  color: #FFFFFF;
  max-width: 300px;
  position: absolute;
  top: 0;
  left: 0;
}

.z-errorbox > .z-errorbox-icon {
  color: #FFFFFF;
  --icon-base-color: #FFFFFF;
  --icon-highlight-color: #FFFFFF;
  position: absolute;
  top: 5px;
  left: 7px;
  z-index: 2;
}

.z-errorbox > .z-errorbox-icon svg.z-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.z-errorbox > .z-errorbox-icon span.z-icon {
  font-size: 16px;
}

.z-errorbox > .z-errorbox-icon span.z-icon > i {
  font-size: 16px;
}

.z-errorbox-left + .z-errorbox-icon {
  left: 15px;
}

.z-errorbox-up + .z-errorbox-icon {
  top: 13px;
}

.z-errorbox-content {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #FFFFFF;
  width: 100%;
  background: #E6460F;
  padding: 5px 20px 5px 26px;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  cursor: move;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

.warnbox .z-errorbox-content {
  background: #F08200;
}

.z-errorbox-content ul {
  margin: 0;
  padding-left: 14px;
}

.z-errorbox-pointer {
  display: none;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  position: absolute;
  z-index: 100;
}

.z-errorbox-left,
.z-errorbox-right,
.z-errorbox-up,
.z-errorbox-down {
  border: 6px solid transparent;
}

.z-errorbox-left {
  border-right-color: #E6460F;
}

.warnbox .z-errorbox-left {
  border-right-color: #F08200;
}

.z-errorbox-right {
  border-left-color: #E6460F;
}

.warnbox .z-errorbox-right {
  border-left-color: #F08200;
}

.z-errorbox-up {
  border-bottom-color: #E6460F;
}

.warnbox .z-errorbox-up {
  border-bottom-color: #F08200;
}

.z-errorbox-down {
  border-top-color: #E6460F;
}

.warnbox .z-errorbox-down {
  border-top-color: #F08200;
}

.z-errorbox-close {
  font-size: 10px;
  width: 14px;
  height: 14px;
  border: 1px solid transparent;
  padding: 0 2px;
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
  opacity: 0.6;
}

.z-errorbox-close:hover {
  border: 1px solid #fff;
  opacity: 1;
}

.z-errorbox-close > .z-errorbox-icon {
  cursor: pointer;
}

.z-errorbox-icon {
  position: absolute;
  top: 0px;
}

.z-errorbox-pointer ~ .z-errorbox-close {
  top: 7px;
  right: 3px;
}

.z-errorbox-right ~ .z-errorbox-close {
  top: 7px;
  right: 11px;
}

.z-errorbox-up ~ .z-errorbox-close,
.z-errorbox-down ~ .z-errorbox-close {
  right: 3px;
}

.z-errorbox-up ~ .z-errorbox-close {
  top: 13px;
}

.duty-wrapper {
  white-space: nowrap;
  display: inline-block;
}

.duty-wrapper > .duty-indicator {
  position: absolute;
  right: 3px;
  top: 4px;
}

.row-highlight.z-fieldrow td, .row-highlight.z-row .z-row-content {
  padding-right: 4px;
}

.row-highlight.row-highlight-error td {
  box-shadow: inset 0 1px 0 0 #E6460F, inset 0 -1px 0 0 #E6460F;
}

.row-highlight.row-highlight-error td:first-child {
  box-shadow: inset 0 1px 0 0 #E6460F, inset 0 -1px 0 0 #E6460F, inset 1px 0 0 0 #E6460F;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.row-highlight.row-highlight-error td:only-child {
  box-shadow: inset 0 0 0 1px #E6460F;
  border-radius: 13px;
}

.row-highlight.row-highlight-error td:last-child {
  box-shadow: inset 0 1px 0 0 #E6460F, inset -1px 0 0 0 #E6460F, inset 0 -1px 0 0 #E6460F;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.row-highlight.row-highlight-error .content-symbol .z-label {
  background-color: #E6460F;
}

.row-highlight.row-highlight-info td {
  box-shadow: inset 0 1px 0 0 #F08200, inset 0 -1px 0 0 #F08200;
}

.row-highlight.row-highlight-info td:first-child {
  box-shadow: inset 0 1px 0 0 #F08200, inset 0 -1px 0 0 #F08200, inset 1px 0 0 0 #F08200;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.row-highlight.row-highlight-info td:only-child {
  box-shadow: inset 0 0 0 1px #F08200;
  border-radius: 13px;
}

.row-highlight.row-highlight-info td:last-child {
  box-shadow: inset 0 1px 0 0 #F08200, inset -1px 0 0 0 #F08200, inset 0 -1px 0 0 #F08200;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.row-highlight.row-highlight-info .content-symbol .z-label {
  background-color: #F08200;
}

.row-highlight.row-highlight-warn td {
  box-shadow: inset 0 1px 0 0 #F08200, inset 0 -1px 0 0 #F08200;
}

.row-highlight.row-highlight-warn td:first-child {
  box-shadow: inset 0 1px 0 0 #F08200, inset 0 -1px 0 0 #F08200, inset 1px 0 0 0 #F08200;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.row-highlight.row-highlight-warn td:only-child {
  box-shadow: inset 0 0 0 1px #F08200;
  border-radius: 13px;
}

.row-highlight.row-highlight-warn td:last-child {
  box-shadow: inset 0 1px 0 0 #F08200, inset -1px 0 0 0 #F08200, inset 0 -1px 0 0 #F08200;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.row-highlight.row-highlight-warn .content-symbol .z-label {
  background-color: #F08200;
}

.row-highlight.row-highlight-ok td {
  box-shadow: inset 0 1px 0 0 #82b43c, inset 0 -1px 0 0 #82b43c;
}

.row-highlight.row-highlight-ok td:first-child {
  box-shadow: inset 0 1px 0 0 #82b43c, inset 0 -1px 0 0 #82b43c, inset 1px 0 0 0 #82b43c;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.row-highlight.row-highlight-ok td:only-child {
  box-shadow: inset 0 0 0 1px #82b43c;
  border-radius: 13px;
}

.row-highlight.row-highlight-ok td:last-child {
  box-shadow: inset 0 1px 0 0 #82b43c, inset -1px 0 0 0 #82b43c, inset 0 -1px 0 0 #82b43c;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.row-highlight.row-highlight-ok .content-symbol .z-label {
  background-color: #82b43c;
}

.row-highlight .z-input-wrapper {
  display: table;
  width: 100%;
}

.row-highlight .content-symbol {
  display: table-cell;
  width: 20px;
  padding-left: 4px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}

.row-highlight .content-symbol .z-label {
  display: inline-block;
  border-radius: 13px;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 17px;
}

.row-highlight.valign-top .content-symbol {
  vertical-align: top;
}

.z-input-wrapper {
  display: table;
  width: 100%;
}

.z-input-wrapper > .tooltip-indicator {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

.valign-top.z-fieldrow td,
.valign-top.z-fieldrow .tooltip-indicator {
  vertical-align: top;
}

.valign-top.z-fieldrow .z-input-wrapper {
  align-items: flex-start;
}

.valign-top.z-fieldrow .indicator-cell {
  padding-top: 4px;
}

.valign-top.z-row .z-label,
.valign-top.z-row .tooltip-indicator {
  padding-top: 0;
}

.valign-top .z-input-wrapper {
  align-items: flex-start;
}

.tooltip-indicator {
  display: inline-block;
  text-align: right;
  width: 22px;
  font-size: 21px;
  color: #F08200;
  cursor: help;
  line-height: inherit;
  padding-top: 1px;
}

.tooltip-indicator > i {
  cursor: inherit;
}

.language-selection .tooltip-indicator {
  font-size: inherit !important;
  text-align: center;
  width: 30px;
}

.z-textbox.multiline {
  resize: vertical;
}

.z-textbox.three-lines {
  height: 60px;
}

.z-textbox.fourteen-lines {
  height: 236px;
}

.z-textbox.dispatch-note {
  font-family: "PT Mono", Courier, monospace;
  resize: none;
  width: 100%;
  min-height: 115px;
}

.z-groupbox-content > .z-textbox.dispatch-note {
  margin: 0px;
}

.message-dialog .z-textbox.details-box {
  width: 435px;
  height: 260px;
  max-height: 80%;
  resize: vertical;
}

.z-textbox.validating-group-message {
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
  position: relative;
  right: 30px;
}

.chrome input[type="password"].z-textbox::-webkit-input-placeholder {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #707172;
  font-weight: normal;
}

.chrome input[type="password"].z-textbox {
  font-size: 18px;
  font-weight: bolder;
  font-family: monospace;
}

.z-radio {
  position: relative;
  line-height: 20px;
}

.z-radiogroup.radiogroup-horizontal .z-radio {
  display: inline-block;
}

.z-radiogroup.radiogroup-horizontal .z-radio:not(:last-child) {
  padding-right: 15px;
}

.z-radio [type="radio"] {
  position: absolute;
  opacity: 0;
}

.z-radio [type="radio"]:checked + label, .z-radio [type="radio"]:not(:checked) + label {
  padding-left: 17px;
}

.z-radio [type="radio"]:checked + label::before, .z-radio [type="radio"]:not(:checked) + label::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  left: 0;
  top: 2px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #000;
}

.z-radio [type="radio"]:checked + label::after, .z-radio [type="radio"]:not(:checked) + label::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 5px;
  left: 3px;
  border-radius: 100%;
  background: #000;
}

.z-radio [type="radio"]:not(:checked) + label::after {
  opacity: 0;
}

.z-radio [type="radio"]:checked + label::after {
  opacity: 1;
}

.z-radio [type="radio"]:not(:checked):not(:disabled) + label:hover:before, .z-radio [type="radio"]:checked:not(:disabled) + label:hover:before {
  border-color: #0060df;
}

.z-radio [type="radio"]:not(:checked):not(:disabled) + label:hover:after, .z-radio [type="radio"]:checked:not(:disabled) + label:hover:after {
  background: #0060df;
}

.z-radio [type="radio"]:not(:checked):not(:disabled) + label:active:hover:before, .z-radio [type="radio"]:checked:not(:disabled) + label:active:hover:before {
  background: rgba(0, 96, 223, 0.1);
  border-color: #000;
}

.z-radio [type="radio"]:not(:checked):not(:disabled) + label:active:hover:after, .z-radio [type="radio"]:checked:not(:disabled) + label:active:hover:after {
  background: #000;
}

.z-radio [type="radio"]:disabled {
  cursor: default;
}

.z-radio [type="radio"]:disabled + label {
  cursor: default;
  opacity: 1;
}

.z-radio [type="radio"]:disabled + label:before {
  border-color: #d2d2d2;
}

.z-radio [type="radio"]:disabled + label:after {
  background: #d2d2d2;
}

.z-radio.z-radio-invalid [type="radio"]:not(:checked):not(:disabled) + label:before,
.z-radio.z-radio-invalid [type="radio"]:not(:checked):not(:disabled):focus + label:before,
.z-radio.z-radio-invalid [type="radio"]:not(:checked):not(:disabled) + label:focus:before,
.z-radio.z-radio-invalid [type="radio"]:not(:checked):not(:disabled) + label:hover:before,
.z-radio.z-radio-invalid [type="radio"]:not(:checked):not(:disabled) + label:active:hover:before,
.z-radio.z-radio-invalid [type="radio"]:checked:not(:disabled) + label:before,
.z-radio.z-radio-invalid [type="radio"]:checked:not(:disabled):focus + label:before,
.z-radio.z-radio-invalid [type="radio"]:checked:not(:disabled) + label:focus:before,
.z-radio.z-radio-invalid [type="radio"]:checked:not(:disabled) + label:hover:before,
.z-radio.z-radio-invalid [type="radio"]:checked:not(:disabled) + label:active:hover:before {
  border-color: #E6460F;
}

.z-radio.warnbox [type="radio"]:not(:checked):not(:disabled) + label:before,
.z-radio.warnbox [type="radio"]:not(:checked):not(:disabled):focus + label:before,
.z-radio.warnbox [type="radio"]:not(:checked):not(:disabled) + label:focus:before,
.z-radio.warnbox [type="radio"]:not(:checked):not(:disabled) + label:hover:before,
.z-radio.warnbox [type="radio"]:not(:checked):not(:disabled) + label:active:hover:before,
.z-radio.warnbox [type="radio"]:checked:not(:disabled) + label:before,
.z-radio.warnbox [type="radio"]:checked:not(:disabled):focus + label:before,
.z-radio.warnbox [type="radio"]:checked:not(:disabled) + label:focus:before,
.z-radio.warnbox [type="radio"]:checked:not(:disabled) + label:hover:before,
.z-radio.warnbox [type="radio"]:checked:not(:disabled) + label:active:hover:before {
  border-color: #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-frozen {
  overflow: hidden;
}

.z-frozen-body {
  overflow: hidden;
  float: left;
}

.z-frozen-inner {
  overflow-x: scroll;
  overflow-y: hidden;
  float: right;
}

.z-frozen-inner div {
  height: 100%;
}

.z-frozen-col {
  border-left: none !important;
  border-right: 1px solid #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-grid {
  border: none;
  overflow: hidden;
  zoom: 1;
}

.z-grid .valign-top {
  vertical-align: top;
}

.z-grid .align-left {
  text-align: left;
}

.z-grid .larger [class^="z-icon-"]:before,
.z-grid .larger [class*=" z-icon-"]:before {
  font-size: 20px;
  line-height: 22px;
}

.configurable:not(.fixed) .z-column:not([data-unresizable="true"]).z-column-hover::after, .configurable:not(.fixed) .z-column:not([data-unresizable="true"]):hover::after {
  content: "";
  border-right: 1px solid #F08200;
  height: 100%;
  position: absolute;
  right: 1px;
  top: 0;
  color: #F08200;
}

.configurable .z-column[data-unresizable="true"] {
  text-overflow: unset;
}

.configurable .z-column[data-unresizable="true"] .z-column-content {
  text-overflow: unset;
}

.configurable .z-column[data-unresizable="true"] .z-checkbox-content {
  padding-left: 0;
}

.configurable .z-row-content .z-checkbox-content {
  padding-left: 0;
}

.grid-list {
  border: none;
}

.low-resolution .grid-list {
  min-height: 125px;
}

.grid-list.noborder,
.grid-list.noborder th,
.grid-list.noborder td {
  border: none;
}

.grid-list .z-row-menu-popup {
  display: none;
}

.grid-list .z-column-content {
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-list .z-column-content > .z-div > .z-div {
  margin-bottom: 0;
}

.grid-list .z-column-content > .z-span {
  display: flex;
  align-items: center;
}

.grid-list .z-grid-body .z-row-content .z-button > i::after,
.grid-list .z-grid-body .z-cell .z-button > i::after {
  font-size: 13px;
  left: -18px;
  top: 1px;
}

.grid-list .z-grid-body .z-row-content .z-label.multiline {
  vertical-align: top;
}

.grid-list .z-grid-body .z-row {
  vertical-align: top;
}

.grid-list .z-grid-body .z-cell {
  min-height: 28px;
  padding: 3px 5px 3px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}

.grid-list .z-grid-body .z-cell .tooltip-indicator,
.grid-list .z-grid-body .z-row-content .tooltip-indicator {
  vertical-align: top;
}

.grid-list .z-grid-body .z-cell > .z-label.bold {
  display: inline;
}

.grid-list .z-grid-body .z-tree {
  margin-top: 5px;
}

.grid-list .z-grid-body .z-row .z-row-inner,
.grid-list .z-grid-body .z-row .z-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.grid-list .z-grid-body .z-row .z-row-inner .checkbox-icon > i,
.grid-list .z-grid-body .z-row .z-cell .checkbox-icon > i {
  margin: 0;
}

.grid-list .z-grid-body .z-button {
  line-height: 24px;
}

.grid-list .z-grid-body .z-button svg.z-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.grid-list .z-grid-body .z-button span.z-icon {
  font-size: 20px;
}

.grid-list .z-grid-body .z-button span.z-icon > i {
  font-size: 20px;
}

.grid-list .z-grid-body .z-button > .z-icon {
  vertical-align: top;
}

.grid-list .z-grid-body .z-button {
  width: 28px;
  height: 28px;
  min-height: 28px;
  line-height: 20px;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  margin-right: 10px;
}

.grid-list .z-grid-body .z-button .z-icon-fredoka-paragraph {
  font-size: 17px;
}

.grid-list .z-grid-body .z-button:last-child,
.grid-list .z-grid-body .z-button-placeholder:last-child {
  margin-right: 0px;
}

.grid-list.selectable > .z-grid-header .z-column:first-child > .z-column-content {
  padding-left: 5px;
  padding-right: 5px;
}

.grid-list.selectable > .z-grid-body
.z-row
.z-row-inner:first-child
> .z-row-content {
  padding-left: 5px;
  padding-right: 5px;
}

.tzk-list .grid-list:not(.selectable) .z-column:first-child, .tzk-list .grid-list:not(.selectable) .z-column:nth-child(2),
.tzk-list .grid-list:not(.selectable) th:first-child,
.tzk-list .grid-list:not(.selectable) th:nth-child(2),
.tzk-list .grid-list:not(.selectable) .z-row-inner:first-child,
.tzk-list .grid-list:not(.selectable) .z-row-inner:nth-child(2),
.tzk-list .grid-list:not(.selectable) .z-cell:first-child,
.tzk-list .grid-list:not(.selectable) .z-cell:nth-child(2) {
  border-left: none;
  box-shadow: none;
}

.tzk-list .grid-list:not(.selectable) .z-row-inner:first-child .z-row-content,
.tzk-list .grid-list:not(.selectable) .z-cell:first-child .z-row-content {
  padding: 0;
}

.tzk-list .grid-list:not(.selectable) .z-row:not(.grid-row-active) .z-row-inner:nth-child(2),
.tzk-list .grid-list:not(.selectable) .z-row:not(.grid-row-active) .z-cell:nth-child(2) {
  box-shadow: 0 0 0 0 #707172;
}

.tzk-list .grid-list:not(.selectable) .z-row.grid-row-active .z-row-inner:first-child,
.tzk-list .grid-list:not(.selectable) .z-row.grid-row-active .z-cell:first-child {
  box-shadow: none;
}

.tzk-list .grid-list:not(.selectable) .z-row.grid-row-active .z-row-inner:nth-child(2),
.tzk-list .grid-list:not(.selectable) .z-row.grid-row-active .z-cell:nth-child(2) {
  box-shadow: inset 0 2px 0 0 #707172, inset 0 -2px 0 0 #707172, inset 2px 0 0 0 transparent;
}

.grid-list .z-grid-body .z-row-content label:empty:not(.z-togglebutton-mold),
.grid-list .z-grid-body .z-cell label:empty:not(.z-togglebutton-mold),
.grid-list .z-grid-header .z-column-content label:empty:not(.z-togglebutton-mold) {
  display: inline;
}

.grid-list .z-grid-body .z-row-content .z-signaturelimitinput label:empty,
.grid-list .z-grid-body .z-cell .z-signaturelimitinput label:empty,
.grid-list .z-grid-header .z-column-content .z-signaturelimitinput label:empty {
  display: block;
}

.scrollbar {
  width: 34px;
  overflow: visible;
}

.scrollbar > .z-vlayout-inner {
  margin-bottom: 1px;
}

.scrollbar > .z-vlayout-inner:first-child {
  height: 50px;
}

.scrollbar .z-separator {
  height: 50px;
  width: 34px;
}

.scrollbar .z-slider.z-slider-vertical {
  width: 34px !important;
}

.z-grid-header {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
}

.z-grid-header table {
  border-spacing: 0;
}

.z-grid-header table th,
.z-grid-header table td {
  background-clip: padding-box;
  padding: 0;
}

.z-grid-header table th {
  text-align: inherit;
}

.z-grid-footer {
  background: #ddd;
}

.z-grid-header-border {
  position: relative;
}

.z-grid-body {
  margin-top: auto;
  position: relative;
  overflow: auto;
  overflow-anchor: none;
}

.z-grid-body table {
  border-spacing: 0;
}

.z-grid-body table th,
.z-grid-body table td {
  background-clip: padding-box;
  padding: 0;
}

.z-grid-body table th {
  text-align: inherit;
}

.z-grid-footer {
  overflow: hidden;
}

.z-grid-footer table {
  border-spacing: 0;
}

.z-grid-footer table th,
.z-grid-footer table td {
  background-clip: padding-box;
  padding: 0;
}

.z-grid-footer table th {
  text-align: inherit;
}

.z-grid-footer .z-footer {
  overflow: hidden;
}

.z-column {
  padding: 0;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.z-column-hover .z-column-button {
  display: block;
}

.z-column-sort .z-column-content,
.grid-list .z-column-sort .z-column-content {
  cursor: pointer;
}

.z-column-sort.aligned-right .z-column-sorticon {
  right: -12px;
}

.z-column-sort.aligned-right .z-column-sorticon .z-icon-spinner {
  right: -2px;
}

.ie .z-column-sort.aligned-right .z-column-sorticon {
  right: -4px;
}

.z-column-sort:hover .z-column-content {
  text-decoration: underline;
}

.z-column-sort .z-column-content::selection,
.z-column-sort .z-column-content::-moz-selection {
  background: #FFFFFF;
}

.z-column-sort .z-column-sorticon {
  display: block;
  position: relative;
  float: right;
  top: 0px;
  right: -2px;
  width: 0px;
  text-align: center;
}

.z-column-sort .z-column-sorticon .z-icon-spinner {
  position: relative;
  right: 5px;
}

.z-column-sorticon {
  display: none;
}

.z-column-button {
  display: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
  cursor: pointer;
  text-decoration: none;
}

.z-column-sizing,
.z-column-sizing .z-column-button,
.z-column-sizing.z-column-sort .z-column-content {
  cursor: col-resize;
}

.z-column-content {
  position: relative;
}

.z-column-content .tooltip-indicator {
  vertical-align: top;
}

.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content {
  padding: 3px 10px 3px;
  line-height: 20px;
  overflow: hidden;
}

.z-row-content,
.z-fieldrow td {
  position: relative;
  white-space: nowrap;
}

.z-fieldrow td {
  border-spacing: 0;
  padding: 2px 8px 2px;
  line-height: 20px;
}

.z-fieldrow td.indicator-cell {
  padding-left: 1px;
  padding-right: 1px;
  width: 6px;
}

.z-fieldrow td:first-child:not(:only-child), .z-fieldrow td.z-fieldrow-label-column {
  padding-right: 0;
}

.z-group-content .z-label,
.z-groupfoot-content .z-label {
  font-weight: bold;
}

.z-row .z-row-inner,
.z-row .z-cell {
  overflow: hidden;
}

.z-cell.wrappable-content,
.z-cell .wrappable-content,
.z-row-content.wrappable-content,
.z-row-content .wrappable-content {
  white-space: normal;
}

.z-cell.cell-with-separator {
  border-bottom: 2px solid #ABABAB;
}

.z-grid-body .z-cell {
  padding: 3px 10px 3px;
  line-height: 16px;
  overflow: hidden;
  position: relative;
}

.z-grid-paging-top {
  width: 100%;
  border-bottom: 1px solid #F08200;
  overflow: hidden;
}

.z-grid-paging-bottom {
  width: 100%;
  border-top: 1px solid #bbc2c7;
  overflow: hidden;
}

.z-grid-autopaging .z-row-content,
.z-grid-autopaging .z-groupfoot-content {
  height: 32px;
  overflow: hidden;
}

.z-grid-autopaging .z-group-content {
  height: 30px;
  overflow: hidden;
}

.large-grid .z-grid {
  border-right: none;
}

.large-grid .z-grid .z-grid-body {
  overflow-y: hidden !important;
}

.large-grid .z-grid .z-label {
  line-height: 18px;
}

.large-grid.configurable .z-columns-bar {
  box-shadow: inset 1px 0 0 0 #DFDEDD;
  border-right: none;
}

.large-grid.configurable .z-columns .z-column:last-child {
  border-right: 1px solid #DFDEDD;
}

.grid-rod-top,
.grid-rod-bottom,
.grid-rod-message {
  text-align: center;
}

.grid-rod-message {
  font-size: 14px;
  height: 30px;
}

.header-toolbar-container
> .z-window
> .z-window-content
> .grid-list-one-item-container {
  padding-bottom: 20px;
}

.grid-list-one-item .z-label {
  line-height: inherit;
}

.grid-list-one-item .z-column .z-column-content {
  line-height: 16px;
}

.grid-list-one-item .z-column .z-column-content,
.grid-list-one-item .z-row .z-row-content,
.grid-list-one-item .z-row .z-cell {
  position: relative;
  text-align: center !important;
  font-size: 14px;
  padding: 5px 10px;
}

.grid-list-one-item .z-row .z-row-content,
.grid-list-one-item .z-row .z-cell {
  line-height: 18px;
}

.grid-list-one-item .z-row .z-row-inner,
.grid-list-one-item .z-row .z-cell {
  vertical-align: top;
}

.context-one-item .z-grid > .z-grid-body {
  overflow: visible !important;
}

.context-one-item .z-grid .z-row .z-row-inner,
.context-one-item .z-grid .z-row .z-cell {
  vertical-align: top;
}

.context-one-item .z-grid table {
  width: 0% !important;
}

.z-group-inner {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #F08200;
  border-bottom: 1px solid #F08200;
}

.z-group-inner .z-group-content,
.z-group-inner .z-cell {
  padding: 7px 5px;
}

.z-group-inner-icon:hover {
  color: #f0f;
}

.z-group-icon {
  color: #333;
  --icon-base-color: #333;
  --icon-highlight-color: #333;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.z-group-icon svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-group-icon span.z-icon {
  font-size: 14px;
}

.z-group-icon span.z-icon > i {
  font-size: 14px;
}

.z-groupfoot-inner {
  overflow: hidden;
}

.grid-filterbox {
  overflow: hidden;
}

.grid-filterbox table {
  width: 100%;
}

.grid-filterbox tr {
  vertical-align: top;
}

.grid-filterbox tr:first-child td {
  padding-top: 8px;
}

.grid-filterbox tr:nth-last-child(2) td {
  padding-bottom: 8px;
}

.grid-filterbox tr.z-grid-odd {
  background: unset;
}

.ie .grid-filterbox tr.z-grid-odd {
  background: transparent;
}

.grid-filterbox .label-column.z-label {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.grid-filterbox .filter-input-element .z-checkbox {
  white-space: nowrap;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 5px;
}

.grid-filterbox .filter-input-element .z-checkbox > label {
  padding-right: 5px;
}

.grid-filterbox .filter-input-element .z-separator {
  display: block;
  height: 5px;
  width: 100%;
}

.grid-filterbox .filter-config-row td {
  border-top: 5px solid #DFDEDD;
}

.grid-filterbox .filter-config-row td .z-div > *:not(.z-textbox) {
  margin: 3px 10px;
  vertical-align: middle;
}

.filter-input-element {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  white-space: normal;
  -moz-box-wrap: wrap;
  -webkit-box-wrap: wrap;
  -ms-flexbox-wrap: wrap;
  flex-wrap: wrap;
}

.filter-input-element > .z-input-wrapper {
  display: inline-block;
  width: auto;
}

.filter-input-element > .z-input-wrapper > .tooltip-indicator {
  display: inline-block;
  padding-left: 5px;
}

.filter-input-element .filter-between-label {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.filter-input-element .filter-comparator > .z-combobox-input {
  width: 131px;
}

.filter-input-element input[type="text"] {
  min-width: 50px;
}

.popup-content .popup-content-framed .z-vbox-separator {
  display: none;
}

.popup-content .grid-list,
.popup-content-framed *:not(.grid-filterbox) > .z-grid {
  background: #DFDEDD;
  border: 1px solid #DFDEDD;
  border-top: none;
}

.popup-content .grid-list .z-column:last-child,
.popup-content .grid-list .z-column:nth-last-child(2),
.popup-content .grid-list .z-row > .z-row-inner:last-child,
.popup-content .grid-list.noseparator .z-row > .z-row-inner:last-child {
  border-right-width: 0;
}

.z-tabpanel > .grid-list {
  margin-top: 15px;
}

.z-tabpanel > .header-toolbar-container + .grid-list {
  margin-top: 0px;
}

.z-grid.noborder,
.z-row.noborder .z-row-inner,
.z-row.noborder .z-cell,
.z-grid.noseparator .z-row .z-row-inner,
.z-grid.noseparator .z-row .z-cell {
  border: none;
}

.z-row.grid-label-right .z-row-inner:first-child .z-row-content {
  text-align: right;
}

.z-grid.remove-table-layout > .z-grid-body > table {
  table-layout: unset !important;
}

.ie .z-grid.remove-table-layout > .z-grid-body > table {
  table-layout: auto !important;
}

.z-row.remove-table-layout > .z-cell,
.z-row.remove-table-layout > .z-row-inner {
  border: none;
}

.z-row.nohover:hover > .z-row-inner,
.z-row.nohover:hover > .z-cell {
  color: unset !important;
}

.ie .z-row.nohover:hover > .z-row-inner, .ie
.z-row.nohover:hover > .z-cell {
  color: inherit !important;
}

.z-row.nohover:hover > .z-row-inner,
.z-row.nohover:hover > .z-cell {
  background: unset !important;
}

.ie .z-row.nohover:hover > .z-row-inner, .ie
.z-row.nohover:hover > .z-cell {
  background: transparent !important;
}

.z-row.nohover.z-grid-odd:hover > .z-row-inner,
.z-row.nohover.z-grid-odd:hover > .z-cell {
  background: unset !important;
}

.ie .z-row.nohover.z-grid-odd:hover > .z-row-inner, .ie
.z-row.nohover.z-grid-odd:hover > .z-cell {
  background: transparent !important;
}

.z-window-modal
.z-grid.password-with-requirements
td:first-child
.z-row-content,
.z-window-modal .z-grid.password-with-requirements .z-cell {
  padding-left: 0;
}

.z-window-modal .z-groupbox-content > .z-grid {
  background: none;
}

body:not(.gecko) .z-row:hover > .z-row-inner,
body:not(.gecko) .z-row:hover > .z-cell {
  position: relative;
}

.gecko .grid-list .z-row:hover > .z-row-inner,
.gecko .grid-list .z-row:hover > .z-cell,
.gecko .grid-list .z-row.z-drag-over > .z-row-inner,
.gecko .grid-list .z-row.z-drag-over > .z-cell,
.gecko .grid-list .z-row.z-draggable-over > .z-row-inner,
.gecko .grid-list .z-row.z-draggable-over > .z-cell {
  position: relative;
}

.configurable .grid-list .z-cell .z-label.multiline,
.configurable.grid-list .z-cell .z-label.multiline {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.configurable .grid-list .z-cell .z-label.multiline + br,
.configurable.grid-list .z-cell .z-label.multiline + br {
  display: none;
}

.z-tree-body table {
  width: auto !important;
}

.z-grid.three-rows .z-grid-body,
.z-idspace.three-rows .z-grid-body {
  height: 90px;
}

.z-grid.three-rows-max .z-grid-body,
.z-idspace.three-rows-max .z-grid-body {
  max-height: 90px;
}

.z-grid.five-rows .z-grid-body,
.z-idspace.five-rows .z-grid-body {
  height: 150px;
}

.z-grid.five-rows-max .z-grid-body,
.z-idspace.five-rows-max .z-grid-body {
  max-height: 150px;
}

.z-grid.seven-rows .z-grid-body,
.z-idspace.seven-rows .z-grid-body {
  height: 210px;
}

.z-grid.seven-rows-max .z-grid-body,
.z-idspace.seven-rows-max .z-grid-body {
  max-height: 210px;
}

.z-grid.ten-rows .z-grid-body,
.z-idspace.ten-rows .z-grid-body {
  height: 300px;
}

.z-grid.ten-rows-max .z-grid-body,
.z-idspace.ten-rows-max .z-grid-body {
  max-height: 300px;
}

.z-grid-emptybody > tr > td {
  color: #ABABAB;
  font-style: italic;
  text-align: center;
  height: 16px;
  line-height: 16px;
  padding: 7px 0;
}

.z-column {
  background-clip: padding-box;
}

.z-column.z-column-sort[style*="hidden"] * {
  display: none;
}

.z-column-content {
  font-weight: normal;
}

.z-columns.as-rows > .z-column {
  background: transparent;
  border: none;
}

.z-columns-bar {
  background: #F0F0F0;
}

.scrollbar .z-separator {
  background: #F0F0F0;
  border-bottom: 1px solid #DFDEDD;
  box-sizing: content-box;
}

.configurable .scrollbar .z-separator, .large-grid:not(.fixed) .scrollbar .z-separator {
  border-top: none;
  height: 48px;
}

.scrollbar > .z-vlayout-inner:first-child {
  border-left: 1px solid #707172;
}

.scrollbar > .z-vlayout-inner:first-child:first-child {
  border-left: none;
}

.grid-list .z-grid-header {
  border-bottom: 1px solid #DFDEDD;
}

.grid-list .z-column {
  box-shadow: inset 1px 0 0 0 #DFDEDD;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.grid-list .z-column:first-child {
  border-left: none;
  box-shadow: none;
}

.grid-list.configurable .z-columns-bar {
  box-shadow: inset 1px 0 0 0 #DFDEDD;
  border-right: none;
  border-top: none;
}

.grid-list.configurable .z-columns .z-column:last-child {
  border-right: 1px solid #DFDEDD;
}

.grid-list .z-row:not(.grid-row-active) .z-row-inner,
.grid-list .z-row:not(.grid-row-active) .z-cell {
  box-shadow: inset 0 0 0 0 #707172;
  box-shadow: inset 0 1px 0 0 #DFDEDD !important;
}

.grid-list .z-row:not(.grid-row-active) .z-row-inner:first-child,
.grid-list .z-row:not(.grid-row-active) .z-cell:first-child {
  box-shadow: inset 0 0 0 0 #707172;
}

.grid-list .z-row .z-cell.wrappable-content .wrapper {
  display: block;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}

.grid-list .z-row .z-cell.wrappable-content.uninitialized .wrapper {
  white-space: nowrap;
}

.grid-list .z-row .z-cell.wrappable-content .ellipsisfaker {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 2px;
  right: -1px;
  height: 100%;
}

.grid-list .z-row .z-cell.wrappable-content .ellipsisfaker.active::after {
  content: "...";
  float: right;
  position: absolute;
  right: 45%;
  bottom: 5px;
  height: 16px;
  text-align: center;
  font-size: 18px;
  text-shadow: 0 0 10px #f6f6f6;
  color: grey;
}

.grid-list .z-row .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #FFFFFF 90%);
}

.grid-list .z-row.z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #FFFFFF 90%);
}

.ie .grid-list .z-row.z-grid-odd .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row.z-grid-odd .z-cell.aligned-right > .z-div:after {
  background: #FFFFFF;
}

.ie .grid-list .z-row.grid-row-checked:not(:hover) .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row.grid-row-checked:not(:hover) .z-cell.aligned-right > .z-div:after {
  background: #F18900;
}

.grid-list .z-row.grid-row-checked:not(:hover) .z-cell.wrappable-content .ellipsisfaker.active,
.grid-list .z-row.grid-row-checked:not(:hover) .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #F18900 90%);
}

.grid-list .z-row.grid-row-checked:not(:hover) .z-cell.wrappable-content .ellipsisfaker.active::after,
.grid-list .z-row.grid-row-checked:not(:hover) .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active::after {
  color: #FFFFFF;
}

.grid-list .z-row:hover.grid-row-checked .z-cell.wrappable-content .ellipsisfaker.active,
.grid-list .z-row:hover.grid-row-checked .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active, .grid-list .z-row:hover.z-grid-odd.grid-row-checked .z-cell.wrappable-content .ellipsisfaker.active,
.grid-list .z-row:hover.z-grid-odd.grid-row-checked .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #F18900 90%);
}

.grid-list .z-row:hover.grid-row-checked .z-cell.wrappable-content .ellipsisfaker.active::after,
.grid-list .z-row:hover.grid-row-checked .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active::after, .grid-list .z-row:hover.z-grid-odd.grid-row-checked .z-cell.wrappable-content .ellipsisfaker.active::after,
.grid-list .z-row:hover.z-grid-odd.grid-row-checked .z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active::after {
  color: #FFFFFF;
}

.grid-list .z-row:hover .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #D2D2D2 90%);
}

.grid-list .z-row:hover.z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #D2D2D2 90%);
}

.ie .grid-list .z-row:hover.z-grid-odd .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row:hover.z-grid-odd .z-cell.aligned-right > .z-div:after {
  background: #D2D2D2;
}

.ie .grid-list .z-row:hover .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row:hover .z-cell.aligned-right > .z-div:after {
  background: #D2D2D2;
}

.ie .grid-list .z-row:hover.grid-row-checked .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row:hover.grid-row-checked .z-cell.aligned-right > .z-div:after {
  background: #F18900;
}

.grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked) .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #FFFFFF 90%);
}

.grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked).z-grid-odd .z-cell.wrappable-content .ellipsisfaker.active {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #FFFFFF 90%);
}

.ie .grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked).z-grid-odd .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked).z-grid-odd .z-cell.aligned-right > .z-div:after {
  background: #FFFFFF;
}

.ie .grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked) .z-cell.aligned-right > .z-div:after,
.safari .grid-list .z-row.grid-row-active:not(:hover):not(.grid-row-checked) .z-cell.aligned-right > .z-div:after {
  background: #FFFFFF;
}

.grid-list .z-row.grid-row-active .z-row-inner,
.grid-list .z-row.grid-row-active .z-cell {
  box-shadow: inset 0 2px 0 0 #707172, inset 0 -2px 0 0 #707172, inset 0 0 0 0 #707172;
}

.grid-list .z-row.grid-row-active .z-row-inner:first-child,
.grid-list .z-row.grid-row-active .z-cell:first-child {
  box-shadow: inset 0 2px 0 0 #707172, inset 0 -2px 0 0 #707172, inset 2px 0 0 0 #707172;
}

.grid-list .z-row.grid-row-active .z-row-inner:only-child,
.grid-list .z-row.grid-row-active .z-cell:only-child {
  box-shadow: inset 0 0 0 2px #707172;
}

.grid-list .z-row.grid-row-active.with-context-menu .z-row-inner:nth-last-child(2),
.grid-list .z-row.grid-row-active.with-context-menu .z-cell:nth-last-child(2),
.grid-list .z-row.grid-row-active.without-context-menu .z-row-inner:last-child,
.grid-list .z-row.grid-row-active.without-context-menu .z-cell:last-child {
  box-shadow: inset 0 2px 0 0 #707172, inset -2px 0 0 0 #707172, inset 0 -2px 0 0 #707172, inset 0 0 0 0 #707172;
}

.grid-list .z-row.grid-row-active.with-context-menu .z-row-inner:nth-last-child(2),
.grid-list .z-row.grid-row-active.with-context-menu .z-cell:nth-last-child(2) {
  box-shadow: inset 0 2px 0 0 #707172, inset -2px 0 0 0 #707172, inset 0 -2px 0 0 #707172, inset 0 0 0 0 #707172;
}

body:not(.ie) .grid-list .z-row.grid-row-active {
  box-shadow: inset 0 0 0 2px #707172;
}

body:not(.ie):not(.safari) .grid-list .z-cell.aligned-right,
body:not(.ie):not(.safari) .grid-list .aligned-right > .z-column-content {
  direction: rtl;
}

body:not(.ie):not(.safari) .grid-list .z-cell.aligned-right[title],
body:not(.ie):not(.safari) .grid-list .aligned-right > .z-column-content[title] {
  direction: ltr;
}

body:not(.ie):not(.safari) .grid-list .z-cell.aligned-right .z-label:before,
body:not(.ie):not(.safari) .grid-list .aligned-right > .z-column-content:before,
body:not(.ie):not(.safari) .grid-list .aligned-right > .z-column-content:after {
  content: "\200E";
}

body:not(.ie):not(.safari) .grid-list .z-cell.aligned-right input {
  direction: ltr;
  text-align: right;
}

body.ie .grid-list .aligned-right .z-column-content > .z-div,
body.ie .grid-list .aligned-right.z-cell > .z-div,
body.safari .grid-list .aligned-right .z-column-content > .z-div,
body.safari .grid-list .aligned-right.z-cell > .z-div {
  overflow: hidden;
}

body.ie .grid-list .aligned-right.z-column-sort:hover .z-column-content,
body.safari .grid-list .aligned-right.z-column-sort:hover .z-column-content {
  text-decoration: none;
}

body.ie .grid-list .aligned-right.z-column-sort:hover .z-column-content .z-div .z-label,
body.safari .grid-list .aligned-right.z-column-sort:hover .z-column-content .z-div .z-label {
  text-decoration: underline;
}

body.ie .grid-list .aligned-right.z-column .z-column-content > .z-div:after,
body.ie .grid-list .aligned-right.z-cell > .z-div:after,
body.safari .grid-list .aligned-right.z-column .z-column-content > .z-div:after,
body.safari .grid-list .aligned-right.z-cell > .z-div:after {
  content: "...";
  float: left;
  box-sizing: unset;
  padding: 0 1px 0 14px;
  margin: -17px -14px;
  background: #FFFFFF;
  height: 17px;
}

body.ie .grid-list .aligned-right.z-column .z-column-content > .z-div > *,
body.ie .grid-list .aligned-right.z-cell > .z-div > span,
body.safari .grid-list .aligned-right.z-column .z-column-content > .z-div > *,
body.safari .grid-list .aligned-right.z-cell > .z-div > span {
  text-align: right;
  margin-left: 2px;
  float: right;
}

body.ie .grid-list .aligned-right.z-column .z-column-content > .z-div:after,
body.safari .grid-list .aligned-right.z-column .z-column-content > .z-div:after {
  margin: -19px -14px;
  background: #F0F0F0;
}

body.ie .large-grid
.grid-list
.aligned-right.z-column
.z-column-content
> .z-div:after,
body.safari .large-grid
.grid-list
.aligned-right.z-column
.z-column-content
> .z-div:after {
  margin: -20px -14px;
}

body.ie .large-grid .grid-list .aligned-right.z-cell > .z-div:after,
body.safari .large-grid .grid-list .aligned-right.z-cell > .z-div:after {
  margin: -18px -14px;
}

.z-tabpanel > .grid-list > .z-grid-header {
  border-bottom: 2px solid #F08200;
  border-top: 2px solid #F08200;
}

.z-tabpanel > .header-toolbar-container + .grid-list > .z-grid-header {
  border-bottom: none;
  border-top: none;
}

.grid-list .z-grid-body {
  background: #FFFFFF;
}

.grid-list .grid-row-active {
  color: #F18900;
}

.grid-list .grid-row-checked.z-row, .grid-list .grid-row-checked.z-row.z-grid-odd {
  color: #FFFFFF;
  background: #F18900;
}

.grid-list .grid-row-checked.z-row:hover {
  color: #FFFFFF;
  background: #F18900;
}

.grid-list .z-row:hover,
.grid-list .z-row.z-drag-over,
.grid-list .z-row.z-draggable-over {
  color: #707172;
  background: #D2D2D2;
  background-clip: padding-box;
}

.grid-list .z-row.row-flyout.z-drag-over {
  color: initial;
  background: unset;
  background-clip: unset;
}

.grid-list-one-item .z-grid-header {
  background: #707172;
}

.grid-list-one-item .z-column .z-column-content {
  color: #DFDEDD;
  border-bottom: none;
}

.grid-list-one-item .z-row .z-row-inner,
.grid-list-one-item .z-row .z-cell {
  box-shadow: inset 1px 0 0 0 transparent;
  border-bottom: 1px solid #DFDEDD;
}

.grid-list-one-item .z-row .z-row-inner:first-child,
.grid-list-one-item .z-row .z-cell:first-child {
  box-shadow: none;
}

.z-grid.droppable .z-row {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.z-grid.droppable .z-row:active {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.z-grid.droppable .z-row [class^="z-icon-"],
.z-grid.droppable .z-row [class*=" z-icon-"] {
  cursor: inherit;
}

.z-grid.z-drag-over.droppable, .z-grid.z-draggable-over.droppable {
  border-bottom: 2px dashed #555;
  position: relative;
  cursor: crosshair;
  margin-bottom: -1px;
}

.z-grid.z-drag-over.droppable .z-grid-header-border, .z-grid.z-draggable-over.droppable .z-grid-header-border {
  border: 2px dashed #555;
  border-bottom: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: transparent;
}

.z-drag-ghost .z-row-inner,
.z-drag-ghost .z-cell,
.z-drag-ghost.grid-row-active .z-row-inner,
.z-drag-ghost.grid-row-active .z-cell {
  background: rgba(171, 171, 171, 0.3);
  opacity: 0.75;
}

.grid-list .z-row.z-dragged {
  opacity: 0;
  background: #fff;
}

.grid-list.z-drag-over .z-row .z-row-inner,
.grid-list.z-drag-over .z-row .z-cell, .grid-list.z-draggable-over .z-row .z-row-inner,
.grid-list.z-draggable-over .z-row .z-cell {
  color: #707172;
  background: transparent;
}

.grid-filterbox {
  padding: 0;
}

.grid-filterbox .filter-input-element {
  padding-bottom: 3px;
}

.grid-filterbox .filter-input-element input[type="checkbox"] {
  margin-bottom: 0px;
}

.grid-filterbox .filter-input-element .z-textbox,
.grid-filterbox .filter-input-element .z-decimalbox,
.grid-filterbox .filter-input-element .z-intbox,
.grid-filterbox .filter-input-element .z-longbox,
.grid-filterbox .filter-input-element .z-doublebox,
.grid-filterbox .filter-input-element .z-combobox,
.grid-filterbox .filter-input-element .z-bandbox,
.grid-filterbox .filter-input-element .z-datebox,
.grid-filterbox .filter-input-element .z-timebox,
.grid-filterbox .filter-input-element .z-spinner,
.grid-filterbox .filter-input-element .z-doublespinner,
.grid-filterbox .filter-input-element .z-checkbox {
  margin-top: 3px;
}

.grid-filterbox .label-column.z-label,
.grid-filterbox .filter-between-label {
  margin-top: 3px;
}

.grid-filterbox .z-grid-body .z-cell {
  padding-top: 0px;
  padding-bottom: 0px;
}

.grid-filterbox .z-grid-body .z-row:first-child .z-cell {
  padding-top: 3px;
}

.grid-filterbox .z-grid-body .z-row:nth-last-child(2) .z-cell {
  padding-bottom: 3px;
}

.grid-filterbox-container {
  border-left: 5px solid #DFDEDD;
  border-right: 5px solid #DFDEDD;
  border-bottom: 5px solid #DFDEDD;
  background: #F0F0F0;
}

.grid-filterbox .z-grid {
  border-left: none;
  border-right: none;
}

.grid-filterbox .filter-clear-button {
  padding: 2px 5px 0px 0px;
}

.grid-filterbox .filter-clear-button > .z-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-filterbox .filter-clear-button > .z-button svg.z-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.grid-filterbox .filter-clear-button > .z-button span.z-icon {
  font-size: 16px;
}

.grid-filterbox .filter-clear-button > .z-button span.z-icon > i {
  font-size: 16px;
}

.grid-filterbox .filter-clear-button > .z-button[disabled] > .z-icon > i.z-icon-times::before {
  color: #ABABAB;
}

.grid-filterbox .filter-separator {
  border-right: 5px solid #DFDEDD;
}

.z-row-content .grid-filterbox {
  display: flex;
  border: none;
}

.z-header-toolbar .z-button > .z-icon > i.z-icon-times::before,
.grid-filterbox .filter-clear-button .z-button > .z-icon > i.z-icon-times::before,
.z-grid-header .z-button > .z-icon > i.z-icon-times::before {
  color: #F08200;
}

.z-header-toolbar .z-button > .z-icon > i.z-icon-times::before:hover:not(:disabled),
.grid-filterbox .filter-clear-button .z-button > .z-icon > i.z-icon-times::before:hover:not(:disabled),
.z-grid-header .z-button > .z-icon > i.z-icon-times::before:hover:not(:disabled) {
  color: #F08200;
}

.z-header-toolbar .z-button[disabled] > .z-icon > i.z-icon-times::before,
.z-filterbox .z-button[disabled] > .z-icon > i.z-icon-times::before,
.z-header .z-button[disabled] > .z-icon > i.z-icon-times::before {
  color: #D2D2D2;
}

.grid-filterbox .filter-clear-button .z-button svg.z-icon {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
}

.grid-filterbox .filter-clear-button .z-button:hover:not(:disabled) svg.z-icon {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
}

.grid-filterbox .filter-clear-button .z-button[disabled] svg.z-icon {
  color: #D2D2D2;
  --icon-base-color: #D2D2D2;
  --icon-highlight-color: #D2D2D2;
}

.z-row.row-flyout.z-dragged {
  opacity: 1;
  outline: 1px dashed #707172;
  outline-offset: -1px;
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.ie .z-row.row-flyout.z-dragged {
  outline: 0;
}

.z-row.row-flyout.z-dragged > * {
  opacity: 0;
}

.z-row.row-flyout:hover {
  cursor: default;
  cursor: -webkit-grab;
  cursor: grab;
  color: #707172;
  background-clip: padding-box;
  background: #e6e6e6;
}

.ff .z-row.row-flyout:hover {
  position: relative;
}

.z-row.row-flyout:hover .z-icon-bars::after {
  background: #e6e6e6;
}

.z-row.row-flyout.row-flyout-nodrag:hover {
  cursor: pointer;
}

.z-row.row-flyout .z-image * {
  cursor: -webkit-grab;
  cursor: grab;
}

.z-row.row-flyout.grabbing {
  cursor: move !important;
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}

.z-row.row-flyout.grabbing .z-image * {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.z-row.row-flyout .z-cell .z-icon-bars {
  display: inline-block;
  height: unset;
}

.z-row.row-flyout .z-cell .z-icon-bars:before {
  transform: translateY(-51%);
}

.z-row.row-flyout .z-icon-bars {
  width: 18px;
  height: 20px;
  font-size: 14px;
  cursor: default;
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 1px;
}

.z-row.row-flyout .z-icon-bars::before {
  content: "\f07d";
  font-size: 18px;
  position: absolute;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  left: 0;
  top: calc(50%);
  transform: translateY(-52%);
}

.chrome .z-row.row-flyout .z-icon-bars::before {
  top: calc(51%);
}

.z-row.row-flyout .z-icon-bars::after {
  content: "\f0c9\f0c9";
  letter-spacing: -2px;
  left: -1px;
  font-size: 10px;
  position: absolute;
  background: #FFFFFF;
  height: 10px;
  line-height: 9px;
  width: 100%;
  text-align: center;
  top: calc(50%);
  transform: translateY(-50%);
}

.z-dd-stackup {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.z-drag-ghost {
  pointer-events: none;
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.grid-list td.z-cell.indentation-1,
.grid-list .grid-row-active > td.z-cell.indentation-1 {
  padding-left: 28px;
}

.grid-list-one-item.z-grid .z-grid-header table th {
  border: 1px solid #DFDEDD;
  background: #F0F0F0;
  border-right: 0;
}

.grid-list-one-item.z-grid .z-grid-header table th:first-child {
  border-left: 0;
}

.grid-list-one-item.z-grid .z-grid-header table th .z-column-content, .grid-list-one-item.z-grid .z-grid-header table th .z-column-content * {
  color: #707172;
}

.z-tabpanel .grid-list > .z-grid-header,
.z-groupbox .grid-list > .z-grid-header {
  background: #DFDEDD;
  border-bottom: #D2D2D2;
}

.z-tabpanel .grid-list .z-column,
.z-groupbox .grid-list .z-column {
  border-left-color: #D2D2D2;
  box-shadow: inset 1px 0 0 0 #D2D2D2;
}

.z-tabpanel .grid-list .z-columns-bar,
.z-groupbox .grid-list .z-columns-bar {
  background: #DFDEDD;
}

.z-tabpanel .scrollbar .z-separator,
.z-groupbox .scrollbar .z-separator {
  background: #DFDEDD;
}

.grid-list .z-row:hover .z-row-content .z-button:disabled,
.grid-list .z-row:hover .z-cell .z-button:disabled {
  color: #F0F0F0;
}

.grid-list .grid-row-active:not(.grid-row-checked):not(:hover) .z-row-content .z-button:not(:disabled),
.grid-list .grid-row-active:not(.grid-row-checked):not(:hover) .z-cell .z-button:not(:disabled) {
  color: #F08200;
}

.grid-list .grid-row-checked .z-row-content .z-button:not(:disabled),
.grid-list .grid-row-checked .z-cell .z-button:not(:disabled) {
  color: #FFFFFF;
}

.grid-list .grid-row-checked .z-row-content .z-button:not(:disabled):hover:not(:active),
.grid-list .grid-row-checked .z-cell .z-button:not(:disabled):hover:not(:active) {
  color: #F08200;
}

.grid-list .grid-row-checked .z-row-content .z-button:not(:disabled):active,
.grid-list .grid-row-checked .z-cell .z-button:not(:disabled):active {
  border-color: #FFFFFF;
}

.grid-list .grid-row-checked .z-row-content .z-button:disabled,
.grid-list .grid-row-checked .z-cell .z-button:disabled {
  color: #DFDEDD;
}

.grid-list .z-row:not(.grid-row-active):first-child .z-row-inner,
.grid-list .z-row:not(.grid-row-active):first-child .z-cell,
.grid-list .z-row.grid-row-active + .z-row:not(.grid-row-active) .z-row-inner,
.grid-list .z-row.grid-row-active + .z-row:not(.grid-row-active) .z-cell {
  box-shadow: none !important;
}

.grid-list .z-row-content .message-success.text,
.grid-list .z-cell .message-success.text {
  color: #82b43c;
}

.grid-list .z-row-content .message-info.text,
.grid-list .z-cell .message-info.text {
  color: #F08200;
}

.grid-list .z-row-content .message-warning.text,
.grid-list .z-cell .message-warning.text {
  color: #F08200;
}

.grid-list .grid-row-checked .z-row-content .text,
.grid-list .grid-row-checked .z-cell .text {
  color: #FFFFFF;
}

.z-row.row-flyout:hover {
  color: #707172;
}

.z-column-content > .z-checkbox ~ .z-label {
  padding-left: 7px;
}

.z-window-modal .grid-list {
  border: 1px solid #DFDEDD;
}

.z-window-modal .popup-content .grid-list {
  border-top: none;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-idspace.small-width > .z-groupbox,
.z-field-group.small-width > .z-groupbox,
.z-groupbox.small-width {
  max-width: 250px;
}

body.ie .z-columnchildren-content > .z-idspace {
  margin: 15px;
}

body.ie .z-columnchildren-content > .z-idspace > .z-field-group > .z-groupbox,
body.ie .z-columnchildren-content > .z-idspace > .z-groupbox {
  margin: 0;
}

.z-field-group > .z-groupbox .z-vlayout-inner {
  overflow: hidden;
}

.z-groupbox {
  border: 1px solid transparent;
  background: #F0F0F0;
  margin: 15px;
  display: inline-block;
  vertical-align: top;
}

.z-groupbox.fixed-width {
  width: 515px;
  margin: 8px;
}

.fieldgroup-with-flex .z-groupbox table {
  width: 100%;
}

.z-groupbox table {
  border-collapse: collapse;
}

.z-groupbox.dispatch-note-box {
  min-height: 177px;
}

.z-div > .z-groupbox.dispatch-note-box {
  margin-bottom: 0px;
}

.z-groupbox > .z-groupbox-readonly .z-groupbox-title,
.z-groupbox > .z-groupbox-header .z-caption-readonly,
.z-groupbox > .z-groupbox-header .z-groupbox-title-readonly {
  cursor: default;
}

.z-groupbox > .z-groupbox-header {
  padding: 13px 15px 10px;
}

.z-groupbox > .z-groupbox-header .z-caption-content,
.z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.z-groupbox > .z-groupbox-header .z-label {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.z-groupbox > .z-groupbox-header .tooltip-indicator {
  vertical-align: top;
}

.z-groupbox > .z-groupbox-header .z-caption,
.z-groupbox > .z-groupbox-header .z-groupbox-title {
  display: inline;
  z-index: 10;
  white-space: nowrap;
  top: unset !important;
  margin-right: 0px;
}

.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-caption {
  overflow: hidden;
}

.z-groupbox > .z-groupbox-readonly .z-groupbox-title {
  cursor: default;
}

.z-groupbox-content {
  position: relative;
  height: inherit;
  padding: 0px 15px 15px;
  overflow: hidden;
  zoom: 1;
}

.z-groupbox-content:not(.z-flex) {
  display: block;
}

.z-groupbox-notitle {
  padding: 0;
}

.z-groupbox-notitle .z-groupbox-content {
  border-top: 1px solid transparent;
}

.z-groupbox.more-padding > .z-groupbox-content {
  padding: 25px;
}

.z-groupbox.with-list {
  min-height: 340px;
}

.toolbar-left .z-groupbox,
.context-one-item .z-groupbox,
.z-tabpanel .z-groupbox,
.z-columnchildren-content .z-groupbox .z-groupbox {
  border: 0;
}

.context-one-item .z-groupbox {
  margin: 10px 0 20px;
  background: transparent;
}

.toolbar-left .z-groupbox {
  background: transparent;
}

.display-file-dialog .z-groupbox.nomargin {
  margin: 0;
}

.low-resolution .context-one-item .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .context-one-item .z-groupbox > .z-groupbox-header .z-caption-content,
.low-resolution .z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-header .z-caption-content,
.low-resolution .z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-caption-content,
.low-resolution .z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-caption-content {
  font-size: 14px;
}

.low-resolution .z-groupbox > .z-groupbox-header {
  padding: 8px 15px 5px;
}

.low-resolution .z-groupbox > .z-groupbox-header .z-caption-content,
.low-resolution .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .z-groupbox > .z-groupbox-header .z-label {
  font-size: 16px;
  line-height: 16px;
  height: 18px;
}

.context-one-item .z-grid-header {
  display: none;
}

.z-groupbox-closable > .z-groupbox-header .z-caption,
.z-groupbox-closable > .z-groupbox-header .z-groupbox-title {
  cursor: pointer;
}

.z-groupbox-closable > .z-groupbox-header .z-caption::before {
  content: "\f0d7";
  font-family: FontAwesome;
  position: relative;
  left: 5px;
  top: -6px;
  margin-right: 10px;
}

.z-groupbox-closable > .z-groupbox-header .z-caption::before .z-caption::before {
  content: "\f0d7";
  font-family: FontAwesome;
  position: relative;
  left: 5px;
  top: -6px;
  margin-right: 10px;
}

.z-groupbox-closable.z-groupbox-collapsed .z-caption::before {
  content: "\f0da";
  margin-right: 12px;
}

.z-groupbox-closable.z-groupbox-collapsed > .z-groupbox-header {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.z-groupbox-closable.z-groupbox .z-groupbox-title::after, .z-groupbox-closable.z-groupbox:not(z-groupbox-collapsed) .z-groupbox-title::after {
  font-family: FontAwesome;
  position: absolute;
  right: 25px;
  top: 25px;
}

.z-groupbox-closable.z-groupbox .z-groupbox-title::after {
  content: "\f078";
}

.z-groupbox-closable.z-groupbox:not(z-groupbox-collapsed) .z-groupbox-title::after {
  content: "\f077";
}

.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-groupbox > .z-groupbox-header .z-caption,
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-groupbox > .z-groupbox-header .z-groupbox-title,
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-field-group > .z-groupbox > .z-groupbox-header .z-caption,
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-field-group > .z-groupbox > .z-groupbox-header .z-groupbox-title {
  display: inline-block;
  top: 0px !important;
  padding: 0 5px;
  background: #F0F0F0;
  margin-top: -10px;
}

.z-tabpanel .z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-groupbox > .z-groupbox-header .z-caption, .z-tabpanel
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-groupbox > .z-groupbox-header .z-groupbox-title, .z-tabpanel
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-field-group > .z-groupbox > .z-groupbox-header .z-caption, .z-tabpanel
.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-field-group > .z-groupbox > .z-groupbox-header .z-groupbox-title {
  background: #eee;
}

.z-groupbox > .z-groupbox-content > .z-vlayout > .z-vlayout-inner > .z-groupbox,
.z-groupbox .z-field-group .z-groupbox {
  border: 0;
}

.z-tabpanel .z-groupbox .z-groupbox,
.z-columnchildren-content .z-groupbox .z-groupbox {
  margin: 0 10px;
  padding: 10px 0 0;
  background: transparent;
}

.context-one-item .z-groupbox > .z-groupbox-content,
.z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-content,
.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-content {
  border: 1px solid transparent;
  border-top: 0;
  padding: 0 0 10px;
}

.context-one-item .z-groupbox > .z-groupbox-header,
.z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-header,
.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header {
  border: 1px solid transparent;
  border-bottom: 0;
  padding: 0 10px;
  height: 18px;
}

.context-one-item .z-groupbox .z-groupbox-title-content,
.context-one-item .z-groupbox .z-caption-content,
.z-tabpanel .z-groupbox .z-groupbox .z-caption-content,
.z-tabpanel .z-groupbox .z-groupbox .z-groupbox-title-content,
.z-columnchildren-content .z-groupbox .z-groupbox .z-caption-content,
.z-columnchildren-content .z-groupbox .z-groupbox .z-groupbox-title-content {
  font-size: 14px;
  line-height: 18px;
}

.context-one-item .z-groupbox .z-groupbox-title-content,
.context-one-item .z-groupbox .z-caption-content {
  position: relative;
  top: -9px;
}

.z-content-block .z-field-group .z-groupbox {
  width: 700px;
}

.z-content-block .z-field-group .z-groupbox .z-iconlabel {
  white-space: normal;
  word-break: break-word;
}

.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h1:first-child,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h2:first-child,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h3:first-child,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h4:first-child,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html p:first-child {
  margin-top: 0;
}

.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h1,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h2,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h3,
.z-content-block .z-field-group .z-groupbox .z-iconlabel .z-html h4 {
  line-height: normal;
}

.z-groupbox .z-groupbox-content .z-vlayout-inner .z-groupbox .z-groupbox-header, .z-groupbox .z-groupbox-content .z-vlayout-inner .z-groupbox .z-groupbox-content {
  border: 1px solid #ABABAB;
}

.z-groupbox .z-groupbox-content .z-vlayout-inner .z-groupbox .z-groupbox-header {
  border-bottom-style: none;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-hlayout {
  white-space: nowrap;
}

.z-hlayout.dialog-instructions {
  padding-bottom: 10px;
}

.z-hlayout.dialog-instructions > .z-hlayout-inner {
  vertical-align: middle;
}

.z-hlayout-inner {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
}

.z-valign-bottom > .z-hlayout-inner {
  vertical-align: bottom;
}

.z-valign-top > .z-hlayout-inner {
  vertical-align: top;
}

.z-valign-middle > .z-hlayout-inner {
  vertical-align: middle;
}

.z-hlayout.dual-listbox > .z-hlayout-inner,
.z-hlayout.nospace > .z-hlayout-inner {
  padding-right: 0px !important;
}

.z-vlayout.nospace > .z-vlayout-inner {
  padding-bottom: 0px !important;
}

.z-vlayout-inner {
  position: relative;
}

.toolbar-left .z-vlayout {
  padding: 10px 10px 20px;
}

.toolbar-left .align-center {
  text-align: center;
  margin-right: 20px;
  display: flex;
  justify-content: center;
}

.toolbar-left .align-center > *:not(:first-child) {
  margin-left: 3px;
}

.toolbar-left .align-left {
  text-align: left;
  margin-right: 20px;
}

.toolbar-left .align-right {
  text-align: right;
}

.toolbar-left .z-groupbox {
  border: none;
}

.toolbar-left .z-groupbox-notitle .z-groupbox-content {
  border-top: none;
}

.toolbar-left .z-groupbox.align-right {
  margin: 0 0 10px;
  padding: 0;
}

.toolbar-left .z-groupbox.align-right .z-groupbox-header {
  border-right: 0;
  padding: 13px 5px 10px;
  text-align: left;
}

.toolbar-left .z-groupbox.align-right .z-groupbox-title,
.toolbar-left .z-groupbox.align-right .z-caption-content {
  position: relative;
  background: transparent;
  color: #707172;
  line-height: 19px;
}

.toolbar-left .z-groupbox.align-right .z-groupbox-content {
  border-right: 0;
  padding: 10px 0px 10px 0px;
}

.toolbar-left *:not(.z-button) > .z-label {
  color: #707172;
}

.toolbar-left .z-checkbox-content {
  color: #707172;
}

.z-panelchildren.toolbar-left {
  background-color: #F0F0F0;
  overflow-x: hidden;
  overflow-y: auto;
}

.z-hlayout,
.z-vlayout {
  overflow: hidden;
}

.z-row-content:not(.wrappable-content) .z-hlayout-inner {
  white-space: nowrap;
}

.dual-listbox-buttons > .z-vlayout {
  overflow: visible;
}

.z-vlayout.instruction-codes {
  min-width: 350px;
  max-width: 450px;
}

li > .z-vlayout {
  overflow: visible;
}

.low-resolution .z-panelchildren > .z-vlayout {
  overflow: visible;
}

.toolbar-left .align-center {
  margin: auto;
}

.toolbar-left,
.toolbar-left .align-left,
.toolbar-left .align-left .z-checkbox {
  text-align: center;
  margin: auto;
}

.z-panelchildren.toolbar-left,
.z-panel-noborder.z-panel-noframe .z-panelchildren.toolbar-left {
  border-right: 1px solid #DFDEDD;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-listbox {
  border: none;
  overflow: hidden;
  zoom: 1;
  background-color: transparent;
}

.z-listbox-header {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.z-listbox-header table {
  border-spacing: 0;
}

.z-listbox-header table th,
.z-listbox-header table td {
  background-clip: padding-box;
  padding: 0;
}

.z-listbox-header table th {
  text-align: inherit;
}

.z-listbox-header-border {
  position: relative;
}

.z-listbox-body {
  position: relative;
  overflow: auto;
  overflow-anchor: none;
}

.z-listbox-body table {
  border-spacing: 0;
}

.z-listbox-body table th,
.z-listbox-body table td {
  background-clip: padding-box;
  padding: 0;
}

.z-listbox-body table th {
  text-align: inherit;
}

.z-listbox-emptybody td {
  color: rgba(112, 113, 114, 0.85);
  font-style: italic;
  text-align: center;
  height: 1px;
  padding-top: 5px;
}

.z-listbox-footer {
  overflow: hidden;
}

.z-listbox-footer table {
  border-spacing: 0;
}

.z-listbox-footer table th,
.z-listbox-footer table td {
  background-clip: padding-box;
  padding: 0;
}

.z-listbox-footer table th {
  text-align: inherit;
}

.z-listhead th:first-child {
  border-left: none;
}

.z-listhead th:first-child.z-listhead-border {
  border-left: 1px solid #bbc2c7;
}

.z-listhead-bar {
  border-right: 1px solid #bbc2c7;
  border-bottom: 1px solid #bbc2c7;
}

.z-listitem {
  color: #707172;
  font-weight: normal;
  text-decoration: none;
  height: 28px;
}

.z-listitem .z-listcell {
  border-left: 1px solid #707172;
  overflow: hidden;
  cursor: pointer;
}

.z-listitem .z-listcell:first-child {
  border-left: none;
}

.z-listitem:hover > .z-listcell {
  color: #707172;
  background: #D2D2D2;
}

.z-listitem-checkable {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #F08200;
  background: #f6f6f6;
  vertical-align: text-top;
}

.z-listitem-checkable.z-listitem-radio {
  border-radius: 8px;
}

.z-listitem-checkable .z-listitem-icon {
  display: none;
  cursor: default;
}

.z-listitem-selected > .z-listcell, .z-listitem-selected.z-listitem-focus > .z-listcell {
  color: #fff;
  background: #F08200;
}

.z-listitem-selected > .z-listcell > .z-listcell-content, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content {
  color: #fff;
  background: #F08200;
}

.z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon {
  color: #fff;
  display: block;
  padding-left: 1px;
  line-height: 14px;
  cursor: pointer;
}

.z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon.z-icon-radio, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon.z-icon-radio {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 3px;
  padding: 0;
  background: #083e6a;
}

.z-listitem-selected > .z-listcell > .z-listcell-content .z-button, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content .z-button {
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  border-style: solid;
}

.z-listitem-selected > .z-listcell > .z-listcell-content .z-button:not([disabled]):not(:disabled):hover, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content .z-button:not([disabled]):not(:disabled):hover {
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
  border-color: #fff;
}

.z-listitem-selected > .z-listcell > .z-listcell-content .z-button:not([disabled]):not(:disabled):active, .z-listitem-selected.z-listitem-focus > .z-listcell > .z-listcell-content .z-button:not([disabled]):not(:disabled):active {
  color: #ABABAB;
  --icon-base-color: #ABABAB;
  --icon-highlight-color: #ABABAB;
}

.z-listitem-selected:hover > .z-listcell, .z-listitem-selected.z-listitem-focus:hover > .z-listcell {
  color: #707172;
  background: #D2D2D2;
}

.z-listitem-selected:hover > .z-listcell > .z-listcell-content, .z-listitem-selected.z-listitem-focus:hover > .z-listcell > .z-listcell-content {
  color: #707172;
  background: #D2D2D2;
}

.z-listitem a,
.z-listitem a:visited,
.z-listitem a:hover {
  text-decoration: none;
}

.z-listitem.with-separator td {
  border-bottom: 1px solid #FFFFFF;
}

.z-listitem :not(.z-button) > [class^="z-icon-"] {
  width: 20px;
}

.z-listitem .pseudo-icon::before {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.z-listcell-content > .z-vlayout {
  line-height: 20px;
}

body:not(.gecko) .z-listitem:hover > .z-listitem {
  position: relative;
}

.z-listcell-content,
.z-listfooter-content {
  min-height: 28px;
  padding: 3px 5px 3px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 5px 3px 5px;
  line-height: 22px;
  overflow: hidden;
}

.z-listcell-content .z-button-placeholder,
.z-listfooter-content .z-button-placeholder {
  height: 34px;
  display: block;
}

.z-listbox-paging-top {
  border-bottom: 1px solid #bbc2c7;
  overflow: hidden;
  width: 100%;
}

.z-listbox-paging-bottom {
  border-top: 1px solid #bbc2c7;
  overflow: hidden;
  width: 100%;
}

.z-listbox-autopaging .z-listcell-content {
  height: 32px;
  overflow: hidden;
}

.z-select {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.dual-listbox {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  min-height: 280px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
}

.dual-listbox .z-groupbox {
  width: 100%;
  height: 100%;
  padding-bottom: 45px;
  margin: unset;
}

.z-window-modal .dual-listbox .z-groupbox {
  padding-bottom: 0px;
}

.dual-listbox .z-groupbox .z-grid-header table {
  width: 100% !important;
}

.dual-listbox .z-groupbox.half {
  width: 48%;
}

.z-window-modal .dual-listbox .z-groupbox.half {
  width: 47%;
}

.dual-listbox .z-groupbox:not(.half) .z-grid.droppable .z-row,
.dual-listbox .z-groupbox:not(.half) .z-grid .z-row.z-drag-over,
.dual-listbox .z-groupbox:not(.half) .z-grid .z-row.z-draggable-over {
  cursor: inherit;
}

.dual-listbox .z-groupbox:not(.half) .z-grid tr td:nth-child(2),
.dual-listbox .z-groupbox:not(.half) .z-grid tr td:nth-child(3),
.dual-listbox .z-groupbox:not(.half) .z-grid tr th:nth-child(2),
.dual-listbox .z-groupbox:not(.half) .z-grid tr th:nth-child(3),
.dual-listbox .z-groupbox:not(.half) .z-grid col:nth-child(2),
.dual-listbox .z-groupbox:not(.half) .z-grid col:nth-child(3) {
  box-shadow: inset 0 1px 0 0 #DFDEDD;
  border-left: none;
}

.dual-listbox .z-groupbox:not(.half) .grid-list .z-row.grid-row-active .z-row-inner,
.dual-listbox .z-groupbox:not(.half) .grid-list .z-row.grid-row-active .z-cell {
  box-shadow: inset 0px 0 0 0 #ddd;
}

.dual-listbox .z-groupbox:not(.half) .grid-list .grid-row-checked .z-row-inner,
.dual-listbox .z-groupbox:not(.half) .grid-list .grid-row-checked .z-cell {
  background: inherit;
}

.dual-listbox-buttons {
  padding: 16px;
  vertical-align: middle;
}

.dual-listbox-buttons .z-button {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.dual-listbox-buttons .z-button > .z-icon-backward:before,
.dual-listbox-buttons .z-button > .z-icon-forward:before {
  font-size: 14px;
}

.dual-listbox-buttons .z-button > .z-icon-caret-left:before,
.dual-listbox-buttons .z-button > .z-icon-caret-right:before {
  font-size: 18px;
}

.dual-listbox-buttons .undo {
  margin-top: 10px;
}

.z-popup.popup-dropdown {
  max-width: 100%;
  overflow-x: auto;
}

.z-listbox .z-listitem .z-button {
  transition-property: none;
}

.z-listbox .z-listitem:hover .z-button {
  color: #707172;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-menubar {
  display: block;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  padding: 3px 0;
  position: relative;
}

.z-menubar ul {
  overflow: hidden;
  background: transparent none repeat 0 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.z-menubar li {
  display: block;
  padding: 0;
  position: relative;
}

.z-menubar-horizontal li {
  margin: 0 2px;
  float: left;
}

.z-menubar-horizontal .z-menuseparator {
  display: block;
  width: 1px;
  border-left: 1px solid #bbc2c7;
  line-height: 24px;
}

.z-menubar-vertical ul {
  display: inline-table;
}

.z-menubar-vertical li {
  margin: 3px 2px 4px;
}

.z-menubar-vertical li:first-child {
  margin: 2px;
}

.z-menubar-vertical .z-menuseparator {
  height: 0;
  min-height: 0;
  border-top: 1px solid #838383;
  line-height: 0;
}

.z-menubar-vertical .z-menu-icon {
  position: absolute;
  right: 5px;
  top: 5px;
}

.z-menu,
.z-menuitem {
  background: transparent none repeat 0 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  color: #707172;
  font-weight: normal;
  text-decoration: none;
  height: 28px;
}

.z-menu-text,
.z-menuitem-text {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  line-height: 16px;
}

img ~ .z-menu-text, img ~
.z-menuitem-text {
  vertical-align: middle;
}

.z-menu-text:empty,
.z-menuitem-text:empty {
  display: none;
}

.z-menu-image,
.z-menuitem-image {
  max-width: 16px;
  margin-right: 3px;
}

.z-menu-content,
.z-menuitem-content {
  min-height: 28px;
  padding: 3px 5px 3px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 5px 3px 5px;
  line-height: 22px;
  height: 28px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 20;
  background: transparent;
  color: currentColor;
}

.z-menu-content[disabled],
.z-menuitem-content[disabled] {
  opacity: 0.6;
  background: none;
  background: none;
  cursor: default;
}

.z-menu-content i,
.z-menuitem-content i {
  display: inline-block;
  width: 16px;
  font-size: 16px;
  margin-right: 6px;
  text-align: center;
}

.z-menu-content > i,
.z-menuitem-content > i {
  cursor: pointer;
}

.z-menu:hover,
.z-menuitem:hover {
  color: #707172;
  background: #D2D2D2;
}

.z-menu.z-menu-disabled:hover,
.z-menuitem.z-menuitem-disabled:hover {
  color: unset;
  background: none;
}

.ie .z-menu.z-menu-disabled:hover, .ie
.z-menuitem.z-menuitem-disabled:hover {
  color: inherit;
}

.z-menuitem:hover > .z-menuitem-content {
  color: #707172;
  background: #D2D2D2;
}

.z-menuitem:hover > .z-menuitem-content[disabled] {
  background: none;
}

.z-menu-hover > .z-menu-content,
.z-menuitem-hover > .z-menu-content, .z-menu-hover >
.z-menuitem-content,
.z-menuitem-hover >
.z-menuitem-content {
  color: #fff;
  background: #F08200;
}

.z-menu-hover:hover > .z-menu-content,
.z-menuitem-hover:hover > .z-menu-content, .z-menu-hover:hover >
.z-menuitem-content,
.z-menuitem-hover:hover >
.z-menuitem-content {
  color: #707172;
  background: #D2D2D2;
}

.z-menuitem.z-menuitem-disabled:hover > .z-menuitem-content {
  color: unset;
}

.ie .z-menuitem.z-menuitem-disabled:hover > .z-menuitem-content {
  color: inherit;
}

.z-menu-separator {
  display: none;
}

.z-menu-clickable .z-menu-separator {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 18px;
}

.z-menu-clickable.z-menu:hover .z-menu-separator {
  display: block;
}

.z-menu-clickable.z-menu:active .z-menu-separator, .z-menu-clickable.z-menu-selected .z-menu-separator {
  background: #f0f;
}

.z-menu-clickable .z-menu-text {
  margin-right: 3px;
}

.z-menu-content {
  padding-right: 18px;
}

.z-menu-icon {
  position: absolute;
  top: 5px;
  right: 5px;
}

.z-menu-icon.z-icon-caret-down {
  font-size: 16px;
}

.z-menu-icon.z-icon-caret-right {
  font-size: 15px;
}

.z-menu-icon {
  color: #707172;
}

.z-menu-icon:hover, .z-menu-icon:active {
  color: #f0f;
}

.z-menu-selected > .z-menu-content {
  border-color: #838383 #f0f #f0f #838383;
  background: linear-gradient(to bottom, #f6f6f6, #e4e4e4);
  box-shadow: inset 1px 1px 1px rgba(206, 206, 206, 0.75);
}

.z-menuitem-selected > .z-menuitem-content {
  border-color: #838383 #f0f #f0f #838383;
  background: linear-gradient(to bottom, #f6f6f6, #e4e4e4);
  box-shadow: inset 1px 1px 1px rgba(206, 206, 206, 0.75);
}

.z-menupopup-shadow,
.z-menu-palette-popup,
.z-menu-picker-popup,
.z-menu-content-popup {
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.4);
}

.z-menu-content-popup {
  display: none;
  width: auto;
  height: auto;
  position: absolute;
  overflow: auto;
  z-index: 88000;
}

.z-menupopup {
  padding: 0;
  border: 1px solid #ABABAB;
  background: #FFFFFF;
  box-shadow: 0 0 8px 2px #7F7F7F;
  display: block;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  background: #fff;
  z-index: 88000;
}

.z-menupopup ul {
  border: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none outside none;
  background: transparent none repeat 0 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.z-menupopup-separator {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 32px;
  z-index: 10;
}

.z-menupopup .z-menu-image,
.z-menupopup .z-menuitem-image {
  min-width: 16px;
  min-height: 16px;
  margin-right: 9px;
}

.z-menupopup .z-menuitem-icon {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
  display: none;
  width: 16px;
  margin-left: -25px;
}

.z-menupopup .z-menuitem-icon svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-menupopup .z-menuitem-icon span.z-icon {
  font-size: 14px;
}

.z-menupopup .z-menuitem-icon span.z-icon > i {
  font-size: 14px;
}

.z-menupopup .z-menu-content {
  padding-right: 16px;
}

.z-menupopup .z-menu-icon {
  position: absolute;
  top: 5px;
  right: 5px;
}

.z-menupopup .z-menuseparator {
  font-size: 1px;
  display: block;
  width: auto;
  min-height: 2px;
  border-bottom: 1px solid #F08200;
  padding: 0;
  line-height: 1px;
  position: relative;
}

.z-menuitem-checkable .z-menuitem-image {
  border: 1px solid #F08200;
}

.z-menuitem-checked.z-menuitem-checkable .z-menuitem-icon {
  display: block;
}

.z-menubar-scroll {
  overflow: hidden;
}

.z-menubar-body {
  width: 100%;
  margin-left: 32px;
  margin-right: 32px;
  position: relative;
  overflow: hidden;
}

.z-menubar-content {
  width: 5000px;
}

.z-menubar-icon {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
  opacity: 0.7;
  margin-top: -6px;
  margin-left: -4px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.z-menubar-icon svg.z-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}

.z-menubar-icon span.z-icon {
  font-size: 18px;
}

.z-menubar-icon span.z-icon > i {
  font-size: 18px;
}

.z-menubar-left:active, .z-menubar-right:active {
  box-shadow: inset 1px 1px 1px rgba(206, 206, 206, 0.75);
}

.z-menubar-left:hover > .z-menubar-icon, .z-menubar-right:hover > .z-menubar-icon {
  color: #F08200;
  opacity: 1;
}

.z-menubar-left {
  left: 0;
}

.z-menubar-scrollable {
  width: 32px;
  height: 100%;
  border: solid #cecece;
  border-width: 0 1px;
  line-height: normal;
  background: linear-gradient(to bottom, #f6f6f6, #e4e4e4);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 25;
}

.z-menupopup.popup-selection-menu {
  max-height: 500px;
  overflow-y: auto;
}

.z-menupopup.popup-selection-menu .z-menuitem {
  padding-right: 15px;
}

.z-menupopup.without-icons .z-menupopup-separator,
.z-menupopup.without-icons .z-menuitem-image {
  display: none;
}

.z-menupopup.without-icon .z-menuitem [class^="z-icon-"],
.z-menupopup.without-icon .z-menuitem [class="no-icon"],
.z-menupopup.without-icon .z-menupopup-separator {
  display: none;
}

.z-menuitem-checkable .z-menuitem-image {
  background: #FFFFFF;
}

.z-menu-hover > .z-menu-content,
.z-menuitem-hover > .z-menu-content, .z-menu-hover >
.z-menuitem-content,
.z-menuitem-hover >
.z-menuitem-content {
  color: #fff;
  background: #F08200;
}

.z-menu-hover:hover > .z-menu-content,
.z-menuitem-hover:hover > .z-menu-content, .z-menu-hover:hover >
.z-menuitem-content,
.z-menuitem-hover:hover >
.z-menuitem-content {
  color: #fff;
  background: #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-panel {
  overflow: hidden;
  zoom: 1;
}

.z-panel-shadow {
  box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.5);
}

.z-panel-collapsed {
  height: auto !important;
}

.z-panel-head {
  border: none;
  padding: 6px 5px 2px;
  overflow: hidden;
}

.z-panel-header {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  color: #707172;
  border: 0;
  padding: 0;
  line-height: 24px;
  overflow: hidden;
  zoom: 1;
}

.z-panel-header-move {
  cursor: move;
}

.z-panel-body {
  margin: 0;
  overflow: hidden;
  zoom: 1;
}

.z-panel-body:first-child {
  height: 100%;
}

.z-panel-top .z-toolbar.z-toolbar-panel,
.z-panel-footer .z-toolbar.z-toolbar-panel {
  border-width: 0px;
  padding: 4px;
}

.z-panel-close {
  font-size: 18px;
  line-height: 23px;
}

.z-panel-minimize {
  padding-top: 5px;
}

.z-panel-expand {
  font-size: 18px;
  border: none;
  padding: 0;
  margin: 0 1px;
}

.z-panel-resize-faker {
  border: 1px dashed #f0f;
  background: #f0f;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 60000;
}

.z-panel-move-ghost {
  border-radius: 4px 4px 0 0;
  margin: 0;
  padding: 0;
  background: #f0f;
  opacity: 0.6;
  position: absolute;
  overflow: hidden;
  cursor: move;
}

.z-panel-move-ghost .z-panel-body {
  padding: 0;
}

.z-panel-move-ghost .z-panel-icon {
  opacity: 1;
}

.z-panel-move-ghost dl {
  font-size: 0;
  display: block;
  border: 1px solid #cecece;
  border-top: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}

.z-panel-move-block {
  border: 2px dashed #b2cad6;
}

.z-panel-noframe .z-panel-body {
  border: 0;
}

.z-panel-noframe .z-panel-body .z-panelchildren {
  border-top: 0;
}

.z-panel-noheader .z-panel-body {
  border-top: 1px solid #bbc2c7;
  border-radius: 4px;
}

.z-panel-noheader.z-panel-noframe .z-panel-body {
  border: 0;
  border-radius: 0;
}

.z-panel-noheader.z-panel-noframe .z-panelchildren {
  border-top: 1px solid #cecece;
}

.z-panel-noborder.z-panel-noframe .z-panelchildren {
  border: none;
}

.z-panelchildren {
  border: 1px solid #cecece;
  overflow: auto;
}

.z-panelchildren.no-space {
  padding: 0px;
}

.z-panel-icon {
  color: #333;
  display: block;
  margin: auto 1px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  float: right;
  background: none;
}

.z-panel-maximize,
.z-panel-minimize,
.z-panel-close,
.z-panel-expand {
  font-size: 16px;
  width: 28px;
  height: 24px;
  line-height: 24px;
}

.z-panel-drag-button {
  display: none;
}

.z-panel-drag-button + .z-panel-body {
  height: 100%;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-toast {
  position: relative;
  will-change: opacity;
}

.z-toast:focus-within {
  box-shadow: 0 3px 6px 0 rgba(240, 130, 0, 0.6);
}

.z-toast-content {
  font-weight: normal;
  width: 320px;
  padding: 16px 42px 16px 56px;
  position: relative;
  background: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}

.z-toast-title {
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  margin: 10px 0;
}

.z-toast-message {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
}

.z-toast-close {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0 2px;
  position: absolute;
  top: 50%;
  right: 12px;
  cursor: pointer;
  margin-top: -10px;
}

.z-toast-close svg.z-icon {
  width: 15px;
  height: 15px;
  display: inline-block;
}

.z-toast-close span.z-icon {
  font-size: 15px;
}

.z-toast-close span.z-icon > i {
  font-size: 15px;
}

.z-toast-icon {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 32px;
  height: 32px;
  top: 50%;
  font-size: 32px;
  line-height: 32px;
  margin-top: -16px;
  left: 16px;
}

.z-toast-badge {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #fff;
  background: #F08200;
  border-radius: 7px;
  box-shadow: 0 0 0 2px white;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  top: calc(50% - 34px / 2);
  left: calc(16px + 32px - 12px);
  min-width: 14px;
  height: 16px;
  line-height: 13px;
  padding: 0 3px;
}

.z-toast-position-top-left, .z-toast-position-top-center, .z-toast-position-top-right {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  top: 0;
}

.z-toast-position-middle-left, .z-toast-position-middle-center, .z-toast-position-middle-right {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.z-toast-position-bottom-left, .z-toast-position-bottom-center, .z-toast-position-bottom-right {
  bottom: 0;
}

.z-toast-position-top-left, .z-toast-position-middle-left, .z-toast-position-bottom-left {
  left: 0;
}

.z-toast-position-top-right, .z-toast-position-middle-right, .z-toast-position-bottom-right {
  right: 0;
}

.z-toast-position-top-center, .z-toast-position-middle-center, .z-toast-position-bottom-center {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.z-toast-position {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1800;
}

.z-toast-position > .z-toast {
  margin-top: 10px;
}

.z-toast-position-middle-center {
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.z-popup {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  color: #707172;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0 8px 2px #7F7F7F;
}

.z-popup-move-ghost {
  padding: 0;
  background: #fff;
  border: 1px solid #999;
  opacity: 0.65;
  position: absolute;
  cursor: move !important;
}

.z-popup-header {
  overflow: hidden;
  zoom: 1;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #707172;
  background: #FFFFFF;
  padding: 18px 28px 0px;
  margin: 0;
  min-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  cursor: move;
}

.z-popup-content {
  font-size: 14px;
  font-weight: normal;
  height: 100%;
  margin: 9px 28px 18px;
}

.z-popup-icon {
  margin: 0;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
  right: 5px;
  border-width: 1px;
  background: transparent;
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  border-style: solid;
  border-color: transparent;
}

.z-popup-icon:not([disabled]):not(:disabled):active {
  color: #ABABAB;
  --icon-base-color: #ABABAB;
  --icon-highlight-color: #ABABAB;
  background: white;
}

.z-popup-icon > i {
  cursor: inherit;
}

.z-popup-icon.z-popup-close svg.z-icon {
  pointer-events: none;
}

.z-popup.hidden {
  visibility: hidden;
}

.popup-login {
  top: 65px !important;
  left: 0;
}

.formatted-tooltip {
  min-width: 0;
  white-space: nowrap;
  box-shadow: 0 0 20px 2px #7F7F7F;
}

.popup-hint {
  max-width: 594px;
  box-shadow: 0 0 20px 2px #7F7F7F;
}

.popup-hint .z-popup-header,
.popup-hint .z-popup-content,
.formatted-tooltip .z-popup-header,
.formatted-tooltip .z-popup-content {
  cursor: move;
}

.tooltip-popup > .z-popup-content {
  margin: 10px 15px;
}

.tooltip-popup .z-label.multiline {
  max-width: 400px;
  overflow: hidden;
  line-height: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.z-popup-header button {
  padding: 2px;
}

.z-notification {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.z-notification-icon {
  position: absolute;
  top: 50%;
  left: 2px;
  z-index: 1;
}

.z-notification-icon.z-icon-times {
  margin-top: -5px;
}

.z-notification-icon.z-icon-times-circle, .z-notification-icon.z-icon-exclamation-circle, .z-notification-icon.z-icon-info-circle {
  font-size: 24px;
  margin-top: -12px;
  left: 12px;
}

.z-notification-pointer + .z-notification-icon {
  left: 14px;
}

.z-notification-left + .z-notification-icon {
  left: 24px;
}

.z-notification-up + .z-notification-icon {
  margin-top: -6px;
}

.z-notification-down + .z-notification-icon {
  margin-top: -18px;
}

.z-notification-content {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  width: 250px;
  min-height: 130px;
  border-radius: 10px;
  padding: 15px 18px 15px 45px;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

.z-notification-pointer ~ .z-notification-content {
  display: table-cell;
  width: 125px;
  height: 60px;
  min-height: 60px;
  border-radius: 5px;
  padding: 5px 18px 5px 45px;
  vertical-align: middle;
}

.z-notification-pointer {
  display: none;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  position: absolute;
  z-index: 100;
}

.z-notification-left,
.z-notification-right,
.z-notification-up,
.z-notification-down {
  border: 10px solid transparent;
}

.z-notification-left {
  border-right-color: rgba(51, 51, 51, 0.9);
}

.z-notification-right {
  border-left-color: rgba(51, 51, 51, 0.9);
}

.z-notification-up {
  border-bottom-color: rgba(51, 51, 51, 0.9);
}

.z-notification-down {
  border-top-color: rgba(51, 51, 51, 0.9);
}

.z-notification-info .z-notification-content {
  background: rgba(130, 180, 60, 0.9);
}

.z-notification-info .z-notification-left {
  border-right-color: rgba(130, 180, 60, 0.9);
}

.z-notification-info .z-notification-right {
  border-left-color: rgba(130, 180, 60, 0.9);
}

.z-notification-info .z-notification-up {
  border-bottom-color: rgba(130, 180, 60, 0.9);
}

.z-notification-info .z-notification-down {
  border-top-color: rgba(130, 180, 60, 0.9);
}

.z-notification-warning .z-notification-content {
  background: rgba(240, 130, 0, 0.9);
}

.z-notification-warning .z-notification-left {
  border-right-color: rgba(240, 130, 0, 0.9);
}

.z-notification-warning .z-notification-right {
  border-left-color: rgba(240, 130, 0, 0.9);
}

.z-notification-warning .z-notification-up {
  border-bottom-color: rgba(240, 130, 0, 0.9);
}

.z-notification-warning .z-notification-down {
  border-top-color: rgba(240, 130, 0, 0.9);
}

.z-notification-error .z-notification-content {
  background: rgba(230, 70, 15, 0.9);
}

.z-notification-error .z-notification-left {
  border-right-color: rgba(230, 70, 15, 0.9);
}

.z-notification-error .z-notification-right {
  border-left-color: rgba(230, 70, 15, 0.9);
}

.z-notification-error .z-notification-up {
  border-bottom-color: rgba(230, 70, 15, 0.9);
}

.z-notification-error .z-notification-down {
  border-top-color: rgba(230, 70, 15, 0.9);
}

.z-notification-close {
  font-size: 10px;
  width: 12px;
  height: 12px;
  padding: 0 2px;
  line-height: 11px;
  opacity: 0.6;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.z-notification-close:hover {
  border-radius: 2px;
  background: #FFFFFF;
  opacity: 1;
}

.z-notification-pointer ~ .z-notification-close {
  top: 5px;
  right: 5px;
}

.z-notification-right ~ .z-notification-close {
  top: 5px;
  right: 17px;
}

.z-notification-up ~ .z-notification-close {
  top: 17px;
}

.z-notification-info .z-notification-close:hover {
  color: rgba(130, 180, 60, 0.9);
}

.z-notification-warning .z-notification-close:hover {
  color: rgba(240, 130, 0, 0.9);
}

.z-notification-error .z-notification-close:hover {
  color: rgba(230, 70, 15, 0.9);
}

.z-popup.config-flyout > .z-popup-content {
  margin: 9px 0 9px 18px;
}

.z-popup.config-flyout > .z-popup-content > .config-fields {
  margin: 20px 0;
}

.z-popup.config-flyout > .z-popup-content > .config-fields > .z-togglebutton {
  padding-left: 8px;
}

.z-popup.config-flyout > .z-popup-content > .z-grid {
  max-height: 70vh;
  padding-right: 9px;
  overflow-y: auto;
}

.z-popup.config-flyout > .z-popup-content > .z-grid > .z-grid-body {
  max-height: 70vh;
}

.z-popup.config-flyout > .z-popup-content > .popup-buttons {
  margin-top: 9px;
  margin-right: 9px;
}

.z-popup.popup-dropdown {
  max-height: 70vh;
  overflow-y: auto;
  min-width: auto;
  width: auto !important;
  padding: 0;
}

.z-popup.popup-dropdown > .z-popup-content {
  margin: 0;
}

.z-popup.popup-dropdown > .z-popup-content > .z-listbox > .z-listbox-body {
  max-height: 70vh;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-progressmeter {
  height: 17px;
  border: 1px solid #cecece;
  background: #FFFFFF 0 0 repeat-x;
  background-image: url(/mvweb/zkau/web/810aeee2/dzbank/zul/img/misc/prgmeter-anim.gif);
  text-align: left;
  overflow: hidden;
}

.z-progressmeter-image {
  font-size: 0;
  display: inline-block;
  height: 14px;
  line-height: 0;
  background: #ABABAB;
}

.z-progressmeter-image.blue {
  background: #ABABAB;
}

.z-fieldrow .z-progressmeter {
  width: 100% !important;
}

.z-progressbar-progress {
  width: 100%;
  background: #ddd;
}

.z-progressbar-bar {
  height: 4px;
  background: #ABABAB;
}

.z-progressbar-label {
  width: 100%;
  text-align: center;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-separator-horizontal, .z-separator-horizontal-bar {
  font-size: 0;
  height: 7px;
  line-height: 0;
  overflow: hidden;
}

.z-separator-horizontal-bar {
  background-image: url(/mvweb/zkau/web/810aeee2/img/dot.gif);
  background-position: center left;
  background-repeat: repeat-x;
}

.z-separator-vertical, .z-separator-vertical-bar {
  display: inline-block;
  width: 10px;
  overflow: hidden;
}

.z-separator-vertical-bar {
  background-image: url(/mvweb/zkau/web/810aeee2/img/dot.gif);
  background-position: top center;
  background-repeat: repeat-y;
}

.z-separator-large {
  height: 20px;
}

.z-separator-overline {
  border-top: 1px solid #000;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-slider {
  background-image: none;
}

.z-slider-center {
  border-radius: 5px;
  cursor: pointer;
}

.z-slider-button {
  width: 16px;
  height: 16px;
  border: 1px solid #cecece;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eee 100%);
  position: relative;
  cursor: pointer;
}

.z-slider-button:active {
  border-top-color: #838383;
  border-left-color: #838383;
  background: linear-gradient(to bottom, #e4e4e4, #f6f6f6);
}

.z-slider-button:hover {
  background: none;
  background: #e4e4e4;
}

.z-slider-horizontal {
  height: 32px;
}

.z-slider-horizontal .z-slider-center {
  width: 100%;
  height: 6px;
  margin-top: -3px;
  background: linear-gradient(to bottom, #cecece 0%, #bbc2c7 13%, #e4e4e4 100%);
  position: relative;
  top: 50%;
}

.z-slider-horizontal .z-slider-button {
  top: -5px;
  left: 0;
}

.z-slider-vertical {
  font-size: 0;
  width: 32px;
  margin-right: 0px;
  line-height: 0;
}

.z-slider-vertical .z-slider-button {
  left: -5px;
}

.z-slider-vertical .z-slider-center {
  width: 6px;
  height: 100%;
  margin: auto;
  background: linear-gradient(to right, #cecece 0%, #bbc2c7 13%, #e4e4e4 100%);
}

.z-slider-popup {
  padding: 2px;
  position: absolute;
  z-index: 60000;
  box-shadow: 0 0 8px 2px #7F7F7F;
}

.z-slider-sphere .z-slider-vertical .z-slider-button {
  bottom: 0;
}

.z-slider-sphere .z-slider-button, .z-slider-scale .z-slider-button {
  border-radius: 15px;
}

.z-slider-scale {
  background-image: url(/mvweb/zkau/web/810aeee2/dzbank/zul/img/slider/ticks.gif);
}
/*!
 * (C) 2019 PPI AG
 */
/*!
 * (C) 2019 PPI AG
 */
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-toolbar.z-toolbar-tabs {
  border-bottom: 1px solid #f0f;
  padding: 4px 4px;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
}

.z-tabbox-top .z-tab:first-child {
  border-left: 1px solid #DFDEDD;
}

.z-tabbox-top .z-tab {
  border-right: 1px solid #DFDEDD;
  border-top: 1px solid #DFDEDD;
}

.z-tabbox-top > .z-tabs .z-tab.z-tab-disabled .z-tab-content .z-tab-text {
  border-bottom: none;
}

.z-tabbox {
  position: relative;
  overflow: hidden;
  padding: 15px;
}

.z-tabbox-top .z-tabs-content, .z-tabbox-bottom .z-tabs-content {
  white-space: nowrap;
}

.z-tabbox-top .z-tab, .z-tabbox-bottom .z-tab {
  display: inline-block;
  float: none;
  vertical-align: bottom;
}

.z-tabbox-icon {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 15px;
  cursor: pointer;
  z-index: 25;
  opacity: .7;
}

.z-tabbox-icon svg.z-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.z-tabbox-icon span.z-icon {
  font-size: 16px;
}

.z-tabbox-icon span.z-icon > i {
  font-size: 16px;
}

.z-tabbox-icon > i {
  cursor: pointer;
}

.z-tabbox-icon:hover {
  opacity: 1;
}

.z-tabbox-icon.disabled-scroll, .z-tabbox-icon.disabled-scroll:hover {
  color: rgba(112, 113, 114, 0.25);
  opacity: 1;
}

.z-tabbox-icon.disabled-scroll > i, .z-tabbox-icon.disabled-scroll:hover > i {
  cursor: default;
}

.z-tabbox-left-scroll,
.z-tabbox-right-scroll {
  width: 25px;
  height: 37px !important;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.z-tabbox-right-scroll {
  right: 15px;
  margin-right: 15px;
}

.z-tabbox-up-scroll,
.z-tabbox-down-scroll {
  height: 24px;
}

.z-tabbox-down-scroll {
  top: auto;
  bottom: 0;
}

.z-tabbox-scroll > .z-tabs {
  margin: 0 24px 0 24px;
  padding-bottom: 0;
  zoom: 1;
  width: auto !important;
}

.z-tabbox-scroll > .z-tabbox-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.z-tabbox-scroll > .z-tabbox-icon.disabled-scroll {
  cursor: default;
}

.z-tabs {
  border: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 0;
  line-height: 16px;
  overflow: hidden;
  position: relative;
}

.z-tabs-content {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  zoom: 1;
  clear: both;
  background-clip: padding-box;
  border-bottom: 1px solid #DFDEDD;
  height: 35px;
}

.z-tab {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: block;
  margin: 0;
  line-height: 26px;
  text-align: center;
  position: relative;
  cursor: pointer;
  float: left;
  padding-left: 0;
}

.z-tab:first-child {
  padding-left: 0;
}

.z-tab.z-tab-disabled, .z-tab.z-tab-selected {
  cursor: default;
}

.z-tab-content {
  display: block;
  position: relative;
  padding: 0 5px;
  min-width: 90px;
  height: 35px;
}

.z-tab:not(.z-tab-disabled):hover {
  background: rgba(171, 171, 171, 0.3);
}

.z-tab-icon {
  display: block;
  margin-top: -6px;
  line-height: normal;
  position: absolute;
  top: 50%;
  left: 5px;
  cursor: pointer;
}

.z-tab-text {
  font-style: normal;
  display: block;
  padding: 10px 20px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.z-tab-image {
  vertical-align: middle;
}

.z-tab-button {
  font-size: 14px;
  display: block;
  width: 24px;
  height: 100%;
  line-height: normal;
  opacity: 0.7;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 15;
  zoom: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.z-tab-button + .z-tab-text {
  margin-right: 14px;
}

.z-tab .z-caption {
  margin: auto;
}

.z-tab-selected {
  background: none;
}

.z-tab-selected .z-tab-text {
  cursor: default;
}

.z-tab-disabled:hover {
  background: none;
}

.z-tab-disabled > .z-tab-content {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}

.z-tab-disabled .z-tab-text {
  font-style: normal;
  cursor: default;
  white-space: nowrap;
}

.z-tab.z-tab-selected .z-tab-content,
.z-tab.z-tab-selected .z-tab-content:hover {
  background: #DFDEDD;
}

.z-tabbox .z-tabbox .z-tab.z-tab-selected .z-tab-content,
.z-tabbox .z-tabbox .z-tab.z-tab-selected .z-tab-content:hover {
  background: #DFDEDD;
}

.z-tabbox .z-tabbox .z-tabpanel {
  background: #DFDEDD;
}

.z-tabbox-top > .z-tabpanels > .z-tabpanel {
  border-top: none;
  margin-top: 0;
}

.z-tabpanels {
  zoom: 1;
  overflow: hidden;
  position: relative;
}

.z-tabpanel {
  border: 1px solid #DFDEDD;
  background: #FFFFFF;
  padding: 0;
  zoom: 1;
  overflow: auto;
}

.z-tabpanel.with-space > .z-label {
  display: inline-block;
  margin-left: 15px;
}

.low-resolution .z-tabbox {
  min-height: 200px;
}

.z-tabbox.transactiondetails {
  height: 263px;
}

.low-resolution .z-tabbox.transactiondetails {
  height: 252px;
}

.z-tab {
  background: #F0F0F0;
  color: #707172;
}

.z-tab.z-tab-disabled:hover {
  background: #F0F0F0;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-header-toolbar {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  background-color: #F0F0F0;
  color: #7F7F7F;
  height: 49px;
}

.z-header-toolbar.toolbar-separator-right {
  background-color: #F0F0F0;
}

.z-header-toolbar > .z-header-toolbar-content {
  height: auto;
  display: flex;
  padding: 0 5px;
  align-items: center;
  flex: 1;
}

.z-header-toolbar .z-label {
  display: inline-block;
  float: none;
  font-weight: normal;
  padding-right: 4px;
}

.z-header-toolbar .z-button.nolabel {
  width: 38px;
  height: 38px;
  padding: 0 3px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
}

.z-header-toolbar .z-button.nolabel.invert-margin {
  margin-left: 5px;
  margin-right: 0;
}

.z-header-toolbar .z-combobutton .z-combobutton-content {
  height: 38px;
}

.z-header-toolbar .z-combobutton .z-combobutton-content svg.z-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.z-header-toolbar .z-combobutton .z-combobutton-content span.z-icon {
  font-size: 24px;
}

.z-header-toolbar .z-combobutton .z-combobutton-content span.z-icon > i {
  font-size: 24px;
}

.z-header-toolbar .button-separator {
  display: inline-flex;
  width: 2px;
  margin: 0 10px 0 5px;
  position: relative;
  top: 0;
  height: 22px;
  border-left: 1px solid #7F7F7F;
}

.z-header-toolbar .z-button svg.z-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.z-header-toolbar .z-button span.z-icon {
  font-size: 24px;
}

.z-header-toolbar .z-button span.z-icon > i {
  font-size: 24px;
}

.z-header-toolbar .search-result {
  align-items: center;
  flex-grow: 1;
  position: relative;
  display: inline-flex;
  padding-right: 1px;
  padding-left: 1px;
  padding-bottom: 0;
  max-height: 38px;
}

.z-header-toolbar .search-result .z-label {
  display: inline;
}

.z-header-toolbar .filter-context {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-top: 2px;
  padding-right: 1px;
  padding-left: 1px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-bottom: none;
  padding-bottom: 6px;
  overflow: hidden;
}

.z-header-toolbar .filter-context .filter-result {
  overflow: hidden;
}

.z-header-toolbar .filter-context.filterbox-opened {
  background: #DFDEDD;
  border-color: transparent;
}

.z-header-toolbar .filter-context.filterbox-opened::after {
  position: absolute;
  content: "";
  left: -2px;
  right: -2px;
  height: 2.5px;
  background: inherit;
  bottom: -2.5px;
  border: inherit;
  border-top: none;
  border-bottom: none;
}

.z-header-toolbar .filter-context.filterbox-closed {
  background: transparent;
}

.z-header-toolbar .filter-result {
  display: inline-block;
  cursor: pointer;
}

.z-header-toolbar .filter-result .z-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.z-header-toolbar .filter-result .z-label {
  display: block;
}

.z-header-toolbar .filter-result + .z-button.nolabel {
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 5px 0 5px 0;
  line-height: 20px;
}

.z-header-toolbar .filter-result + .z-button.nolabel svg.z-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.z-header-toolbar .filter-result + .z-button.nolabel span.z-icon {
  font-size: 20px;
}

.z-header-toolbar .filter-result + .z-button.nolabel span.z-icon > i {
  font-size: 20px;
}

.z-header-toolbar .z-button.nolabel.button-inline {
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 5px 0 5px 0;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.z-header-toolbar .z-button.nolabel.button-inline svg.z-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.z-header-toolbar .z-button.nolabel.button-inline span.z-icon {
  font-size: 20px;
}

.z-header-toolbar .z-button.nolabel.button-inline span.z-icon > i {
  font-size: 20px;
}

.z-header-toolbar .z-button.nolabel.button-inline svg.z-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.z-header-toolbar .z-button.nolabel.button-inline span.z-icon {
  font-size: 16px;
}

.z-header-toolbar .z-button.nolabel.button-inline span.z-icon > i {
  font-size: 16px;
}

.z-header-toolbar .z-icon-grid-searchbox {
  position: relative;
}

.z-header-toolbar .z-icon-grid-searchbox:before {
  color: #F08200;
  content: "\f002";
  position: absolute;
  right: 10px;
  top: 5px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.z-header-toolbar .z-button.nolabel:not(.button-inline) .z-icon-fredoka-paragraph {
  font-size: 23px;
}

.z-header-toolbar .z-icon-grid-infobox:before {
  content: "\f05a";
  position: relative;
  left: 345px;
  top: 2px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.z-header-toolbar .z-icon-grid-infobox .z-textbox {
  padding-right: 26px;
  width: 350px;
  margin: 0 5px 0 0;
  border: 0;
}

.z-header-toolbar .z-button {
  margin-right: 5px;
}

.z-header-toolbar .z-button:last-child {
  margin-right: 0;
}

.z-header-toolbar .z-button:not([disabled]) {
  color: #7F7F7F;
  background: transparent;
}

.z-header-toolbar .z-button:not([disabled]):not(:disabled):hover {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
  background: #FFFFFF;
}

.z-header-toolbar .z-button:not([disabled]):not(:disabled):focus {
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
}

.z-header-toolbar .z-combobutton {
  margin-right: 5px;
}

.z-header-toolbar > .z-caption-content {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}

.popup-content-framed .z-header-toolbar .z-icon-grid-searchbox > .z-textbox,
.z-header-toolbar .z-icon-grid-searchbox > .z-textbox {
  padding-right: 18px;
  width: 250px;
  margin: 0 5px 0 0;
}

.ie .z-header-toolbar .z-button.nolabel {
  min-width: 34px;
}

.ie .z-header-toolbar .search-result {
  flex-shrink: 0;
}

.z-header-toolbar {
  border-bottom: 1px solid #DFDEDD;
}

.z-header-toolbar.toolbar-separator-right {
  border-bottom: none;
  border-right: 1px solid #DFDEDD;
}

.z-header-toolbar:not(.with-filter) {
  padding: 5px 0;
}

.z-toolbar .z-button:not(.default-action):not(:disabled):not(:hover):not(:focus):not(:active),
.z-header-toolbar .z-button:not(.default-action):not(:disabled):not(:hover):not(:focus):not(:active),
.footer-buttons .z-button:not(.default-action):not(:disabled):not(:hover):not(:focus):not(:active) {
  color: #7F7F7F;
}

.z-toolbar .z-button:not(.default-action):not(:disabled):active,
.z-header-toolbar .z-button:not(.default-action):not(:disabled):active,
.footer-buttons .z-button:not(.default-action):not(:disabled):active {
  background: transparent;
}

.z-toolbar .z-button:not(.default-action):disabled,
.z-header-toolbar .z-button:not(.default-action):disabled,
.footer-buttons .z-button:not(.default-action):disabled {
  color: #D2D2D2;
}

.z-tabpanel .z-toolbar .z-button:not(.default-action):disabled, .z-tabpanel
.z-header-toolbar .z-button:not(.default-action):disabled, .z-tabpanel
.footer-buttons .z-button:not(.default-action):disabled {
  color: #ABABAB;
}

.z-header-toolbar .filter-context {
  border-width: 4px 2px 2px;
}

.z-header-toolbar .filter-context .filter-button:not(:hover):not(:active):not(:focus) .z-combobutton-content {
  color: #7F7F7F;
}

.z-header-toolbar .filter-context .filter-button:hover {
  background: #FFFFFF;
}

.z-header-toolbar .filter-context ~ .search-result {
  padding-top: 4px;
}

.z-header-toolbar .z-icon-grid-infobox .z-textbox {
  background: #F0F0F0;
  text-align: right;
}

.z-tabpanel.header-toolbar-container .z-header-toolbar,
.z-tabpanel .header-toolbar-container .z-header-toolbar,
.z-groupbox .header-toolbar-container .z-header-toolbar {
  background: #DFDEDD;
  border-bottom-color: #D2D2D2;
}

.z-tabpanel.header-toolbar-container .z-header-toolbar .z-button:not(.selected):disabled,
.z-tabpanel.header-toolbar-container .z-header-toolbar .z-button.nolabel:not(.selected):disabled,
.z-tabpanel .header-toolbar-container .z-header-toolbar .z-button:not(.selected):disabled,
.z-tabpanel .header-toolbar-container .z-header-toolbar .z-button.nolabel:not(.selected):disabled,
.z-groupbox .header-toolbar-container .z-header-toolbar .z-button:not(.selected):disabled,
.z-groupbox .header-toolbar-container .z-header-toolbar .z-button.nolabel:not(.selected):disabled {
  color: #ABABAB;
}

.z-tabpanel.header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content .filter-context.filterbox-opened {
  background: #F0F0F0;
}

.z-tabpanel > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content .filter-context.filterbox-opened,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content .filter-context.filterbox-opened,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content .filter-context.filterbox-opened {
  background: #F0F0F0;
}

.wizard-bar .z-button.wizard-step-button.marked {
  color: #F08200;
  background: #FFFFFF;
}

.wizard-bar .z-button.wizard-step-button > .z-vlayout {
  overflow: visible;
}

.wizard-bar .z-button.wizard-step-button[disabled] {
  color: #D2D2D2;
  background: transparent;
  border-color: transparent;
}

.z-toolbar {
  display: block;
  position: relative;
}

.z-caption .z-toolbar {
  background: none;
  border: 0;
}

.z-toolbar-tabs .z-toolbar-content,
.z-toolbar-content {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
}

.z-toolbar-tabs .z-toolbar-content .aligned-container,
.z-toolbar-content .aligned-container {
  display: flex;
  align-items: center;
}

.z-toolbar-panel {
  border-width: 0;
  padding: 5px;
  background: none;
}

.z-toolbar-panel .z-toolbar-horizontal,
.z-toolbar-panel .z-toolbar-vertical {
  border: 0;
  padding: 0;
}

.z-toolbar-panel .z-toolbar-horizontal {
  padding-left: 3px;
}

.z-toolbar-panel .z-toolbar-vertical {
  padding-bottom: 1px;
}

.z-toolbarbutton {
  display: inline-block;
  height: 24px;
  border: 1px solid transparent;
  margin: 0 2px;
  padding: 1px 0;
  line-height: 18px;
  position: relative;
  cursor: pointer;
}

.z-toolbarbutton:hover {
  border-color: #f0f;
  background: linear-gradient(to bottom, #f0f, #f0f);
}

.z-toolbarbutton:active {
  border: 1px solid #f0f;
  background: linear-gradient(to bottom, #f0f, #f0f);
  box-shadow: inset 1px 1px 1px #f0f, 0 0 7px #f0f;
}

.z-toolbarbutton[disabled] {
  color: #D2D2D2 !important;
  border: 1px solid transparent;
  background: none;
  opacity: 0.6;
  cursor: default !important;
  box-shadow: none;
}

.z-toolbarbutton-checked {
  border: 1px solid #f0f;
  border-radius: #f0f;
  background: linear-gradient(to bottom, #f0f, #f0f);
}

.z-toolbarbutton-content {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #f0f;
  padding: 2px;
  line-height: 24px;
  vertical-align: middle;
  position: relative;
  text-shadow: 0 1px #f0f;
  white-space: nowrap;
}

.z-toolbar.footer-buttons {
  padding: 0;
  background: #F0F0F0;
  overflow: auto;
  width: 100%;
}

.z-toolbar.footer-buttons > .z-toolbar-content {
  width: 100%;
  display: flex;
}

.z-toolbar.footer-buttons > .z-toolbar-content > .aligned-container {
  padding: 10px;
}

.z-toolbar.footer-buttons .z-button,
.z-toolbar.footer-buttons .z-combobutton {
  margin-right: 5px;
  vertical-align: middle;
}

.z-toolbar.footer-buttons .z-button {
  height: 34px;
}

.z-toolbar.footer-buttons .z-combobutton-content {
  min-height: 34px;
}

.z-toolbar.footer-buttons .z-groupbox {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}

.z-toolbar.footer-buttons .aligned-container > .z-groupbox:not(:last-child) {
  margin-right: 15px;
}

.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header {
  display: inline-block;
  height: 24px;
  padding: 0;
}

.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-content {
  background: transparent;
  border: none;
  zoom: 1;
}

.z-toolbar.footer-buttons .z-groupbox-content {
  padding: 0;
}

.z-toolbar.footer-buttons .z-groupbox-content > .z-button:last-child,
.z-toolbar.footer-buttons .z-groupbox-content > .z-combobutton:last-child {
  margin-right: 0;
}

.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner {
  vertical-align: middle;
}

.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner:last-child .z-button,
.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner:last-child .z-combobutton {
  margin-right: 0;
}

.z-toolbar.footer-buttons .z-groupbox .z-fieldrow td {
  padding: 0;
}

.z-toolbar.footer-buttons .aligned-container > * {
  margin: 0 5px 0 0;
}

.z-toolbar.footer-buttons .aligned-container > *:last-child {
  margin: 0;
}

.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption > .z-caption-content,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-label,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  min-height: 24px;
  height: 24px;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}

.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption > .z-caption-content,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-label,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title,
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  height: auto;
  top: -2px !important;
}

.wizard > .z-window-content > .z-toolbar.footer-buttons {
  background: rgba(171, 171, 171, 0.15);
}

.wizard-bar.z-header-toolbar {
  height: 65px;
  padding: 4px 0;
}

.wizard-bar.z-header-toolbar > .z-header-toolbar-content > .z-image {
  margin: 0 7px 0 5px;
}

.wizard-bar .z-button.wizard-step-button {
  min-width: 90px;
  height: 57px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.wizard-bar .z-button.wizard-step-button > .z-vlayout {
  margin: auto;
}

.wizard-bar .z-button.wizard-step-button .z-vlayout-inner {
  text-align: center;
  vertical-align: middle;
}

.wizard-bar .z-button.wizard-step-button .z-label {
  display: inline-block;
}

.wizard-bar .z-button.wizard-step-button .icon {
  margin-top: 2px;
  font-size: 24px;
}

.wizard-bar .z-button.wizard-step-button.marked {
  border: 2px solid #ABABAB;
}

.wizard-bar .z-button.wizard-step-button .wizard-finish-icon {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: rgba(130, 180, 60, 0.6);
  padding: 2px 4px;
}

.z-header-toolbar.wizard-bar > .z-header-toolbar-content {
  display: inherit;
  flex: none;
  align-items: unset;
}

.z-iconlabel.wizard-button-status, .z-iconlabel:not(.without-icon).wizard-button-status {
  line-height: 35px;
}

.z-iconlabel.wizard-button-status.larger, .z-iconlabel:not(.without-icon).wizard-button-status.larger {
  padding-left: 29px;
  margin-top: 1px;
}

.z-header-toolbar > .z-window-header > .wizard-bar > .z-caption-content {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}

.z-tabpanel .z-toolbar,
.z-tabpanel .footer-buttons {
  background: #DFDEDD;
}

.z-toolbar.footer-buttons .z-combobutton[disabled] .z-combobutton-content {
  color: #D2D2D2;
  opacity: 1;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-tree {
  overflow: hidden;
  zoom: 1;
}

.z-tree-body {
  position: relative;
  overflow: hidden;
}

.z-tree-body table {
  border-spacing: 0;
}

.z-tree-body table th,
.z-tree-body table td {
  background-clip: padding-box;
  padding: 0;
}

.z-tree-body table th {
  text-align: inherit;
}

.z-tree-emptybody td {
  font-style: italic;
  text-align: center;
  height: 1px;
}

.z-tree-footer {
  border-top: 1px solid #bbc2c7;
  background: #f0f;
  overflow: hidden;
}

.z-tree-footer table {
  border-spacing: 0;
}

.z-tree-footer table th,
.z-tree-footer table td {
  background-clip: padding-box;
  padding: 0;
}

.z-tree-footer table th {
  text-align: inherit;
}

.z-tree-icon, .z-tree-line {
  display: inline-block;
  width: 12px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}

.z-tree-icon {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
}

.z-tree-icon svg.z-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.z-tree-icon span.z-icon {
  font-size: 16px;
}

.z-tree-icon span.z-icon > i {
  font-size: 16px;
}

.z-tree-icon,
.z-tree-icon > [class^="z-icon-"],
.z-tree-icon > [class*=" z-icon-"],
.z-tree-icon + .z-label {
  cursor: pointer;
}

.z-tree-spacer {
  cursor: default;
}

.z-tree.bordered {
  background: #FFFFFF;
}

.z-treecol {
  border-right: 1px solid #F08200;
  border-bottom: 1px solid #F08200;
  padding: 0;
  background: linear-gradient(to bottom, #f6f6f6, #e4e4e4);
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.z-treecol-sort {
  cursor: pointer;
}

.z-treecol-sort .z-treecol-sorticon {
  color: #707172;
  position: absolute;
  top: -7px;
  left: 50%;
}

.z-treecol-sizing,
.z-treecol-sizing .z-treecol-content {
  cursor: e-resize;
}

.z-treerow .z-treecell {
  overflow: hidden;
}

.z-treerow-checkable {
  display: inline-block;
  width: 12px;
  height: 16px;
  border: 1px solid #F08200;
  background: #f6f6f6;
  vertical-align: middle;
}

.z-treerow-checkable.z-treerow-radio {
  border-radius: 8px;
}

.z-treerow-checkable .z-treerow-icon {
  display: none;
  cursor: default;
}

.z-treerow.z-treerow-selected > .z-treecell {
  position: relative;
}

.z-treerow.z-treerow-disabled * {
  opacity: 0.6;
  cursor: default !important;
}

.z-treerow.z-treerow-disabled:hover > .z-treecell {
  background: none;
  position: relative;
}

body:not(.gecko) .z-treerow:hover > .z-treecell {
  position: relative;
}

.z-treecol-content,
.z-treecell-content,
.z-treefooter-content {
  padding: 4px 5px;
  line-height: 20px;
  overflow: hidden;
}

.z-treecol-content {
  font-weight: bold;
  padding: 4px 5px 3px;
  position: relative;
}

.z-treecell-content {
  padding: 0;
  line-height: 26px;
}

.z-treerow:first-child .z-treecell-content {
  line-height: 20px;
}

.z-treecell-text {
  vertical-align: middle;
}

.z-tree-paging-top {
  border-bottom: 1px solid #bbc2c7;
  overflow: hidden;
  width: 100%;
}

.z-tree-paging-bottom {
  border-top: 1px solid #bbc2c7;
  overflow: hidden;
  width: 100%;
}

.z-tree-autopaging .z-treecell-content {
  height: 32px;
  overflow: hidden;
}

.z-tree.more-details .z-tree-spacer {
  display: none;
}

.z-tree.more-details .z-tree-icon + .z-treecell-text {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

.z-tree.more-details .z-tree-close.z-icon-caret-right::before {
  content: "\f054";
}

.z-tree.more-details .z-tree-open.z-icon-caret-down::before {
  position: relative;
  top: -2px;
  content: "\f078";
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-popup,
.z-window {
  overflow: hidden;
  zoom: 1;
  padding: 0;
}

.z-window-bordered {
  border: none;
}

.z-window-shadow {
  box-shadow: 10px 10px 20px 0 #7F7F7F;
}

.z-window-content {
  border: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
}

.z-window-embedded .z-window-content {
  overflow: auto;
}

.z-window-minimize {
  padding-top: 5px;
}

.z-window-resize-faker {
  border: 1px dashed #f0f;
  background: #f0f;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 60000;
}

.z-window-move-ghost {
  border: 1px solid #ddd;
  padding: 0;
  background: #fff;
  opacity: 0.65;
  position: absolute;
  overflow: hidden;
  cursor: move !important;
}

.z-window-move-ghost .z-window-icon {
  opacity: 1;
}

.z-window-move-ghost dl {
  font-size: 0;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}

.z-window-popup {
  padding: 5px 5px 0;
}

.z-window-popup > .z-window-content {
  border-width: 0;
  margin: 0 -5px;
}

.z-window-popup.z-window-noheader {
  padding-top: 0;
}

.z-window-popup.z-window-noheader > .z-window-content {
  margin: 0 0;
}

.z-window-popup.z-window-noborder > .z-window-content {
  margin: 0;
}

.z-window-popup.z-window-noborder, .z-window-modal.z-window-shadow, .z-window-highlighted.z-window-shadow {
  box-shadow: 10px 10px 20px 0 #7F7F7F;
}

.z-window-embedded .z-window-shadow {
  box-shadow: none;
}

.z-window-noborder {
  border: 0;
  padding: 0 0 0;
}

.z-window-noborder > .z-window-content {
  border: 0;
  margin: 0 0;
}

.z-window-noborder.z-window-noheader {
  padding: 0;
}

.z-window-noborder.z-window-noheader > .z-window-content {
  margin: 0;
}

.z-window-noborder.z-window-shadow {
  box-shadow: 10px 10px 20px 0 #7F7F7F;
}

.z-window-icon {
  background: transparent;
  margin: 0;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
  right: 5px;
  border-style: solid;
  border-width: 1px;
  color: #7F7F7F;
  --icon-base-color: #7F7F7F;
  --icon-highlight-color: #7F7F7F;
  border-style: solid;
  border-color: transparent;
}

.z-window-icon:not([disabled]):not(:disabled):focus {
  color: #7F7F7F;
  --icon-base-color: #7F7F7F;
  --icon-highlight-color: #7F7F7F;
}

.z-window-icon:not([disabled]):not(:disabled):active {
  color: #FFFFFF;
  --icon-base-color: #FFFFFF;
  --icon-highlight-color: #FFFFFF;
}

.z-window-icon > i {
  cursor: inherit;
}

.z-window-close {
  padding: 2px;
}

.z-window-close svg.z-icon {
  pointer-events: none;
}

.z-window-header {
  overflow: hidden;
  zoom: 1;
  color: #7F7F7F;
  background: #D2D2D2;
  cursor: default;
  padding: 20px 30px 20px;
  margin: 0;
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: "Frutiger Next W01 Light", "Times New Roman", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
}

.z-window-header > *:not(.z-caption) {
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
}

.z-window-header .z-caption {
  text-overflow: ellipsis;
}

.z-window-header .z-caption-content {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.z-window-header .z-caption-content > img {
  display: none;
}

.z-window-modal > .z-window-header {
  display: inline-block;
  width: 100%;
}

.z-window-header-move {
  cursor: move;
}

.z-window-header > .z-header-toolbar {
  width: 100%;
}

.main-window .z-window-header {
  height: auto;
  min-height: 45px;
  padding-top: 0px;
}

.z-window-move-ghost .z-window-header {
  padding: 25px 30px;
}

.z-window-header button {
  font-size: 22px;
}

.z-messagebox.z-div {
  width: auto !important;
}

.z-messagebox-icon {
  font-size: 50px;
  display: inline-block;
  border: 0;
  height: 50px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
}

.z-messagebox-question::before {
  content: "\f059";
}

.z-messagebox-exclamation::before {
  content: "\f06a";
}

.z-messagebox-information::before {
  content: "\f058";
}

.z-messagebox-error::before {
  content: "\f057";
}

.z-window-modal .z-window-content > .z-hbox:first-child {
  padding: 0;
}

.z-window-modal .z-window-content > .z-hbox:last-child {
  height: 66px;
  line-height: 24px;
  padding: 18px 0px 24px;
  width: 100%;
}

.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button {
  padding: 5px 10px;
  color: #FFFFFF;
  background: #F08200;
  border-color: transparent;
  padding: 5px 10px;
}

.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:hover, .z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:focus:hover {
  color: #FFFFFF;
  border-color: transparent;
  background: #f4a140;
}

.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:active, .z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:active:focus {
  color: #E6460F;
  border-color: transparent;
  background: transparent;
}

.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:focus {
  color: #FFFFFF;
  background: #F08200;
  border-color: transparent;
}

.z-window-modal .z-window-content > .z-hbox:last-child > tbody > tr > td {
  width: 100%;
}

.z-window-modal .z-window-content > .z-hbox:last-child > tbody > tr > td > table {
  float: right;
}

.z-window-modal .z-window-content .z-separator-horizontal-bar {
  background: transparent;
  border: none;
}

.z-window-modal .z-hbox .z-button {
  min-width: 50px;
}

.message-dialog {
  z-index: 9999 !important;
}

.message-dialog-icon {
  font-size: 50px;
  width: 50px;
  padding-right: 5px;
  text-align: center;
}

.message-dialog-title {
  font-family: "Frutiger Next W01 Light", "Times New Roman", serif;
  font-size: 18px;
  font-weight: bold;
}

.message-dialog-text {
  word-wrap: break-word;
  -ms-hyphens: auto;
}

.message-dialog.without-icon .message-dialog-icon {
  display: none;
}

.z-window-modal,
.z-window-overlapped,
.z-messagebox-window,
.z-popup,
.message-dialog {
  border: none;
  padding: 0 0px;
  background: #fff;
  min-width: 216px;
}

.z-window-modal > .z-window-content,
.z-window-overlapped > .z-window-content,
.z-messagebox-window > .z-window-content,
.z-popup > .z-window-content,
.message-dialog > .z-window-content {
  border: none;
  padding: 25px 30px 0;
}

.window-plugin .z-window-modal, .window-plugin
.z-window-overlapped, .window-plugin
.z-messagebox-window, .window-plugin
.z-popup, .window-plugin
.message-dialog {
  padding: 0px;
}

.z-window-overlapped .popup-buttons,
.z-window-modal .popup-buttons,
.z-messagebox-window .z-messagebox-buttons {
  height: 80px;
  line-height: 30px;
  padding: 20px 0px 25px;
}

.z-messagebox-window .z-messagebox-buttons {
  float: right;
}

.window-plugin > body {
  background: transparent;
}

.main-window .initial-page > .z-window-header {
  padding: 15px 15px 0;
}

.main-window > .z-window-content {
  padding: 0px;
}

.content-window > .z-window-content {
  overflow: visible;
}

.initial-page
> .z-window-content
> .z-panel
> .z-panel-body
> .z-panelchildren,
.wizard-content,
.wizard-content.z-window-noborder.z-window-noheader {
  padding: 15px;
}

.z-page > .z-window-noborder.z-window-noheader.main-window,
.wizard-content.z-window-noborder.z-window-noheader.full-screen {
  padding: 0px;
}

.wizard-content > .z-window-content > .z-window {
  border-bottom: 2px solid #F08200;
}

.header-toolbar-container > .z-window-header,
.header-toolbar-container > .z-panel-head,
.header-toolbar-container > .z-panel-body,
.header-toolbar-container > .z-panel-head > .z-panel-header {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.z-window.list-based-dialog {
  width: 60%;
  min-width: 823px;
}

.z-window.list-based-dialog.with-key-boxes {
  min-width: 965px;
}

.z-window.list-based-dialog.with-key-boxes textarea {
  font-size: 12px;
  width: 450px;
}

.z-window.dynamic-dialog {
  max-height: calc(100% - 200px);
  max-width: 80%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1920px) {
  .z-window.dynamic-dialog {
    max-width: 87%;
  }
}

.z-window.dynamic-dialog > .z-window-content {
  display: flex;
  flex-direction: column;
}

.z-window.dynamic-dialog > .z-window-content .popup-content {
  flex: 1;
  overflow: auto;
  scrollbar-gutter: stable;
}

.z-window.display-file-dialog {
  width: 673px;
}

.z-window.display-file-dialog .z-header-toolbar .z-icon-grid-searchbox > .z-textbox {
  width: 125px;
}

.z-window.display-file-dialog.empty {
  height: 550px;
}

.z-window.display-file-dialog .z-iframe {
  width: 613px !important;
}

.z-window.display-file-content {
  width: 613px;
}

.z-window.standard-dialog {
  width: 594px;
}

.z-window.standard-dialog .z-header-toolbar .z-icon-grid-searchbox > .z-textbox {
  width: 125px;
}

.z-window.standard-dialog.empty {
  height: 450px;
}

.z-window.standard-dialog.nobutton > .z-window-content {
  padding-bottom: 25px;
}

.z-window.login-dialog {
  width: 532px;
  height: 303px;
}

.z-window.login-dialog .z-iframe {
  width: 472px !important;
}

.z-window.login-dialog > .z-window-content {
  height: 239px;
}

.z-window.login-dialog .login-error {
  height: 54px;
  overflow: auto;
}

.z-window.file-upload-dialog {
  width: 654px;
}

.z-window-modal > .z-window-content > [class*=" message-"] > * {
  background: #fff;
  padding: 5px;
}

.z-messagebox-viewport {
  display: flex;
}

.z-window-content .z-messagebox {
  padding: 12px;
}

.popup-content > .z-hlayout > .z-hlayout-inner:first-child {
  padding-right: 10px !important;
}

.popup-content .popup-image {
  font-size: 36px;
  margin-left: 2px;
  height: 43px;
  width: 43px;
  text-align: center;
}

.popup-headline {
  display: block;
  font-size: 16px;
  font-weight: bold;
}

.popup-buttons > .z-div {
  text-align: center;
  display: flex;
}

.popup-buttons > .z-div.pack-left .z-button {
  margin-right: 10px;
}

.popup-buttons > .z-div.pack-right .z-button {
  margin-left: 10px;
}

.popup-buttons > .z-div .z-button {
  min-width: 50px;
}

.guided-tour {
  width: 364px;
  box-shadow: 0 0 20px 2px #7F7F7F;
}

.guided-tour.small {
  width: 364px;
}

.guided-tour.large {
  width: 500px;
}

.popup-pointer {
  display: none;
  width: 0;
  height: 0;
  border: none;
  z-index: 100;
  position: absolute;
}

.popup-pointer-shadow {
  display: none;
}

[class^="pointer-"],
[class*=" pointer-"] {
  overflow: visible;
}

.pointer-north-left .popup-pointer, .pointer-north-middle .popup-pointer, .pointer-north-right .popup-pointer, .pointer-east-left .popup-pointer, .pointer-east-middle .popup-pointer, .pointer-east-right .popup-pointer, .pointer-south-left .popup-pointer, .pointer-south-middle .popup-pointer, .pointer-south-right .popup-pointer, .pointer-west-left .popup-pointer, .pointer-west-middle .popup-pointer, .pointer-west-right .popup-pointer {
  display: inline;
  border: 12px solid transparent;
}

.pointer-north-left .popup-pointer, .pointer-north-middle .popup-pointer, .pointer-north-right .popup-pointer {
  clip: rect(12px, 24px, 24px, 0px);
}

.pointer-north-left .popup-pointer {
  top: -22px;
  left: 6px;
  border-bottom-color: #fff;
}

.pointer-north-middle .popup-pointer {
  top: -22px;
  margin-left: 50%;
  left: -12px;
  border-bottom-color: #fff;
}

.pointer-north-right .popup-pointer {
  top: -22px;
  right: 22px;
  border-bottom-color: #fff;
}

.pointer-east-left .popup-pointer, .pointer-east-middle .popup-pointer, .pointer-east-right .popup-pointer {
  clip: rect(0px, 12px, 24px, 0px);
}

.pointer-east-left .popup-pointer {
  top: 9px;
  right: -22px;
  border-left-color: #fff;
}

.pointer-east-middle .popup-pointer {
  top: 50%;
  right: -22px;
  border-left-color: #fff;
}

.pointer-east-right .popup-pointer {
  right: -22px;
  bottom: 6px;
  border-left-color: #fff;
}

.pointer-south-left .popup-pointer, .pointer-south-middle .popup-pointer, .pointer-south-right .popup-pointer {
  clip: rect(0px, 24px, 12px, 0px);
}

.pointer-south-left .popup-pointer {
  right: 6px;
  bottom: -22px;
  border-top-color: #fff;
}

.pointer-south-middle .popup-pointer {
  bottom: -22px;
  margin-left: 50%;
  left: -12px;
  border-top-color: #fff;
}

.pointer-south-right .popup-pointer {
  bottom: -22px;
  left: 6px;
  border-top-color: #fff;
}

.pointer-west-left .popup-pointer, .pointer-west-middle .popup-pointer, .pointer-west-right .popup-pointer {
  clip: rect(0px, 24px, 24px, 12px);
}

.pointer-west-left .popup-pointer {
  bottom: 6px;
  left: -22px;
  border-right-color: #fff;
}

.pointer-west-middle .popup-pointer {
  top: 50%;
  left: -22px;
  border-right-color: #fff;
}

.pointer-west-right .popup-pointer {
  top: 6px;
  left: -22px;
  border-right-color: #fff;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-columnlayout {
  overflow: visible;
}

.z-columnchildren,
.z-columnchildren-content {
  overflow: hidden;
}

.z-columnchildren {
  height: 100%;
  float: left;
}

.z-columnchildren-content {
  width: 100%;
  height: 100%;
}

.z-columnchildren-content > .z-groupbox,
.z-columnchildren-content > .z-idspace {
  display: inline-block;
  float: left;
  clear: left;
}

.z-columnchildren-content > .z-groupbox + .z-groupbox.stack-one-column-layout {
  clear: unset;
}

.ie .z-columnchildren-content > .z-groupbox + .z-groupbox.stack-one-column-layout {
  clear: none;
}

.z-columnchildren-content > .z-window > .z-window-content {
  overflow: hidden;
}

.ie .z-columnlayout,
.ie .z-columnchildren {
  zoom: 1;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-row:first-child .z-detail-outer {
  border-top: none;
}

.z-row .z-detail-outer + td,
.z-row .z-detail-inner:first-child {
  border-left: 1px solid #F08200;
}

.z-input-wrapper {
  display: table;
  width: 100%;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-cardlayout {
  position: relative;
  overflow: hidden;
}

.z-cardlayout-inner {
  position: absolute;
  overflow: hidden;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-chosenbox {
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  padding: 0px 7px 0px 7px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  color: #707172;
  border-color: #DFDEDD;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  width: 265px;
  position: relative;
  display: inline-flex;
  height: auto;
  flex-wrap: wrap;
  overflow: hidden;
  min-width: 81px;
  min-height: 22px;
  line-height: 22px;
  margin: 0;
  padding-top: 1px;
  padding-right: 28px;
  padding-bottom: 1px;
  padding-left: 7px;
  font-style: normal;
  white-space: normal;
  word-wrap: break-word;
}

.z-chosenbox.half-size {
  width: 132px;
}

.z-chosenbox.quarter-size {
  width: 61px;
}

.z-chosenbox.bank-code {
  width: 150px;
}

.z-chosenbox.account-number {
  width: 335px;
}

.z-chosenbox.small-printable {
  width: 480px;
}

.z-chosenbox:focus {
  border-color: #F08200;
}

.z-chosenbox.focused, .z-chosenbox.z-chosenbox-focus {
  border-color: #F08200;
}

.z-chosenbox[disabled] {
  opacity: 0.6;
}

.z-chosenbox.z-chosenbox-disabled {
  opacity: 0.6;
}

.z-chosenbox[readonly] {
  background: #D2D2D2;
}

.z-chosenbox.z-chosenbox-readonly {
  background: #D2D2D2;
}

.z-chosenbox.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.focused, .z-chosenbox.warnbox.z-chosenbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.invalid.focused, .z-chosenbox.warnbox.invalid.z-chosenbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.z-chosenbox-invalid {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.z-chosenbox-invalid:focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.z-chosenbox-invalid.focused, .z-chosenbox.warnbox.z-chosenbox-invalid.z-chosenbox-focus {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.warnbox.z-chosenbox-invalid:hover {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-chosenbox.invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.invalid.focused, .z-chosenbox.invalid.z-chosenbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.z-chosenbox-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.z-chosenbox-invalid:focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.z-chosenbox-invalid.focused, .z-chosenbox.z-chosenbox-invalid.z-chosenbox-focus {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.z-chosenbox-invalid:hover {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-chosenbox.half-size, .z-chosenbox.quarter-size, .z-chosenbox.bank-code, .z-chosenbox.account-number, .z-chosenbox.small-printable {
  min-width: 0;
}

.z-chosenbox.z-icon-caret-down::before {
  content: "\f078";
}

[class^="z-icon-"].z-chosenbox::before,
[class*=" z-icon-"].z-chosenbox::before {
  display: inline-block;
  font: inherit;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #F08200;
  font-size: 14px;
  height: 26px;
  top: 1px;
  right: 7px;
  display: flex;
  align-items: center;
  align-self: start;
  cursor: pointer;
}

.z-chosenbox-button > [class^="z-icon"],
.z-chosenbox-button > [class*=" z-icon"] {
  cursor: pointer;
}

.z-chosenbox-item {
  display: inline-flex;
  align-items: center;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  border: 1px solid #FFFFFF;
  color: #fff;
  background: #F18900;
  margin-right: 2px;
  position: relative;
  cursor: pointer;
  margin-top: 1px;
  margin-bottom: 1px;
}

.z-chosenbox-item-content {
  display: inline-block;
  word-break: break-all;
  padding: 0 15px 0 3px;
  line-height: 20px;
}

.z-chosenbox-item-focus {
  color: #707172;
  background: rgba(171, 171, 171, 0.3);
}

.z-chosenbox-item > .z-chosenbox-button {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  position: absolute;
  right: 2px;
  top: 4px;
}

.z-chosenbox-item > .z-chosenbox-button:hover {
  color: #fff;
}

.z-chosenbox-item-focus > .z-chosenbox-button {
  color: #F08200;
}

.z-chosenbox-item-focus > .z-chosenbox-button:hover {
  color: #707172;
}

.z-chosenbox-input {
  display: inline-block;
  width: 30px;
  height: 20px;
  border: 0 !important;
  padding: 1px 2px 2px;
  background: transparent !important;
  outline: 0;
  box-shadow: none;
  margin: 2px;
}

.z-chosenbox-disabled .z-chosenbox-item {
  cursor: default !important;
}

.z-chosenbox-disabled .z-chosenbox-item > .z-chosenbox-item-content {
  padding-right: 3px !important;
}

.z-chosenbox-disabled .z-chosenbox-item > .z-chosenbox-button {
  display: none !important;
}

.z-chosenbox-disabled .z-chosenbox-button > [class^="z-icon"],
.z-chosenbox-disabled .z-chosenbox-button > [class*=" z-icon"] {
  cursor: default;
}

.z-chosenbox-disabled[class^="z-icon-"].z-chosenbox::before, .z-chosenbox-disabled [class*=" z-icon-"].z-chosenbox::before {
  cursor: default;
}

.z-chosenbox-popup {
  padding: 0;
  border: 1px solid #ABABAB;
  background: #FFFFFF;
  box-shadow: 0 0 8px 2px #7F7F7F;
  display: block;
  position: absolute;
  overflow: auto;
  z-index: 2000 !important;
}

.z-chosenbox-popup-hidden {
  display: none;
}

.z-chosenbox-popup .z-chosenbox-select > table {
  width: 100%;
}

.z-chosenbox-popup .z-chosenbox-select > table > tbody {
  width: 100%;
}

.z-chosenbox-option {
  cursor: pointer;
  color: #707172;
  font-weight: normal;
  text-decoration: none;
  background-color: #FFFFFF;
}

.z-chosenbox-option:nth-child(even) {
  background-color: #FFFFFF;
}

.z-chosenbox-option-key, .z-chosenbox-option-desc {
  min-height: 28px;
  padding: 3px 5px 3px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  padding: 3px 5px 3px 5px;
  line-height: 22px;
}

.z-chosenbox-option-key:first-child, .z-chosenbox-option-desc:first-child {
  border-left: none;
}

.z-chosenbox-option.last-favourite > .z-chosenbox-option-key,
.z-chosenbox-option.last-favourite > .z-chosenbox-option-desc {
  border-bottom: 1px solid #FFFFFF;
}

.z-chosenbox-option:hover {
  color: #707172;
  background: #D2D2D2;
}

.z-chosenbox-option-hover, .z-chosenbox-option-hover:hover, .z-chosenbox-option-hover:nth-child(even), .z-chosenbox-option-hover:nth-child(even):hover {
  color: #fff;
  background: #F08200;
}

.z-chosenbox-empty-creatable.z-chosenbox-option-hover, .z-chosenbox-empty-creatable.z-chosenbox-option-hover:hover {
  color: #fff;
  background: #F08200;
}

.z-chosenbox-option-hover mark {
  color: #ABABAB;
  background-color: #d1e2ef;
}

.z-chosenbox-empty {
  font-style: italic;
  color: #ABABAB;
  padding: 1px 5px;
}

.z-chosenbox-empty-creatable {
  color: #707172;
  background: #FFFFFF;
  padding-top: 2px;
  cursor: pointer;
  height: auto;
}

.z-chosenbox-create {
  color: #82b43c;
  --icon-base-color: #82b43c;
  --icon-highlight-color: #82b43c;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.z-chosenbox-create svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-chosenbox-create span.z-icon {
  font-size: 14px;
}

.z-chosenbox-create span.z-icon > i {
  font-size: 14px;
}

.z-chosenbox table {
  border-spacing: 0;
}

.z-chosenbox-textcontent {
  display: none;
  white-space: nowrap;
}

.z-chosenbox {
  padding: 2px 30px 2px 2px;
}

.z-chosenbox-option:hover {
  color: #707172;
  background: #D2D2D2;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.file-upload-area {
  min-height: 60px;
  border-radius: 10px;
  padding: 10px;
  border: 2px dashed #F08200;
  background: #FFFFFF;
  width: 594px;
}

.file-upload-area > .z-dropupload {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}

.file-upload-area.uploading {
  padding: 5px;
  overflow: hidden;
}

.z-dropupload.file-upload-area-embedded {
  background-color: #FFFFFF;
  padding: 5px;
  margin: 5px;
  width: 579px;
}

.z-dropupload.file-upload-overlay {
  display: flex;
  border: 5px dashed #F08200;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
}

.z-dropupload.file-upload-overlay > div {
  width: 150px;
  height: 150px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(221, 221, 221, 0.8);
  border-radius: 10px;
}

.z-dropupload.file-upload-overlay > div > span {
  color: #eee;
  display: inline-block;
  margin: 55px 27px;
  font-size: 100px;
  text-shadow: 4px 4px #707172;
}

.file-upload-area.hover,
.file-upload-area.hover > .file-upload-area-embedded,
.file-upload-overlay.hover {
  background-color: #DFDEDD;
}

.upload-progress.z-vlayout {
  margin-bottom: 5px;
  position: absolute;
  top: 3px;
  background: inherit;
  width: 98%;
  padding-top: 1%;
}

.progressBarContainer.listUpload .upload-progress.z-vlayout {
  position: relative;
  width: 100%;
}

.dropupload-area .upload-percentage {
  position: absolute;
  left: 240px;
  top: 13px;
}

.progress-dialog .progressBarContainer {
  margin-top: 20px;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-navbar {
  display: block;
  position: relative;
  white-space: nowrap;
  background: #FFFFFF;
  font-size: 14px;
}

.z-navbar ul {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #707172;
}

.z-navbar > ul ul {
  display: none;
  width: auto;
}

.z-navbar > ul ul .z-nav-content,
.z-navbar > ul ul .z-navitem-content {
  padding-left: 32px;
}

.z-navbar .z-nav-content,
.z-navbar .z-navitem-content,
.z-navbar .z-navseparator {
  background: #FFFFFF;
}

.z-navbar-horizontal li {
  display: inline-block;
  min-width: 180px;
}

.z-navbar-horizontal > ul .z-nav-content,
.z-navbar-horizontal > ul .z-navitem-content {
  border-left-width: 0;
}

.z-navbar-horizontal > ul ul {
  position: absolute;
  left: 0;
}

.z-navbar-horizontal .z-nav-content:before {
  width: 100%;
  height: 4px;
  background: #103b5f;
  position: absolute;
  bottom: 0;
  left: 0;
}

.z-navbar-horizontal .z-navseparator {
  min-width: 9px;
  line-height: 32px;
  vertical-align: top;
  position: relative;
}

.z-navbar-horizontal .z-navseparator:before {
  width: 1px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 4px;
}

.z-nav-content,
.z-navitem-content {
  text-decoration: none;
  display: block;
  height: 32px;
  position: relative;
  overflow: hidden;
  line-height: 32px;
}

.z-nav-content:before,
.z-navitem-content:before {
  content: "";
  display: none;
}

.z-nav-content {
  padding: 0px 10px 0px 10px;
}

.z-navitem-content {
  padding: 0px 10px 0px 10px;
}

.z-nav-content > .z-icon,
.z-navitem-content > .z-icon {
  cursor: inherit;
}

.z-nav .z-icon,
.z-navitem .z-icon {
  min-width: 12px;
  margin-bottom: 4px;
  margin-right: 7px;
  margin-left: 2px;
  display: inline-block;
  text-align: center;
}

.z-nav svg.z-icon,
.z-navitem svg.z-icon {
  vertical-align: middle;
}

.z-nav-text,
.z-navitem-text {
  display: inline-block;
}

.z-navseparator:before {
  content: "";
  display: block;
}

.z-navbar-collapsed > ul > .z-nav > .z-nav-content,
.z-navbar-collapsed > ul > .z-navitem > .z-navitem-content {
  border-width: 0;
}

.z-navbar-collapsed > ul > .z-nav > .z-nav-content:hover,
.z-navbar-collapsed > ul > .z-navitem > .z-navitem-content:hover {
  background: #e4e4e4;
  color: #103b5f;
  --icon-base-color: #103b5f;
  --icon-highlight-color: #103b5f;
}

.z-navbar-collapsed > ul > .z-navseparator + .z-nav > .z-nav-content,
.z-navbar-collapsed > ul > .z-navseparator + .z-navitem > .z-navitem-content {
  border-width: 0;
}

.z-navbar-collapsed > ul > .z-nav > .z-nav-content > .z-nav-text,
.z-navbar-collapsed > ul > .z-navitem > .z-navitem-content > .z-navitem-text {
  display: none;
}

.z-navbar-collapsed > ul > .z-navitem-selected:hover > .z-navitem-content {
  background: #144975;
  color: #fff;
  --icon-base-color: #fff;
  --icon-highlight-color: #fff;
}

.z-navbar-collapsed > ul > .z-nav > .z-nav-content > .z-nav-info {
  margin-left: 8px;
}

.z-navbar-horizontal.z-navbar-collapsed > ul > .z-nav,
.z-navbar-horizontal.z-navbar-collapsed > ul > .z-navitem {
  min-width: 32px;
}

.z-navbar-vertical.z-navbar-collapsed > ul {
  min-width: 32px;
  display: inline-block;
}

.z-navbar li:not(.first-page) .z-navitem-content i, .z-navbar li:not(.first-page) .z-navitem-content .z-icon {
  display: none;
}

.z-nav-content[disabled],
.z-nav-content[disabled]:hover,
.z-navitem-content[disabled],
.z-navitem-content[disabled]:hover {
  cursor: progress;
}

.z-nav-content[disabled] .z-icon,
.z-nav-content[disabled]:hover .z-icon,
.z-navitem-content[disabled] .z-icon,
.z-navitem-content[disabled]:hover .z-icon {
  opacity: 0.5;
}

.z-nav-content[disabled] .z-nav-text,
.z-nav-content[disabled]:hover .z-nav-text,
.z-navitem-content[disabled] .z-navitem-text,
.z-navitem-content[disabled]:hover .z-navitem-text {
  opacity: 0.5;
}

.z-nav-text-popup,
.z-navitem-text-popup {
  color: #707172;
  min-width: 180px;
  height: 32px;
  padding: 0 32px;
  line-height: 32px;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
  z-index: 88000;
}

.z-nav-text-popup[disabled],
.z-navitem-text-popup[disabled] {
  cursor: default;
  box-shadow: none;
}

.z-nav-text-popup[disabled]:hover,
.z-navitem-text-popup[disabled]:hover {
  cursor: default;
  box-shadow: none;
}

.z-navbar-vertical li,
.z-nav-popup li {
  display: block;
}

.z-navbar-vertical .z-nav-content:before,
.z-nav-popup .z-nav-content:before {
  content: "";
  display: none;
  width: 4px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

.z-navbar-vertical .z-navseparator,
.z-nav-popup .z-navseparator {
  height: 3px;
  position: relative;
  background-color: #ABABAB;
}

.z-navbar-vertical .z-navseparator:before,
.z-nav-popup .z-navseparator:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 4px;
}

.z-nav-selected > .z-nav-content:before {
  display: block;
}

.z-navbar .z-nav:first-child > .z-nav-content:first-child {
  padding-right: 32px;
}

.z-navbar > ul > li.z-navitem:first-child > .z-navitem-content:first-child {
  padding-right: 32px;
}

.z-navitem-content svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-navitem-content span.z-icon {
  font-size: 14px;
}

.z-navitem-content span.z-icon > i {
  font-size: 14px;
}

.z-nav > .z-nav-content svg.z-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
}

.z-nav > .z-nav-content span.z-icon {
  font-size: 12px;
}

.z-nav > .z-nav-content span.z-icon > i {
  font-size: 12px;
}

.z-navbar .z-nav-content,
.z-navbar .z-navitem-content {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #707172;
  text-decoration: none;
  cursor: pointer;
}

.z-navbar .z-nav-content:hover,
.z-navbar .z-navitem-content:hover {
  color: #ABABAB;
  --icon-base-color: #ABABAB;
  --icon-highlight-color: #ABABAB;
  text-decoration: none;
}

.z-navbar .z-nav-content:focus > .z-nav-text,
.z-navbar .z-navitem-content:focus > .z-navitem-text {
  text-decoration: underline;
}

.z-navbar .z-nav-content:active > .z-nav-text,
.z-navbar .z-navitem-content:active > .z-navitem-text {
  text-decoration: none;
}

.z-navbar .z-navitem.first-page,
.z-navbar .z-nav .z-nav-content {
  font-weight: bold;
}

.z-nav i.no-icon {
  display: none !important;
}

.z-nav-info,
.z-navitem-info {
  font-style: normal;
  display: inline-block;
  border-radius: 17px;
  margin-left: 8px;
  margin-right: 2px;
  font-weight: bold;
  padding: 0 4px;
  text-align: center;
  box-shadow: none;
}

.z-nav-info {
  font-size: 15px;
  color: #fff;
  height: 18px;
  min-width: 18px;
  line-height: 18px;
  background: #F08200;
}

.z-navitem-info {
  font-size: 14px;
  color: #F08200;
  height: 17px;
  min-width: 17px;
  line-height: 15px;
  background: #fff;
  border: 1px solid #F08200;
}

.z-nav-popup {
  border-top-width: 0;
  overflow: hidden;
  z-index: 88000;
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.z-nav-popup .z-nav-content:hover,
.z-nav-popup .z-navitem-content:hover {
  background: #103b5f;
}

.z-nav-popup .z-nav-content[disabled]:hover,
.z-nav-popup .z-navitem-content[disabled]:hover {
  color: #707172;
  background: #DFDEDD;
}

.z-nav-popup .z-nav-content,
.z-nav-popup .z-navitem-content,
.z-nav-popup .z-navseparator {
  background: #DFDEDD;
}

.z-nav-popup ul {
  display: none;
  position: relative;
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.z-nav-popup ul .z-nav-content:hover,
.z-nav-popup ul .z-navitem-content:hover {
  background: #103b5f;
}

.z-nav-popup ul .z-nav-content[disabled]:hover,
.z-nav-popup ul .z-navitem-content[disabled]:hover {
  color: #707172;
  background: #eee;
}

.z-nav-popup ul .z-nav-content,
.z-nav-popup ul .z-navitem-content,
.z-nav-popup ul .z-navseparator {
  background: #eee;
}

.z-nav-popup .z-navitem-selected .z-navitem-content {
  color: #fff;
  background: #103b5f;
}

.z-nav-popup .z-navitem-selected .z-navitem-content:hover {
  background: #103b5f;
}

.z-navbar .z-nav .z-icon-nav-category {
  transition: transform 0.25s ease 0s;
}

.z-navbar .z-nav > .z-nav-content > .z-icon {
  transition: transform 0.25s ease 0s;
}

.z-navbar.z-nav-reload .z-nav-open .z-icon-nav-category {
  transition: none !important;
}

.z-navbar .z-nav-open .z-icon-nav-category {
  transform: rotate(90deg);
  transition: transform 0.25s ease 0s;
}

.z-navbar .z-nav-open > .z-nav-content > .z-icon {
  transform: rotate(90deg);
  transition: transform 0.25s ease 0s;
}

.z-navbar .z-navitem-selected .z-navitem-content {
  background: #F08200;
  font-weight: 600;
  color: #FFFFFF;
  --icon-base-color: #FFFFFF;
  --icon-highlight-color: #FFFFFF;
}

.z-west,
.z-west-collapsed {
  border-right: 1px solid #DFDEDD;
}

.z-west-slide .z-navbar {
  border-right: 1px solid #DFDEDD;
  border-bottom: 1px solid #DFDEDD;
}

.z-west-slide .z-west {
  border-right: none;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-portallayout,
.z-portalchildren,
.z-portalchildren-content {
  overflow: hidden;
}

.z-portallayout-vertical > .z-portalchildren {
  height: 100%;
  float: left;
}

.z-portalchildren-content {
  width: 100%;
  height: 100%;
}

.z-portallayout-horizontal > .z-portalchildren {
  height: 100%;
}

.z-portallayout-horizontal .z-portalchildren-content > .z-panel,
.z-portallayout-horizontal .z-portalchildren-content > .z-panel-move-block {
  float: left;
}

.z-portallayout,
.z-portalchildren {
  -ms-zoom: 1;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-rowlayout {
  width: 100%;
  *zoom: 1;
}

.z-rowlayout:before, .z-rowlayout:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}

.z-rowchildren[class*="colspan"] {
  display: block;
  float: left;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .z-rowchildren[class*="colspan"] {
    float: none;
  }
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-tablechildren {
  vertical-align: top;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-signaturelimitinput {
  display: inline-block;
  position: relative;
  width: 195px;
  height: 28px;
}

.z-signaturelimitinput .z-textbox.with-currency {
  padding-right: 40px;
}

.z-signaturelimitinput .z-textbox.with-align-right {
  text-align: right;
}

.z-signaturelimitinput-radio {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}

.z-signaturelimitinput-radio + label {
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  padding: 0px 7px 0px 7px;
  margin: 0px 0px 0px 0px;
  line-height: 26px;
  padding-right: 3px;
  padding-left: 3px;
  border-top: 1px solid #DFDEDD;
  border-bottom: 1px solid #DFDEDD;
  background: #FFFFFF;
  outline: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
}

.z-signaturelimitinput-radio + label:hover {
  background: #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.z-signaturelimitinput-radio + label:active {
  color: #FFFFFF;
  background: #fff;
}

.z-signaturelimitinput-radio:checked + label {
  background: #ABABAB;
  color: #fff;
  border-top: 1px solid #ABABAB;
  border-bottom: 1px solid #ABABAB;
}

.z-signaturelimitinput-radio:checked + label:hover {
  background: #ABABAB;
}

.z-signaturelimitinput-radio
+ label.z-signaturelimitinput-notauthorized-label {
  border-left: 1px solid #DFDEDD;
}

.z-signaturelimitinput-radio
+ label.z-signaturelimitinput-notauthorized-label:hover {
  border-left: 1px solid #999;
}

.z-signaturelimitinput-radio:checked
+ label.z-signaturelimitinput-notauthorized-label {
  border-left: 1px solid #ABABAB;
}

.signature-limit-short {
  width: 175px;
}

.z-signaturelimitinput-currency {
  position: relative;
  display: inline-block;
  width: 0;
  right: 36px;
  vertical-align: middle;
  cursor: text;
}

.z-signaturelimitinput.focused > label,
.z-signaturelimitinput.focused .z-textbox,
.z-signaturelimitinput.focused .z-textbox:focus,
.z-signaturelimitinput.focused .z-textbox[readonly]:focus,
.z-signaturelimitinput.focused .z-textbox[readonly],
.z-signaturelimitinput.focused .grid-list .z-textbox:not(.z-textbox-invalid),
.z-signaturelimitinput.focused .z-signaturelimitinput-radio + label:hover,
.z-signaturelimitinput.focused
.z-signaturelimitinput-radio
+ label.z-signaturelimitinput-notauthorized-label {
  border-color: #F08200;
}

.z-signaturelimitinput.invalid label,
.z-signaturelimitinput.invalid .z-textbox,
.z-signaturelimitinput.invalid .z-textbox:focus,
.z-signaturelimitinput.invalid .z-textbox[readonly]:focus,
.z-signaturelimitinput.invalid .z-textbox[readonly],
.z-signaturelimitinput.invalid .grid-list .z-textbox:not(.z-textbox-invalid),
.z-signaturelimitinput.invalid .z-signaturelimitinput-radio + label:hover,
.z-signaturelimitinput.invalid
.z-signaturelimitinput-radio
+ label.z-signaturelimitinput-notauthorized-label {
  border-color: #E6460F;
}

.z-signaturelimitinput.warnbox .z-textbox,
.z-signaturelimitinput.warnbox .z-textbox:focus,
.z-signaturelimitinput.warnbox .z-textbox[readonly]:focus,
.z-signaturelimitinput.warnbox .z-textbox[readonly],
.z-signaturelimitinput.warnbox .grid-list .z-textbox:not(.z-textbox-invalid),
.z-signaturelimitinput.warnbox label,
.z-signaturelimitinput.warnbox .z-signaturelimitinput-radio + label:hover,
.z-signaturelimitinput.warnbox
.z-signaturelimitinput-radio
+ label.z-signaturelimitinput-notauthorized-label {
  border-color: #E6460F;
}

.z-signaturelimitinput.warnbox .z-textbox,
.z-signaturelimitinput.invalid .z-textbox,
.z-signaturelimitinput.focused .z-textbox {
  border-left: 1px solid #ddd !important;
}
/* Widget */
/* Widget Config Mode */
/* Icon Widget */
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-gridlayout {
  display: grid;
  grid-gap: 15px;
}

.z-gridlayout.dense {
  grid-auto-flow: row dense;
}

.z-gridlayout.five-columns {
  padding: 20px;
  grid-template-columns: repeat(auto-fit, 271px);
  grid-auto-rows: 172px;
}

.z-gridlayout.sub-gridlayout {
  grid-template-columns: repeat(2, 128px);
  grid-template-rows: repeat(2, 78.5px);
}

.z-gridlayout-widget {
  position: relative;
  padding: 3px 8px;
  border: 1px solid transparent;
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
}

.z-gridlayout-widget.normal {
  grid-column: span 1;
  grid-row: span 1;
}

.z-gridlayout-widget.high {
  grid-column: span 1;
  grid-row: span 2;
}

.z-gridlayout-widget.large {
  grid-column: span 2;
  grid-row: span 2;
}

.z-gridlayout-widget.wide {
  grid-column: span 3;
  grid-row: span 2;
}

.z-gridlayout-widget.tall {
  grid-column: span 2;
  grid-row: span 4;
}

.z-gridlayout-widget-header {
  display: flex;
}

.z-gridlayout-widget-title {
  flex-grow: 2;
  padding: 0 0 7px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
}

.z-gridlayout-widget-size.z-button.nolabel, .z-gridlayout-widget-close.z-button.nolabel, .z-gridlayout-widget-config-button.z-button.nolabel {
  flex-grow: 0;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  text-align: center;
  margin-left: 7px;
  align-items: center;
}

.z-gridlayout-widget-size.z-button.nolabel svg.z-icon, .z-gridlayout-widget-close.z-button.nolabel svg.z-icon, .z-gridlayout-widget-config-button.z-button.nolabel svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-gridlayout-widget-size.z-button.nolabel span.z-icon, .z-gridlayout-widget-close.z-button.nolabel span.z-icon, .z-gridlayout-widget-config-button.z-button.nolabel span.z-icon {
  font-size: 14px;
}

.z-gridlayout-widget-size.z-button.nolabel span.z-icon > i, .z-gridlayout-widget-close.z-button.nolabel span.z-icon > i, .z-gridlayout-widget-config-button.z-button.nolabel span.z-icon > i {
  font-size: 14px;
}

.z-gridlayout-widget-content, .z-gridlayout-widget-config, .z-gridlayout-widget-error {
  position: relative;
  flex-grow: 1;
}

.z-gridlayout-widget-mask {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  z-index: 1;
  background: rgba(240, 240, 240, 0.8);
  cursor: default;
}

.z-gridlayout-widget-loading {
  margin: auto;
  position: relative;
}

.z-gridlayout-widget-loading::before {
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  width: 1em;
  height: 1em;
  font-size: 14px;
  border-radius: 50%;
  content: "";
  animation: load-horizontal 1s infinite linear;
}

.z-gridlayout-widget-config.z-div {
  display: flex;
  flex-direction: column;
}

.z-gridlayout-widget-config .popup-buttons {
  margin-top: auto;
}

.z-gridlayout-widget-config .z-groupbox {
  border: none;
  margin: 0;
  width: 100%;
}

.z-gridlayout-widget-config .z-groupbox .duty-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.z-gridlayout-widget-config .z-groupbox .duty-wrapper > .duty-indicator {
  position: unset;
  right: unset;
  top: unset;
}

.z-gridlayout-widget-error {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 27px;
}

.z-gridlayout-widget-error .z-gridlayout-widget-error-details {
  overflow-y: auto;
  text-align: left;
}

.z-gridlayout-widget-error .z-label {
  display: block;
}

.z-gridlayout-widget-error-message {
  margin-bottom: 10px;
}

.z-gridlayout-widget-error h3 {
  margin: 0 0 10px;
}

.z-gridlayout-widget-error > .z-div > .z-button {
  margin: 5px;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config, .z-gridlayout-widget.high .z-gridlayout-widget-config, .z-gridlayout-widget.large .z-gridlayout-widget-config {
  overflow-y: auto;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config .z-button, .z-gridlayout-widget.high .z-gridlayout-widget-config .z-button, .z-gridlayout-widget.large .z-gridlayout-widget-config .z-button {
  margin: 0;
}

.z-gridlayout-widget.normal .z-groupbox > .z-groupbox-header, .z-gridlayout-widget.high .z-groupbox > .z-groupbox-header {
  padding: 0 3px 8px;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config table, .z-gridlayout-widget.high .z-gridlayout-widget-config table {
  width: 100%;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td, .z-gridlayout-widget.high .z-gridlayout-widget-config tr td {
  display: block;
  box-sizing: border-box;
  text-align: left;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td input.z-textbox,
.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td input.z-decimalbox,
.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td input.z-intbox,
.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td input.z-longbox,
.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td input.z-doublebox,
.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td i.z-chosenbox, .z-gridlayout-widget.high .z-gridlayout-widget-config tr td input.z-textbox,
.z-gridlayout-widget.high .z-gridlayout-widget-config tr td input.z-decimalbox,
.z-gridlayout-widget.high .z-gridlayout-widget-config tr td input.z-intbox,
.z-gridlayout-widget.high .z-gridlayout-widget-config tr td input.z-longbox,
.z-gridlayout-widget.high .z-gridlayout-widget-config tr td input.z-doublebox,
.z-gridlayout-widget.high .z-gridlayout-widget-config tr td i.z-chosenbox {
  width: 100%;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config tr td .z-input-wrapper, .z-gridlayout-widget.high .z-gridlayout-widget-config tr td .z-input-wrapper {
  margin-bottom: 8px;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-config .z-groupbox-content, .z-gridlayout-widget.high .z-gridlayout-widget-config .z-groupbox-content {
  padding: 0;
}

.z-gridlayout-widget.normal .z-gridlayout-widget-error, .z-gridlayout-widget.high .z-gridlayout-widget-error {
  display: block;
  overflow-y: auto;
}

.z-gridlayout-widget.large .z-gridlayout-widget-config .z-fieldrow td:first-child:not(:only-child),
.z-gridlayout-widget.large .z-fieldrow td.z-fieldrow-label-column {
  padding-left: 0;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing {
  display: flex;
  flex-direction: column;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .z-gridlayout-widget-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-upper-container {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon-and-badge {
  display: inline-block;
  position: relative;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon {
  width: 80px;
  height: 80px;
  line-height: 72px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon svg.z-icon {
  width: 80px;
  height: 80px;
  display: inline-block;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon span.z-icon {
  font-size: 80px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon span.z-icon > i {
  font-size: 80px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-badge {
  position: absolute;
  top: -1px;
  right: -4px;
  box-sizing: border-box;
  min-width: 24px;
  height: 24px;
  padding: 0 3px;
  border-radius: 24px;
  font-size: 14px;
  line-height: 23px;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #fff;
  background: #F08200;
  box-shadow: 0 0 0 2px #F0F0F0;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-badge .z-label {
  line-height: inherit;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-icon-container {
  margin: 13px 16px 0px 8px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-list {
  margin-top: 8px;
  height: 84px;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-word;
  flex: 1;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-listing {
  display: block;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-listing:not(:last-child) {
  box-shadow: 0 1px 0 0 #dddddd;
}

.z-gridlayout .z-gridlayout-widget.icon-widget-with-listing .icon-widget-with-listing-button-container {
  text-align: center;
  padding-bottom: 5px;
  justify-content: space-around;
  width: 100%;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .z-gridlayout-widget-content,
.z-gridlayout .z-gridlayout-widget.icon-widget .z-gridlayout-widget-config {
  line-height: unset;
  display: flex;
  justify-content: center;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge.z-button {
  color: #707172;
  --icon-base-color: #707172;
  --icon-highlight-color: #ABABAB;
  width: auto;
  border: none;
  background: transparent;
  box-shadow: none;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge.z-button svg.z-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge.z-button span.z-icon {
  font-size: 40px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge.z-button span.z-icon > i {
  font-size: 40px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge {
  display: inline-block;
  position: relative;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge svg.z-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge span.z-icon {
  font-size: 40px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge span.z-icon > i {
  font-size: 40px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-icon-and-badge .z-icon {
  line-height: 40px;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-badge {
  display: inline;
  position: absolute;
  top: -1px;
  right: -4px;
  box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Frutiger Next W01 Light", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #fff;
  background: #F08200;
  box-shadow: 0 0 0 2px #F0F0F0;
}

.z-gridlayout .z-gridlayout-widget.icon-widget .icon-widget-badge .z-label {
  line-height: inherit;
}

.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.normal .z-gridlayout-widget-content,
.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.normal .z-gridlayout-widget-config {
  max-height: calc(172px - 2 * 3px - 20px - 7px - 2 * 1px);
  overflow: auto;
}

.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.high .z-gridlayout-widget-content,
.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.high .z-gridlayout-widget-config, .z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.large .z-gridlayout-widget-content,
.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.large .z-gridlayout-widget-config {
  max-height: calc(2 * 172px + 15px - 2 * 3px - 20px - 7px - 2 * 1px);
  overflow: auto;
}

.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.tall .z-gridlayout-widget-content,
.z-gridlayout .z-gridlayout-widget.messages-and-assignments-widget.tall .z-gridlayout-widget-config {
  max-height: calc(4 * 172px + 3 * 15px - 2 * 3px - 20px - 7px - 2 * 1px);
  overflow: auto;
}

.z-gridlayout .z-gridlayout-widget.icon-widget.with-click .z-gridlayout-widget-content .icon-widget-icon,
.z-gridlayout .z-gridlayout-widget.icon-widget.with-click .z-gridlayout-widget-config .icon-widget-icon {
  cursor: pointer;
}

.z-gridlayout .z-gridlayout-widget.chart-widget .z-gridlayout-widget-heading {
  text-align: center;
  margin: 0;
  font-size: 20px;
  padding-bottom: 7px;
}

.z-gridlayout .z-gridlayout-widget.chart-widget .z-gridlayout-widget-content {
  display: flex;
  flex-direction: column;
}

.grid-layout-config {
  padding-top: 20px;
  padding-right: 20px;
}

.grid-layout-config .z-button {
  display: flex;
}

@keyframes load-horizontal {
  0%,
  100% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.4), inset 0 0 0 1em rgba(112, 113, 114, 0.94), 2em 0 0 0 rgba(112, 113, 114, 0.8);
  }
  10% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.2), inset 0 0 0 1em rgba(112, 113, 114, 0.74), 2em 0 0 0 #707172;
  }
  20% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0), inset 0 0 0 1em rgba(112, 113, 114, 0.54), 2em 0 0 0 rgba(112, 113, 114, 0.8);
  }
  47% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.54), inset 0 0 0 1em rgba(112, 113, 114, 0), 2em 0 0 0 rgba(112, 113, 114, 0.26);
  }
  60% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.8), inset 0 0 0 1em rgba(112, 113, 114, 0.26), 2em 0 0 0 rgba(112, 113, 114, 0);
  }
  70% {
    box-shadow: -2em 0 0 0 #707172, inset 0 0 0 1em rgba(112, 113, 114, 0.46), 2em 0 0 0 rgba(112, 113, 114, 0.2);
  }
  97% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.46), inset 0 0 0 1em #707172, 2em 0 0 0 rgba(112, 113, 114, 0.74);
  }
}

@-webkit-keyframes load-horizontal {
  0%,
  100% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.4), inset 0 0 0 1em rgba(112, 113, 114, 0.94), 2em 0 0 0 rgba(112, 113, 114, 0.8);
  }
  10% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.2), inset 0 0 0 1em rgba(112, 113, 114, 0.74), 2em 0 0 0 #707172;
  }
  20% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0), inset 0 0 0 1em rgba(112, 113, 114, 0.54), 2em 0 0 0 rgba(112, 113, 114, 0.8);
  }
  47% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.54), inset 0 0 0 1em rgba(112, 113, 114, 0), 2em 0 0 0 rgba(112, 113, 114, 0.26);
  }
  60% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.8), inset 0 0 0 1em rgba(112, 113, 114, 0.26), 2em 0 0 0 rgba(112, 113, 114, 0);
  }
  70% {
    box-shadow: -2em 0 0 0 #707172, inset 0 0 0 1em rgba(112, 113, 114, 0.46), 2em 0 0 0 rgba(112, 113, 114, 0.2);
  }
  97% {
    box-shadow: -2em 0 0 0 rgba(112, 113, 114, 0.46), inset 0 0 0 1em #707172, 2em 0 0 0 rgba(112, 113, 114, 0.74);
  }
}
/* LEGACY */
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment {
  display: grid;
  grid-template-columns: min-content auto min-content;
  grid-auto-flow: column;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  padding: 10px;
  margin: 0 8px;
  border: 1px solid;
  background: transparent;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment ul {
  list-style: disc;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-icon {
  grid-column: 1;
  padding-top: 3px;
  line-height: 14px;
  color: #F08200;
  --icon-base-color: #F08200;
  --icon-highlight-color: #F08200;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-icon svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-icon span.z-icon {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-icon span.z-icon > i {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-icon > i {
  width: 14px;
  height: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-heading {
  grid-column: 2;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  color: #F08200;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-content {
  grid-column: 2;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-list {
  padding-top: 5px;
  margin: 0;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action {
  grid-column: 3;
  grid-row: 2;
  align-self: end;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-content {
  height: 20px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-main {
  padding: 2px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-main svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-main span.z-icon {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-main span.z-icon > i {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-main > .z-icon {
  padding: 0;
  margin: 0;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action .z-combobutton-text {
  display: none;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action a.button {
  padding: 1px 2px;
  line-height: 14px;
  min-height: auto;
  height: 20px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action a.button svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action a.button span.z-icon {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action a.button span.z-icon > i {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-action a.button > i {
  padding-right: 0;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close {
  grid-column: 3;
  justify-self: end;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button, .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button:hover, .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button:active, .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button:focus {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  min-height: 20px;
  line-height: 10px;
  padding: 0;
  text-align: center;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button svg.z-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button span.z-icon {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button span.z-icon > i {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .message-or-assignment-close .z-button > i {
  font-size: 14px;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .task-list-toggle {
  display: inline-block;
  height: 16px;
  margin-top: 5px;
  margin-left: 40px;
  position: relative;
  left: -13px;
  font-weight: bold;
  color: inherit;
}

.z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment .task-list-toggle > span {
  padding-left: 3px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-gridlayout-widget-content > ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-gridlayout-widget-content > ul:not(:last-child),
.z-gridlayout-widget.messages-and-assignments-widget .z-gridlayout-widget-content > ul > li:not(:last-child) {
  margin-bottom: 20px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-progressbar {
  margin: 0 8px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-progressbar:first-child {
  padding-top: 15px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-progressbar:not(:last-child) {
  margin-bottom: 20px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-progressbar-bar {
  background: #F08200;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-no-assignments-sign {
  text-align: center;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-no-assignments-sign > div {
  display: inline-flex;
  margin: 20px auto 0;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-no-assignments-sign > div > div {
  margin-right: 15px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-no-assignments-sign > div > div span > i {
  font-size: 90px;
  line-height: 90px;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-no-assignments-sign > div > span {
  align-self: center;
  font-size: 120%;
}

.z-gridlayout-widget.messages-and-assignments-widget .z-gridlayout-widget-mask {
  display: none;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget {
  width: 850px;
  padding: 35px;
  background: transparent;
  box-shadow: none;
  border: none;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .z-gridlayout-widget-header {
  display: none;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  grid-template-columns: min-content auto min-content min-content;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-content {
  grid-row: 2;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-action {
  grid-row: 2;
  align-self: center;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-action .z-combobutton-content,
:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-action a.button {
  min-width: 30px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-close {
  grid-column: 4;
  grid-row: 2;
  align-self: center;
}

:not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-close .z-button, :not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-close .z-button:hover, :not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-close .z-button:active, :not(.z-gridlayout) > .z-gridlayout-widget.messages-and-assignments-widget .message-or-assignment-close .z-button:focus {
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.no-task-image {
  font-size: 90px;
  line-height: 90px;
  width: 90px;
  padding-right: 10px;
}

.no-task-fragment {
  margin: 40px auto 20px auto;
  font-size: 120%;
}

.task-panel {
  padding: 0;
}

.task-panel > .z-panel-body > .z-panelchildren {
  padding: 20px;
}

.task-fragment {
  width: 850px;
  padding: 15px 5px 15px 15px;
  margin-bottom: 20px;
}

.task-fragment:last-child {
  margin-bottom: 0;
}

.task-fragment > div {
  display: table-cell;
}

.task-fragment .task-image,
.task-fragment .task-text {
  padding-right: 15px;
  vertical-align: top;
  text-align: left;
}

.task-fragment .task-image {
  font-size: 40px;
  line-height: 40px;
  width: 55px;
  color: #F08200;
  margin-right: 5px;
}

.task-fragment .task-image > i {
  width: 40px;
  height: 40px;
}

.task-fragment .task-text .task-heading {
  font-weight: bold;
}

.task-fragment .task-list-toggle {
  display: inline-block;
  height: 16px;
  margin-top: 5px;
  margin-left: 40px;
  position: relative;
  left: -13px;
  font-weight: bold;
  color: #333;
}

.task-fragment .task-list-toggle > span {
  padding-left: 3px;
}

.task-fragment .task-action {
  padding-right: 8px;
  vertical-align: middle;
}

.task-fragment .task-close {
  vertical-align: middle;
}

.task-fragment .task-action .z-button,
.task-fragment .task-action a.button {
  padding: 5px 15px 5px 15px;
  text-align: center;
  display: flex;
}

.task-fragment .task-close .z-button, .task-fragment .task-close .z-button:hover, .task-fragment .task-close .z-button:active, .task-fragment .task-close .z-button:focus {
  width: 20px;
  height: 20px;
  min-height: 20px;
  line-height: 10px;
  padding: 0;
  text-align: center;
  box-shadow: none;
}

.task-fragment .task-close .z-button svg.z-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
}

.task-fragment .task-close .z-button span.z-icon {
  font-size: 10px;
}

.task-fragment .task-close .z-button span.z-icon > i {
  font-size: 10px;
}

.task-fragment .task-close .z-button > i {
  font-size: 14px;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-button-group input[type="radio"] {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}

.z-button-group .z-radio [type="radio"] + label {
  padding: 5px 10px;
}

.z-button-group .z-radio [type="radio"] + label::before, .z-button-group .z-radio [type="radio"] + label::after {
  display: none;
}

.z-button-group input:focus + label {
  color: #fff;
  background: #ABABAB;
}

.z-button-group input:checked + label {
  color: #FFFFFF;
  background: #F08200;
}

.z-button-group input[type="radio"]:disabled:checked + label {
  background: #FFFFFF;
}

.z-button-group input[type="radio"]:disabled + label,
.z-button-group input[type="radio"]:disabled:hover + label,
.z-button-group input[type="radio"]:disabled:focus + label,
.z-button-group input[type="radio"]:disabled:active + label {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.z-button-group label {
  display: inline-block;
  line-height: 20px;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  width: inherit;
  background: #FFFFFF;
}

.z-button-group label:hover {
  color: #707172;
  background: rgba(171, 171, 171, 0.3);
}

.z-button-group label:active, .z-button-group label:active:focus {
  color: #F08200;
  background: #FFFFFF;
}

.z-button-group input[disabled]:hover + label {
  background: #fff;
}

.z-button-group input[disabled]:checked:hover + label {
  background: #FFFFFF;
}

.z-button-group {
  width: auto !important;
  display: inline-block;
  border: 1px solid #ddd;
}

.z-button-group.button-group-focus {
  border: 1px solid #FFFFFF;
}

.z-button-group span:not(.first) > label {
  border-left: 1px solid #ddd;
}

.z-button-group.z-button-group-invalid {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-button-group.z-button-group-invalid:focus-within {
  border-color: rgba(230, 70, 15, 0.6);
}

.z-button-group.z-button-group-invalid.warnbox {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-button-group.z-button-group-invalid.warnbox:focus-within {
  border-color: rgba(240, 130, 0, 0.6);
}

.z-button-group.button-group-focus {
  border-color: #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
.z-fieldrow > td[align=center] .z-togglebutton, .z-fieldrow > td[align=center] .checkbox-icon.z-image {
  display: table;
  margin: 0 auto;
}

.z-fieldrow > td[align=right] .z-togglebutton, .z-fieldrow > td[align=right] .checkbox-icon.z-image {
  float: right;
}

.z-togglebutton {
  display: inline-block;
  line-height: 14px;
}

.z-togglebutton input {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}

.z-togglebutton-mold {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-width: 1px;
  border-radius: 0;
  border-style: solid;
  display: inline-block;
  vertical-align: auto;
  overflow: hidden;
  box-sizing: border-box;
  height: auto;
  min-height: auto;
  outline: none;
  width: 40px;
  cursor: pointer;
  padding: 2px;
  transition: left 0.4s ease;
  position: relative;
  top: 2px;
}

.z-togglebutton-mold::after {
  position: relative;
  display: block;
  content: "";
  width: 42%;
  height: 14px;
  transition: left 0.2s ease;
  left: 0;
}

input[disabled] ~ .z-togglebutton-mold {
  cursor: default;
}

.z-togglebutton input[disabled] ~ .z-togglebutton-mold,
.z-togglebutton input[disabled] ~ .z-togglebutton-mold::after {
  opacity: 0.6;
}

.z-togglebutton input:checked ~ .z-togglebutton-mold::after,
.z-togglebutton input[disabled]:checked:hover ~ .z-togglebutton-mold::after {
  left: calc(100% - 42%);
}

.z-togglebutton-mold ~ .z-label {
  line-height: 0;
}

.grid-list .z-togglebutton input ~ .z-togglebutton-mold, .grid-list .z-togglebutton input[disabled] ~ .z-togglebutton-mold {
  border-color: #D2D2D2;
}

.z-popup .z-togglebutton input ~ .z-togglebutton-mold, .z-popup .z-togglebutton input[disabled] ~ .z-togglebutton-mold {
  border-color: #D2D2D2;
}

.z-window-modal .z-togglebutton input ~ .z-togglebutton-mold, .z-window-modal .z-togglebutton input[disabled] ~ .z-togglebutton-mold {
  border-color: #D2D2D2;
}

.z-togglebutton-mold {
  background-color: #FFFFFF;
  border: 1px solid #fff;
}

.z-togglebutton input:focus ~ .z-togglebutton-mold,
.z-togglebutton input:checked:focus ~ .z-togglebutton-mold {
  border-color: #F08200;
}

.z-togglebutton-mold::after {
  background: #949595;
  border: 1px solid transparent;
}

.z-togglebutton input:hover ~ .z-togglebutton-mold::after {
  background: #D2D2D2;
}

.z-togglebutton input:checked:hover ~ .z-togglebutton-mold::after {
  background: #FAB400;
}

.z-togglebutton input[disabled]:hover ~ .z-togglebutton-mold::after {
  background: #949595;
}

.z-togglebutton input:checked ~ .z-togglebutton-mold::after,
.z-togglebutton input[disabled]:checked:hover ~ .z-togglebutton-mold::after {
  background: #F08200;
}
/*
*  DSP Tag Library http://www.zkoss.org/dsp/web/core
*  DSP Tag Library http://www.zkoss.org/dsp/zk/core
*  DSP Tag Library http://www.zkoss.org/dsp/web/theme
*/
/*************** FLICKER BASE CSS ***************/
#opttan {
  width: 100%;
}

.rsct-opttan-visible {
  visibility: visible;
}

.rsct-opttan-hidden {
  visibility: hidden;
}

.rsct-opttan-display {
  display: inherit;
}

.rsct-opttan-hide {
  display: none;
}

/* Noscript Gif Opttan */
#rsct-opttan_m-gif-bg,
#rsct-opttan_mr-gif-bg {
  position: relative;
  z-index: 0;
}

#rsct-opttan_m-gif-app,
#rsct-opttan_mr-gif-app {
  position: absolute;
  z-index: 1;
}

#rsct-opttan_m-gif-bg {
  width: 6.4cm;
  height: 3.7cm;
}

#rsct-opttan_m-gif-app {
  margin: 0.6cm;
  width: 5.2cm;
  height: 2.5cm;
}

#rsct-opttan_mr-gif-bg {
  width: 3.7cm;
  height: 7.8cm;
}

#rsct-opttan_mr-gif-app {
  margin: 0.7cm 0.6cm;
  width: 2.5cm;
  height: 6.4cm;
}

/* Opttan Mini */
/* Gif */
#rsct-opttan-gif-app {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Canvas */
#rsct-opttan-canvas-app {
  position: absolute;
  width: 100%;
  height: 100%;
}

/**********************/
.rsct-opttan_m #rsct-opttan-device {
  width: 6.4cm;
  height: 3.7cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-1 {
  width: 1.6cm;
  height: 0.925cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-1 #rsct-opttan-speedo {
  font-size: 10.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-2 {
  width: 1.8cm;
  height: 1.04063cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-2 #rsct-opttan-speedo {
  font-size: 11px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-3 {
  width: 2cm;
  height: 1.15625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-3 #rsct-opttan-speedo {
  font-size: 11.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-4 {
  width: 2.2cm;
  height: 1.27188cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-4 #rsct-opttan-speedo {
  font-size: 12px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-5 {
  width: 2.4cm;
  height: 1.3875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-5 #rsct-opttan-speedo {
  font-size: 12.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-6 {
  width: 2.6cm;
  height: 1.50313cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-6 #rsct-opttan-speedo {
  font-size: 13px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-7 {
  width: 2.8cm;
  height: 1.61875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-7 #rsct-opttan-speedo {
  font-size: 13.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-8 {
  width: 3cm;
  height: 1.73438cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-8 #rsct-opttan-speedo {
  font-size: 14px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-9 {
  width: 3.2cm;
  height: 1.85cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-9 #rsct-opttan-speedo {
  font-size: 14.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-10 {
  width: 3.4cm;
  height: 1.96563cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-10 #rsct-opttan-speedo {
  font-size: 15px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-11 {
  width: 3.6cm;
  height: 2.08125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-11 #rsct-opttan-speedo {
  font-size: 15.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-12 {
  width: 3.8cm;
  height: 2.19688cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-12 #rsct-opttan-speedo {
  font-size: 16px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-13 {
  width: 4cm;
  height: 2.3125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-13 #rsct-opttan-speedo {
  font-size: 16.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-14 {
  width: 4.2cm;
  height: 2.42813cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-14 #rsct-opttan-speedo {
  font-size: 17px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-15 {
  width: 4.4cm;
  height: 2.54375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-15 #rsct-opttan-speedo {
  font-size: 17.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-16 {
  width: 4.6cm;
  height: 2.65938cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-16 #rsct-opttan-speedo {
  font-size: 18px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-17 {
  width: 4.8cm;
  height: 2.775cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-17 #rsct-opttan-speedo {
  font-size: 18.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-18 {
  width: 5cm;
  height: 2.89063cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-18 #rsct-opttan-speedo {
  font-size: 19px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-19 {
  width: 5.2cm;
  height: 3.00625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-19 #rsct-opttan-speedo {
  font-size: 19.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-20 {
  width: 5.4cm;
  height: 3.12188cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-20 #rsct-opttan-speedo {
  font-size: 20px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-21 {
  width: 5.6cm;
  height: 3.2375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-21 #rsct-opttan-speedo {
  font-size: 20.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-22 {
  width: 5.8cm;
  height: 3.35313cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-22 #rsct-opttan-speedo {
  font-size: 21px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-23 {
  width: 6cm;
  height: 3.46875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-23 #rsct-opttan-speedo {
  font-size: 21.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-24 {
  width: 6.2cm;
  height: 3.58438cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-24 #rsct-opttan-speedo {
  font-size: 22px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-25 {
  width: 6.4cm;
  height: 3.7cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-25 #rsct-opttan-speedo {
  font-size: 22.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-26 {
  width: 6.6cm;
  height: 3.81563cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-26 #rsct-opttan-speedo {
  font-size: 23px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-27 {
  width: 6.8cm;
  height: 3.93125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-27 #rsct-opttan-speedo {
  font-size: 23.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-28 {
  width: 7cm;
  height: 4.04688cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-28 #rsct-opttan-speedo {
  font-size: 24px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-29 {
  width: 7.2cm;
  height: 4.1625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-29 #rsct-opttan-speedo {
  font-size: 24.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-30 {
  width: 7.4cm;
  height: 4.27813cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-30 #rsct-opttan-speedo {
  font-size: 25px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-31 {
  width: 7.6cm;
  height: 4.39375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-31 #rsct-opttan-speedo {
  font-size: 25.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-32 {
  width: 7.8cm;
  height: 4.50938cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-32 #rsct-opttan-speedo {
  font-size: 26px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-33 {
  width: 8cm;
  height: 4.625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-33 #rsct-opttan-speedo {
  font-size: 26.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-34 {
  width: 8.2cm;
  height: 4.74063cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-34 #rsct-opttan-speedo {
  font-size: 27px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-35 {
  width: 8.4cm;
  height: 4.85625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-35 #rsct-opttan-speedo {
  font-size: 27.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-36 {
  width: 8.6cm;
  height: 4.97188cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-36 #rsct-opttan-speedo {
  font-size: 28px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-37 {
  width: 8.8cm;
  height: 5.0875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-37 #rsct-opttan-speedo {
  font-size: 28.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-38 {
  width: 9cm;
  height: 5.20313cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-38 #rsct-opttan-speedo {
  font-size: 29px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-39 {
  width: 9.2cm;
  height: 5.31875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-39 #rsct-opttan-speedo {
  font-size: 29.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-40 {
  width: 9.4cm;
  height: 5.43438cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-40 #rsct-opttan-speedo {
  font-size: 30px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-41 {
  width: 9.6cm;
  height: 5.55cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-41 #rsct-opttan-speedo {
  font-size: 30.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-42 {
  width: 9.8cm;
  height: 5.66563cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-42 #rsct-opttan-speedo {
  font-size: 31px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-43 {
  width: 10cm;
  height: 5.78125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-43 #rsct-opttan-speedo {
  font-size: 31.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-44 {
  width: 10.2cm;
  height: 5.89688cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-44 #rsct-opttan-speedo {
  font-size: 32px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-45 {
  width: 10.4cm;
  height: 6.0125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-45 #rsct-opttan-speedo {
  font-size: 32.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-46 {
  width: 10.6cm;
  height: 6.12813cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-46 #rsct-opttan-speedo {
  font-size: 33px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-47 {
  width: 10.8cm;
  height: 6.24375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-47 #rsct-opttan-speedo {
  font-size: 33.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-48 {
  width: 11cm;
  height: 6.35938cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-48 #rsct-opttan-speedo {
  font-size: 34px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-49 {
  width: 11.2cm;
  height: 6.475cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-49 #rsct-opttan-speedo {
  font-size: 34.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-50 {
  width: 11.4cm;
  height: 6.59063cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-50 #rsct-opttan-speedo {
  font-size: 35px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-51 {
  width: 11.6cm;
  height: 6.70625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-51 #rsct-opttan-speedo {
  font-size: 35.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-52 {
  width: 11.8cm;
  height: 6.82188cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-52 #rsct-opttan-speedo {
  font-size: 36px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-53 {
  width: 12cm;
  height: 6.9375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-53 #rsct-opttan-speedo {
  font-size: 36.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-54 {
  width: 12.2cm;
  height: 7.05313cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-54 #rsct-opttan-speedo {
  font-size: 37px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-55 {
  width: 12.4cm;
  height: 7.16875cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-55 #rsct-opttan-speedo {
  font-size: 37.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-56 {
  width: 12.6cm;
  height: 7.28438cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-56 #rsct-opttan-speedo {
  font-size: 38px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-57 {
  width: 12.8cm;
  height: 7.4cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-57 #rsct-opttan-speedo {
  font-size: 38.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-58 {
  width: 13cm;
  height: 7.51563cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-58 #rsct-opttan-speedo {
  font-size: 39px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-59 {
  width: 13.2cm;
  height: 7.63125cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-59 #rsct-opttan-speedo {
  font-size: 39.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-60 {
  width: 13.4cm;
  height: 7.74688cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-60 #rsct-opttan-speedo {
  font-size: 40px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-61 {
  width: 13.6cm;
  height: 7.8625cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-61 #rsct-opttan-speedo {
  font-size: 40.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-62 {
  width: 13.8cm;
  height: 7.97813cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-62 #rsct-opttan-speedo {
  font-size: 41px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-63 {
  width: 14cm;
  height: 8.09375cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-63 #rsct-opttan-speedo {
  font-size: 41.5px;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-64 {
  width: 14.2cm;
  height: 8.20938cm;
}

.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-64 #rsct-opttan-speedo {
  font-size: 42px;
}

.rsct-opttan_m #rsct-opttan-clk1,
.rsct-opttan_m #rsct-opttan-data0,
.rsct-opttan_m #rsct-opttan-data1,
.rsct-opttan_m #rsct-opttan-data2,
.rsct-opttan_m #rsct-opttan-data3,
.rsct-opttan_m #rsct-opttan-app-slower,
.rsct-opttan_m #rsct-opttan-app-faster {
  width: 16%;
  margin: 0 2%;
  height: 100%;
}

.rsct-opttan_m #rsct-opttan-data0 {
  left: 20%;
}

.rsct-opttan_m #rsct-opttan-data1 {
  left: 40%;
}

.rsct-opttan_m #rsct-opttan-data2 {
  left: 60%;
}

.rsct-opttan_m #rsct-opttan-data3,
.rsct-opttan_m #rsct-opttan-app-faster {
  left: 80%;
}

.rsct-opttan_m #rsct-opttan-app,
.rsct-opttan_m #rsct-opttan-app-controls {
  position: absolute;
  top: 16%;
  left: 9.5%;
  width: 81%;
  height: 68%;
}

.rsct-opttan_m .rsct-opttan_m-hide {
  display: none;
}

/* Opttan Mini Rotated */
.rsct-opttan_mr #rsct-opttan-device {
  width: 3.7cm;
  height: 7.8cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-1 {
  width: 0.925cm;
  height: 1.95cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-1 #rsct-opttan-speedo {
  font-size: 10.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-2 {
  width: 1.04063cm;
  height: 2.19375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-2 #rsct-opttan-speedo {
  font-size: 11px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-3 {
  width: 1.15625cm;
  height: 2.4375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-3 #rsct-opttan-speedo {
  font-size: 11.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-4 {
  width: 1.27188cm;
  height: 2.68125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-4 #rsct-opttan-speedo {
  font-size: 12px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-5 {
  width: 1.3875cm;
  height: 2.925cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-5 #rsct-opttan-speedo {
  font-size: 12.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-6 {
  width: 1.50313cm;
  height: 3.16875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-6 #rsct-opttan-speedo {
  font-size: 13px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-7 {
  width: 1.61875cm;
  height: 3.4125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-7 #rsct-opttan-speedo {
  font-size: 13.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-8 {
  width: 1.73438cm;
  height: 3.65625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-8 #rsct-opttan-speedo {
  font-size: 14px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-9 {
  width: 1.85cm;
  height: 3.9cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-9 #rsct-opttan-speedo {
  font-size: 14.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-10 {
  width: 1.96563cm;
  height: 4.14375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-10 #rsct-opttan-speedo {
  font-size: 15px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-11 {
  width: 2.08125cm;
  height: 4.3875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-11 #rsct-opttan-speedo {
  font-size: 15.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-12 {
  width: 2.19688cm;
  height: 4.63125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-12 #rsct-opttan-speedo {
  font-size: 16px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-13 {
  width: 2.3125cm;
  height: 4.875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-13 #rsct-opttan-speedo {
  font-size: 16.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-14 {
  width: 2.42813cm;
  height: 5.11875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-14 #rsct-opttan-speedo {
  font-size: 17px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-15 {
  width: 2.54375cm;
  height: 5.3625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-15 #rsct-opttan-speedo {
  font-size: 17.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-16 {
  width: 2.65938cm;
  height: 5.60625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-16 #rsct-opttan-speedo {
  font-size: 18px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-17 {
  width: 2.775cm;
  height: 5.85cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-17 #rsct-opttan-speedo {
  font-size: 18.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-18 {
  width: 2.89063cm;
  height: 6.09375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-18 #rsct-opttan-speedo {
  font-size: 19px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-19 {
  width: 3.00625cm;
  height: 6.3375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-19 #rsct-opttan-speedo {
  font-size: 19.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-20 {
  width: 3.12188cm;
  height: 6.58125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-20 #rsct-opttan-speedo {
  font-size: 20px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-21 {
  width: 3.2375cm;
  height: 6.825cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-21 #rsct-opttan-speedo {
  font-size: 20.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-22 {
  width: 3.35313cm;
  height: 7.06875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-22 #rsct-opttan-speedo {
  font-size: 21px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-23 {
  width: 3.46875cm;
  height: 7.3125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-23 #rsct-opttan-speedo {
  font-size: 21.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-24 {
  width: 3.58438cm;
  height: 7.55625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-24 #rsct-opttan-speedo {
  font-size: 22px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-25 {
  width: 3.7cm;
  height: 7.8cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-25 #rsct-opttan-speedo {
  font-size: 22.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-26 {
  width: 3.81563cm;
  height: 8.04375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-26 #rsct-opttan-speedo {
  font-size: 23px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-27 {
  width: 3.93125cm;
  height: 8.2875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-27 #rsct-opttan-speedo {
  font-size: 23.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-28 {
  width: 4.04688cm;
  height: 8.53125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-28 #rsct-opttan-speedo {
  font-size: 24px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-29 {
  width: 4.1625cm;
  height: 8.775cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-29 #rsct-opttan-speedo {
  font-size: 24.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-30 {
  width: 4.27813cm;
  height: 9.01875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-30 #rsct-opttan-speedo {
  font-size: 25px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-31 {
  width: 4.39375cm;
  height: 9.2625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-31 #rsct-opttan-speedo {
  font-size: 25.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-32 {
  width: 4.50938cm;
  height: 9.50625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-32 #rsct-opttan-speedo {
  font-size: 26px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-33 {
  width: 4.625cm;
  height: 9.75cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-33 #rsct-opttan-speedo {
  font-size: 26.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-34 {
  width: 4.74063cm;
  height: 9.99375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-34 #rsct-opttan-speedo {
  font-size: 27px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-35 {
  width: 4.85625cm;
  height: 10.2375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-35 #rsct-opttan-speedo {
  font-size: 27.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-36 {
  width: 4.97188cm;
  height: 10.48125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-36 #rsct-opttan-speedo {
  font-size: 28px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-37 {
  width: 5.0875cm;
  height: 10.725cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-37 #rsct-opttan-speedo {
  font-size: 28.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-38 {
  width: 5.20313cm;
  height: 10.96875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-38 #rsct-opttan-speedo {
  font-size: 29px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-39 {
  width: 5.31875cm;
  height: 11.2125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-39 #rsct-opttan-speedo {
  font-size: 29.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-40 {
  width: 5.43438cm;
  height: 11.45625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-40 #rsct-opttan-speedo {
  font-size: 30px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-41 {
  width: 5.55cm;
  height: 11.7cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-41 #rsct-opttan-speedo {
  font-size: 30.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-42 {
  width: 5.66563cm;
  height: 11.94375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-42 #rsct-opttan-speedo {
  font-size: 31px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-43 {
  width: 5.78125cm;
  height: 12.1875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-43 #rsct-opttan-speedo {
  font-size: 31.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-44 {
  width: 5.89688cm;
  height: 12.43125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-44 #rsct-opttan-speedo {
  font-size: 32px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-45 {
  width: 6.0125cm;
  height: 12.675cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-45 #rsct-opttan-speedo {
  font-size: 32.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-46 {
  width: 6.12813cm;
  height: 12.91875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-46 #rsct-opttan-speedo {
  font-size: 33px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-47 {
  width: 6.24375cm;
  height: 13.1625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-47 #rsct-opttan-speedo {
  font-size: 33.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-48 {
  width: 6.35938cm;
  height: 13.40625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-48 #rsct-opttan-speedo {
  font-size: 34px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-49 {
  width: 6.475cm;
  height: 13.65cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-49 #rsct-opttan-speedo {
  font-size: 34.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-50 {
  width: 6.59063cm;
  height: 13.89375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-50 #rsct-opttan-speedo {
  font-size: 35px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-51 {
  width: 6.70625cm;
  height: 14.1375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-51 #rsct-opttan-speedo {
  font-size: 35.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-52 {
  width: 6.82188cm;
  height: 14.38125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-52 #rsct-opttan-speedo {
  font-size: 36px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-53 {
  width: 6.9375cm;
  height: 14.625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-53 #rsct-opttan-speedo {
  font-size: 36.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-54 {
  width: 7.05313cm;
  height: 14.86875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-54 #rsct-opttan-speedo {
  font-size: 37px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-55 {
  width: 7.16875cm;
  height: 15.1125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-55 #rsct-opttan-speedo {
  font-size: 37.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-56 {
  width: 7.28438cm;
  height: 15.35625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-56 #rsct-opttan-speedo {
  font-size: 38px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-57 {
  width: 7.4cm;
  height: 15.6cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-57 #rsct-opttan-speedo {
  font-size: 38.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-58 {
  width: 7.51563cm;
  height: 15.84375cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-58 #rsct-opttan-speedo {
  font-size: 39px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-59 {
  width: 7.63125cm;
  height: 16.0875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-59 #rsct-opttan-speedo {
  font-size: 39.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-60 {
  width: 7.74688cm;
  height: 16.33125cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-60 #rsct-opttan-speedo {
  font-size: 40px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-61 {
  width: 7.8625cm;
  height: 16.575cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-61 #rsct-opttan-speedo {
  font-size: 40.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-62 {
  width: 7.97813cm;
  height: 16.81875cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-62 #rsct-opttan-speedo {
  font-size: 41px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-63 {
  width: 8.09375cm;
  height: 17.0625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-63 #rsct-opttan-speedo {
  font-size: 41.5px;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-64 {
  width: 8.20938cm;
  height: 17.30625cm;
}

.rsct-opttan_mr #rsct-opttan-device.rsct-opttan-size-64 #rsct-opttan-speedo {
  font-size: 42px;
}

.rsct-opttan_mr #rsct-opttan-app-button-start {
  top: 40%;
  height: 20%;
}

.rsct-opttan_mr #rsct-opttan-app,
.rsct-opttan_mr #rsct-opttan-app-controls {
  position: absolute;
  top: 8%;
  left: 16%;
  width: 67%;
  height: 84%;
}

.rsct-opttan_mr #rsct-opttan-clk1,
.rsct-opttan_mr #rsct-opttan-data0,
.rsct-opttan_mr #rsct-opttan-data1,
.rsct-opttan_mr #rsct-opttan-data2,
.rsct-opttan_mr #rsct-opttan-data3,
.rsct-opttan_mr #rsct-opttan-app-slower,
.rsct-opttan_mr #rsct-opttan-app-faster {
  width: 100%;
  margin: 4% 0 0 0;
  height: 16%;
}

.rsct-opttan_mr #rsct-opttan-data3 {
  top: 0%;
}

.rsct-opttan_mr #rsct-opttan-data2 {
  top: 20%;
}

.rsct-opttan_mr #rsct-opttan-data1 {
  top: 40%;
}

.rsct-opttan_mr #rsct-opttan-data0 {
  top: 60%;
}

.rsct-opttan_mr #rsct-opttan-clk1,
.rsct-opttan_mr #rsct-opttan-app-slower {
  top: 80%;
}

.rsct-opttan_mr .rsct-opttan_mr-hide {
  display: none;
}

/* Common */
#rsct-opttan-app #rsct-opttan-clk1,
#rsct-opttan-app #rsct-opttan-data0,
#rsct-opttan-app #rsct-opttan-data1,
#rsct-opttan-app #rsct-opttan-data2,
#rsct-opttan-app #rsct-opttan-data3 {
  position: absolute;
  background: #fff;
}

#rsct-opttan-app-slower,
#rsct-opttan-app-faster {
  position: absolute;
  cursor: pointer;
  z-index: 13;
  /* Fix IE 8-10 */
  background: #000;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

/* Other */
#rsct-opttan-device {
  position: relative;
  z-index: 2;
}

#rsct-opttan-bg-image {
  width: 100%;
  height: 100%;
}

#rsct-opttan-app-button-start {
  position: absolute;
  left: 0%;
  width: 100%;
  text-align: center;
  top: 25%;
  height: 50%;
}

#rsct-opttan-app-button-start img {
  height: 100%;
  cursor: pointer;
}

.rsct-opttan_m-hide,
.rsct-opttan_mr-hide {
  display: inline;
}

#rsct-opttan-resize-warning {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  background: #fff;
  font-size: 12px;
  text-align: left;
  z-index: 15;
}

#rsct-opttan-resize-warning img {
  display: block;
  float: left;
  width: 20%;
  margin-top: 1em;
}

#rsct-opttan-resize-warning p {
  display: block;
  position: relative;
  float: right;
  width: 70%;
  margin: 1em 0 0 0;
  padding: 0 0.5em 0 0;
}

#rsct-opttan-resize-warning #rsct-opttan-warning-ok,
#rsct-opttan-resize-warning #rsct-opttan-warning-cancel {
  border: 1px solid #333;
  padding: 2px;
  margin: 2px;
  float: right;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

#rsct-opttan-resize-warning #rsct-opttan-warning-ok {
  border: 1px solid #33f;
}

/* Application */
#rsct-opttan-button-unfold {
  display: none;
}

.rsct-opttan-fold #rsct-opttan-area,
.rsct-opttan-fold #rsct-opttan-titlebar-left,
.rsct-opttan-fold #rsct-opttan-button-fold {
  display: none;
}

.rsct-opttan-fold #rsct-opttan-button-unfold {
  display: inline;
}

#rsct-opttan-app,
#rsct-opttan-button-stop {
  display: none;
  /* Fix IE 8 compatibility mode bug */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.rsct-opttan-running #rsct-opttan-app {
  display: block;
  filter: none;
}

.rsct-opttan-running #rsct-opttan-button-stop {
  display: inline;
}

.rsct-opttan-running #rsct-opttan-app-button-start,
.rsct-opttan-running #rsct-opttan-button-start,
.rsct-opttan-running #rsct-opttan-resize-warning {
  display: none;
}

#rsct-opttan-generation {
  background-color: #e9e9e9;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

#rsct-opttan-generation td {
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 6px;
  margin: 0px;
}

#rsct-opttan-generation .rsct-opttan-titlebar {
  padding: 0;
  font-weight: bold;
  line-height: 1.8em;
}

#rsct-opttan-generation .rsct-opttan-titlebar .rsct-opttan-titlebar-inner {
  padding: 0 0 0 4px;
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 70%, #e6e6e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(70%, #e6e6e6), color-stop(100%, #e6e6e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 70%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #e6e6e6 70%, #e6e6e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #e6e6e6 70%, #e6e6e6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #e6e6e6 70%, #e6e6e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(
 startColorstr="#ffffff",
 endColorstr="#e6e6e6",
 GradientType=0
 );
  /* IE6-9 */
  /* Fix IE 8 */
  zoom: 1;
}

#rsct-opttan-generation .rsct-opttan-titlebar img {
  margin: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
}

#rsct-opttan-generation .rsct-opttan-titlebar img:active {
  border: 1px solid #999;
}

#rsct-opttan-titlebar-right {
  float: right;
}

#rsct-opttan-titlebar-left {
  float: left;
}

#rsct-opttan-speedo {
  position: absolute;
  bottom: 40%;
  z-index: 12;
  font: bold 1em Arial;
  text-align: center;
  color: #fc0;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
}

.z-travicflicker.multiline {
  white-space: pre-wrap;
}
/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #ffffff;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #707172;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #707172;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

div.highcharts-tooltip {
  filter: none;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */
}

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */
}

.highcharts-state-hover path {
  transition: stroke-width 50ms;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #53bdf4;
  stroke: #53bdf4;
}

.highcharts-color-1 {
  fill: #f9a715;
  stroke: #f9a715;
}

.highcharts-color-2 {
  fill: #8a8fea;
  stroke: #8a8fea;
}

.highcharts-color-3 {
  fill: #84f6a0;
  stroke: #84f6a0;
}

.highcharts-color-4 {
  fill: #f36888;
  stroke: #f36888;
}

.highcharts-color-5 {
  fill: #8fdaf7;
  stroke: #8fdaf7;
}

.highcharts-color-6 {
  fill: #ffd68f;
  stroke: #ffd68f;
}

.highcharts-color-7 {
  fill: #a3e7d0;
  stroke: #a3e7d0;
}

.highcharts-color-8 {
  fill: #f56b6b;
  stroke: #f56b6b;
}

.highcharts-color-9 {
  fill: #0fa2eb;
  stroke: #0fa2eb;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text, text.highcharts-data-label {
  fill: #000000;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: #707172;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
  /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: #707172;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #707172;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #707172;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #707172;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #707172;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #707172;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #707172;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #707172;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #707172;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #707172;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

.z-charts {
  height: 100%;
}

.z-charts.empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.z-charts .highcharts-background {
  fill: transparent;
}

.z-charts .highcharts-container {
  font-family: inherit;
  font-size: inherit;
}

.z-charts .highcharts-axis-line {
  stroke: none;
}

.z-charts .highcharts-data-label {
  font-size: inherit;
  pointer-events: none;
}

.z-charts .highcharts-data-label:nth-child(2n) text {
  font-weight: normal;
}

.z-charts .z-chart-datalabel-anchor {
  display: none;
}

.z-charts .z-chart-tooltip-converted-label {
  fill: #777;
}



.z-charts{
     color:black;
}