/*
Icons von Font Awesome, siehe hier:
http://fortawesome.github.io/Font-Awesome/cheatsheet/
*/

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: "Source Sans Pro", Helvetica, Sans-serif;
  color: #434343;
  font-size: 14px;
  font-weight: normal;
}
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 {
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  font-size: 14px;
  margin: 0;
  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;
}
@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro"),
         local("SourceSansPro-Regular"),
         url(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/font/PTMono-Regular.woff) format("woff"),
  url("https://fonts.gstatic.com/s/ptmono/v4/dMra6Jbp4dctDCd8lX4tlg.woff") format("woff");
}
@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src: url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.eot?v=4.6.3);
  src: url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.eot?#iefix&v=4.6.3) format('embedded-opentype'),
       url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.woff2?v=4.6.3) format('woff2'),
       url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.woff?v=4.6.3) format('woff'),
       url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.ttf?v=4.6.3) format('truetype'),
       url(/tpgui/zkau/web/6d24feaf/font/fontawesome-webfont-4.6.svg?v=4.6.3#fontawesomeregular) format('svg');
}
@font-face {
  font-family: 'IcoMoon';
  font-weight: normal;
  font-style: normal;
  src: local("IcoMoon-Free"),
       url(/tpgui/zkau/web/6d24feaf/font/IcoMoon-Free.ttf) format('truetype');
}
[class^="z-icon-"],
[class*=" z-icon-"] {
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  cursor: default;
  -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;
}
.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;
}
a [class^="z-icon-"],
a [class*=" z-icon-"] {
  display: inline;
}
[class^="z-icon-moon-"],
[class*=" z-icon-moon-"] {
  font-family: IcoMoon;
}
.z-icon-moon-forbidden:before {
  content: "\ea0e";
}
.z-icon-moon-infinite:before {
  content: "\ea2f";
  font-size: 14px;
}
.z-icon-moon-sigma:before {
  content: "\ea67";
}
.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-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-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 {
  content: "\f047";
}
.z-icon-step-backward:before {
  content: "\f048";
}
.z-icon-fast-backward:before {
  content: "\f049";
}
.z-icon-backward:before {
  font-size: 10px;
  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 {
  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 {
  content: "\f07d";
}
.z-icon-resize-horizontal:before {
  content: "\f07e";
}
.z-icon-bar-chart-o: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-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: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-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 {
  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-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 {
  content: "\f0f7";
}
.z-icon-hospital: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-plus-square-o:before {
  content: "\f196";
}
.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-reply-all:before {
  content: "\f122";
}
.z-icon-mail-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 {
  content: "\f13e";
}
.z-icon-bullseye:before {
  content: "\f140";
}
.z-icon-ellipsis-horizontal:before {
  content: "\f141";
}
.z-icon-ellipsis-vertical: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-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 {
  content: "\f179";
}
.z-icon-os-windows:before {
  content: "\f17a";
}
.z-icon-os-android:before {
  content: "\f17b";
}
.z-icon-os-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 {
  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-bank:before {
  content: "\f19c";
}
.z-icon-language:before {
  content: "\f1ab";
}
.z-icon-pdf:before {
  content: "\f1c1";
}
.z-icon-send-o:before {
  content: "\f1d9";
}
.z-icon-history:before {
  content: "\f1da";
}
.z-icon-newspaper: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-calendar-times-o:before {
  content: "\f273"
}
.z-icon-map-signs:before {
  content: "\f277"
}
.z-icon-black-tie:before {
  content: "\f27e"
}
.pseudo-icon:before {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

/*************** Doppel-Icons ***************/
.z-icon-check-chevron-right:before {
 content: "\f00c";
}
.z-icon-check-chevron-right:after {
 content: " + \f054";
 font-size: 19.6px;
}
.z-icon-clear-chevron-right:before {
 content: "\f00d";
}
.z-icon-clear-chevron-right:after {
  content: " + \f054";
  font-size: 19.6px;
}
.z-icon-mobile-features::before,
.z-icon-mobile-features::after {
  position: relative;
}
.z-icon-mobile-features::before {
  content: "\f10b";
  left: 3px;
  font-size: 18px;
  line-height: 14px;
}
.z-icon-mobile-features::after {
  content: "\f006";
  font-size: 12px;
  left: -1px;
  top: -8px;
}
.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-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-value-balance::before {
  content: "\f133";
}
.z-icon-value-balance::after {
  content: "\f1fe";
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  font-size: 18px;
  left: -22px;
  top: 2px;
}
.z-menuitem-content > i::after {
  font-size: 11px;
  left: -14px;
  top: 1px;
}
.grid-list .z-row-content .z-button > i::after {
  font-size: 14px;
  left: -18px;
  top: 1px;
}
html,
body {
  height: 100%;
}
[class^="z-"],
[class*=" z-"],
[class^="z-"]:after,
[class*=" z-"]:after,
[class^="z-"]:before,
[class*=" z-"]:before,
.z-borderbox {
   	 box-sizing:	border-box;;
}
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 #c0c0c0;
  border-radius: 0;
  margin: 0 2px;
  padding: 0px;
}
legend {
  border: 0;
  padding: 0;
}


body {
  margin: 0;
  padding: 0px;
  background: #fff;
}

.mobile * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.z-error {
  display: none;
  width: 450px;
  border: 1px solid #d46105;
  padding: 3px 5px 3px 3px;
  background: #d46105;
  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 #d46105;
  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: #d46105;
  display: none;
}
.z-error .button {
  color: #434343;
  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: #d46105;
  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: #E0E1E3;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  z-index: 32000;
}
.noscript p {
  font-weight: bold;
  color: #434343;
  border: 1px solid black;
  margin: 10% 15%;
  padding: 10px 0;
  background: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin: 0px 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);;
}
.checkbox-icon [class^="z-icon-"]:before {
  display: inline-block;
  width: 13px;
  text-align: center;
}
.z-checkbox-content {
  white-space: nowrap;
  padding-left: 5px;
}
.toolbar-left .z-checkbox-content {
  color: #fff;
}
.checkbox-icon > i {
  display: inline-block;
  width: 14px;
  margin: 0px 3px 2px 0px;
}
.read-only > .checkbox-icon  > i {
  margin-left: 0px;
}
.z-temp {
  display: flex;
}
.z-temp,
.z-modal-mask,
.z-apply-mask {
  width: 100%;
  height: 100%;
  color: #fff;
  background: #434343;
  opacity: 0.85;
  filter: alpha(opacity=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;
}
/* Visibility */
#zk_proc {
  transition: visibility 1s ease;
  -moz-transition: visibility 1s ease;
  -webkit-transition: visibility 1s ease;
}
.z-loading,
.z-apply-loading {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  position: absolute;
  cursor: wait;
}
.z-loading {
  color: #ddd;
  background: rgba(67,67,67,0.85);
  z-index: 31000;
  width: 100%;
  height: 100%;
  display: flex;
}
.window-plugin .z-loading {
  color: #ddd;
  background: rgba(67,67,67,0.85);
}
.z-apply-loading {
  overflow: hidden;
}
.z-loading-icon,
.z-renderdefer {
  height: 98px;
  margin-bottom: 10px;
  background: transparent no-repeat center;
  background-image: url(/tpgui/theme/ppi/zul/img/misc/spinner-98px.gif);
  display: block;
  text-align: center;
}
.z-combobox-content > .z-renderdefer,
.z-combobox-content > .z-renderdefer.z-comboitem-selected {
  height: 28px;
  margin: 0 8px;
  background: transparent no-repeat center url(/tpgui/theme/ppi/zul/img/misc/progress.gif);
}
.z-loading-indicator {
  color: #ddd;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  text-align: center;
}
.z-apply-loading-indicator {
  color: #ddd;
  padding-left: 40px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.z-apply-loading {
  z-index: 89500;
}
.z-apply-loading-icon {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 5px;
  width: 30px;
  height: 30px;
  background: transparent no-repeat center;
  background-image: url(/tpgui/theme/ppi/zul/img/misc/spinner-30px.gif);
}
.grid-rod > .z-apply-mask {
  background: #ddd;
  opacity: 0.33;
  filter: alpha(opacity=33);
}
.grid-rod > .z-apply-loading {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.grid-rod .z-apply-loading-indicator {
  color: #434343;
}
.grid-rod .z-apply-loading-icon {
  background-image: url(/tpgui/theme/ppi/zul/img/misc/spinner-task-30px.gif);
}
.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(/tpgui/zkau/web/6d24feaf/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;
}

/* Fix f�r Potix #3612, Trac #3612 */
.gecko .z-draggable-over > *,
.gecko .z-drag-over > * {
  -moz-user-select: none;
}
.z-dragged {
  opacity: 0.85;
  filter: alpha(opacity=85)
}
.z-drag-over {
  border: 1px dashed #555;
}
.z-drag-ghost {
  list-style: none;
}
.z-drop-allow {
  background: #4a8503;
}
.z-drop-allow .z-drop-icon {
  color: #4a8503;
}
.z-drop-disallow {
  background: #9a3d37;
}
.z-drop-disallow .z-drop-icon {
  color: #fff;
  padding-right: 1px;
}
.z-drop-content {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  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: #ffffff;
  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;
  -khtml-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;
}
span.z-upload input {
  font-size: 45pt;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  cursor: pointer;
  z-index: -1;
}
.z-upload-icon {
  background-image: url(/tpgui/theme/ppi/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-selectbox {
}
.z-scrollbar {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
}
.z-scrollbar-vertical {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}
.z-scrollbar-vertical .z-scrollbar-wrapper {
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0;
}
.z-scrollbar-vertical .z-scrollbar-indicator {
  width: 14px;
  border: 1px solid #838383;
   	 border-radius:	2px;;
   	background:	#ffffff; /* Old browsers */
;
  position: absolute;
  left: 1px;
  cursor: pointer;
  z-index: 100;
}
.z-scrollbar-vertical .z-scrollbar-rail {
  width: 100%;
  height: 100%;
  background: #dddddd;
}
.z-scrollbar-vertical .z-scrollbar-icon {
  color: #333333;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  left: -1px;
  top: 50%;
   	 transform:	scale(0.5, 0.7);;
}
.z-scrollbar-vertical-embed {
  width: 8px;
  height: 100%;
   	 border-radius:	4px;;
  background: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  right: 0;
   	 box-shadow:	inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);;
}
.z-scrollbar-up,
.z-scrollbar-down {
  font-size: 14px;
  color: #333333;
  width: 16px;
  height: 16px;
  background: #dddddd;
  position: absolute;
  cursor: pointer;
}
.z-scrollbar-up > .z-icon-caret-up:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: -1px;
}
.z-scrollbar-down {
  bottom: 0;
}
.z-scrollbar-down > .z-icon-caret-down:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: 1px;
}
.z-scrollbar-horizontal {
  width: 100%;
  height: 16px;
  left: 0;
  bottom: 0;
}
.z-scrollbar-horizontal .z-scrollbar-wrapper {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 16px;
}
.z-scrollbar-horizontal .z-scrollbar-indicator {
  height: 14px;
  border: 1px solid #838383;
   	 border-radius:	2px;;
   	background:	#ffffff; /* Old browsers */
;
  position: absolute;
  top: 1px;
  cursor: pointer;
  z-index: 100;
}
.z-scrollbar-horizontal .z-scrollbar-rail {
  width: 100%;
  height: 100%;
  background: #dddddd;
}
.z-scrollbar-horizontal .z-scrollbar-icon {
  color: #333333;
  margin-left: -8px;
  position: absolute;
  left: 50%;
  top: -2px;
   	 transform:	rotate(90deg) scale(0.5, 0.7);;
}
.z-scrollbar-horizontal-embed {
  width: 100%;
  height: 8px;
   	 border-radius:	4px;;
  background: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  bottom: 0;
  left: 0;
   	 box-shadow:	inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);;
}
.z-scrollbar-left,
.z-scrollbar-right {
  font-size: 14px;
  color: #333333;
  width: 16px;
  height: 16px;
  padding: 1px 6px 0 5px;
  background: #dddddd;
  position: absolute;
  cursor: pointer;
}
.z-scrollbar-right {
  right: 0;
}
.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;
}

/******************** Banner ********************/
.banner {
  height: 61px;
  width: 100%;
}
.banner .z-vlayout-inner {
  padding: 0px !important;
}
.banner .brand-bar {
  height: 61px;
  border-bottom: 3px solid #004183;
  vertical-align: middle;
}
.banner .brand-bar > div {
  vertical-align: middle;
}
.banner .brand-bar .left-container,
.banner .brand-bar .right-container {
  width: 400px;
  white-space: nowrap;
}
.banner .brand-bar img.logo {
  margin: 10px 10px 0;
  max-height: 48px;
}
.banner .brand-bar .product-name,
.banner .brand-bar .page-title,
.banner .brand-bar .login-info,
.banner .brand-bar .corporate-info {
  color: #434343;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner .brand-bar .login-info > .z-hlayout-inner > .z-label,
.banner .brand-bar .corporate-info {
  color: #434343;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner .brand-bar .login-info > .z-hlayout-inner > .z-label {
  display: inline-block;
}
.banner .brand-bar .login-info span {
  vertical-align: middle;
}
.banner .brand-bar .product-name {
  display: none;
/*  display: inline-block;*/
  vertical-align: middle;
  font-family: ;
  font-size: 30px;
  margin-left: 5px;
}
.banner .brand-bar .page-title {
  display: block;
  width: 100%;
  z-index: -1;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
}
.banner .brand-bar .login-info {
  display: block;
  margin-left: 1em;
  line-height: 34px;
  text-align: right;
  padding-right: 5px;
}
.banner .brand-bar .corporate-info {
  display: inline-block;
  margin-left: 7px;
}
.low-resolution .banner .brand-bar .page-title {
  font-size: 18px;
  line-height: 22px;
}

/******************** Hilfe ********************/
.help-window {
  width: 100%;
  height: 100%;
  background-color: white;
  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-caption {
  cursor: pointer;
}
.help-topic .z-caption-content {
  font-size: 17px;
  padding-left: 5px;
  float: left;
}
.help-topic .z-caption-content > i {
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.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-left: 32px;
}

/******************** Header-Toolbar ********************/
.header-toolbar-container .z-header-toolbar {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  background-color: rgba(33,112,179,0.15);
  margin-top: 0px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 0;
  height: 49px;
  border: none;
}
.header-toolbar-container .z-header-toolbar.with-filter {
  padding: 1px 0;
}
.z-header-toolbar.toolbar-separator-right {
  background-color: rgba(33,112,179,0.7);
}
.header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content {
  height: 45px;
}
.z-tabpanel.header-toolbar-container .z-header-toolbar,
.z-tabpanel > .header-toolbar-container .z-header-toolbar,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar,
.header-toolbar-container > .z-window-content > .z-idspace .z-header-toolbar {
  border-top: 2px solid #555;
  background-color: #cecece;
  padding: 4px 0;
}
.z-tabpanel.header-toolbar-container .z-header-toolbar,
.z-tabpanel > .header-toolbar-container .z-header-toolbar,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar {
  margin-top: 15px;
}
.z-tabpanel.header-toolbar-container .header-toolbar-container,
.z-tabpanel .header-toolbar-container .header-toolbar-container,
.header-toolbar-container > .z-window-content > .z-idspace .z-header-toolbar {
  background: rgba(246, 246, 246, 0.5);
}
.z-tabpanel.header-toolbar-container .header-toolbar-container .z-header-toolbar,
.z-tabpanel .header-toolbar-container .header-toolbar-container .z-header-toolbar {
  background-color: rgba(33,112,179,0.15);
  border: none;
  padding: 5px 0;
  margin-top: 0px;
}
.z-tabpanel.header-toolbar-container .header-toolbar-container .z-header-toolbar.with-filter,
.z-tabpanel .header-toolbar-container .header-toolbar-container .z-header-toolbar.with-filter {
  padding: 0px;
  height: 49px;
}
.z-tabpanel.header-toolbar-container .header-toolbar-container .z-header-toolbar.with-filter .filter-context.filterbox-opened,
.z-tabpanel .header-toolbar-container .header-toolbar-container .z-header-toolbar.with-filter .filter-context.filterbox-opened {
  border: none;
}
.z-tabpanel.header-toolbar-container > .z-header-toolbar.with-filter,
.z-tabpanel > .header-toolbar-container > .z-header-toolbar.with-filter,
.z-tabpanel > .header-toolbar-container > .z-window-header > .z-header-toolbar.with-filter,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar.with-filter,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter,
.header-toolbar-container > .z-window-content > .z-idspace .z-header-toolbar.with-filter {
  padding: 0px;
  height: 50px;
}
.z-tabpanel.header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.z-tabpanel > .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.header-toolbar-container > .z-window-content > .z-idspace .z-header-toolbar > .z-header-toolbar-content {
  padding: 0 5px;
  border-bottom: 2px solid #555;
  height: 43px;
}
.z-tabpanel.header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .z-include > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content,
.header-toolbar-container > .z-window-content > .z-idspace .z-header-toolbar.with-filter > .z-header-toolbar-content {
  height: 48px
}
.z-tabpanel.header-toolbar-container ~ .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .header-toolbar-container ~ .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .z-include > .header-toolbar-container ~ .z-header-toolbar.with-filter > .z-header-toolbar-content,
.z-tabpanel > .z-vlayout > .z-vlayout-inner > .header-toolbar-container ~ .z-header-toolbar.with-filter > .z-header-toolbar-content,
.wizard-content.full-screen .z-vlayout > .z-vlayout-inner > .header-toolbar-container .z-header-toolbar.with-filter > .z-header-toolbar-content {
  height: 45px;
}
.z-tabpanel.header-toolbar-container .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content,
.z-tabpanel .header-toolbar-container .header-toolbar-container .z-header-toolbar > .z-header-toolbar-content {
  border: none;
}
.z-groupbox .z-header-toolbar {
  margin-top: 0px;
}
.z-header-toolbar > .z-header-toolbar-content {
  padding: 0 5px;
}
.z-header-toolbar > .z-caption-content,
.z-header-toolbar > .z-window-header > .wizard-bar > .z-caption-content {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}
.z-header-toolbar .z-label {
  display: inline-block;
  float: none;
  font-weight: normal;
}
.z-header-toolbar .z-button.nolabel:not(.button-inline) {
  width: 38px;
  height: 38px;
}
.z-header-toolbar .z-button.nolabel:not(.button-inline) > i {
  font-size: 24px;
  line-height: 24px;
}

/******************** Messages ********************/
.message-success.text,
.z-messagebox-information:before,
.z-chosenbox-create {
  color: rgb(101,133,44);
}
.message-info.text,
.z-messagebox-question:before {
  color: rgb(89,156,208);
}
.message-warning.text,
.z-messagebox-exclamation:before {
  color: rgb(225,175,35);
}
.message-error.text,
.z-messagebox-error:before {
  color: rgb(225,85,72);
}
.message-success.background {
  color: #fff;
  background: rgb(101,133,44);
}
.message-info.background {
  color: #fff;
  background: rgb(89,156,208);
}
.message-warning.background {
  color: #fff;
  background: rgb(225,175,35);
}
.message-error.background {
  color: #fff;
  background: rgb(225,85,72);
}

/******************** Wizard ********************/
.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;
}
.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 .wizard-step-button .z-label {
  display: inline-block;
}
.wizard-bar .wizard-step-button .icon {
  margin-top: 2px;
  font-size: 24px;
}
.wizard-bar .wizard-step-button.z-button.selected {
  border: 2px solid  #2170b3;
}
.wizard-bar .wizard-step-button .wizard-finish-icon {
  position: relative;
  top: -53px;
  right: -49%;
  color: #fff;
  background-color: rgba(101,133,44,0.6);
  padding: 2px 4px;
}
.wizard-button-status {
  line-height: 30px;
  margin-left: 15px;
}
.wizard-button-status > [class^="z-icon-"],
.wizard-button-status > [class*=" z-icon-"] {
  font-size: 24px;
}

/******************** Startseite ********************/
.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: 0px;
}
.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: 0px;
}
.task-fragment.loading {
  height: 47px;
  margin-bottom: 5px;
}
.task-fragment .task-loading-indicator {
  position: relative;
  padding-left: 45px;
}
.task-fragment .task-loading-indicator .z-apply-loading-icon {
  top: -5px;
  background-image: url(/tpgui/theme/ppi/zul/img/misc/spinner-task-30px.gif);
}
.task-fragment > div {
  display: table-cell;
}
.task-fragment .task-image,
.task-fragment .task-text {
  padding-right: 15px;
  vertical-align: top;
  text-align: left;
}
.task-image {
  font-size: 40px;
  line-height: 40px;
  width: 55px;
  color: rgba(0,87,157,1);
  margin-right: 5px;
}
.task-fragment .task-image > i {
  width: 40px;
  height: 40px;
}
.task-fragment .task-text .task-heading {
  font-weight: bold;
}
.task-fragment .task-action {
  padding-right: 8px;
  vertical-align: middle;
}
.task-fragment .task-close {
  vertical-align: middle;
}

/******************** Large Grid ********************/
.large-grid .z-grid .z-grid-body {
  overflow-y: hidden !important;
}
.large-grid .z-grid {
  border-right: none;
}
.large-grid .z-grid .z-label {
  line-height: 18px;
}
.large-grid .scrollbar {
  width: 39px;
  overflow: visible;
}
.large-grid .scrollbar > .z-vlayout-inner {
  margin-bottom: 1px;
}
.large-grid .scrollbar > .z-vlayout-inner:first-child {
  height: 48px;
  border-left: 1px solid #ddd;
}
.large-grid .scrollbar .z-separator {
  height: 48px;
  width: 39px;
  background: #bcbcbc;
}
.large-grid .scrollbar .z-slider.z-slider-vertical {
  width: 39px !important;
}
/******************** Suchwort-Vorschlag ********************/
.tag-cloud {
  background: rgba(33, 112, 179, 0.15);
  margin-bottom: 10px;
}
.tag-cloud::after {
  border-color: rgba(33, 112, 179, 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;
}
/******************** Allgemeine Formatierungen ********************/
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-label {
  line-height: normal;
}
.z-iconlabel {
  display: inline-block;
  text-align: left;
}
.z-iconlabel > .z-icon {
  float: left;
  margin-right: 10px;
}
.z-label.disabled {
  opacity: 0.375;
  filter: alpha(opacity=60);
}
.z-label.blurred,
.z-iconlabel.blurred {
  font-style: italic;
  color: rgba(67, 67, 67, 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;
}
.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;
  min-height: 20px;
  line-height: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.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: #fff;
  background-color: #2170b3;
}
.box-centered {
  margin-left: auto;
  margin-right: auto;
}
.pack-left {
  float: left;
}
.pack-right {
  float: right;
}
.pack-reset {
  float: clear;
}
div.fake-cell {
  padding: 3px 10px;
}
div.fake-cell.align-right {
  text-align: right;
}

/*** TravicSign ***/
div#travic-sign {
  width: auto !important;
}
div#travic-sign-message {
  font-size: 14px !important;
  font-family: "Source Sans Pro", Helvetica, Sans-serif !important;
  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;
}

/*** Browser-Hacks ***/
.ie9 .z-header-toolbar,
.ie10 .z-header-toolbar {
  position: relative;
  z-index: 99;
}
.ie9 .z-header-toolbar-content,
.ie10 .z-header-toolbar-content {
  position: relative;
  z-index: 100;
}
.ie8 .wizard-bar .wizard-step-button,
.ie9 .wizard-bar .wizard-step-button,
.ie10 .wizard-bar .wizard-step-button {
  text-decoration: none;
}
/* http://tracker.zkoss.org/browse/ZK-2471 */
.ie8 span.z-upload,
.ie9 span.z-upload,
.ie10 span.z-upload {
  display:inline-block;
}
/* http://tracker.zkoss.org/browse/ZK-2471 */
.ie8 span.z-upload input,
.ie9 span.z-upload input,
.ie10 span.z-upload input {
  z-index: 1;
}
/* custom scrollbar */
/*************** SCROLLBAR BASE CSS ***************/
.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;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.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: #999999;
}
.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;
}

/*************** SCROLLBAR MAC OS X ***************/
.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;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.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 {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  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;
}
/* scrollbar height/width & offset from container borders */
.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; }
/* update scrollbar offset if both scrolls are visible */
.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; }

/*** Browser-Hacks ***/
.ie9 .scroll-content {
  padding-right: 17px;
}
.navbar-system-scrollbar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.navbar-system-scrollbar .z-navbar {
  margin-right: 10px;
}




.z-a {
  color: #007099;
  text-decoration: none;
}
.z-a:hover {
  text-decoration: underline;
}

.z-a span::selection {
  color: #fff;
  background: #00579d;
}
.z-a[disabled] {
  color: #1d8db7;
  cursor: default;
  text-decoration: none;
}
a > i,
.z-a > span > i {
  cursor: inherit;
}


.z-absolutelayout {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.z-absolutechildren {
  position: absolute;
  overflow: auto;
}



.z-anchorlayout,
.z-anchorlayout-body,
.z-anchorchildren {
  overflow: hidden;
}
.z-anchorchildren {
  margin: 0;
  padding: 0;
  float: left;
}




.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;
}
.z-auxheader {
  border-left: 1px solid #bbc2c7;
  border-bottom: 1px solid #bbc2c7;
  padding: 0;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  
  	background:	#f5f5f5; /* Old browsers */
;
  
}
.z-auxheader-content {
  font-weight: bold;
  padding: 2px 5px 3px;
  line-height: 24px;
  overflow: hidden;
}
.z-auxheader .z-image {
  width: 24px;
  height: 24px;
  font-size: 16px;
  text-align: center;
}
/*** Browser-Hacks ***/
.ie8 .z-auxheader {
  position: static;
  background: #f5f5f5;
}


.z-combobox,
.z-bandbox,
.z-datebox,
.z-timebox,
.z-spinner,
.z-doublespinner {
  display: inline-block;
  min-height: 28px;
  white-space: nowrap;
}
.grid-filterbox .z-combobox-input,
.grid-filterbox .z-combobox-button,
.grid-filterbox .z-bandbox-input,
.grid-filterbox .z-bandbox-button,
.grid-filterbox .z-datebox-input,
.grid-filterbox .z-datebox-button,
.grid-filterbox .z-timebox-input,
.grid-filterbox .z-timebox-button,
.grid-filterbox .z-spinner-input,
.grid-filterbox .z-spinner-button,
.grid-filterbox .z-doublespinner-input,
.grid-filterbox .z-doublespinner-button,
.z-tabpanel .z-combobox-input,
.z-tabpanel .z-combobox-button,
.z-tabpanel .z-bandbox-input,
.z-tabpanel .z-bandbox-button,
.z-tabpanel .z-datebox-input,
.z-tabpanel .z-datebox-button,
.z-tabpanel .z-timebox-input,
.z-tabpanel .z-timebox-button,
.z-tabpanel .z-spinner-input,
.z-tabpanel .z-spinner-button,
.z-tabpanel .z-doublespinner-input,
.z-tabpanel .z-doublespinner-button {
  border-color: transparent;
}
.z-datebox-input {
  width: 94px;
}
.z-combobox > input.z-combobox-input,
.z-bandbox > input.z-bandbox-input {
  width: 237px;
}
.z-combobox.codes input.z-combobox-input,
.z-bandbox.codes input.z-bandbox-input {
  width: 78px;
}
.z-combobox.bank-code input.z-combobox-input,
.z-bandbox.bank-code input.z-bandbox-input {
  width: 130px;
}
.z-datebox.long-form > .z-datebox-input {
  width: 135px;
}
.z-combobox.signature-limit input.z-combobox-input {
  width: 160px;
}
.z-combobox.account-number input.z-combobox-input,
.z-bandbox.account-number input.z-bandbox-input {
  width: 335px;
}
.z-combobox.small-printable input.z-combobox-input,
.z-bandbox.small-printable input.z-bandbox-input {
  width: 480px;
}
.z-combobox-input,
.z-bandbox-input,
.z-datebox-input,
.z-timebox-input,
.z-spinner-input,
.z-doublespinner-input
 {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #434343;
  height: 28px;
  margin: 0;
  padding: 0px 8px;
  border: 1px solid #ddd;
  border-right: none;
  background: #fff;
}
.z-combobox.hovered > .z-combobox-input,
.z-combobox-input:hover,
.z-combobox-input:hover + .z-combobox-button,
.z-combobox-input + .z-combobox-button:hover,
.z-combobox-button:hover,
.z-bandbox.hovered > .z-bandbox-input,
.z-bandbox-input:hover,
.z-bandbox-input:hover + .z-bandbox-button,
.z-bandbox-input + .z-bandbox-button:hover,
.z-bandbox-button:hover,
.z-datebox.hovered > .z-datebox-input,
.z-datebox-input:hover,
.z-datebox-input:hover + .z-datebox-button,
.z-datebox-input + .z-datebox-button:hover,
.z-datebox-button:hover,
.z-timebox.hovered > .z-timebox-input,
.z-timebox-input:hover,
.z-timebox-input:hover + .z-timebox-button > a,
.z-timebox-input + .z-timebox-button > a:hover,
.z-timebox-button > a:hover,
.z-spinner.hovered > .z-spinner-input,
.z-spinner-input:hover,
.z-spinner-input:hover + .z-spinner-button,
.z-spinner-input + .z-spinner-button:hover,
.z-spinner-button:hover,
.z-doublespinner.hovered > .z-doublespinner-input,
.z-doublespinner-input:hover,
.z-doublespinner-input:hover + .z-doublespinner-button,
.z-doublespinner-input + .z-doublespinner-button:hover,
.z-doublespinner-button:hover {
  color: #00579d;
 }
.z-combobox-input[readonly],
.z-combobox-input[readonly] + .z-combobox-button,
.z-bandbox-input[readonly],
.z-bandbox-input[readonly] + .z-bandbox-button,
.z-datebox-input[readonly],
.z-datebox-input[readonly] + .z-datebox-button,
.z-timebox-input[readonly],
.z-timebox-input[readonly] + .z-timebox-button,
.z-spinner-input[readonly],
.z-spinner-input[readonly] + .z-spinner-button,
.z-doublespinner-input[readonly],
.z-doublespinner-input[readonly] + .z-doublespinner-button {
  background: rgba(255,255,255,0.5);
}
.z-combobox.hovered > .z-combobox-input[readonly],
.z-combobox-input[readonly]:hover,
.z-combobox-input[readonly]:hover + .z-combobox-button,
.z-combobox-input[readonly] + .z-combobox-button:hover,
.z-bandbox.hovered > .z-bandbox-input[readonly],
.z-bandbox-input[readonly]:hover,
.z-bandbox-input[readonly]:hover + .z-bandbox-button,
.z-bandbox-input[readonly] + .z-bandbox-button:hover,
.z-datebox.hovered > .z-datebox-input[readonly],
.z-datebox-input[readonly]:hover,
.z-datebox-input[readonly]:hover + .z-datebox-button,
.z-datebox-input[readonly] + .z-datebox-button:hover,
.z-timebox.hovered > .z-timebox-input[readonly],
.z-timebox-input[readonly]:hover,
.z-timebox-input[readonly]:hover + .z-timebox-button > a,
.z-timebox-input[readonly] + .z-timebox-button > a:hover,
.z-spinner.hovered > .z-spinner-input[readonly],
.z-spinner-input[readonly]:hover,
.z-spinner-input[readonly]:hover + .z-spinner-button,
.z-spinner-input[readonly] + .z-spinner-button:hover,
.z-doublespinner.hovered > .z-doublespinner-input[readonly],
.z-doublespinner-input[readonly]:hover,
.z-doublespinner-input[readonly]:hover + .z-doublespinner-button,
.z-doublespinner-input[readonly] + .z-doublespinner-button:hover {
  background: rgba(255,255,255,0.75);
}
.z-combobox-input[readonly]:focus,
.z-bandbox-input[readonly]:focus,
.z-datebox-input[readonly]:focus,
.z-timebox-input[readonly]:focus,
.z-spinner-input[readonly]:focus,
.z-doublespinner-input[readonly]:focus{
  border-color: #00579d;
}
.z-combobox-button,
.z-bandbox-button,
.z-datebox-button,
.z-timebox-button,
.z-spinner-button,
.z-doublespinner-button {
  position: relative;
  font-size: 14px;
  color: #666;
  display: inline-block;
  width: 28px;
  
  height: 28px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ddd;
  border-left: none;
}
.z-timebox-button {
  line-height: 14px;
}
.z-combobox-button:active,
.z-bandbox-button:active,
.z-datebox-button:active,
.z-timebox-button > a:active,
.z-spinner-button:active,
.z-doublespinner-button:active {
  color: #00579d;
}
.z-combobox-input[disabled],
.z-combobox-input[disabled]:hover,
.z-bandbox-input[disabled],
.z-bandbox-input[disabled]:hover,
.z-datebox-input[disabled],
.z-datebox-input[disabled]:hover,
.z-timebox-input[disabled],
.z-timebox-input[disabled]:hover,
.z-spinner-input[disabled],
.z-spinner-input[disabled]:hover,
.z-doublespinner-input[disabled],
.z-doublespinner-input[disabled]:hover {
  color: #434343;
  background: rgba(255,255,255,0.5);
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-combobox-input[disabled]:hover + .z-combobox-button,
.z-combobox-input[disabled] + .z-combobox-button,
.z-combobox-input[disabled] + .z-combobox-button:hover,
.z-combobox-input[disabled] + .z-combobox-button:active,
.z-bandbox-input[disabled]:hover + .z-bandbox-button,
.z-bandbox-input[disabled] + .z-bandbox-button,
.z-bandbox-input[disabled] + .z-bandbox-button:hover,
.z-bandbox-input[disabled] + .z-bandbox-button:active,
.z-datebox-input[disabled]:hover + .z-datebox-button,
.z-datebox-input[disabled] + .z-datebox-button,
.z-datebox-input[disabled] + .z-datebox-button:hover,
.z-datebox-input[disabled] + .z-datebox-button:active,
.z-timebox-input[disabled]:hover + .z-timebox-button,
.z-timebox-input[disabled] + .z-timebox-button,
.z-timebox-input[disabled] + .z-timebox-button > a:hover,
.z-timebox-input[disabled] + .z-timebox-button > a:active,
.z-spinner-input[disabled]:hover + .z-spinner-button,
.z-spinner-input[disabled] + .z-spinner-button,
.z-spinner-input[disabled] + .z-spinner-button:hover,
.z-spinner-input[disabled] + .z-spinner-button:active,
.z-doublespinner-input[disabled]:hover + .z-doublespinner-button,
.z-doublespinner-input[disabled] + .z-doublespinner-button,
.z-doublespinner-input[disabled] + .z-doublespinner-button:hover,
.z-doublespinner-input[disabled] + .z-doublespinner-button:active {
  color: #434343;
  background: rgba(255,255,255,0.5);
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-combobox-button .z-combobox-icon,
.z-bandbox-button .z-bandbox-icon,
.z-datebox-button .z-datebox-icon,
.z-timebox-button .z-timebox-icon > i,
.z-spinner-button .z-spinner-icon > i,
.z-doublespinner-button .z-doublespinner-icon > i {
  cursor: inherit;
}
.z-combobox-disabled,
.z-bandbox-disabled,
.z-datebox-disabled,
.z-timebox-disabled,
.z-spinner-disabled,
.z-doublespinner-disabled {
  color: rgba(87,87,87,0.6);
  border-color: transparent;
}
.z-combobox-disabled *,
.z-bandbox-disabled *,
.z-datebox-disabled *,
.z-timebox-disabled *,
.z-spinner-disabled *,
.z-doublespinner-disabled * {
  cursor: default !important;
}
.z-combobox.focused > .z-combobox-input,
.z-combobox.focused > .z-combobox-button,
.z-bandbox.focused > .z-bandbox-input,
.z-bandbox.focused > .z-bandbox-button,
.z-datebox.focused > .z-datebox-input,
.z-datebox.focused > .z-datebox-button,
.z-timebox.focused > .z-timebox-input,
.z-timebox.focused > .z-timebox-button,
.z-spinner.focused > .z-spinner-input,
.z-spinner.focused > .z-spinner-button,
.z-doublespinner.focused > .z-doublespinner-input,
.z-doublespinner.focused > .z-doublespinner-button {
  border-color: #00579d;
}
.z-combobox-input.z-combobox-invalid,
.z-combobox-input.z-combobox-invalid + .z-combobox-button,
.z-bandbox-input.z-bandbox-invalid,
.z-bandbox-input.z-bandbox-invalid + .z-bandbox-button,
.z-datebox-input.z-datebox-invalid,
.z-datebox-input.z-datebox-invalid + .z-datebox-button,
.z-timebox-input.z-timebox-invalid,
.z-timebox-input.z-timebox-invalid + .z-timebox-button,
.z-spinner-input.z-spinner-invalid,
.z-spinner-input.z-spinner-invalid + .z-spinner-button,
.z-doublespinner-input.z-doublespinner-invalid,
.z-doublespinner-input.z-doublespinner-invalid + .z-doublespinner-button {
  border-color: rgba(225,85,72,0.6);
}
.z-combobox.focused > .z-combobox-invalid,
.z-combobox.focused > .z-combobox-invalid + .z-combobox-button,
.z-combobox.focused.invalid > .z-combobox-input,
.z-combobox.focused.invalid > .z-combobox-button,
.z-bandbox.focused > .z-bandbox-invalid,
.z-bandbox.focused > .z-bandbox-invalid + .z-bandbox-button,
.z-bandbox.focused.invalid > .z-bandbox-input,
.z-bandbox.focused.invalid > .z-bandbox-button,
.z-datebox.focused > .z-datebox-invalid,
.z-datebox.focused > .z-datebox-invalid + .z-datebox-button,
.z-datebox.focused.invalid > .z-datebox-input,
.z-datebox.focused.invalid > .z-datebox-button,
.z-timebox.focused > .z-timebox-invalid,
.z-timebox.focused > .z-timebox-invalid + .z-timebox-button,
.z-timebox.focused.invalid > .z-timebox-input,
.z-timebox.focused.invalid > .z-timebox-button,
.z-spinner.focused > .z-spinner-invalid,
.z-spinner.focused > .z-spinner-invalid + .z-spinner-button,
.z-spinner.focused.invalid > .z-spinner-input,
.z-spinner.focused.invalid > .z-spinner-button,
.z-doublespinner.focused > .z-doublespinner-invalid,
.z-doublespinner.focused > .z-doublespinner-invalid + .z-doublespinner-button,
.z-doublespinner.focused.invalid > .z-doublespinner-input,
.z-doublespinner.focused.invalid > .z-doublespinner-button {
  border-color: rgba(225,85,72,1);
}
.combobox-mimicry .z-button > i,
.combobox-mimicry-disabled .z-button > i {
  font-size: 14px;
}
.combobox-mimicry {
  cursor: pointer;
}
.combobox-mimicry:hover {
  color: #00579d;
}  
.combobox-mimicry .z-label:hover {
  background: #fff;
}
.combobox-mimicry .z-label:focus{
  border-color: #00579d;
}
.combobox-mimicry-disabled .z-label,
.combobox-mimicry .z-label {
  height: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 188px;
  padding-left: 8px;
}
.combobox-mimicry-disabled .z-button.nolabel:hover,
.combobox-mimicry-disabled .z-button.nolabel,
.combobox-mimicry .z-button.nolabel {
  margin-right: 6px;
  border: 0px none;  
  background-color: transparent;
  background: none; 
  width: inherit;
  height: none;
  overflow: visible;
  color: inherit;
}
.combobox-mimicry-container {
  width: 265px;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.combobox-mimicry-container .spaced-right {
  vertical-align: middle;
  margin-left: -1px; 
}
.warnbox > .z-combobox-input,
.warnbox > .z-combobox-input + .z-combobox-button,
.warnbox > .z-bandbox-input,
.warnbox > .z-bandbox-input + .z-bandbox-button,
.warnbox > .z-datebox-input,
.warnbox > .z-datebox-input + .z-datebox-button,
.warnbox > .z-timebox-input,
.warnbox > .z-timebox-input + .z-timebox-button,
.warnbox > .z-spinner-input,
.warnbox > .z-spinner-input + .z-spinner-button,
.warnbox > .z-doublespinner-input,
.warnbox > .z-doublespinner-input + .z-doublespinner-button {
  border-color: rgba(225,175,35,0.6);
}
.warnbox > .z-combobox-input:focus,
.warnbox > .z-combobox-input:focus + .z-combobox-button,
.warnbox > .z-bandbox-input:focus,
.warnbox > .z-bandbox-input:focus + .z-bandbox-button,
.warnbox > .z-datebox-input:focus,
.warnbox > .z-datebox-input:focus + .z-datebox-button,
.warnbox > .z-timebox-input:focus,
.warnbox > .z-timebox-input:focus + .z-timebox-button,
.warnbox > .z-spinner-input:focus,
.warnbox > .z-spinner-input:focus + .z-spinner-button,
.warnbox > .z-doublespinner-input:focus,
.warnbox > .z-doublespinner-input:focus + .z-doublespinner-button,
.warnbox.focused > .z-combobox-input,
.warnbox.focused > .z-combobox-input + .z-combobox-button,
.warnbox.focused > .z-bandbox-input,
.warnbox.focused > .z-bandbox-input + .z-bandbox-button,
.warnbox.focused > .z-datebox-input,
.warnbox.focused > .z-datebox-input + .z-datebox-button,
.warnbox.focused > .z-timebox-input,
.warnbox.focused > .z-timebox-input + .z-timebox-button,
.warnbox.focused > .z-spinner-input,
.warnbox.focused > .z-spinner-input + .z-spinner-button,
.warnbox.focused > .z-doublespinner-input,
.warnbox.focused > .z-doublespinner-input + .z-doublespinner-button,
.warnbox.focused.invalid > .z-combobox-input,
.warnbox.focused.invalid > .z-combobox-input + .z-combobox-button,
.warnbox.focused.invalid > .z-bandbox-input,
.warnbox.focused.invalid > .z-bandbox-input + .z-bandbox-button,
.warnbox.focused.invalid > .z-datebox-input,
.warnbox.focused.invalid > .z-datebox-input + .z-datebox-button,
.warnbox.focused.invalid > .z-timebox-input,
.warnbox.focused.invalid > .z-timebox-input + .z-timebox-button,
.warnbox.focused.invalid > .z-spinner-input,
.warnbox.focused.invalid > .z-spinner-input + .z-spinner-button,
.warnbox.focused.invalid > .z-doublespinner-input,
.warnbox.focused.invalid > .z-doublespinner-input + .z-doublespinner-button {
  border-color: rgba(225,175,35,1);
}
.z-combobox-readonly:focus,
.z-bandbox-readonly:focus,
.z-datebox-readonly:focus,
.z-timebox-readonly:focus,
.z-spinner-readonly:focus,
.z-doublespinner-readonly:focus {
}
.z-combobox-rightedge,
.z-bandbox-rightedge,
.z-datebox-rightedge,
.z-timebox-rightedge,
.z-spinner-rightedge,
.z-doublespinner-rightedge {
  border-right: 1px solid #cfcfcf;
  	 border-radius:	3px;;
}
.z-combobox-input[readonly],
.z-bandbox-input[readonly],
.z-datebox-input[readonly] {
  cursor: pointer;
}
.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-combobox-button {
  font-size: 16px;
}
.z-datebox-button,
.z-bandbox-button {
  text-align: center;
}
.z-timebox-button,
.z-spinner-button,
.z-doublespinner-button {
  
  padding: 0;
  position: relative;
}
.z-spinner-button:hover,
.z-doublespinner-button:hover,
.z-spinner-button:active,
.z-doublespinner-button:active {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	 box-shadow:	none;;
}
.z-timebox-button > a,
.z-spinner-button > a,
.z-doublespinner-button > a {
  color: #434343;
  width: 28px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
  text-decoration: none;
}
.z-timebox-button > a:first-child,
.z-spinner-button > a:first-child,
.z-doublespinner-button > a:first-child {
  top: -1px;
}
.z-timebox-button > a:first-child:active,
.z-spinner-button > a:first-child:active,
.z-doublespinner-button > a:first-child:active {
  top: 0;
}
.z-spinner-button > a:hover,
.z-doublespinner-button > a:hover {
  /*border-color: #004183;*/
  
}
.z-spinner-button > a:active,
.z-doublespinner-button > a:active {
  /*border-color: #00579d;*/
  background: #fff;
}
.z-bandbox-icon.z-icon-caret-down:before,
.z-combobox-icon.z-icon-caret-down:before {
  content: "\f078";
}
.z-timebox-button > i,
.z-spinner-button > i,
.z-doublespinner-button > i {
  z-index: 2;
}
.z-timebox-button:hover > i,
.z-spinner-button:hover > i,
.z-doublespinner-button:hover > i {
  width: 28px;
  height: 0px;
  border-top: 0;
  position: absolute;
  top: 13px;
  left: 0;
}
.z-timebox-button > a ~ a,
.z-spinner-button > a ~ a,
.z-doublespinner-button > a ~ a {
  bottom: -1px;
}
.z-timebox-button > a ~ a > i,
.z-spinner-button > a ~ a > i,
.z-doublespinner-button > a ~ a > i {
  position: relative;
  top: -1px;
}
.z-timebox-button > a ~ a:active,
.z-spinner-button > a ~ a:active,
.z-doublespinner-button > a ~ a:active {
  bottom: -1px;
}
.z-timebox-disabled a:active,
.z-spinner-disabled a:active,
.z-doublespinner-disabled a:active,
.z-timebox-disabled a:hover,
.z-spinner-disabled a:hover,
.z-doublespinner-disabled a:hover {
  background: none;
}
.z-timebox-disabled a:first-child:active,
.z-spinner-disabled a:first-child:active,
.z-doublespinner-disabled a:first-child:active {
  top: -1px;
}
.z-timebox-disabled a ~ a:active,
.z-spinner-disabled a ~ a:active,
.z-doublespinner-disabled a ~ a:active {
  bottom: -1px;
}
.z-timebox-disabled a + i[class*='-separator'],
.z-spinner-disabled a + i[class*='-separator'],
.z-doublespinner-disabled a + i[class*='-separator'] {
  display: none;
}
.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;
}
.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: #004183;
}
.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;
}
.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-comboitem {
  display: block;
  padding: 5px 8px;
  position: relative;
  border-collapse: none;
}
.z-comboitem-inner,
.z-comboitem-content {
  font-size: 12px;
}
.z-comboitem,
.z-comboitem a,
.z-comboitem a:visited {
  font-weight: normal;
  color: #434343;
  text-decoration: none;
}
.z-comboitem:hover {
  color: #004183;
  background: rgba(33, 112, 179, 0.3);
}
.z-comboitem .z-comboitem-content {
  display: inline-block;
  margin-left: 5px;
}
.z-comboitem-selected {
  color: #fff;
  background: #2170b3;
}
.z-comboitem-selected:hover {
  color: #d1e2ef;
  background: #2170b3;
}
.z-comboitem-image,
.z-comboitem-icon {
  margin: 0 3px;
  float: left;
}
.z-comboitem-image:empty,
.z-comboitem-icon:empty {
  margin: 0px;
  display:none;
}
.z-comboitem-icon {
  display: inline-block;
  width: 21px;
  text-align: center;
  padding-right: 5px;
}
.z-combobox-popup,
.z-datebox-popup,
.z-bandbox-popup,
.z-timebox-popup {
  display: block;
  position: absolute;
  padding: 0px;
  overflow: hidden;
  z-index: 2000 !important;
  background: #fff;
  border: 1px solid #00579d;
}
.z-combobox-popup,
.z-bandbox-popup {
  overflow: auto;
}
.z-datebox-popup {
  border: none;
  background: transparent;
  overflow: visible;
} 
.z-combobox-content {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent none repeat 0 0;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
.z-combobox-shadow,
.z-bandbox-shadow {
  	 box-shadow:	2px 2px 5px 0px rgba(0, 0, 0, 0.4);;
}

/****************** CUSTOM STYLE *******************/
.currency-combobox-placeholder {
  display: inline-block;
  width: 30px;
  height: 5px;
}

.z-bandbox-popup {
  width: auto!important;
  height: auto!important;
  min-width: 237px;
}
.z-bandpopup .z-listbox .z-listbox-body,
.z-bandpopup .z-listbox .z-listbox-header {
  /* max-height defined only in theme.properties! */
  width: auto!important;
}
.z-bandpopup .z-listbox .z-listbox-body {
  overflow: visible;
}
.z-bandpopup .z-listbox > .z-listbox-body > table > tbody > .z-listitem > .z-listcell > .z-listcell-content { 
  white-space: nowrap; 
} 
/*We don't want listbox header to be visible, but they are needed for size calculation*/
.z-bandpopup .z-listbox .z-listbox-header-border {
  border: 0px;
}
.z-bandpopup .z-listbox .z-listbox-header .z-listheader-content {
  height: 0px;
  padding: 0;
}
.z-bandpopup .z-listbox > .z-listbox-body > table,
.z-bandpopup .z-listbox > .z-listbox-header > table {
  min-width: 100%;
  width: auto!important;
  max-width: 100%;
}
.z-bandpopup .z-listbox-emptybody td {
  padding: 5px 8px;
  white-space: nowrap;
  color: rgba(87,87,87,0.85);
}
.z-bandbox-icon.z-icon-search:before {
  content: "\f078";
}
.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;
}
/****************** SYSTEM MESSAGES *******************/
.system-messages.message-combobox:before,
.system-messages.message-combobox:not(.z-combobox-open):after,
.system-messages .background:before {
  font-family: FontAwesome;
  position: absolute;
  top: 6px;
  cursor: pointer;
  width: 14px;
  text-align: center;
}
/* show popup-icon */
.message-combobox:not(.z-combobox-open):after {
  content: "\f0d8";
  left: 10px;
}
/* cb message icon */
.system-messages.message-combobox:before,
/* popup entry icon */
.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: "Source Sans Pro", Arial, Sans-serif;
  color: #fff;
  border: none;
  background: none;
  padding-left: 50px;
  padding-right: 10px;
  	 box-shadow:	none;;
  	 border-radius:	0px;;
  text-overflow: ellipsis;
}
.system-messages.message-error .z-combobox-input,
.system-messages.message-error .z-combobox-input[readonly],
.system-messages.message-error .z-combobox-input[readonly]:focus {
  color: #fff;
}
.system-messages.z-combobox-popup {
  border:none;
  overflow-x: hidden;
  	 border-radius:	0px;;
  	 box-shadow:	none;;
}
.system-messages .z-comboitem {
  border: none;
  padding: 5px 0px;
}
.system-messages .z-comboitem-text {
  display: inline-block; 
  padding-left: 50px;
}
.system-messages .z-comboitem-image {
  float:none;
}
.system-messages > ul > li:last-child {
  display: none;
}
.system-messages .message-success.background.z-comboitem,
.system-messages .message-success.background.z-comboitem:hover {
  color: #fff;
  background: rgb(101,133,44);
  text-shadow: none;
}
.system-messages .message-info.background.z-comboitem,
.system-messages .message-info.background.z-comboitem:hover {
  color: #fff;
  background: rgb(89,156,208);
  text-shadow: none;
}
.system-messages .message-warning.background.z-comboitem,
.system-messages .message-warning.background.z-comboitem:hover {
  color: #fff;
  background: rgb(225,175,35);
  text-shadow: none;
}
.system-messages .message-error.background.z-comboitem,
.system-messages .message-error.background.z-comboitem:hover {
  color: #fff;
  background: rgb(225,85,72);
  text-shadow: none;
}
/** Browser hacks **/
/** Safari **/
.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;
}


@media print {
  .z-borderlayout {
    
  }
}
@media screen {
  .z-borderlayout {
    position: relative;
  }
}
.z-borderlayout {
  border: 0;
  overflow: hidden;
}
.z-borderlayout-icon {
  font-size: 14px;
  color: rgba(67,67,67,0.5);
  display: block;
  width: 15px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 10px;
  overflow: hidden;
  cursor: pointer;
  z-index: 999;
}
.z-borderlayout-icon:hover {
  color:rgba(67,67,67,1);
}
.z-west-collapsed > .z-borderlayout-icon {
  right: 7px;
}
.z-west-header .z-borderlayout-icon {
  background: #fff;
}
.z-east-collapsed .z-borderlayout-icon,
.z-east-header .z-borderlayout-icon {
  right: 4px;
  top: 10px;
}
.z-north,
.z-south,
.z-west,
.z-center,
.z-east {
  position: absolute;
  overflow: hidden;
}
.z-north {
  border: none;
}
.z-south {
  border: none;
}
.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-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #434343;
  height: 28px;
  border-bottom: none;
  line-height: 24px;
  overflow: hidden;
  cursor: default;
  white-space: nowrap;
}
.z-east-header,
.z-west-header {
  height: 0px;
  width: 0px;
}
.z-west-header
.z-north-body,
.z-south-body,
.z-west-body,
.z-center-body,
.z-east-body {
  line-height: 14px;
}
.z-west-body .z-navbar .first-page {
  margin-right: 24px;
}
.z-east-body {
}
.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-west-collapsed {
}
.z-east-collapsed {
}
.z-north-caption,
.z-south-caption,
.z-west-caption,
.z-center-caption,
.z-east-caption {
  height: 24px;
}
.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-north-splitter {
  z-index: 16;
}
.z-south,
.z-south-collapsed,
.z-south-splitter {
  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-west-splitter {
  width: 10px;
}
.z-east-splitter-button,
.z-west-splitter-button,
.z-north-splitter-button,
.z-south-splitter-button {
  color: #434343;
  display: inline-block;
  border: 1px solid #ff0000;
  background-color: #ff0000;  
  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: 14px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
}
.z-north-splitter,
.z-south-splitter {
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
   	background:	#fdfdfd; /* Old browsers */
;
  cursor: s-resize;
}

.z-north-splitter-button:hover .z-icon-caret-up,
.z-south-splitter-button:hover .z-icon-caret-down,
.z-west-splitter-button:hover .z-icon-caret-left,
.z-east-splitter-button:hover .z-icon-caret-right {
  opacity: 1;
}
.z-north-splitter-button-disabled .z-icon-caret-up,
.z-south-splitter-button-disabled .z-icon-caret-down,
.z-west-splitter-button-disabled .z-icon-caret-left,
.z-east-splitter-button-disabled .z-icon-caret-right {
  display: none;
}
.z-north-splitter-button-disabled,
.z-south-splitter-button-disabled {
  cursor: s-resize;
}
.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-vertical {
  font-size: 10px;
  top: -21px;
  left: 5px;
  cursor: e-resize;
  
}
.z-east-icon.z-icon-ellipsis-vertical {
  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-vertical ~ .z-west-icon.z-icon-ellipsis-vertical {
  top: 67px;
}
.z-east-icon.z-icon-ellipsis-vertical ~ .z-east-icon.z-icon-ellipsis-vertical {
  top: 39px;
}
.z-north-icon.z-icon-ellipsis-horizontal,
.z-south-icon.z-icon-ellipsis-horizontal {
  top: -2px;
  left: -20px;
  cursor: s-resize;
  
}
.z-north-icon.z-icon-ellipsis-horizontal ~ .z-north-icon.z-icon-ellipsis-horizontal,
.z-south-icon.z-icon-ellipsis-horizontal ~ .z-south-icon.z-icon-ellipsis-horizontal {
  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 0px;
}
.z-north-splitter-button,
.z-south-splitter-button {
  width: 30px;
  height: 8px;
  border-width: 0 1px;
}
.context-one-item {
  padding: 15px 25px 0 10px;
  background: #f6f6f6;
  z-index: 0;
}
.context-one-item .z-groupbox,
.context-one-item .z-grid {
  max-width: 400px;
}
.context-one-item .z-groupbox .z-groupbox-header,
.context-one-item .z-groupbox .z-groupbox-content {
  background: #f6f6f6;
}
.context-one-item .context-buttons {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
.context-one-item .context-buttons > .z-hlayout-inner {
  width: 50%;
  padding-right: 0px !important;
}
/*** Browser-Hacks ***/
.ie8 .z-borderlayout > div {
  border: 0;
}




a.button,
a.help {
  display: inline-block;
}
.z-button,
a.button,
a.help,
#travic-sign-button-list > button.travic-sign-button {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  min-height: 30px;
  padding: 5px 10px;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  color: #434343;
  background: transparent;
  border: 2px solid transparent;
}

.context-buttons .z-button {
  width: 100%;
}
.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;
}
.toolbar-left .z-button {
  color: #fff;
}
.z-button:hover,
a.button:hover,
a.help:hover,
#travic-sign-button-list > button.travic-sign-button:hover {
  border-color: #004183;
  text-decoration: none;
}
.context-buttons .z-button:hover {
  border-color: transparent;
  background-color: #ddd;
}
.z-button:active,
.z-button:active:focus,
a.button:active,
a.button:active:focus,
a.help:active,
a.help:active:hover,
#travic-sign-button-list > button.travic-sign-button:active,
#travic-sign-button-list > button.travic-sign-button:active:hover {
  color: #00579d;
  background: rgba(255,255,255,1);
  border-color: #00579d;
}
.context-buttons .z-button:active,
.context-buttons .z-button:active:focus {
  color: #fff;
  background: #999;
  border-color: transparent;
}
.z-button:focus,
a.button:focus,
a.help:focus,
#travic-sign-button-list > button.travic-sign-button:focus {
  color: #00579d;
}
.z-button.disabled,
.z-button[disabled],
.z-button.disabled:hover,
.z-button[disabled]:hover,
.z-button.disabled.default-action,
.z-button[disabled].default-action,
.z-button.disabled.default-action:hover,
.z-button[disabled].default-action:hover,
a.button.disabled,
a.button[disabled],
a.button.disabled:hover,
a.button[disabled]:hover,
#travic-sign-button-list > button.travic-sign-button[disabled],
#travic-sign-button-list > button.travic-sign-button[disabled]:hover,
#travic-sign-button-list > button.travic-sign-default-button[disabled],
#travic-sign-button-list > button.travic-sign-default-button[disabled]:hover {
  cursor: default;
  color: rgba(87,87,87,0.6);
  background: transparent;
  border-color: transparent;
}
.combobox-mimicry-disabled .z-button.disabled,
.combobox-mimicry-disabled .z-button[disabled],
.combobox-mimicry-disabled .z-button.disabled:hover,
.combobox-mimicry-disabled .z-button[disabled]:hover{
  color: inherit;
}
.z-button.default-action,
.task-action .z-button,
.task-action a.button,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button {
  color: #fff;
  background: #00579d;
  border-color: #00579d;
  padding: 5px 10px;
}
.z-button.default-action:hover,
.z-button.default-action:hover:focus,
.travic-sign-default-button:hover,
.travic-sign-default-button:hover:focus,
.task-action .z-button:hover,
.task-action a.button:hover,
.task-action .z-button:hover:focus,
.task-action a.button:hover:focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:hover,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:hover:focus {
  color: #00579d;
  border-color: #00579d;
  background: rgba(33,112,179,0.3);
}
.z-button.default-action:active,
.z-button.default-action:active:focus,
a.default-action.button:active,
a.default-action:active:focus,
.task-action .z-button:active,
.task-action .z-button:active:focus,
.task-action a.button:active,
.task-action a.button:active:focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:active,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:active:focus {
  color: #00579d;
  background: rgba(255,255,255,1);
  border-color: #00579d;
}
.z-button.default-action:focus,
a.button.default-action:focus,
.task-action .z-button:focus,
.task-action a.button:focus,
#travic-sign-button-list > button.travic-sign-button.travic-sign-default-button:focus {
  color: #fff;
  background: rgba(33,112,179,0.9);
  border-color: transparent;
}
.z-button.default-action.disabled {
}
.z-button img,
a.button img {
  vertical-align: middle;
}
.z-button > i,
a.button > i {
  font-size: 20px;
  padding-right: 2px;
  cursor: inherit;
}
.z-button.nolabel,
a.help {
  width: 34px;
  height: 34px;
  padding: 5px 0px;
}
.z-button.nolabel.symbol {
  width: 40px;
  height: 40px;
}
.z-button.nolabel.selected {
  font-weight: normal;
}
.z-button.nolabel > i {
  padding-right: 0px;
}
a.help {
  margin: 0px 5px;
  padding: 0;
}
a.help > span {
  display: inline-block;
  margin: 0;
  padding: 5px 7px;
  text-align: center;
  width: 30px;
  height: 30px;
}
a.help > span > i {
  font-size: 26px;
  padding: 0;
}
.z-button.logout {
  margin-right: 10px;
}
.z-button.logout > i {
  font-size: 24px;
}
.z-button.error {
  color: #434343;
  background: rgba(225,85,72,1);
  border-color: rgba(225,85,72,1);
}
.z-button.error:hover {
  color: #fff;
  background: #b48d7c;
  border-color: rgba(192,38,24,1);
}
.z-button.error:focus,
.z-button.error:active {
  color: #fff;
  border-color: rgba(192,38,24,1);
  background: rgba(192,38,24,1);
}
.z-button.message-error.text,
.z-button.message-error.text:hover,
.z-button.message-error.text:active {
  color: #b48d7c;
}
.z-button.error.disabled,
.z-button.error[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.toolbar-left .z-button:hover,
.toolbar-left .z-button:focus {
  background: rgba(221, 221, 221, 0.3);
}
.toolbar-left .z-button:hover,
.toolbar-left .z-button:active {
  border-color: rgba(255, 255, 255, 0.8);
}
.toolbar-left .z-button:active {
  background: rgba(255, 255, 255, 1);
}
.z-button.tab-button {
  border-right: none;
}
.z-button.marked {
  opacity: 1;
}
.z-button.weekend {
  color: rgba(255,255,255,0.6);
}
.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;
  border-color: transparent;
  color: rgba(255,255,255,0.3);
}
.toolbar-left .z-button.marked,
.toolbar-left .z-button.selected,
.z-button.weekend.selected {
  color: #434343;
  background: rgba(255,255,255,0.5);
}
.toolbar-left .z-button.marked:hover,
.toolbar-left .z-button.selected:hover,
.z-button.weekend.selected:hover,
.toolbar-left .z-button.marked:focus,
.toolbar-left .z-button.selected:focus,
.z-button.weekend.selected:focus {
  background: rgba(255, 255, 255, 0.8);
  color: #00579d;
}
.toolbar-left .z-button.marked:hover {
  color: #2170b3;
}
.wizard-bar .z-button:focus {
  background: rgba(255,255,255,0.2);
}
.wizard-bar .z-button.marked {
  color: #00579d;
  background: rgba(255,255,255,0.5);
}
.wizard-bar .z-button:active {
  background: rgba(255,255,255,1);
}
.z-toolbar.footer-buttons.with-magic-combobox {
  overflow: hidden;  
}
.z-toolbar .z-button,
.footer-buttons .z-button {
  margin-right: 5px;
}
.button-separator {
  display: inline-block;
  width: 2px;
  margin: 0px 10px 0px 5px;
  position: relative;
  top: 9px;
  height: 20px;
  border-left: 1px solid #555;
}
.z-header-toolbar .button-separator {
  height: 22px;
}
.z-header-toolbar .z-button.invert-margin {
  margin-left: 5px;
  margin-right: 0px;
}
.z-header-toolbar .z-button {
  margin-right: 5px;
}
.z-button-placeholder {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 5px;
}
.task-fragment .task-action .z-button,
.task-fragment .task-action a.button {
  padding: 5px 15px;
  text-align: center;
}
.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: 14px;
  padding: 0;
  text-align: center;
  	 box-shadow:	none;;
}
.task-fragment .task-close .z-button > i {
  font-size: 14px;
}

/*** TravicSign ***/
#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: normal normal normal 20px 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";
}

/*** Browser-Hacks ***/
.ie8 .z-button.nolabel {
  padding: 0px;
  overflow: hidden;
  min-height: unset;
}



.z-hbox,
.z-vbox {
  border-spacing: 0;
}
.z-hbox th,
.z-vbox th,
.z-hbox td,
.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 {
  border: 1px solid #cfcfcf;
}
.z-splitter-horizontal {
  width: 8px;
  border-width: 0 1px;
   	background:	#fdfdfd; /* Old browsers */
;
  overflow: hidden;
  cursor: e-resize;
}
.z-splitter-horizontal > .z-splitter-button {
  width: 8px;
  height: 30px;
  border-width: 1px 0;
}
.z-splitter-horizontal .z-splitter-icon {
  font-size: 11px;
  position: absolute;
  top: 9px;
  left: 1px;
}
.z-splitter-horizontal .z-splitter-icon.z-icon-ellipsis-vertical {
  font-size: 10px;
  
  top: -21px;
  left: 2px;
  cursor: e-resize;
}
.z-splitter-horizontal .z-splitter-icon.z-icon-ellipsis-vertical ~ .z-splitter-icon.z-icon-ellipsis-vertical {
  top: 39px;
  
}
.z-splitter-vertical {
  height: 8px;
  border-width: 1px 0;
   	background:	#fdfdfd; /* Old browsers */
;
  overflow: hidden;
  cursor: s-resize;
}
.z-splitter-vertical > .z-splitter-button {
  width: 30px;
  height: 8px;
  border-width: 0 1px;
}
.z-splitter-vertical .z-splitter-icon {
  font-size: 10px;
  line-height: normal;
  position: absolute;
  top: -3px;
  left: 11px;
}
.z-splitter-vertical .z-splitter-icon.z-icon-ellipsis-horizontal {
  top: -2px;
  left: -16px;
  cursor: s-resize;
  
}
.z-splitter-vertical .z-splitter-icon.z-icon-ellipsis-horizontal ~ .z-splitter-icon.z-icon-ellipsis-horizontal {
  left: 36px;
  
}
.z-splitter-button {
  color: #333333;
  display: inline-block;
  border: 1px solid #cfcfcf;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
.z-splitter-button-disabled {
  border: 0;
}
.z-splitter-vertical .z-splitter-button-disabled {
  cursor: s-resize;
}
.z-splitter-horizontal .z-splitter-button-disabled {
  cursor: e-resize;
}
.z-splitter-icon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.z-splitter-nosplitter {
  cursor: default;
}
.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;
  filter: alpha(opacity=100);
  cursor: pointer;
}


/********** CUSTOM STYLE ***************/
.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;
}



.z-calendar {
  margin-top: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #434343;
  background: #fff;
  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 {
  font-size: 14px;
  font-weight: bold;
  color: #434343;
  width: 100%;
  padding: 5px 35px;
  line-height: 14px;
  text-align: center;
}
.z-calendar-title:hover {
  color: #2170b3;
  text-decoration: none;
}
.z-calendar-title:focus {
  text-decoration: underline dotted;
}
.z-calendar-title:active {
  text-decoration: underline solid;
}
.z-calendar-header {
  position: relative;
  background: #fff
}

.z-calendar-header > a {
  display: inline-block;
}
.z-calendar-body {
  height: 100%;
  background-color: #fff;
  
}
.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-body tr {
  	 box-shadow:	0px 1px 0 0 #999;;
}
.z-calendar-cell {
  font-size: 14px;
  min-width: 44px;
  height: 44px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}
.z-calendar-weekend {
  color: rgba(87, 87, 87, 0.8);
}
.z-calendar-outrange {
  color: rgba(87, 87, 87, 0.6);
}
.z-calendar-weekofyear {
  font-style: italic;
  color: #ffffff;
  background: #ff0000;
  cursor: default;
}
.z-calendar-weekofyear:hover {
  color: #ffffff;
   	 border-radius:	0;;
  background: #ff0000;
}
.z-calendar-anima {
  overflow: hidden;
  position: relative;
}
.z-calendar-anima-inner {
  width: 200%;
  position: absolute;
}
.z-calendar-anima-inner table {
  width: 50%;
  float: left;
}
.z-calendar-cell:hover {
  color: #004183;
  background: rgba(33, 112, 179, 0.3);
  padding: 6px;
}
.z-calendar-selected,
.z-calendar-selected:hover {
  color: #fff;
  background-color: #2170b3;
  padding: 6px;
}
.z-calendar-selected:hover {
  color: #d1e2ef;
}
.z-calendar-outside {
  color: #a1a1a1;
}
.z-calendar-icon {
  color: #434343;
  width: 24px;
  height: 24px;
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  background: transparent;
  border: 2px solid transparent;
}
.z-calendar-icon:hover {
  border-color: #004183;
}
.z-calendar-icon:active,
.z-calendar-icon:active:hover {
  color: #00579d;
  background: rgba(255,255,255,1);
  border-color: #00579d;
}
.z-calendar-icon:focus {
  color: #00579d;
}
.z-calendar-right {
  right: 10px;
}
.z-calendar-left {
  left: 10px;
}
.z-calendar-icon > .z-icon-caret-left:before {
  content: "\f053";
}
.z-calendar-icon > .z-icon-caret-right:before {
  content: "\f054";
}
.z-calendar-left[disabled],
.z-calendar-right[disabled],
.z-calendar-left[disabled]:hover,
.z-calendar-right[disabled]:hover {
  cursor: default;
  color: rgba(87,87,87,0.6);
  background: transparent;
  border: 2px solid transparent;
}
.z-calendar-disabled,
.z-calendar-disabled:hover {
  background: transparent;
  color: rgba(87, 87, 87, 0.2);
}
.z-datebox-popup .z-calendar + .z-timebox {
  width: 348px;
  background: #fff;
  padding: 10px;
  text-align: center;
  	 box-shadow:	2px 5px 5px 2px rgba(0, 0, 0, 0.4);
}
.z-calendar + .z-timebox > .z-timebox-input {
  padding-left: 20px;
  width: 83px;
}
.z-datebox-popup .z-calendar ~ .z-datebox-timezone {
  margin: 0 5px 5px;
}
.z-datebox-timezone {
  font-size: 14px;
  font-weight: normal;
}
/*** Browser-Hacks ***/
.gecko .z-calendar-selected,
.gecko .z-calendar-selected:hover,
.gecko .z-calendar-cell:hover {
  background-clip: content-box;
}
.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-caption {
  width: 100%;
  height: auto;
  min-height: 24px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.low-resolution .z-caption {
  min-height: 16px;
}
.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: #FFFFFF;
  border: 0;
  background: none;
}
.z-caption .z-a,
.z-caption .z-a:visited {
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  background: none;
  text-decoration: none;
}
.z-caption .z-a:hover {
  text-decoration: underline;
}
/*** Browser-Hacks ***/
.ie9 .z-caption,
.ie10 .z-caption {
  height: 24px
}
.ie9 .low-resolution .z-caption,
.ie10 .low-resolution .z-caption {
  height: 16px
}



.z-combobutton {
  display: inline-block;
  min-height: 24px;
  cursor: pointer;
}
.z-combobutton-content {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #333333;
  display: inline-block;
  min-height: 24px;
  border: 1px solid #bbc2c7;
   	 border-radius:	3px;;
  padding: 4px 30px 4px 5px;
  line-height: 16px;
  
   	background:	#ffffff; /* Old browsers */
;
  
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
}
.z-combobutton-image {
  vertical-align: middle;
}
.z-combobutton-button {
  font-weight: normal;
  display: block;
  width: 24px;
  height: 100%;
  border-left: 1px solid #bbc2c7;
  line-height: normal;
  position: absolute;
  top: 0;
  right: 0;
}
.z-combobutton-icon {
  font-size: 16px;
  color: #333333;
}
.z-combobutton-icon.z-icon-caret-down {
  display: block;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 7px;
}
.z-combobutton:hover .z-combobutton-content,
.z-combobutton:hover .z-combobutton-button {
  border-color: #103b5f;
  
   	background:	#ffffff; /* Old browsers */
;
  
}
.z-combobutton:focus .z-combobutton-content,
.z-combobutton:focus .z-combobutton-button {
  color: #595959;
  border-color: #595959;
   	background:	#ffffff; /* Old browsers */
;
   	 box-shadow:	inset 0 0 2px #0CBCFF;;
}
.z-combobutton:focus .z-combobutton-button {
  border-left-color: #cfcfcf;
}
.z-combobutton:active .z-combobutton-content,
.z-combobutton:active .z-combobutton-button {
  border-color: #103b5f;
   	background:	#b0cad5; /* Old browsers */
;
}
.z-combobutton[disabled] {
  cursor: default;
}
.z-combobutton[disabled] .z-combobutton-content,
.z-combobutton[disabled] .z-combobutton-button {
  border-color: #bbc2c7;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   	 box-shadow:	none;;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-combobutton-toolbar .z-combobutton-content,
.z-combobutton-toolbar .z-combobutton-button {
  border-color: transparent;
   	 border-radius:	0;;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.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: #103b5f;
   	background:	#ffffff; /* Old browsers */
;
}
.z-combobutton-toolbar[disabled] .z-combobutton-content,
.z-combobutton-toolbar[disabled] .z-combobutton-button {
  border-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  opacity: 0.6;
  filter: alpha(opacity=60);
   	 box-shadow:	none;;
}
/*** Browser-Hacks ***/
.ie8 .z-combobutton {
  min-height: 14px;
}
.ie8 .z-combobutton-content {
  background: #e9ebed;
  min-height: 14px;
}
.ie8 .z-combobutton-toolbar .z-combobutton-content,
.ie8 .z-combobutton-toolbar .z-combobutton-button {
  background: transparent;
}
.ie8 .z-combobutton:hover .z-combobutton-content,
.ie8 .z-combobutton:hover .z-combobutton-button {
  background: #b0cad5;
}




.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
input#travic-sign-editbox {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  color: #434343;
  min-height: 28px;
  
  border: 1px solid #ddd;
  margin: 2px 0px;
  padding: 0px 8px;
  background: #fff;
}
.popup-content .popup-content-framed .z-textbox {
  margin: 15px 0;
}
.z-icon-grid-searchbox .z-textbox,
.grid-filterbox .z-textbox:not(.z-textbox-invalid),
.grid-filterbox .z-decimalbox:not(.z-decimalbox-invalid),
.grid-filterbox .z-intbox:not(.z-intbox-invalid),
.grid-filterbox .z-longbox:not(.z-longbox-invalid),
.grid-filterbox .z-doublebox:not(.z-doublebox-invalid),
.z-tabpanel .z-textbox:not(.z-textbox-invalid),
.z-tabpanel .z-decimalbox:not(.z-decimalbox-invalid),
.z-tabpanel .z-intbox:not(.z-intbox-invalid),
.z-tabpanel .z-longbox:not(.z-longbox-invalid),
.z-tabpanel .z-doublebox:not(.z-doublebox-invalid),
.z-tabpanel .z-textbox[readonly]:focus,
.z-tabpanel .z-decimalbox[readonly]:focus,
.z-tabpanel .z-intbox[readonly]:focus,
.z-tabpanel .z-longbox[readonly]:focus,
.z-tabpanel .z-doublebox [readonly]:focus {
  border-color: transparent;
}
.z-tabpanel .grid-list .z-textbox:not(.z-textbox-invalid),
.z-tabpanel .grid-list .z-decimalbox:not(.z-decimalbox-invalid),
.z-tabpanel .grid-list .z-intbox:not(.z-intbox-invalid),
.z-tabpanel .grid-list .z-longbox:not(.z-longbox-invalid),
.z-tabpanel .grid-list .z-doublebox:not(.z-doublebox-invalid),
.z-tabpanel .grid-list .z-textbox[readonly]:focus,
.z-tabpanel .grid-list .z-decimalbox[readonly]:focus,
.z-tabpanel .grid-list .z-intbox[readonly]:focus,
.z-tabpanel .grid-list .z-longbox[readonly]:focus,
.z-tabpanel .grid-list .z-doublebox [readonly]:focus {
  border-color: #ccc;
}
textarea.z-textbox.fixed-width {
  width: 265px;
}
input.z-textbox {
  width: 265px;
}
input.z-decimalbox,
input.z-intbox,
input.z-longbox,
input.z-doublebox,
input.z-textbox.amount {
  width: 122px;
}
input.z-textbox.codes {
  width: 78px;
}
input.z-textbox.bank-code {
  width: 122px;
}
input.z-textbox.account-number {
  width: 335px;
}
input.z-textbox.small-printable {
  width: 480px;
}
input.z-textbox.signature-limit {
  width: 135px;
  text-align: left;
}
.z-textbox:focus,
.z-decimalbox:focus,
.z-intbox:focus,
.z-longbox:focus,
.z-doublebox:focus,
.z-tabpanel .z-textbox:focus,
.z-tabpanel .z-decimalbox:focus,
.z-tabpanel .z-intbox:focus,
.z-tabpanel .z-longbox:focus,
.z-tabpanel .z-doublebox:focus,
.z-tabpanel .grid-list .z-textbox:focus,
.z-tabpanel .grid-list .z-decimalbox:focus,
.z-tabpanel .grid-list .z-intbox:focus,
.z-tabpanel .grid-list .z-longbox:focus,
.z-tabpanel .grid-list .z-doublebox:focus,
input#travic-sign-editbox:focus {
  border-color: #00579d;
}
.z-textbox[readonly],
.z-decimalbox[readonly],
.z-intbox[readonly],
.z-longbox[readonly],
.z-doublebox[readonly],
.z-tabpanel .z-textbox[readonly],
.z-tabpanel .z-decimalbox[readonly],
.z-tabpanel .z-intbox[readonly],
.z-tabpanel .z-longbox[readonly],
.z-tabpanel .z-doublebox[readonly],
.z-tabpanel .grid-list .z-textbox[readonly],
.z-tabpanel .grid-list .z-decimalbox[readonly],
.z-tabpanel .grid-list .z-intbox[readonly],
.z-tabpanel .grid-list .z-longbox[readonly],
.z-tabpanel .grid-list .z-doublebox[readonly],
input#travic-sign-editbox[readonly] {
  background: rgba(255,255,255,0.5);
}
.z-textbox[readonly]:focus,
.z-decimalbox[readonly]:focus,
.z-intbox[readonly]:focus,
.z-longbox[readonly]:focus,
.z-doublebox[readonly]:focus,
.z-tabpanel .z-textbox[readonly]:focus,
.z-tabpanel .z-decimalbox[readonly]:focus,
.z-tabpanel .z-intbox[readonly]:focus,
.z-tabpanel .z-longbox[readonly]:focus,
.z-tabpanel .z-doublebox[readonly]:focus,
.z-tabpanel .grid-list .z-textbox[readonly]:focus,
.z-tabpanel .grid-list .z-decimalbox[readonly]:focus,
.z-tabpanel .grid-list .z-intbox[readonly]:focus,
.z-tabpanel .grid-list .z-longbox[readonly]:focus,
.z-tabpanel .grid-list .z-doublebox[readonly]:focus,
input#travic-sign-editbox[readonly]:focus {
  border-color: #ddd;
}
.z-textbox-invalid,
.z-decimalbox-invalid,
.z-intbox-invalid,
.z-longbox-invalid,
.z-doublebox-invalid,
.z-tabpanel .z-textbox-invalid,
.z-tabpanel .z-decimalbox-invalid,
.z-tabpanel .z-intbox-invalid,
.z-tabpanel .z-longbox-invalid,
.z-tabpanel .z-doublebox-invalid {
  border-color: rgba(225,85,72,0.6);
}
.z-textbox-invalid:focus,
.z-decimalbox-invalid:focus,
.z-intbox-invalid:focus,
.z-longbox-invalid:focus,
.z-doublebox-invalid:focus {
  border-color: rgba(225,85,72,1);
}
.z-textbox[disabled],
.z-decimalbox[disabled],
.z-intbox[disabled],
.z-longbox[disabled],
.z-doublebox[disabled],
input#travic-sign-editbox[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-textbox-inplace,
.z-decimalbox-inplace,
.z-intbox-inplace,
.z-longbox-inplace,
.z-doublebox-inplace {
  border: 0;
  padding: 3px;
  background: none;
  resize: none;
  
}
.warnbox .z-errorbox-content {
  background: rgb(225,175,35);
}
.warnbox .z-errorbox-content,
.warnbox > .z-errorbox-icon,
.warnbox > .z-errorbox-close {
  color: #fff !important;
}
.warnbox > .z-textbox,
.warnbox > .z-decimalbox,
.warnbox > .z-intbox,
.warnbox > .z-longbox,
.warnbox > .z-doublebox,
.z-tabpanel .warnbox > .z-textbox,
.z-tabpanel .warnbox > .z-decimalbox,
.z-tabpanel .warnbox > .z-intbox,
.z-tabpanel .warnbox > .z-longbox,
.z-tabpanel .warnbox > .z-doublebox,
input.warnbox {
  border-color: rgba(225,175,35,0.6) !important;
}
.warnbox > .z-textbox:focus,
.warnbox > .z-decimalbox:focus,
.warnbox > .z-intbox:focus,
.warnbox > .z-longbox:focus,
.warnbox > .z-doublebox:focus,
input.warnbox:focus {
  border-color: rgba(225,175,35,1);
}
.z-errorhead {
  font-weight: bold;
}
.z-errorbox {
  color: #fff;
  max-width: 300px;
  position: absolute;
  top: 0;
  left: 0;
}
.z-errorbox > .z-errorbox-icon {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 7px;
  z-index: 2;
}
.z-errorbox-left + .z-errorbox-icon {
  left: 15px;
}
.z-errorbox-up + .z-errorbox-icon {
  top: 13px;
}
.z-errorbox-content {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  width: 100%;
  background: rgb(225,85,72);
  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);;
}
.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;
}
.warnbox > .z-errorbox-left {
  border-right-color: rgb(225,175,35);
}
.warnbox > .z-errorbox-right {
  border-left-color: rgb(225,175,35);
}
.warnbox > .z-errorbox-up {
  border-bottom-color: rgb(225,175,35);
}
.warnbox > .z-errorbox-down {
  border-top-color: rgb(225,175,35);
}
.z-errorbox-left {
  border-right-color: rgb(225,85,72);
}
.z-errorbox-right {
  border-left-color: rgb(225,85,72);
}
.z-errorbox-up {
  border-bottom-color: rgb(225,85,72);
}
.z-errorbox-down {
  border-top-color: rgb(225,85,72);
}
.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;
  filter: alpha(opacity=60);
  
}
.z-errorbox-close:hover {
  border: 1px solid #fff;
  
  opacity: 1;
  filter: alpha(opacity=100);
  
}
.z-errorbox-icon {
  position: absolute;
  top: 0px;
}
.z-errorbox-close > .z-errorbox-icon {
  cursor: pointer;
}
.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-indicator {
  position: absolute;
  right: 0;
}
.z-input-wrapper {
  display: table;
  width: 100%;
}
.z-input-wrapper > .tooltip-indicator {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.z-row.valign-top .z-input-wrapper > .tooltip-indicator {
  vertical-align: top;
  padding-top: 2px;
}
.tooltip-indicator {
  display: inline-block;
  text-align: right;
  width: 22px;
  font-size: 21px;
  color: #999;
  cursor: help;
  padding-top: 1px;
}
.tooltip-indicator > i {
  cursor: inherit;
}
.language-selection .tooltip-indicator {
  font-size: inherit !important;
  text-align: center;
}
.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: 613px;
  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;
}
/*** Browser-Hacks ***/
.ie9 .z-errorbox,
.ie10 .z-errorbox {
  width: 200px;
}
.chrome input[type='password'].z-textbox::-webkit-input-placeholder {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  color: #434343;
  font-weight: normal;
}
.chrome input[type='password'].z-textbox {
    font-size: 18px;
    font-weight: bolder;
    font-family: monospace;
}


.z-frozen {
  background-image: url(/tpgui/theme/ppi/zul/img/common/bar-bg.png);
  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-grid {
  border: none;
  overflow: hidden;
  zoom: 1;
}
.z-grid.three-rows .z-grid-body {
  height: 120px;
}
.z-grid.five-rows .z-grid-body {
  height: 200px;
}
.z-grid.five-rows-max .z-grid-body {
  max-height: 200px;
}
.z-grid.seven-rows .z-grid-body {
  height: 280px;
}
.z-grid-header {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.z-grid-header .z-auxheader {
}
.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-header-border {
  position: relative;
}
.z-grid-body {
  margin-top: auto;
  position: relative;
  overflow: hidden;
}
.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-emptybody > tr > td {
  color: #919191;
  font-style: italic;
  text-align: center;
  height: 16px;
  line-height: 16px;
  padding: 7px 0;
}
.z-grid-footer {
  overflow: hidden;
  background: #ddd;
}
.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-columns.as-rows > .z-column {
  background: transparent;
  border: none;
}
.z-column {
  padding: 0;
  background-clip: padding-box;
  background: #bcbcbc;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.z-columns-bar {
  background: #bcbcbc;
}
.z-column:first-child {
  border-left: none;
}
.z-column-hover .z-column-button {
  display: block;
}
.z-column .z-column-content {
  position: relative;
  padding: 0;
}
.z-column .z-column-content .tooltip-indicator {
  vertical-align: top;
}
.z-column-sort .z-column-content,
.grid-list .z-column-sort .z-column-content {
  cursor: pointer;
  padding: 14px 15px 14px 10px;
}
.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 {
  color: #fff;
  background: #00579d;
}
.z-column-sorticon {
  display: none;
}
.z-column-sort .z-column-sorticon {
  display: block;
  color: #434343;
  position: relative;
  float:right;
  top: 0px;
  right: -12px;
  width: 10px;
  font-size: 14px;
  text-align: center;
}
.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-row-content .z-button > i {
  font-size: 14px;
  cursor: pointer;
}
.z-column-sizing,
.z-column-sizing .z-column-button,
.z-column-sizing.z-column-sort .z-column-content {
  cursor: e-resize;
}
.z-row .z-row-inner,
.z-row .z-cell {
  overflow: hidden;
}
.z-group-inner {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
}
.z-group-inner .z-group-content,
.z-group-inner .z-cell {
  padding: 7px 5px;
}
.z-group-icon {
  font-size: 14px;
  color: #333333;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.z-group-icon:hover {
  color: #083e6a;
}
.z-groupfoot-inner {
  overflow: hidden;
}
.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content {
  padding: 3px 10px;
  line-height: 20px;
  overflow: hidden;
}
.z-row-content {
  padding: 3px 10px;
  position: relative;
  white-space: nowrap;
}
.z-cell.wrappable-content,
.z-row-content.wrappable-content,
.z-cell .wrappable-content,
.z-row-content .wrappable-content {
  white-space: normal;
}
.z-column-content {
  font-weight: normal;
}
.z-group-content .z-label,
.z-groupfoot-content .z-label {
  font-weight: bold;
}
.z-grid-body .z-cell {
  padding: 3px 10px;
  line-height: 16px;
  overflow: hidden;
  position: relative;
}
.z-grid-paging-top {
  width: 100%;
  border-bottom: 1px solid #ddd;
  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;
}
.z-columns-menugrouping .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-group.png);
}
.z-columns-menuungrouping .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-ungroup.png);
}
.z-columns-menuascending .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-arrowup.png);
}
.z-columns-menudescending .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-arrowdown.png);
}
.z-grid .valign-top {
  vertical-align: top;
}
.z-grid .z-row.z-drag-over,
.z-grid .z-row.z-draggable-over,
.z-grid.droppable .z-row {
  cursor: move;
}
.z-grid .z-row.z-drag-over [class^="z-icon-"],
.z-grid .z-row.z-drag-over [class*=" z-icon-"],
.z-grid .z-row.z-draggable-over [class^="z-icon-"],
.z-grid .z-row.z-draggable-over [class*=" z-icon-"],
.z-grid.droppable .z-row [class^="z-icon-"],
.z-grid.droppable .z-row [class*=" z-icon-"] {
  cursor: inherit;
}
.z-grid.z-drag-over,
.z-grid.z-draggable-over {
  background: #2170b3;
  cursor: crosshair;
}
.z-grid.z-drag-over .z-row,
.z-grid.z-draggable-over .z-row {
  cursor: crosshair;
}
.z-grid.z-drag-over .z-row [class^="z-icon-"],
.z-grid.z-drag-over .z-row [class*=" z-icon-"],
.z-grid.z-draggable-over .z-row [class^="z-icon-"],
.z-grid.z-draggable-over .z-row [class*=" z-icon-"] {
  cursor: inherit;
}
/*************************************************
 * Filter                                        *
 *************************************************/
.filter-input-element {
  overflow: hidden;
  white-space: normal;
  display: block;
  -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: 0px 5px 0;
  vertical-align: middle;
}
.filter-input-element .filter-comparator > .z-combobox-input {
  width: 113px;
}
.filter-input-element .z-combobox {
  margin-right: 2px;
}
.filter-input-element .z-textbox {
  -ms-flex-positive:;
  flex-grow: 1;
}
.filter-input-element input[type=text] {
  min-width: 50px;
}

/**********  Grid: Filterbox **********/
.grid-filterbox {
  background: #b3d1e9;
  padding: 0;
  border-bottom: 5px solid #f6f6f6;
}
.grid-filterbox-container {
  border-left: 5px solid #f6f6f6;
  border-right: 5px solid #f6f6f6;
}
.grid-filterbox .z-grid {
  border-left: none;
  border-right: none;
}
.grid-filterbox table {
  width: 100%;
}
.grid-filterbox tr {
  vertical-align: top;
}
.grid-filterbox tr:first-child td {
  padding-top: 8px;
}
.grid-filterbox tr:last-child td {
  padding-bottom: 8px;
}
.grid-filterbox tr.z-grid-odd {
  background: unset;
}
.grid-filterbox .label-column.z-label {
  display: inline-block;
  margin-top: 7px;
}
.grid-filterbox .filter-clear-button {
  padding: 2px 5px 0px 0px;
}
.grid-filterbox .filter-clear-button > .z-button > .z-icon-times:before,
.z-grid-header .z-button > .z-icon-times:before {
  color: #9a3d37;
}
.grid-filterbox .filter-clear-button > .z-button[disabled] > .z-icon-times:before {
  color: #919191;
}
.grid-filterbox .filter-separator {
  border-right: 5px solid #f6f6f6;
}
.grid-filterbox .filter-input-element .z-checkbox {
  display: inline-block;
  vertical-align: top;
  margin: 7px 5px 3px 0px;
  white-space: nowrap;
}
.grid-filterbox .filter-input-element .z-checkbox > label {
  padding-right: 5px;
}
.grid-filterbox .filter-input-element .z-combobox {
  margin-top: 2px;
  margin-bottom: 2px;
}
.grid-filterbox .filter-input-element .z-datebox {
  margin: 2px 0px;
}
.grid-filterbox .filter-input-element .z-separator {
  display: block;
  height: 5px;
}

/*************************************************
 * Grid Liste: Allgemeine Formatierungsarbeiten  * 
 *************************************************/
.grid-list {
  border: none;
}
.low-resolution .grid-list {
  min-height: 125px;
}
.grid-list .z-column {
  border-left: 1px solid #ddd;
}
.grid-list .z-column-content {
  padding: 14px 10px;
  line-height: 20px;
  overflow: hidden;
}
.grid-list.selectable > .z-grid-header .z-column:first-child > .z-column-content {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-list.selectable > .z-grid-header .z-checkbox {
  padding-left: 2px;
}
.grid-list .z-grid-body {
  background: rgba(246, 246, 246, 0.5);
}
.grid-list.selectable > .z-grid-body .z-row .z-row-inner:first-child > .z-row-content {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-list .z-row {
  vertical-align: top;
}
.grid-list .z-row.z-grid-odd {
  background: rgba(255,255,255,0.5);
}
.grid-list .z-row.z-dragged {
  opacity: 0;
  background: #fff;
}
.grid-list .z-row-content {
  padding: 3px 10px;
  line-height: 30px;
}
.grid-list .z-row.single-spaced .z-row-content {
  line-height: 20px;
}
.grid-list .z-cell {
  padding: 5px 10px;
}
.grid-list .z-cell .tooltip-indicator,
.grid-list .z-row-content .tooltip-indicator {
    vertical-align: top;
}
.grid-list .z-cell > .z-label.bold {
  margin-top: 6px;
  display: inline-block;
}
.grid-list .z-tree {
  margin-top: 5px;
}
.grid-list .z-row:hover > .z-row-inner,
.grid-list .z-row:hover > .z-cell,
.grid-list .z-row.z-drag-over > .z-row-inner,
.grid-list .z-row.z-drag-over > .z-cell,
.grid-list .z-row.z-draggable-over > .z-row-inner,
.grid-list .z-row.z-draggable-over > .z-cell {
  color: #004183;
  background-clip: padding-box;
  background: rgba(33, 112, 179, 0.3);
  
  position: relative;
  
}
.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: #434343; 
  background: none;
}
.grid-list .z-row .z-row-inner,
.grid-list .z-row .z-cell {
  overflow: hidden;
  border-left:  1px solid #ddd;
  vertical-align: middle;
}
.grid-list .z-row .z-row-inner:first-child,
.grid-list .z-row .z-cell:first-child {
  border-left: none;
}
.grid-list .grid-row-checked .z-row-inner,
.grid-list .grid-row-checked .z-cell {
  background: rgba(33,112,179,0.3);
}
.z-drag-ghost .z-row-inner,
.z-drag-ghost.grid-row-active .z-row-inner,
.z-drag-ghost .z-cell,
.z-drag-ghost.grid-row-active .z-cell {
  background: rgba(33, 112, 179, 0.3);
  opacity: 0.75;
}
.grid-list .z-row-content .z-label.multiline {
  padding-top: 4px;
}
.grid-list .z-row .z-row-inner .checkbox-icon > i,
.grid-list .z-row .z-cell .checkbox-icon > i {
  margin: 0;
}
.grid-list .z-row-content .z-button > i {
  font-size: 20px;
}
.grid-list .z-row-content .z-button {
  height: 30px;
  width: 30px;
  height: 30px;
  line-height: 20px;
  padding: 3px 0px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 10px;
}
.grid-list .z-row-content .z-button:last-child,
.grid-list .z-row-content .z-button-placeholder:last-child {
  margin-right: 0px;
}

.popup-content .grid-list,
.popup-content-framed .z-grid {
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-top: none;
}
.popup-content .grid-list .z-column,
.popup-content .grid-list .z-row > .z-row-inner,
.popup-content .grid-list.noseparator .z-row > .z-row-inner {
  border-left: none;
  border-right: 1px solid #ddd;
}
.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: 0px solid #ddd;
}
.popup-content .popup-content-framed .z-vbox-separator {
  display: none;
}

.z-tabpanel > .grid-list {
  margin-top: 15px;
}
.z-tabpanel > .header-toolbar-container + .grid-list {
  margin-top: 0px;
}
.z-tabpanel > .grid-list > .z-grid-header {
  border-bottom: 2px solid #555;
  border-top: 2px solid #555;
}
.z-tabpanel > .header-toolbar-container + .grid-list > .z-grid-header {
  border-bottom: none;
  border-top: none;
}
.grid-list.noborder,
.grid-list.noborder th,
.grid-list.noborder td {
  border: none;
}
.grid-list .z-row-menu-popup {
  display:none;
}
.z-grid .larger [class^="z-icon-"]:before,
.z-grid .larger [class*=" z-icon-"]:before {
  font-size: 20px;
  line-height: 22px;
}
.grid-rod-top, .grid-rod-bottom, .grid-rod-message {
  text-align: center;
}
.grid-rod-message {
  font-size: 14px;
  height: 20px;
}
.grid-rod-loading-indicator {
  background-image: url(/tpgui/theme/ppi/zul/img/misc/spinner-task-30px.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 35px;
  font-size: 20px;
}
/*************************************************
 * Grid: Liste mit border als Aktivmarkierung    * 
 *************************************************/
.grid-list .z-row-inner {
  padding: 2px 0px;
}
.grid-list .z-row-inner:first-child {
  padding-left: 2px;
}
.grid-list .without-context-menu .z-row-inner:last-child,
.grid-list .with-context-menu .z-row-inner:nth-last-child(2) {
  padding-right: 2px;
}
.popup-content .grid-list .grid-row-active .z-row-inner,
.grid-list .grid-row-active .z-row-inner,
.grid-list .grid-row-active .z-cell {
  color: #434343;
  border-top: 2px solid #2170b3;
  border-bottom: 2px solid #2170b3;
  padding: 0px;
}
.popup-content .grid-list .grid-row-active .z-cell,
.grid-list .grid-row-active .z-cell {
  padding: 3px 10px;
}
.grid-list .grid-row-active .z-cell.inline-editing {
  padding: 1px 10px;
}
.popup-content .grid-list .grid-row-active > .z-row-inner:first-child,
.popup-content .grid-list .grid-row-active > .z-cell:first-child,
.grid-list .grid-row-active > .z-row-inner:first-child,
.grid-list .grid-row-active > .z-cell:first-child {
  border-left: 2px solid #2170b3;
}
.grid-list .grid-row-active > .z-cell:first-child {
  padding-left: 8px;
}
.grid-list .grid-row-active.without-context-menu > .z-row-inner:last-child,
.grid-list .grid-row-active.with-context-menu > .z-row-inner:nth-last-child(2) {
  border-right: 2px solid #2170b3;
  padding-right: 0px;
}
.grid-list .grid-row-active.without-context-menu > .z-cell:last-child,
.grid-list .grid-row-active.with-context-menu > .z-cell:nth-last-child(2) {
  border-right: 2px solid #2170b3;
  padding-right: 8px;
}

/*************************************************
 * Grid: Einzeilige Liste                        * 
 *************************************************/
.header-toolbar-container > .z-window > .z-window-content > .grid-list-one-item-container {
  padding-bottom: 20px;
}
.grid-list-one-item .z-column .z-column-content {
  background: #555;
  color: #f6f6f6;
  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: 7px 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;
  border-left:  1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.grid-list-one-item .z-row .z-row-inner:first-child,
.grid-list-one-item .z-row .z-cell:first-child {
  border-left: none;
}
.context-one-item .z-grid {
  max-width: 400px;
}
.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;
}

/*************************************************
 *  Grid: Header                                 * 
 *************************************************/
.z-header-toolbar .search-result {
  display: inline-block;
  vertical-align: middle;
  line-height: 38px;
}
.z-header-toolbar .filter-context ~ .search-result {
  display: inline-block;
  vertical-align: bottom;
  line-height: 14px;
  padding-bottom: 8px;
}
.z-header-toolbar .filter-context,
.z-header-toolbar .filter-result {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
}
.z-header-toolbar .filter-context {
  vertical-align: middle;
  height: 47px;
  padding: 3px 3px 0 5px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.z-header-toolbar .filter-result {
  vertical-align: bottom;
  padding-bottom: 5px;
}
.z-header-toolbar .filter-result + .z-button.nolabel {
  width: 34px;
  height: 34px;
  padding: 5px 0px;
  margin-top: 3px;
}
.z-header-toolbar .filter-result + .z-button.nolabel > i {
  font-size: 20px;
  line-height: 20px;
}
.main-window > .z-window-content > .header-toolbar-container > .z-panel-head > .z-panel-header > .z-header-toolbar > .z-header-toolbar-content  .filter-context.filterbox-opened,
.main-window > .z-window-content > .header-toolbar-container > .z-window-header > .z-header-toolbar > .z-header-toolbar-content .filter-context.filterbox-opened,
.main-window > .z-window-content > .content-window .z-hlayout .header-toolbar-container .z-panel-header > .z-header-toolbar > .z-header-toolbar-content .filter-context.filterbox-opened,
.z-header-toolbar + .z-window .z-header-toolbar-content .filter-context.filterbox-opened {
  border: none;
  padding: 3px 3px 0 5px;
  margin-right: 2px;
}
.z-header-toolbar .filter-context.filterbox-opened {
  background: #b3d1e9;
  padding: 1px 3px 0;
  margin-right: 0px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  border-left: 2px solid #555;
}
.z-header-toolbar .filter-context.filterbox-closed {
  background: transparent;
}
.z-header-toolbar .z-button > .z-icon-times:before {
  color: #9a3d37;
}
.z-header-toolbar .z-button[disabled] > .z-icon-times:before,
.z-filterbox .z-button[disabled] > .z-icon-times:before,
.z-header .z-button[disabled] > .z-icon-times:before {
  color: #919191;
}
.z-header-toolbar .z-icon-grid-searchbox:before {
  content: "\f002";
  position: relative;
  left: 245px;
  top: 2px;
  color: #999;
  
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.z-header-toolbar .z-icon-grid-infobox:before {
  content: "\f05a";
  position: relative;
  left: 345px;
  top: 2px;
  color: #007099;
  
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.z-header-toolbar .z-icon-grid-infobox .z-textbox {
  padding-right: 18px;
  width: 350px;
  margin: 0 5px 0 0;
  border: 0;
  color: #007099;
  background: #dedede;
}
.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;
}

/*************************************************
 *  Grid: Footer                                 * 
 *************************************************/
.z-grid-footer-toolbar {
  padding: 0;
  background: #cecece;
  overflow-x:auto;
  overflow-y:hidden;
}
.z-grid-footer-toolbar .z-hlayout {
  overflow: visible;
}
.z-grid-footer-toolbar .footer-right > .z-hlayout-inner {
  vertical-align: middle;
}
.z-grid-footer-toolbar.condensed .z-groupbox {
  padding: 5px 0 5px;
}
.z-grid-footer-toolbar .z-groupbox {
  background: transparent;
  margin: 0px 15px;
  padding: 16px 0 10px;
  border: none;
}
.low-resolution .z-grid-footer-toolbar .z-groupbox {
  padding: 10px 0 5px;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title {
  height: auto;
  white-space: nowrap;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption-content {
  overflow: visible;
}
.z-grid-footer-toolbar .z-groupbox:first-child {
  margin-left: 0px;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header {
  display: inline-block;
  height: 24px;
}
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header {
  display: inline-block;
  height: 16px;
}
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header {
  padding: 0 0 0 10px;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-content {
  background: transparent;
  border: none;
  zoom: 1;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  height: 24px;
  top: -2px !important;
}
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption-content,
.z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-label,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption-content,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-label {
  font-weight: bold;
  font-size: 14px;
}
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-label,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title,
.low-resolution .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  height: 16px;
}
.z-grid-footer-toolbar .z-groupbox-content {
  padding: 3px 10px;
}
.z-grid-footer-toolbar .z-groupbox-content .z-hlayout-inner {
  vertical-align: middle;
}
.z-grid-footer-toolbar .z-groupbox-content .z-hlayout-inner .z-button {
  margin-left: 5px;
}
.z-grid-footer-toolbar .z-groupbox-content .z-hlayout-inner:first-child .z-button {
  margin-left: 0px;
}
.z-grid-footer-toolbar .tooltip-indicator {
  color: #434343;
  width: 30px;
  font-size: 24px;
  color: #999;
}
.z-grid-footer-toolbar .z-caption-content .tooltip-indicator {
  color: #434343;
  width: 30px;
  font-size: 20px;
  color: #999;
}
.z-grid-footer-toolbar .z-button {
  height: 40px;
  line-height: 24px;
}
.low-resolution .z-grid-footer-toolbar .z-button {
  height: 34px;
  line-height: 22px;
  padding: 4px;
}
.z-grid-footer-toolbar .z-button > i {
  font-size: 24px;
  padding-right: 5px;
}

/*************************************************
 *  Grid: Detailmasken                           * 
 *************************************************/
.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-hlayout-inner + .z-hlayout-inner .z-grid:not(.grid-list) {
/*  border-left: 1px solid #ddd;*/
}
.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;
}
.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;
}
.z-row.nohover:hover > .z-row-inner,
.z-row.nohover:hover > .z-cell {
  background: unset !important;
}
.z-row.nohover.z-grid-odd:hover > .z-row-inner,
.z-row.nohover.z-grid-odd:hover > .z-cell {
  background: unset !important;
}

/*************************************************
 *  Grid: Popup                                  * 
 *************************************************/
.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;
}
/*** Browser-Hacks ***/
.ie8 .z-grid:not(.fix-ie) .z-grid-body > table,
.ie9 .z-grid:not(.fix-ie) .z-grid-body > table {
  width: auto;
}
.ie9 .z-grid-footer-toolbar {
  height: 87px;
}
.ie9 .z-grid-footer-toolbar-content > .z-hlayout {
  margin-bottom: 10px;
}
.ie9 .z-grid-footer-toolbar .z-groupbox {
  padding: 10px 0 5px;
}
.ie9 .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header {
  display: inline-block;
  height: 16px;
}
.ie9 .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-caption,
.ie9 .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-label,
.ie9 .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title,
.ie9 .z-grid-footer-toolbar .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  height: 16px;
}


.z-groupbox {
  border: 1px solid #555;
  background: rgba(255,255,255,0.5);
  margin: 15px;
  display: inline-block;
  vertical-align: top;
}
.z-groupbox.small-width {
  max-width: 250px;
}
.z-groupbox.dispatch-note-box {
  min-height: 177px;
}
.z-div > .z-groupbox.dispatch-note-box {
  margin-bottom: 0px;
}
.toolbar-left .z-groupbox,
.context-one-item .z-groupbox,
.z-tabpanel .z-groupbox,
.z-columnchildren-content .z-groupbox .z-groupbox {
  border: none;
}
.context-one-item .z-groupbox,
.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 {
  margin: 0 7px 10px 0;
  background: transparent;
}
.toolbar-left .z-groupbox {
  background: transparent;
}
.z-groupbox > .z-groupbox-header {
  padding: 13px 15px 10px;
}
.low-resolution .z-groupbox > .z-groupbox-header {
  padding: 8px 15px 5px;
}
.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 #555;
  border-bottom: 0px;
  padding: 0 10px;
  height: 18px;
}
.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;
}
.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 {
  display: inline-block;
  position: absolute;
  top: 0px !important;
  padding: 0 5px;
  height: 2px;
  background: #fff;
}
.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 {
  background: #eee;
}
.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-caption {
  overflow: hidden;
}
.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: #f6f6f6;
}
.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 .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;
}
.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-groupbox > .z-groupbox-header .z-groupbox-title-content,
.context-one-item .z-groupbox > .z-groupbox-header .z-caption-content,
.z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-header .z-caption-content,
.z-tabpanel .z-groupbox .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-caption-content,
.z-columnchildren-content .z-groupbox .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  font-size: 14px;
  line-height: 18px;
}
.context-one-item .z-groupbox > .z-groupbox-header .z-groupbox-title-content,
.context-one-item .z-groupbox > .z-groupbox-header .z-caption-content {
  position: relative;
  top: -9px;
}
.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-caption-content,
.low-resolution .z-tabpanel .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 {
  font-size: 14px;
}
.z-groupbox-content {
  display: block;
  height: inherit;
  padding: 0px 15px 15px;
  overflow: hidden;
  zoom: 1;
}
.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 #555;
  border-top: none;
  padding: 0 0 10px;
}
.z-groupbox-notitle {
  padding: 0;
}
.z-groupbox-notitle .z-groupbox-content {
  border-top: 1px solid #555;
}
.z-groupbox-collapsed .z-groupbox-header {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.closeable.z-groupbox.z-groupbox-collapsed .z-groupbox-title::after {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    top: 25px;
}
.closeable.z-groupbox:not(z-groupbox-collapsed) .z-groupbox-title::after {
    content: "\f077";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    top: 25px;
}
.z-groupbox-3d {
  padding: 0;
}
.z-groupbox-3d > .z-groupbox-header {
  font-weight: bold;
  height: auto;
  min-height: 32px;
  
  border-bottom: 1px solid #cfcfcf;
  padding: 3px 4px;
   	background:	#f5f5f5; /* Old browsers */
;
}
.z-groupbox-3d > .z-groupbox-header .z-caption,
.z-groupbox-3d > .z-groupbox-header .z-groupbox-title {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 24px;
  background: none;
  top: 0px;
}
.z-groupbox-3d > .z-groupbox-header .z-caption-content {
  padding: 4px 0px 4px 0px;
  line-height: 16px;
}
.z-groupbox.more-padding > .z-groupbox-content {
  padding: 25px;
}
.z-groupbox.with-list {
  min-height: 340px;
}



.z-hlayout,
.z-vlayout {
  overflow: hidden;
}
.z-hlayout {
  white-space: nowrap;
}
.z-hlayout.dual-listbox > .z-hlayout-inner,
.z-hlayout.nospace > .z-hlayout-inner {
  padding-right: 0px !important;
}
.dual-listbox-buttons > .z-vlayout {
  overflow: visible;
}
.z-vlayout.instruction-codes {
  min-width: 350px;
  max-width: 450px;
}
.z-vlayout.nospace > .z-vlayout-inner {
  padding-bottom: 0px !important;
}
.z-hlayout-inner {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
}
.z-row-content:not(.wrappable-content) .z-hlayout-inner {
  white-space: nowrap;
}
.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-vlayout-inner {
  position: relative;
}

/************** CUSTOM STYLES ******************/
.z-panelchildren.toolbar-left {
  background-color: rgba(33,112,179,0.7);
  overflow-x: hidden;
  overflow-y: auto;
}
.toolbar-left .z-vlayout {
  padding: 10px 0 20px 20px;
}
.toolbar-left .align-center {
  text-align: center;
  margin-right: 20px;
}
.toolbar-left .align-left {
  text-align: left;
  margin-right: 20px;
}
.toolbar-left .align-right {
  text-align: right;
}
.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 10px 10px 0;
}
.toolbar-left .z-groupbox.align-right .z-groupbox-title,
.toolbar-left .z-groupbox.align-right .z-caption-content {
  position: relative;
  background: transparent;
  color: #fff;
  line-height: 19px;
}
.toolbar-left .z-groupbox.align-right .z-groupbox-content {
  border-right: 0;
  padding: 10px 0px 10px 0px;
}
li > .z-vlayout {
  overflow: visible;
}
.z-hlayout.dialog-instructions {
  padding-bottom: 10px;
}
.z-hlayout.dialog-instructions > .z-hlayout-inner {
  vertical-align: middle
}
.low-resolution .z-panelchildren > .z-vlayout {
  overflow: visible
}


.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: hidden;
}
.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 {
  font-style: normal;
  color: rgba(87,87,87,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-listbox-odd.z-listitem {
}
.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-left: 1px solid #bbc2c7;
  border-bottom: 1px solid #bbc2c7;
}
.z-listheader {
  border-left: 1px solid #bbc2c7;
  padding: 0;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  
  
  border-bottom: 1px solid rgba(187, 194, 199, 0.5);
  
}
.z-listheader-hover {
  
  
   	background:	#f1f9fc; /* Old browsers */
;
  
}
.z-listheader-hover .z-listheader-button {
  display: block;
}
.z-listheader-sort .z-listheader-content {
  cursor: pointer;
}
.z-listheader-sort .z-listheader-sorticon {
  color: #ff0000;
  position: absolute;
  bottom: 2px;
  right: 5px;
  width: 10px;
  font-size: 12px;
  text-align: center;
  text-shadow: rgba(255, 255, 25, 75);
}
.z-listheader-checkable {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #bbc2c7;
  background: #f5f5f5;
  vertical-align: text-top;
}
.z-listheader-checkable .z-listheader-icon {
  display: none;
  cursor: default;
}
.z-listheader-checkable.z-listheader-checked .z-listheader-icon {
  color: #ff0000;
  display: block;
  padding-left: 1px;
  line-height: 14px;
}
.z-listheader-button {
  color: #ff0000;
  display: none;
  width: 23px;
  height: 32px;
  border-left: 1px solid #919ca4;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  cursor: pointer;
  z-index: 15;
   	 box-shadow:	inset 1px 0 #FFFFFF;;
}
.z-listheader-button:hover {
  
   	background:	#adb5bb; /* Old browsers */
;
  
}
.z-listheader-sizing,
.z-listheader-sizing .z-listheader-button,
.z-listheader-sizing.z-listheader-sort .z-listheader-content {
  cursor: e-resize;
}
.z-listitem {
}
.z-listitem td:first-child {
  border-left: none;
}
.z-listitem .z-listcell {
  border-left:  1px solid #ddd;
  overflow: hidden;
  cursor: pointer;
}
.z-listitem .z-listcell:first-child {
  border-left: none;
}
.z-listitem:hover > .z-listcell {
  background: rgba(33, 112, 179, 0.3);
}
.z-listitem:hover > .z-listcell > .z-listcell-content {
  color: #004183;
}
.z-listitem-checkable {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: #ff0000;
  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.z-listitem-selected > .z-listcell {
  background: #2170b3;
}
.z-listitem.z-listitem-selected > .z-listcell > .z-listcell-content {
  color: #fff;
}
.z-listitem.z-listitem-selected:hover > .z-listcell {
  background: #2170b3;
}
.z-listitem.z-listitem-selected:hover > .z-listcell > .z-listcell-content {
  color: #d1e2ef;
}
.z-listitem-selected > .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:hover > .z-listcell-content > .z-listitem-checkable .z-listitem-icon {
  color: #ff0000;
}
.z-listitem-selected > .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: #ff0000;
}
.z-listitem.z-listitem-disabled * {
  color: unset !important;
  background: unset !important;
  cursor: default !important;
}
.z-listitem.z-listitem-disabled:hover > .z-listcell {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: relative;
}
.z-listitem.z-listitem-disabled a,
.z-listitem.z-listitem-disabled a:visited,
.z-listitem.z-listitem-disabled a:hover {
  text-decoration: none;
}
.z-listitem a,
.z-listitem a:visited,
.z-listitem a:hover {
  text-decoration: none;
}
.z-listitem.with-separator td{
  border-bottom: 1px solid rgba(0, 87, 157, 1);
}
.z-listitem [class^="z-icon-"] {
  font-size: 20px;
  width: 34px;
  height: 26px;
  text-align: center;
}
.z-listitem .pseudo-icon::before {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.z-listcell-content > .z-vlayout {
  line-height: 16px;
}
.z-listgroup-inner {
  border: 1px solid #ff0000;
  border-left: none;
  border-right: none;
  
   	background:	#f5f5f5; /* Old browsers */
;
  
  position: relative;
  overflow: hidden;
}
.z-listgroup-inner .z-listcell-content,
.z-listgroup-inner .z-listgroup-content {
  padding: 4px 10px;
}
.z-listgroup-checkable {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ff0000;
  margin-right: 2px;
  background: #ff0000;
  vertical-align: text-top;
}
.z-listgroup-checkable .z-listgroup-icon {
  display: none;
  cursor: default;
}
.z-listgroup-selected .z-listgroup-checkable .z-listgroup-icon {
  font-size: 12px;
  color: #083e6a;
  display: block;
  padding-right: 2px;
  line-height: 14px;
  cursor: pointer;
}
.z-listgroup-selected .z-listgroup-checkable .z-listgroup-icon:hover {
  color: #ff0000;
}
.z-listgroup-icon {
  font-size: 14px;
  color: #333333;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: text-top;
  position: relative;
  cursor: pointer;
}
.z-listgroup-icon:hover {
  color: #083e6a;
}
.z-listgroupfoot-inner {
   	background:	#e5e5e5; /* Old browsers */
;
  overflow: hidden;
}
.z-listheader-content,
.z-listcell-content,
.z-listgroup-content,
.z-listgroupfoot-content,
.z-listfooter-content {
  font-weight: normal;
  padding: 5px 8px;
  line-height: 24px;
  overflow: hidden;
}
.z-listheader-content {
  padding: 0px 10px;
  position: relative;
  text-align: left !important;
}
.z-listgroup-content .z-label,
.z-listgroupfoot-content .z-label {
  font-weight: bold;
}
.z-listbox-paging-top {
  border-bottom: 1px solid #ff0000;
  overflow: hidden;
  width: 100%;
}
.z-listbox-paging-bottom {
  border-top: 1px solid #ff0000;
  overflow: hidden;
  width: 100%;
}
.z-listbox-autopaging .z-listcell-content {
  height: 32px;
  overflow: hidden;
}
.z-listhead-menugrouping .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-group.png);
}
.z-listhead-menuungrouping .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-ungroup.png);
}
.z-listhead-menuascending .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-arrowup.png);
}
.z-listhead-menudescending .z-menuitem-image {
  background-image: url(/tpgui/theme/ppi/zul/img/grid/menu-arrowdown.png);
}
.z-select {
  font-size: 12px;
}

/*************************************************
 *  Dual-Listbox                                 * 
 *************************************************/
.dual-listbox {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  min-height: 280px;
}
.dual-listbox-buttons {
  padding: 16px;
  vertical-align: middle;
}
.dual-listbox-buttons .z-button {
  width: 36px;
  height: 36px;
  padding: 5px 0px;
}
.dual-listbox-buttons .undo {
  margin-top: 10px;
}
.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;
}

/*** Browser-Hacks ***/
.ie8 .z-listheader > .z-listcell > .z-listcell-content > .z-listheader-checkable,
.ie8 .z-listheader > .z-listheader-content > .z-listheader-checkable {
  border-width: 0;
  background: transparent;
}
.ie8 .z-listheader > .z-listcell > .z-listcell-content > .z-listheader-checkable .z-listheader-icon,
.ie8 .z-listheader > .z-listheader-content > .z-listheader-checkable .z-listheader-icon {
  display: block;
  width: 13px;
  height: 13px;
  background: url(/tpgui/theme/ppi/zul/img/common/check-sprite.gif) no-repeat;
  position: relative;
  top: 2px;
  left: 2px;
}
.ie8 .z-listheader > .z-listcell > .z-listcell-content > .z-listheader-checkable .z-icon-check,
.ie8 .z-listheader > .z-listheader-content > .z-listheader-checkable .z-icon-check {
  background-position: 0 0;
}
.ie8 .z-listheader > .z-listcell > .z-listcell-content > .z-listheader-checkable .z-icon-check:before,
.ie8 .z-listheader > .z-listheader-content > .z-listheader-checkable .z-icon-check:before {
  display: none;
}
.ie8 .z-listgroup > .z-listcell > .z-listcell-content > .z-listgroup-checkable,
.ie8 .z-listgroup > .z-listgroup-content > .z-listgroup-checkable {
  border-width: 0;
  background: transparent;
}
.ie8 .z-listgroup > .z-listcell > .z-listcell-content > .z-listgroup-checkable .z-listgroup-icon,
.ie8 .z-listgroup > .z-listgroup-content > .z-listgroup-checkable .z-listgroup-icon {
  display: block;
  width: 13px;
  height: 13px;
  background: url(/tpgui/theme/ppi/zul/img/common/check-sprite.gif) no-repeat;
  position: relative;
  top: 2px;
  left: 2px;
}
.ie8 .z-listgroup > .z-listcell > .z-listcell-content > .z-listgroup-checkable .z-icon-check,
.ie8 .z-listgroup > .z-listgroup-content > .z-listgroup-checkable .z-icon-check {
  background-position: 0 0;
}
.ie8 .z-listgroup > .z-listcell > .z-listcell-content > .z-listgroup-checkable .z-icon-check:before,
.ie8 .z-listgroup > .z-listgroup-content > .z-listgroup-checkable .z-icon-check:before {
  display: none;
}
.ie8 .z-listitem > .z-listcell > .z-listcell-content > .z-listitem-checkable,
.ie8 .z-listitem > .z-listitem-content > .z-listitem-checkable {
  border-width: 0;
  background: transparent;
}
.ie8 .z-listitem > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon,
.ie8 .z-listitem > .z-listitem-content > .z-listitem-checkable .z-listitem-icon {
  display: block;
  width: 13px;
  height: 13px;
  background: url(/tpgui/theme/ppi/zul/img/common/check-sprite.gif) no-repeat;
  position: relative;
  top: 2px;
  left: 2px;
}
.ie8 .z-listitem > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-icon-check,
.ie8 .z-listitem > .z-listitem-content > .z-listitem-checkable .z-icon-check {
  background-position: 0 0;
}
.ie8 .z-listitem > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-icon-check:before,
.ie8 .z-listitem > .z-listitem-content > .z-listitem-checkable .z-icon-check:before {
  display: none;
}
.ie8 .z-listheader > .z-listheader-content > .z-listheader-checkable.z-listheader-checked .z-icon-check,
.ie8 .z-listgroup-selected > .z-listcell > .z-listcell-content > .z-listgroup-checkable .z-icon-check,
.ie8 .z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-icon-check {
  margin: 0;
  background-position: -26px 0px;
}
.ie8 .z-listitem > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-icon-radio {
  background-position: 0 -13px;
}
.ie8 .z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-icon-radio {
  display: block;
  width: 13px;
  height: 13px;
  margin: 0;
  background-position: -26px -13px;
}
.ie8 .z-listgroup-inner {
  background: #ff0000;
}
.ie8 .z-listgroupfoot-inner {
  background: #ff0000;
}



.z-menubar {
  display: block;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 3px 0;
  background: #ff0000;
  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 #555;
  line-height: 0;
}
.z-menubar-vertical .z-menu-icon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.z-menu.z-menu-hover,
.z-menuitem.z-menuitem-hover,
.z-menu.z-menu-hover:hover,
.z-menuitem.z-menuitem-hover:hover {
  background: #2170b3;
}
.z-menu.z-menu-hover > .z-menu-content,
.z-menuitem.z-menuitem-hover > .z-menuitem-content {
  color: #fff;
}
.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;
}
.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 {
  color: #434343;
  display: block;
  line-height: 16px;
  height: 28px;
  padding: 5px 8px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  z-index: 20;
  background: transparent;
}
.z-menu-content > i,
.z-menuitem-content > i {
  cursor: pointer;
}
.z-menu:hover,
.z-menuitem:hover {
  background: rgba(33, 112, 179, 0.3);
}
.z-menuitem:hover > .z-menuitem-content {
  color: #004183;
}
.z-menu.z-menu-disabled:hover,
.z-menuitem.z-menuitem-disabled:hover {
  background: unset;
}
.z-menuitem.z-menuitem-disabled:hover > .z-menuitem-content {
  color: unset;
}
.z-menu-content:focus,/*li-element*/
.z-menuitem:focus,
.z-menu-content:active,
.z-menuitem:active {
}
.z-menu-content[disabled],
.z-menuitem-content[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: none;
  cursor: default;
}
.z-menu-content i,
.z-menuitem-content i {
  display: inline-block;
  width: 20px;
  height: 16px;
  margin-right: 6px;
  font-size: 16px;
  text-align: center;
}
.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: #ff0000;
}
.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: #434343;
  vertical-align: text-bottom;
}
.z-menu-icon:hover {
  color: #004183;
}
.z-menu-icon:active {
  color: #004183;
}
.z-menu-selected > .z-menu-content {
  border-color: #ff0000 #00ff00 #00ff00 #ff0000;
}
.z-menuitem-selected > .z-menuitem-content {
  border-color: #ff0000 #00ff00 #00ff00 #ff0000;
}
.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 {
  display: block;
  padding: 0;
  position: absolute;
  overflow: hidden;
  background: #fff;
  white-space: nowrap;
  z-index: 88000;
}
.z-menuitem {
  /*padding: 5px 8px;*/
}
.z-menupopup ul {
  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 {
  font-size: 14px;
  color: #434343;
  display: none;
  position: absolute;
  top: 5px;
  left: 7px;
  
}
.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 #555;
  padding: 0px;
  line-height: 1px;
  position: relative;
}
.z-menuitem-checkable .z-menuitem-image {
  border: 1px solid #004183;
}
.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 {
  font-size: 18px;
  color: #434343;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-top: -6px;
  margin-left: -4px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.z-menubar-left:active,
.z-menubar-right:active {
   	 box-shadow:	inset 1px 1px 1px rgba(210, 210, 210, 0.75);;
}
.z-menubar-left:hover > .z-menubar-icon,
.z-menubar-right:hover > .z-menubar-icon {
  color: #004183;
  opacity: 1;
}
.z-menubar-left {
  left: 0;
}
.z-menubar-scrollable {
  width: 32px;
  height: 100%;
  border: 1px solid #cfcfcf;
  border-width: 0 1px;
  line-height: normal;
   	background:	#f5f5f5; /* Old browsers */
;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 25;
}
/* limit height of tag-cloud "more" menupopup */
.z-menupopup.popup-selection-menu {
  max-height: 500px;
  overflow-y: auto;
}
.z-menupopup.popup-selection-menu .z-menuitem {
  padding-right: 15px;
}
/* styling for menupopups without icons */
.z-menupopup.without-icons .z-menupopup-separator,
.z-menupopup.without-icons .z-menuitem-image {
  display: none;
}


.z-paging {
  height: 32px;
  border-bottom: 1px solid #bbc2c7;
  padding: 4px 10px 3px;
  background: #d5dadc;
  position: relative;
}
.z-paging-os {
  border-bottom: none;
  padding-bottom: 4px;
}
.z-paging ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.z-paging ul > li {
  display: inline;
}
.z-paging-button {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  border: 1px solid #bbc2c7;
   	 border-radius:	3px;;
  margin-right: 6px;
  padding: 4px 0px;
  line-height: 14px;
   	background:	#f5f5f5; /* Old browsers */
;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.z-paging-button:hover {
  border-color: #232526;
   	 box-shadow:	0 0 2px rgba(0, 0, 0, 0.34);;
}
.z-paging-button:active {
  border-color: #232526 #bbc2c7;
   	background:	#dde1e4; /* Old browsers */
;
}
.z-paging-button[disabled] {
  color: #bbc2c7;
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.z-paging-button[disabled]:hover {
  border-color: #bbc2c7;
   	 box-shadow:	0 0 0 rgba(0, 0, 0, 0);;
}
.z-paging-button[disabled]:active {
  border-color: #bbc2c7;
   	background:	#f5f5f5; /* Old browsers */
;
}
.z-paging-button[disabled] .z-paging-icon,
.z-paging-button[disabled] .z-paging-icon:hover {
  color: #bbc2c7;
}
.z-paging .z-paging-icon {
  font-size: 18px;
  color: #333333;
}
.z-paging-noborder {
  border-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.z-paging-noborder:hover {
  border-color: transparent;
   	 box-shadow:	0 0 0 rgba(0, 0, 0, 0);;
  text-decoration: underline;
}
.z-paging-noborder:active {
  border-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.z-paging-selected {
  color: #ffffff;
  border-color: #232526;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #232526;
}
.z-paging-selected:hover {
  border-color: #232526;
   	 box-shadow:	0 0 0 rgba(0, 0, 0, 0);;
}
.z-paging-selected:active {
  border-color: #232526;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #232526;
}
.z-paging-input {
  height: 24px;
  border: 1px solid #bbc2c7;
  margin-left: 6px;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: baseline;
  
}
.z-paging-text {
  margin-right: 12px;
}
.z-paging-info {
  padding: 4px 0;
  position: absolute;
  top: 4px;
  right: 10px;
}




.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-size: 18px;
  font-weight: normal;
  font-style: normal;
  color: #434343;
  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 .z-toolbar {
  padding: 4px;
}
.z-panel-top .z-toolbar,
.z-panel-footer .z-toolbar,
.z-panel-bottom .z-toolbar {
  border: none;
  padding: 4px 3px 7px 7px;
}
.z-panel-top {
  border-bottom: 1px solid #bbc2c7;
}
.z-panel-bottom {
  border-top: 1px solid #bbc2c7;
}
.z-panel-top .z-toolbar.z-toolbar-panel,
.z-panel-footer .z-toolbar.z-toolbar-panel {
  border-width: 0px;
  padding: 4px;
}
.z-panel-icon {
  color: #333333;
  display: block;
  margin: auto 1px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  float: right;
  background: none;
}
.z-panel-icon.button-style {
  color: #333333;
  display: block;
  border: 1px solid #cfcfcf;
  margin: auto 1px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  float: right;
  	 border-radius:	4px;;
  
  	background:	#f5f5f5; /* Old browsers */
;
  
}
.z-panel-icon:hover {
  color: #083e6a;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.z-panel-icon.button-style:hover {
  color: #083e6a;
  border-color: #103b5f;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #dde1e4;
}
.z-panel-maximize,
.z-panel-minimize,
.z-panel-close,
.z-panel-expand {
  font-size: 16px;
  width: 28px;
  height: 24px;
  line-height: 24px;
}
.z-panel-close {
  font-size: 18px;
  line-height: 23px;
}
.z-panel-minimize {
  padding-top: 5px;
}
.z-panel-expand {
  font-size: 18px;
}
.z-panel-resize-faker {
  border: 1px dashed #1854C2;
  background: #D7E6F7;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 60000;
}
.z-panel-move-ghost {
  margin: 0;
  padding: 0;
  background: #D7E6F7;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  overflow: hidden;
  cursor: move;
   	 border-radius:	4px 4px 0 0;;
}
.z-panel-move-ghost .z-panel-body {
  padding: 0;
}
.z-panel-move-ghost .z-panel-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.z-panel-move-ghost dl {
  font-size: 0;
  display: block;
  border: 1px solid #cfcfcf;
  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 #cfcfcf;
}
.z-panel-noborder.z-panel-noframe .z-panelchildren {
  border: none;
}
.z-panel-noborder .z-panel-bottom .z-toolbar {
  border: 0;
  padding: 4px;
}
.z-panelchildren {
  border: 1px solid #cfcfcf;
  overflow: auto;
}
.z-panelchildren.nospace {
  padding: 0px;
}
/*** Browser-Hacks ***/
.ie8 .z-panel-icon {
  background: #e9ebed;
}
.ie8 .z-panel-icon .z-icon-minus {
  margin-left: 1px;
}



.z-popup {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  color: #434343;
  position: absolute;
  overflow: hidden;
  background: #fff;
  	 box-shadow:	5px 5px 10px 0px rgba(0, 0, 0, 0.4);;
}
.z-popup-move-ghost {
  padding: 0;
  background: #fff;
  border: 1px solid #999;
  opacity: 0.65;
  filter: alpha(opacity=65);
  position: absolute;
  cursor: move !important;
}
.z-popup-header {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 24px;
  min-height: 24px;
  margin: 18px 28px 0px;
}
.z-popup-content {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  height: 100%;
  margin: 9px 28px 18px;
}
.z-popup-icon {
  color: #999;
  background: transparent;
  border: 1px solid transparent;
  display: block;
  width: 20px;
  height: 18px;
  margin: auto 1px;
  line-height: 14px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.z-popup-icon:hover {
  border: 1px solid #999;
}
.z-popup-icon:active,
.z-popup-icon:active:focus {
  color: #00579d;
  background: rgba(255,255,255,1);
  border: 1px solid #00579d;
}
.z-popup-icon:focus {
  color: #00579d;
}
.z-popup-icon > i {
  cursor: inherit;
}
.popup-login {
  top: 65px !important;
  left: 0;
}
.formatted-tooltip {
  min-width: 0;
  white-space: nowrap;
  	 box-shadow:	1px 1px 20px 2px rgba(0, 0, 0, 0.4);;
}
.popup-hint {
  max-width: 594px;
  	 box-shadow:	1px 1px 20px 2px rgba(0, 0, 0, 0.4);;
}
.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-notification {
  color: #FFFFFF;
  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: "Source Sans Pro", 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(74, 133, 3, 0.88);
  
}
.z-notification-info .z-notification-left {
  border-right-color: rgba(74, 133, 3, 0.88);
  
}
.z-notification-info .z-notification-right {
  border-left-color: rgba(74, 133, 3, 0.88);
  
}
.z-notification-info .z-notification-up {
  border-bottom-color: rgba(74, 133, 3, 0.88);
  
}
.z-notification-info .z-notification-down {
  border-top-color: rgba(74, 133, 3, 0.88);
  
}
.z-notification-warning .z-notification-content {
  background: rgba(255, 186, 0, 0.88);
  
}
.z-notification-warning .z-notification-left {
  border-right-color: rgba(255, 186, 0, 0.88);
  
}
.z-notification-warning .z-notification-right {
  border-left-color: rgba(255, 186, 0, 0.88);
  
}
.z-notification-warning .z-notification-up {
  border-bottom-color: rgba(255, 186, 0, 0.88);
  
}
.z-notification-warning .z-notification-down {
  border-top-color: rgba(255, 186, 0, 0.88);
  
}
.z-notification-error .z-notification-content {
  background: rgba(238, 0, 0, 0.88);
  
}
.z-notification-error .z-notification-left {
  border-right-color: rgba(238, 0, 0, 0.88);
  
}
.z-notification-error .z-notification-right {
  border-left-color: rgba(238, 0, 0, 0.88);
  
}
.z-notification-error .z-notification-up {
  border-bottom-color: rgba(238, 0, 0, 0.88);
  
}
.z-notification-error .z-notification-down {
  border-top-color: rgba(238, 0, 0, 0.88);
  
}
.z-notification-close {
  font-size: 10px;
  width: 12px;
  height: 12px;
  padding: 0 2px;
  line-height: 11px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-align: center;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.z-notification-close:hover {
   	 border-radius:	2px;;
  background: #ffffff;
  opacity: 1;
}
.z-notification-close > i {
  cursor: inherit;
}
.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(74, 133, 3, 0.88);
  
}
.z-notification-warning .z-notification-close:hover {
  color: rgba(255, 186, 0, 0.88);
  
}
.z-notification-error .z-notification-close:hover {
  color: rgba(238, 0, 0, 0.88);
  
}


.z-progressmeter {
  height: 17px;
  border: 1px solid #cfcfcf;
  background: #ffffff 0 0 repeat-x;
  background-image: url(/tpgui/theme/ppi/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: #2170b3;
}
.z-progressmeter-image.blue {
  background: #2170b3;
}



.z-separator-horizontal,
.z-separator-horizontal-bar {
  font-size: 0;
  height: 7px;
  line-height: 0;
  overflow: hidden;
}
.z-separator-horizontal-bar {
  background-image: url(/tpgui/zkau/web/6d24feaf/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(/tpgui/zkau/web/6d24feaf/img/dot.gif);
  background-position: top center;
  background-repeat: repeat-y;
}
.z-separator-large {
  height: 20px;
}
.z-separator-overline {
  border-top: 1px solid #000;
}



.z-slider {
  background-image: none;
}
.z-slider-center {
   	 border-radius:	5px;;
  cursor: pointer;
}
.z-slider-button {
  width: 16px;
  height: 16px;
  border: 1px solid #cfcfcf;
   	 border-radius:	3px;;
  
   	background:	#FFFFFF; /* Old browsers */
;
  
  position: relative;
  cursor: pointer;
}
.z-slider-button:active {
  border-top-color: #838383;
  border-left-color: #838383;
   	background:	#dde1e4; /* Old browsers */
;
}
.z-slider-button:hover {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #dde1e4;
}
.z-slider-horizontal {
  height: 32px;
}
.z-slider-horizontal .z-slider-center {
  width: 100%;
  height: 6px;
  margin-top: -3px;
  
   	background:	#9D9D9D (49%); /* Old browsers */
;
  
  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:	#9D9D9D (49%); /* Old browsers */
;
  
}
.z-slider-popup {
  padding: 2px;
   	 box-shadow:	0 0 10px rgba(0, 0, 0, 0.35);;
}
.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(/tpgui/theme/ppi/zul/img/slider/ticks.gif);
}
/*** Browser-Hacks ***/
.ie8 .z-slider-button {
  background: #f7f7f7;
}
.ie8 .z-slider-vertical .z-slider-center,
.ie8 .z-slider-horizontal .z-slider-center {
  background: #bababa;
}




.z-toolbar.z-toolbar-tabs {
  border-bottom: 2px solid #ff0000;
  color: #ff0000;
  padding: 4px 4px;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.z-tabbox-bottom > .z-tabs .z-tab:first-child.z-tab-selected {
   	 box-shadow:	1px -1px 0 #ffffff;;
}
.z-tabbox-bottom > .z-tabs .z-tab:first-child.z-tab-selected + .z-tab {
   	 box-shadow:	0px -1px 0 #cfcfcf;;
}
.z-tabbox-left > .z-tabs .z-tab:first-child.z-tab-selected {
   	 box-shadow:	1px 1px 0 #ffffff;;
}
.z-tabbox-left > .z-tabs .z-tab:first-child.z-tab-selected + .z-tab {
   	 box-shadow:	0 1px 0 #cfcfcf;;
}
.z-tabbox-right > .z-tabs .z-tab:first-child {
  border-left: 0px;
}
.z-tabbox-right > .z-tabs .z-tab:first-child.z-tab-selected {
   	 box-shadow:	-1px 1px 0 #ffffff;;
}
.z-tabbox-right > .z-tabs .z-tab:first-child.z-tab-selected + .z-tab {
   	 box-shadow:	-1px 0px 0 #cfcfcf;;
}
.z-tabbox {
  position: relative;
  overflow: hidden;
  padding: 15px;
}
.z-tabbox-icon {
  font-size: 16px;
  display: none;
  border: none;
  padding-top: 10px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 15px;
  cursor: pointer;
  z-index: 25;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.z-tabbox-icon > i {
  color: #434343;
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
.z-tabbox-icon:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.z-tabbox-left-scroll,
.z-tabbox-right-scroll {
  width: 25px;
  height: 37px !important;
  border: 1px solid #555;
  margin-top: 1px;
}
.z-tabbox-icon.disabled-scroll {
  background-color: rgba(246, 246, 246, 0.5);
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: default;
}
.z-tabbox-icon.disabled-scroll > i,
.z-tabbox-icon.disabled-scroll:hover > i {
  color: rgba(87, 87, 87, 0.25);
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: default;
}
.z-tabbox-left-scroll {
}
.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-bottom > .z-tabbox-icon {
   	 border-radius:	0 0 4px 4px;;
  top: auto;
  bottom: 0;
}
.z-tabbox-bottom > .z-tabs .z-tabs-content {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0;
}
.z-tabbox-bottom > .z-tabs .z-tab {
  border-width: 0px 1px 1px 1px;
   	 border-radius:	0 0 4px 4px;;
}
.z-tabbox-bottom > .z-tabs .z-tab.z-tab-selected {
   	 box-shadow:	0px -1px 0 #FFFFFF;;
}
.z-tabbox-bottom > .z-tabpanels > .z-tabpanel {
  border: 1px solid #cfcfcf;
  border-bottom: 0;
}
.z-tabbox-bottom .z-toolbar-tabs {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0;
  top: auto;
  bottom: 0;
}
.z-tabbox-left > .z-tabbox-icon {
   	 border-radius:	4px 0 0 4px;;
  padding-top: 0;
}
.z-tabbox-left > .z-tabs {
  float: left;
}
.z-tabbox-left > .z-tabs .z-tabs-content {
  display: block;
  height: 4096px;
  border-right: 1px solid #cfcfcf;
}
.z-tabbox-left > .z-tabs .z-tabs-space {
  width: 0;
  position: relative;
  float: left;
}
.z-tabbox-left > .z-tabs .z-tab {
  border-width: 1px 0px 1px 1px;
  border-top: 1px solid #cfcfcf;
   	 border-radius:	4px 0 0 4px;;
  padding-top: 0px;
  float: none;
}
.z-tabbox-left > .z-tabs .z-tab-selected {
  border-bottom: 1px solid #cfcfcf;
   	 box-shadow:	1px 0px 0 #FFFFFF;;
}
.z-tabbox-left > .z-tabs .z-tab-selected .z-tab-button {
  opacity: 1;
  filter: alpha(opacity=100);
}
.z-tabbox-left > .z-tabs .z-tab-selected .z-tab-text {
  font-weight: bold;
  cursor: default;
  white-space: nowrap;
}
.z-tabbox-left > .z-tabs .z-tab.z-tab-disabled .z-tab-text {
  color: gray;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.z-tabbox-left.z-tabbox-scroll > .z-tabs {
  margin: 24px 0px 24px 0px;
}
.z-tabbox-left > .z-tabpanels {
  border: 1px solid #cfcfcf;
  border-left: 0px;
}
.z-tabbox-left > .z-tabpanels > .z-tabpanel {
  border: 0;
  padding: 5px;
}
.z-tabbox-left > .z-tab-icon {
  left: 10px;
  right: auto;
}
.z-tabbox-left > .z-tabs .z-tab-button {
  top: 0;
  left: 0px;
}
.z-tabbox-left > .z-tabs .z-tab-button + .z-tab-text {
  margin-left: 14px;
  margin-right: 0px;
}
.z-tabbox-right > .z-tabbox-icon {
   	 border-radius:	0 4px 4px 0;;
  padding-top: 0;
  right: 0;
}
.z-tabbox-right > .z-tabs {
  float: left;
}
.z-tabbox-right > .z-tabs .z-tabs-content {
  display: block;
  height: 4096px;
  border-right: 1px solid #cfcfcf;
}
.z-tabbox-right > .z-tabs .z-tabs-space {
  width: 0;
  position: relative;
  float: left;
}
.z-tabbox-right > .z-tabs .z-tab {
  border-width: 1px 0px 1px 1px;
  border-top: 1px solid #cfcfcf;
   	 border-radius:	4px 0 0 4px;;
  padding-top: 0px;
  float: none;
}
.z-tabbox-right > .z-tabs .z-tab-selected {
  border-bottom: 1px solid #cfcfcf;
   	 box-shadow:	1px 0px 0 #FFFFFF;;
}
.z-tabbox-right > .z-tabs .z-tab-selected .z-tab-button {
  opacity: 1;
  filter: alpha(opacity=100);
}
.z-tabbox-right > .z-tabs .z-tab-selected .z-tab-text {
  font-weight: bold;
  cursor: default;
  white-space: nowrap;
}
.z-tabbox-right > .z-tabs .z-tab.z-tab-disabled .z-tab-text {
  color: gray;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.z-tabbox-right.z-tabbox-scroll > .z-tabs {
  margin: 24px 0px 24px 0px;
}
.z-tabbox-right > .z-tabpanels {
  border: 1px solid #cfcfcf;
  border-left: 0px;
}
.z-tabbox-right > .z-tabpanels > .z-tabpanel {
  border: 0;
  padding: 5px;
}
.z-tabbox-right > .z-tabs {
  float: right;
}
.z-tabbox-right > .z-tabs .z-tabs-content {
  border-left: 1px solid #cfcfcf;
  border-right: 0;
}
.z-tabbox-right > .z-tabs .z-tabs-space {
  float: right;
}
.z-tabbox-right > .z-tabs .z-tab {
  border-width: 1px 1px 1px 0px;
   	 border-radius:	0 4px 4px 0;;
}
.z-tabbox-right > .z-tabs .z-tab.z-tab-selected {
   	 box-shadow:	-1px 0px 0 #FFFFFF;;
  border-left: 0px;
}
.z-tabbox-right > .z-tabpanels {
  border: 1px solid #cfcfcf;
  border-right: 0;
}
.z-tabbox-accordion > .z-tabpanels {
  border-top: 1px solid #cfcfcf;
}
.z-tabbox-accordion > .z-tabpanels > .z-tabpanel {
  border: 0;
  padding: 0;
}
.z-tabbox-accordion .z-tabpanel > .z-tabpanel-content {
  border: 1px solid #cfcfcf;
  border-top: 0;
  padding: 5px;
  zoom: 1;
}
.z-tabbox-accordion .z-tabpanel > .z-tab {
  border-width: 0 1px 1px 1px;
   	 border-radius:	0;;
  padding-top: 1px;
  text-align: left;
  float: none;
  zoom: 1;
}
.z-tabbox-accordion .z-tabpanel > .z-tab-selected {
   	background:	#f5f5f5; /* Old browsers */
;
   	 box-shadow:	none;;
  cursor: default;
}
.z-tabbox-accordion .z-tab-button {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.z-tabbox-accordion .z-tab-button:hover {
  color: #083e6a;
}
.z-tabbox-accordion .z-tab-button + .z-tab-text {
  margin-right: 24px;
}
.z-tabbox-accordion .z-tab-text {
  padding: 3px 5px 3px 8px;
}
.z-tabbox-scroll > .z-tabs {
  margin: 0px 24px 0px 24px;
  padding-bottom: 0;
  zoom: 1;
}
.z-tabbox-scroll > .z-tabbox-icon {
  display: block;
}
.z-tabs {
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 16px;
  overflow: hidden;
  position: relative;
}
.z-tabs-content {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  zoom: 1;
  clear: both;
  border-bottom: 1px solid #555;
  background-clip: padding-box;
}
.z-tab {
  font-size: 14px;
  display: block;
  margin: 0;
  line-height: 26px;
  text-align: center;
  position: relative;
  cursor: pointer;
  float: left;
}
.z-tab:hover {
  background: rgba(33,112,179,0.3);
}
.z-tab.z-tab-selected,
.z-tab.z-tab-selected:hover {
   background: #ddd;
}
.z-tabbox .z-tabbox .z-tab.z-tab-selected,
.z-tabbox .z-tabbox .z-tab.z-tab-selected:hover {
   background: #f6f6f6;
}

.z-tabbox-top .z-tab:first-child {
  border-left: 1px solid #555;
}
.z-tabbox-top .z-tab {
  border-right: 1px solid #555;
  border-top: 1px solid #555;
  top: 1px;
}
.z-tabbox-top > .z-tabs .z-tab.z-tab-disabled .z-tab-content .z-tab-text {
   border-bottom: none;
}
.z-tab-content {
  display: block;
  position: relative;
  padding: 0px 5px;
  min-width: 90px;
}
.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;
  filter: alpha(opacity=70);
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 15;
  zoom: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.z-tab-button:hover {
  
}
.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 > .z-tab-content {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.z-tab-disabled:hover {
  background: none;
}
.z-tab-disabled .z-tab-text {
  font-style: normal;
  cursor: default;
  white-space: nowrap;
}
.z-tabpanels {
  zoom: 1;
  overflow: hidden;
  position: relative;
}
.z-tabpanel {
  border: 1px solid #555;
  background: #ddd;
  padding: 0px;
  zoom: 1;
  overflow: auto;
}
.z-tabpanel.with-space > .z-label {
  display: inline-block;
  margin-left: 15px;
}
.z-tabbox .z-tabbox .z-tabpanel {
  background: #f6f6f6;
}
.z-tabbox-top > .z-tabpanels > .z-tabpanel {
  border-top: none;
  margin-top: 0;
}
/******** Spezielle Formatierungen *******/
.low-resolution .z-tabbox {
  min-height: 200px;
}
.z-tabbox.transactiondetails {
  height: 263px;
}
.low-resolution .z-tabbox.transactiondetails {
  height: 252px;
}
/*** Browser-Hacks ***/
.ie9 .z-tabs {
  line-height: 1px;
}
.ie9 .z-tabs > .z-tabs-content {
  display: inline-block;
}


.z-toolbar {
  display: block;
  border: none;
  padding: 4px 4px 3px;
  position: relative;
}
.z-toolbar.3d {
}
.z-caption .z-toolbar {
  background: none;
  border: 0;
}
.z-toolbar-tabs .z-toolbar-content,
.z-toolbar-tabs .z-toolbar-content span,
.z-toolbar-content,
.z-toolbar-content span {
  font-size: 14px;
}
.z-toolbar-start {
  float: left;
  clear: none;
  width: 100%;
}
.z-toolbar-center {
  text-align: center;
  margin: 0 auto;
}
.z-toolbar-end {
  float: right;
  clear: none;
}
.z-toolbar-panel {
  border-width: 0;
  padding: 5px;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.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: 14px;
  position: relative;
  cursor: pointer;
}
.z-toolbarbutton:hover {
  border-color: #103b5f;
   	background:	#ffffff; /* Old browsers */
;
}
.z-toolbarbutton:active {
  border: 1px solid #103b5f;
   	background:	#b0cad5; /* Old browsers */
;
   	 box-shadow:	inset 1px 1px 1px rgba(210, 210, 210, 0.75), 0 0 7px #CFCFCF;;
}
.z-toolbarbutton[disabled] {
  color: #bbc2c7 !important;
  border: 1px solid transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default !important;
   	 box-shadow:	none;;
}
.z-toolbarbutton-checked {
  border: 1px solid #bbc2c7;
   	 border-radius:	3px;;
   	background:	#f5f5f5; /* Old browsers */
;
}
.z-toolbarbutton-content {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #333333;
  padding: 2px;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
  text-shadow: 0 1px #FFFFFF;
  white-space: nowrap;
}

/***************** CUSTOM STYLING *******************/
.z-toolbar.footer-buttons {
  padding: 35px 10px 10px;
  background: #cecece;
  overflow: visible;
  width: 100%;
}
.z-toolbar.footer-buttons.condensed {
  padding: 10px;
}
.wizard > .z-window-content > .z-toolbar.footer-buttons {
  background: rgba(33,112,179,0.15);
}
.low-resolution .z-toolbar.footer-buttons {
  padding: 5px;
}
.z-toolbar.footer-buttons > .z-toolbar-content {
  width: 100%;
}
.z-toolbar.footer-buttons.with-groupbox {
  padding: 0;
}
.z-toolbar.footer-buttons .z-button {
  height: 40px;
  line-height: 24px;
}
.low-resolution .z-toolbar.footer-buttons .z-button {
  height: 34px;
  line-height: 22px;
  padding: 4px;
}
.z-toolbar.footer-buttons .z-button > i {
  font-size: 24px;
}
.z-toolbar.footer-buttons .z-groupbox {
  background: transparent;
  margin: 0px 15px;
  padding: 16px 0 10px;
  border: none;
}
.z-toolbar.footer-buttons .z-groupbox:first-child {
  margin-left: 0px;
}
.z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header {
  display: inline-block;
  height: 24px;
  padding: 0 0 0 10px;
}
.low-resolution .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header {
  height: 16px;
  padding: 0 0 0 10px;
}
.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 > .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;
}
body:not(ie9):not(ie10) .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption > .z-caption-content,
body:not(ie9):not(ie10) .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header > .z-caption,
body:not(ie9):not(ie10) .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-label,
body:not(ie9):not(ie10) .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title,
body:not(ie9):not(ie10) .z-toolbar.footer-buttons .z-groupbox > .z-groupbox-header .z-groupbox-title-content {
  height: auto;
  top: -2px !important;
}
.z-toolbar.footer-buttons .z-groupbox-content {
  padding: 3px 10px;
}
.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner {
  vertical-align: middle;
}
.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner .z-button {
  margin-left: 5px;
}
.z-toolbar.footer-buttons .z-groupbox-content .z-hlayout-inner:first-child .z-button {
  margin-left: 0px;
}



.z-tree {
  overflow: hidden;
  zoom: 1;
}
.z-tree.bordered {
  border: 1px solid #ff0000;
}
.z-tree-header {
  width: 100%;
  
   	background:	#f5f5f5; /* Old browsers */
;
  
  position: relative;
  overflow: hidden;
}
.z-tree-header table {
  border-spacing: 0;
}
.z-tree-header table th,
.z-tree-header table td {
  background-clip: padding-box;
  padding: 0;
}
.z-tree-header table th {
  text-align: inherit;
}
.z-tree-header-border {
  border-bottom: 1px solid #ff0000;
  margin-top: -1px;
  position: relative;
}
.z-tree-body {
  position: relative;
  overflow: hidden;
}
.z-tree-body table {
  border-spacing: 0;
  width: unset !important;
}
.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 #ff0000;
  background: #ff0000;
  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 {
  font-size: 16px;
  color: #434343;
}
.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-treecols th:first-child {
  border-left: none;
}
.z-treecols th:first-child.z-treecols-border {
  border-left: 1px solid #ff0000;
}
.z-treecols-bar {
  border-left: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}
.z-treecol {
  border-left: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  padding: 0;
  
   	background:	#f5f5f5; /* Old browsers */
;
  
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.z-treecol-sort {
  cursor: pointer;
}
.z-treecol-sort .z-treecol-sorticon {
  color: #434343;
  position: absolute;
  top: -7px;
  left: 50%;
}
.z-treecol-sizing,
.z-treecol-sizing .z-treecol-content {
  cursor: e-resize;
}
.z-tree.bordered .z-treerow {
  background: #ffffff;
}
.z-treerow .z-treecell {
  overflow: hidden;
}
.z-treerow-checkable {
  display: inline-block;
  width: 12px;
  height: 16px;
  border: 1px solid #ff0000;
  background: #f5f5f5;
  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;
  filter: alpha(opacity=60);
  cursor: default !important;
}
.z-treerow.z-treerow-disabled:hover > .z-treecell {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  position: relative;
}
.z-treecol-content,
.z-treecell-content,
.z-treefooter-content {
  padding: 4px 5px;
  line-height: 24px;
  overflow: hidden;
}
.z-treecol-content {
  font-weight: bold;
  padding: 4px 5px 3px;
  position: relative;
}
.z-treecell-content {
  padding: 0;
  line-height: 18px;
}
.z-treecell-text {
  vertical-align: middle;
}
.z-tree-paging-top {
  border-bottom: 1px solid #ff0000;
  overflow: hidden;
  width: 100%;
}
.z-tree-paging-bottom {
  border-top: 1px solid #ff0000;
  overflow: hidden;
  width: 100%;
}
.z-tree-autopaging .z-treecell-content {
  height: 32px;
  overflow: hidden;
}
/******** Message-Dialog ***********/
.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";
}
/*** Browser-Hacks ***/
.webkit .z-tree-body table,
.ie .z-tree-body table {
  width: auto !important;
}




.z-window {
  overflow: hidden;
  zoom: 1;
  padding: 0px;
}
.z-window-bordered {
  border: none;
}
.z-window-shadow {
   	 box-shadow:	10px 10px 20px 0 rgba(0, 0, 0, 0.4);;
}
.z-window-header {
  font-family: Tinos,"Times New Roman",serif;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  color: #434343;
  padding: 25px 0px 20px;
  line-height: 24px;
  overflow: hidden;
  zoom: 1;
  cursor: default;
  width: 100%;
  text-overflow: ellipsis;
}
.z-window-header > *:not(.z-caption) {
  font-family: "Source Sans Pro", Helvetica, Sans-serif;
}
.main-window .z-window-header {
  min-height: 45px;
  padding-top: 0px;
}
.z-window-move-ghost .z-window-header {
  padding: 25px 30px;
}
.z-window-modal,
.z-window-overlapped,
.z-messagebox-window,
.message-dialog {
  border: none;
  padding: 0px 30px;
  background: #fff;
  min-width: 216px;
}
.z-window-header .z-caption {
  text-overflow: ellipsis;
}
.z-window-modal > .z-window-content,
.z-window-overlapped > .z-window-content,
.z-messagebox-window > .z-window-content {
  border: none;
  padding: 0px;
}
.z-window-header .z-caption-content {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.z-window-header .z-caption-content > img {
  display: none;
}
.z-window-header-move {
  cursor: move;
}
.z-window-content {
  border: 0px;
  margin: 0px;
  overflow: hidden;
  zoom: 1;
}
.z-window-embedded .z-window-content {
  overflow: auto;
}
.z-window-icon {
  color: #434343;
  background: #fff;
  display: block;
  width: 20px;
  height: 18px;
  margin: auto 1px;
  line-height: 14px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.z-window-icon.z-window-close {
  line-height: 16px;
  color: #999;
  background: transparent;
  border: 1px solid transparent;
}
.z-window-icon:hover {
  border: 1px solid #999;
}
.z-window-icon:active,
.z-window-icon:active:focus {
  color: #00579d;
  background: rgba(255,255,255,1);
  border: 1px solid #00579d;
}
.z-window-icon:focus {
  color: #00579d;
}
.z-window-icon > i {
  cursor: inherit;
}
.z-window-minimize {
  padding-top: 5px;
}
.z-window-resize-faker {
  border: 1px dashed #1854C2;
  background: #D7E6F7;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 60000;
}
.z-window-move-ghost {
  border: 1px solid #dddddd;
  padding: 0;
  background: #fff;
  opacity: 0.65;
  filter: alpha(opacity=65);
  position: absolute;
  cursor: move !important;
}
.z-window-move-ghost .z-window-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.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 0 -5px;
}
.z-window-popup.z-window-noheader {
  padding-top: 0;
}
.z-window-popup.z-window-noheader > .z-window-content {
  margin: 0 -5px;
}
.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 0px rgba(0, 0, 0, 0.4);;
}
.z-window-embedded .z-window-shadow {
   	 box-shadow:	none;;
}
.z-window-noborder {
  border: 0;
  padding: 0;
}
.z-window-noborder > .z-window-content {
  border: 0;
  margin: 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 0px rgba(0, 0, 0, 0.4);;
}

/******************** CUSTOM STYLE *******************/
.main-window,
.z-window-noborder.z-window-noheader.main-window {
  padding: 0;
  background-color: #f6f6f6
}
.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 #555;
}
.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.with-space > .z-window-content {
/*  padding-left: 10px;*/
}
.z-window.list-based-dialog {
  width: 60%;
  min-width: 823px;
}
.z-window.display-file-dialog {
  width: 673px;
}
.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.empty {
  height: 450px;
}
.z-window.standard-dialog.nobutton > .z-window-content {
  padding-bottom: 25px
}
.z-window.login-dialog {
  width: 532px;
  height: 308px;
}
.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;
}
.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;
}
.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;
}
.z-window-overlapped .popup-buttons,
.z-window-modal .popup-buttons {
  height: 80px;
  line-height: 30px;
  padding: 20px 0px 25px;
}
.ie8 .z-window-overlapped .popup-buttons,
.ie8 .z-window-modal .popup-buttons {
  height: 48px;
}
.window-plugin > body {
  background: transparent;
}

/*************************************************
 *  Messagebox                                   * 
 *************************************************/
.z-window-modal .z-window-content > .z-hbox:first-child {
  padding: 0;
}
.z-window-modal .z-window-content .z-separator-horizontal-bar {
  background: transparent;
  border: none;
}
.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 > 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-hbox .z-button {
  min-width: 50px;
}
.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button {
  color: #fff;
  background: rgba(0,87,157,1);
  border-color: rgba(0,87,157,1);
  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: #00579d;
  border-color: #00579d;
  background: rgba(33,112,179,0.3);
}
.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: #00579d;
  background: rgba(255,255,255,1);
  border-color: #00579d;
}
.z-window-modal .z-window-content > .z-hbox:last-child table td:last-child .z-button:focus {
  color: #fff;
  background: rgba(33,112,179,0.9);
  border-color: transparent;
}
.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";
}

/******************** Message-Dialog ********************/
.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: Tinos,"Times New Roman",serif;
  font-size: 18px;
  font-weight: bold;
}
.message-dialog-text {
  word-wrap: break-word;
}
/******************* Guided Tour **********************/
.guided-tour {
  width: 364px;
  	 box-shadow:	1px 1px 20px 2px rgba(0, 0, 0, 0.4);;
}
.guided-tour.small {
  width: 364px;
}  
.guided-tour.large {
  width: 500px;
}
/******************* Popup Pointer **********************/
.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-east-left .popup-pointer,
.pointer-east-middle .popup-pointer,
.pointer-east-right .popup-pointer {
  clip: rect(0px, 12px, 24px, 0px);
}
.pointer-south-left .popup-pointer,
.pointer-south-middle .popup-pointer,
.pointer-south-right .popup-pointer {
  clip: rect(0px, 24px, 12px, 0px);
}
.pointer-west-left .popup-pointer,
.pointer-west-middle .popup-pointer,
.pointer-west-right .popup-pointer {
  clip: rect(0px, 24px, 24px, 12px);
}
.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 {
  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 {
  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 {
  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;
}
/*** Browser-Hacks ***/
.ie8 .z-window-icon {
  background: #fff;
}
.ie8 .z-window-icon .z-icon-minus {
  margin-left: 1px;
}
.ie8 .z-window-modal.fix-ie,
.ie9 .z-window-modal.fix-ie {
  width: 824px;
}
.timeline-ether-lines{border-color:#666;border-style:dotted;position:absolute;}.timeline-horizontal .timeline-ether-lines{border-width:0 0 0 1px;height:100%;top:0;width:1px;}.timeline-vertical .timeline-ether-lines{border-width:1px 0 0;height:1px;left:0;width:100%;}.timeline-ether-weekends{position:absolute;background-color:#FFFFE0;}.timeline-vertical .timeline-ether-weekends{left:0;width:100%;}.timeline-horizontal .timeline-ether-weekends{top:0;height:100%;}.timeline-highlight-decorator,.timeline-highlight-point-decorator{position:absolute;overflow:hidden;}.timeline-horizontal .timeline-highlight-point-decorator,.timeline-horizontal .timeline-highlight-decorator{top:0;height:100%;}.timeline-vertical .timeline-highlight-point-decorator,.timeline-vertical .timeline-highlight-decorator{width:100%;left:0;}.timeline-highlight-decorator{background-color:#FFC080;}.timeline-highlight-point-decorator{background-color:#ff5;}.timeline-highlight-label{position:absolute;overflow:hidden;font-size:200%;font-weight:bold;color:#999;}.timeline-horizontal .timeline-highlight-label{top:0;height:100%;}.timeline-horizontal .timeline-highlight-label td{vertical-align:middle;}.timeline-horizontal .timeline-highlight-label-start{text-align:right;}.timeline-horizontal .timeline-highlight-label-end{text-align:left;}.timeline-vertical .timeline-highlight-label{left:0;width:100%;}.timeline-vertical .timeline-highlight-label td{vertical-align:top;}.timeline-vertical .timeline-highlight-label-start{text-align:center;}.timeline-vertical .timeline-highlight-label-end{text-align:center;}.timeline-date-label{position:absolute;border:solid #aaa;color:#aaa;width:5em;height:1.5em;}.timeline-date-label-em{color:#000;}.timeline-horizontal .timeline-date-label{padding-left:2px;}.timeline-horizontal .timeline-date-label{border-width:0 0 0 1px;}.timeline-horizontal .timeline-date-label-em{height:2em;}.timeline-vertical .timeline-date-label{padding-top:2px;}.timeline-vertical .timeline-date-label{border-width:1px 0 0;}.timeline-vertical .timeline-date-label-em{width:7em;}.timeline-ether-highlight{position:absolute;background-color:#fff;}.timeline-horizontal .timeline-ether-highlight{top:2px;}.timeline-vertical .timeline-ether-highlight{left:2px;}.timeline-event-icon,.timeline-event-label,.timeline-event-tape{position:absolute;cursor:pointer;}.timeline-event-tape,.timeline-small-event-tape,.timeline-small-event-icon{background-color:#58A0DC;overflow:hidden;}.timeline-small-event-tape,.timeline-small-event-icon{position:absolute;}.timeline-small-event-icon{width:1px;height:6px;}.timeline-ether-bg{width:100%;height:100%;}.timeline-band-0 .timeline-ether-bg{background-color:#eee;}.timeline-band-1 .timeline-ether-bg{background-color:#ddd;}.timeline-band-2 .timeline-ether-bg{background-color:#ccc;}.timeline-band-3 .timeline-ether-bg{background-color:#aaa;}.timeline-duration-event{position:absolute;overflow:hidden;border:1px solid blue;}.timeline-instant-event2{position:absolute;overflow:hidden;border-left:1px solid blue;padding-left:2px;}.timeline-instant-event{position:absolute;overflow:hidden;}.timeline-event-bubble-title{font-weight:bold;border-bottom:1px solid #888;margin-bottom:.5em;}.timeline-event-bubble-wiki{margin:.5em;text-align:right;color:#A0A040;}.timeline-event-bubble-wiki a{color:#A0A040;}.timeline-event-bubble-time{color:#aaa;}.timeline-event-bubble-image{float:right;padding-left:5px;padding-bottom:5px;}.timeline-container{position:relative;overflow:hidden;}.timeline-copyright{position:absolute;bottom:0;left:0;z-index:1000;cursor:pointer;}.timeline-message-container{position:absolute;top:30%;left:35%;right:35%;z-index:1000;display:none;}.timeline-message{font-size:120%;font-weight:bold;text-align:center;}.timeline-message img{vertical-align:middle;}.timeline-band{position:absolute;background:#eee;z-index:10;}.timeline-band-inner{position:relative;width:100%;height:100%;}.timeline-band-input{position:absolute;width:1em;height:1em;overflow:hidden;z-index:0;}.timeline-band-input input{width:0;}.timeline-band-layer{position:absolute;width:100%;height:100%;}.timeline-band-layer-inner{position:relative;width:100%;height:100%;}


.z-colorbox {
  display: inline-block;
  width: 40px;
  height: 24px;
  border: 1px solid #9c9c9c;
   	 border-radius:	3px;;
  margin: 0 2px;
  padding: 3px;
  background: #ffffff;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.z-colorbox-current {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.z-colorbox-button {
  font-size: 11px;
  display: inline-block;
  width: 13px;
  height: 7px;
  line-height: normal;
  background: #ffffff;
  position: absolute;
  bottom: 1px;
  right: 0;
  overflow: hidden;
}
.z-colorbox-icon {
  font-size: 14px;
  color: #333333;
  position: relative;
  top: -3px;
  left: 3px;
}
.z-colorbox-disabled,
.z-colorbox-disabled * {
  color: #bbc2c7 !important;
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default !important;
}
.z-colorbox-popup,
.z-menu-popup {
  display: none;
  position: absolute;
  overflow: auto;
  z-index: 88000;
   	 box-shadow:	1px 1px 3px rgba(0, 0, 0, 0.5);;
}
.z-colorpicker {
  width: 384px;
  height: 332px;
  border: 1px solid #9c9c9c;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}
.z-colorpicker-gradient {
  width: 256px;
  height: 256px;
  border: 1px solid #9c9c9c;
  position: absolute;
  left: 7px;
  top: 31px;
  cursor: crosshair;
}
.z-colorpicker-overlay {
  width: 256px;
  height: 256px;
  background-image: url(/tpgui/zkau/web/6d24feaf/zkex/img/colorbox/colorpicker_gradient.png);
}
.z-colorpicker-bar {
  width: 12px;
  height: 256px;
  border: 1px solid #9c9c9c;
  background-image: url(/tpgui/zkau/web/6d24feaf/zkex/img/colorbox/colorpicker_hue.png);
  position: absolute;
  left: 7px;
  overflow: hidden;
  cursor: n-resize;
}
.z-colorpicker-circle {
  width: 11px;
  height: 11px;
  margin: -5px 0 0 -5px;
  background-image: url(/tpgui/zkau/web/6d24feaf/zkex/img/colorbox/colorpicker_select.gif);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.z-colorpicker-hue {
  width: 27px;
  height: 256px;
  position: absolute;
  top: 31px;
  left: 272px;
}
.z-colorpicker-arrows {
  width: 27px;
  height: 9px;
  margin: -4px 0 0 0;
  background-image: url(/tpgui/zkau/web/6d24feaf/zkex/img/colorbox/colorpicker_arrows.gif);
  position: absolute;
  left: 0;
  overflow: hidden;
  cursor: n-resize;
}
.z-colorpicker-color {
  border: double;
  background: transparent;
  position: absolute;
  top: 34px;
  left: 315px;
}
.z-colorpicker-newcolor {
  width: 48px;
  height: 32px;
  border-bottom: 1px solid;
  position: relative;
}
.z-colorpicker-current {
  width: 48px;
  height: 32px;
  border-top: 1px solid;
  position: relative;
}
.z-colorpicker-r,
.z-colorpicker-g,
.z-colorpicker-b,
.z-colorpicker-h,
.z-colorpicker-s,
.z-colorpicker-v {
  width: 55px;
  position: absolute;
  left: 310px;
}
.z-colorpicker-r {
  top: 122px;
}
.z-colorpicker-g {
  top: 147px;
}
.z-colorpicker-b {
  top: 172px;
}
.z-colorpicker-h {
  top: 212px;
}
.z-colorpicker-s {
  top: 237px;
}
.z-colorpicker-v {
  top: 262px;
}
.z-colorpicker-text,
.z-colorpicker-input {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
}
.z-colorpicker-input {
  width: 40px;
  height: 24px;
  border: 1px solid #cfcfcf;
  padding: 2px;
  background: #ffffff;
  float: right;
}
.z-colorpicker-hex {
  position: absolute;
  top: 300px;
  left: 10px;
}
.z-colorpicker-hex .z-colorpicker-input {
  margin-left: 5px;
  width: 64px;
}
.z-colorpicker-button {
  width: 42px;
  position: absolute;
  top: 300px;
  left: 328px;
  cursor: pointer;
}
.z-colorpicker-icon {
  color: #4a8503;
}
.z-colorpalette {
  width: 262px;
  height: 222px;
  border: 1px solid #9c9c9c;
  padding-left: 4px;
  background: #ffffff;
}
.z-colorpalette-newcolor {
  width: 50px;
  height: 24px;
  border: 1px solid #9c9c9c;
  margin: 4px 2px;
  position: relative;
  left: 123px;
}
.z-colorpalette-input,
.z-colorpalette-button {
  position: absolute;
  top: 5px;
  left: 185px;
}
.z-colorpalette-input {
  font-family: "Source Sans Pro", Arial, Sans-serif;
  font-size: 14px;
  width: 65px;
  height: 24px;
  border: 1px solid #cfcfcf;
  padding: 2px;
  background: #ffffff;
}
.z-colorpalette-color {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  float: left;
}
.z-colorpalette-color:hover {
  border: 1px solid #000000;
}
.z-colorpalette-selected {
  border: 1px solid #000000;
}
.z-colorbox-paletteicon,
.z-menu-paletteicon,
.z-colorbox-pickericon,
.z-menu-pickericon {
  width: 22px;
  height: 22px;
  background: url(/tpgui/zkau/web/6d24feaf/zkex/img/colorbox/cb-buttons.gif) ;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.z-colorbox-paletteicon,
.z-menu-paletteicon {
  background-position: 0 0;
  top: 5px;
  left: 6px;
}
.z-colorbox-pickericon,
.z-menu-pickericon {
  background-position: 0 -44px;
  top: 5px;
  left: 31px;
}
.z-colorpalette-popup .z-colorbox-paletteicon,
.z-colorpalette-popup .z-menu-paletteicon {
  background-position: 0 -22px;
  left: 6px;
}
.z-colorpalette-popup .z-colorbox-pickericon,
.z-colorpalette-popup .z-menu-pickericon {
  left: 31px;
}
.z-colorpicker-popup .z-colorbox-pickericon,
.z-colorpicker-popup .z-menu-pickericon {
  background-position: 0 -66px;
}



.z-columnlayout {
  overflow: visible;
}
.z-columnchildren,
.z-columnchildren-content {
  overflow: hidden;
}
.z-columnchildren {
  height: 100%;
  float: left;
}
.z-columnchildren-content {
  height: 100%;
}

.z-columnchildren-content {
  width: 100%;
}


.z-columnchildren-content > .z-groupbox,
.z-columnchildren-content > .z-idspace {
  display: inline-block;
  float: left;
  clear: left;
}
.z-columnchildren-content > .z-window > .z-window-content {
  overflow: hidden;
}


.z-row .z-detail-outer {
  width: 40px;
  min-width: 40px;
  border-top: 1px solid #bbc2c7;
  padding: 18px 6px;
  line-height: normal;
  
   	background:	#f5f5f5; /* Old browsers */
;
  
  vertical-align: top;
}
.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 #bbc2c7;
}
.z-detail {
  font-size: 14px;
  width: 16px;
  height: 16px;
  border: 1px solid #bbc2c7;
  padding: 0;
  line-height: 14px;
   	background:	#f5f5f5; /* Old browsers */
;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.z-detail-icon {
  font-size: 16px;
  color: #333333;
  position: relative;
  left: 1px;
}
.z-detail-open .z-detail-icon {
  line-height: 16px;
  left: 0;
}
/*** Browser-Hacks ***/
.ie8 .z-row .z-detail-outer {
  background: #ffffff;
}



.z-fisheye,
.z-fisheye-text,
.z-fisheye-image {
  position: absolute;
  cursor: pointer;
}
.z-fisheye {
  z-index: 2;
}
.z-fisheye-image {
  width: 100%;
  height: 100%;
  border: 0;
}
.z-fisheye-text {
  display: none;
  border: 1px solid #cfcfcf;
  padding: 2px 5px;
  text-align: center;
}
.z-fisheyebar-inner {
  position: relative;
}



.z-biglistbox {
  border: 1px solid #cfcfcf;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.z-biglistbox-outer {
  border: 1px solid #cfcfcf;
  border-top: none;
  border-left: none;
  margin: 0 15px 15px 0;
  background: #ffffff;
  position: relative;
}
.z-biglistbox-faker th {
  font-size: 0;
  width: 45px;
  height: 0;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}
.z-biglistbox-head-outer {
  overflow: hidden;
}
.z-biglistbox-head {
  width: 100%;
  border: 0;
  overflow: hidden;
  float: left;
}
.z-biglistbox-head table {
  border-spacing: 0;
}
.z-biglistbox-head table th,
.z-biglistbox-head table td {
  background-clip: padding-box;
}
.z-biglistbox-header {
  border: 1px solid #bbc2c7;
  border-left-color: #FFFFFF;
  border-top: 0;
  padding: 0;
  text-align: left;
  position: relative;
  overflow: hidden;
  cursor: default;
  white-space: nowrap;
   	background:	#f5f5f5; /* Old browsers */
;
}
.z-biglistbox-header-content {
  font-weight: bold;
  padding: 4px 5px;
  line-height: 23px;
  position: relative;
  white-space: nowrap;
}
.z-biglistbox-body-outer {
  overflow: hidden;
}
.z-biglistbox-body {
  width: 100%;
  border: 0;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  float: left;
}
.z-biglistbox-body table {
  border-spacing: 0;
}
.z-biglistbox-body table th,
.z-biglistbox-body table td {
  background-clip: padding-box;
}
.z-biglistbox-body td {
  border-left: 1px solid #bbc2c7;
  padding: 4px 5px;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}
.z-biglistbox-row:hover td {
  color: #103b5f;
  border-color: #cce6f2;
  
  background: #cce6f2;
  
  background-clip: padding-box;
  position: relative;
}
.z-biglistbox-row.z-biglistbox-selected td {
  color: #333333;
  border-color: #cce6f2;
  
  background: #cce6f2;
  
  background-clip: padding-box;
  position: relative;
}
.z-biglistbox-row.z-biglistbox-selected:hover td {
  color: #333333;
  border-color: #cce6f2;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #cce6f2;
  position: relative;
}
.z-biglistbox-odd {
  background: #f1f3f4;
}
.z-biglistbox-sort {
  cursor: pointer;
}
.z-biglistbox-sorticon {
  color: #333333;
  position: absolute;
  top: -7px;
  left: 50%;
}
.z-biglistbox-hover {
   	background:	#bbc2c7; /* Old browsers */
;
  background-clip: padding-box;
  position: relative;
}
.z-biglistbox-head-shim,
.z-biglistbox-body-shim {
  width: 3px;
  height: 1px;
  overflow: hidden;
  float: left;
}
.z-biglistbox-verticalbar-frozen {
  width: 3px;
  height: 100%;
  border: 1px solid #cfcfcf;
  background: #000000;
  position: absolute;
  top: -3px;
}
.z-biglistbox-verticalbar-tick {
  width: 8px;
  height: 16px;
  background: url(/tpgui/zkau/web/6d24feaf/zkmax/img/big/vbar-tick.png) 0px 0px no-repeat;
  position: absolute;
  bottom: 1px;
  overflow: hidden;
  cursor: w-resize;
  z-index: 20;
}
.z-biglistbox-wscroll-vertical {
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  z-index: 10;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag {
  width: 15px;
  height: 115px;
  background: url(/tpgui/zkau/web/6d24feaf/zkmax/img/big/drag-v.png) no-repeat scroll 0 0 transparent;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  z-index: 15;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
  width: 15px;
  height: 15px;
  position: absolute;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home {
  top: 0;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up {
  top: 15px;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down {
  bottom: 15px;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
  bottom: 0;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-pos {
  visibility: visible;
  width: 15px;
  height: 115px;
   	 border-radius:	2px;;
  background: #000000;
  opacity: 0.25;
  filter: alpha(opacity=25);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-endbar {
  width: 15px;
  height: 7px;
  border: 1px solid #cfcfcf;
   	background:	#f5f5f5; /* Old browsers */
;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 20;
}
.z-biglistbox-wscroll-horizontal {
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: -16px;
  z-index: 10;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag {
  width: 115px;
  height: 15px;
  background: url(/tpgui/zkau/web/6d24feaf/zkmax/img/big/drag-h.png) no-repeat scroll 0 0 transparent;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  z-index: 15;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
  width: 15px;
  height: 15px;
  position: absolute;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home {
  left: 0;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up {
  left: 15px;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down {
  right: 15px;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
  right: 0;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-pos {
  visibility: visible;
  width: 115px;
  height: 15px;
   	 border-radius:	2px;;
  background: #000000;
  opacity: 0.25;
  filter: alpha(opacity=25);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-endbar {
  width: 7px;
  height: 15px;
  border: 1px solid #cfcfcf;
   	background:	#f5f5f5; /* Old browsers */
;
  position: absolute;
  right: -12px;
  overflow: hidden;
  z-index: 20;
}
/*** Browser-Hacks ***/
.ie8 .z-biglistbox-row:hover td {
  background: #e5f7ff;
}
.ie8 .z-biglistbox-row.z-biglistbox-selected td {
  position: static;
  background: #e5f7ff;
}
.ie8 .z-biglistbox-row.z-biglistbox-selected:hover td {
  position: static;
  background: #d9f2ff;
}



.z-cardlayout {
  position: relative;
  overflow: hidden;
}
.z-cardlayout-inner {
  position: absolute;
  overflow: hidden;
}



.z-chosenbox {
  display: inline-block;
  overflow: hidden;
  color: #434343;
  background: #fff;
  border: 1px solid #ddd;
  min-width: 81px;
  min-height: 28px;
  
  font-style: normal;
  line-height: 16px;
  margin: 0;
  padding: 2px 30px 2px 2px;
  white-space: normal;
  word-wrap: break-word;
  width: 265px;
}
.z-chosenbox.amount {
  width: 113px;
}
.z-chosenbox.codes {
  width: 78px;
}
.z-chosenbox.bank-code {
  width: 115px;
}
.z-chosenbox.account-number {
  width: 335px;
}
.z-chosenbox.small-printable {
  width: 480px;
}
.z-icon-grid-searchbox .z-chosenbox,
.grid-filterbox .z-chosenbox,
.z-tabpanel .z-chosenbox,
.z-tabpanel .z-chosenbox [readonly]:focus {
  border-color: transparent;
}
[class^="z-icon-"].z-chosenbox::before,
[class*=" z-icon-"].z-chosenbox::before {
  display: block;
  height: 24px;
  line-height: 24px;
  float: right;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  right: -24px;
}
.z-chosenbox-focus {
  border-color: #00579d;
}
.z-chosenbox-invalid {
  border-color: rgba(225,85,72,0.6);
}
.z-chosenbox-invalid .z-chosenbox-focus {
  border-color: rgba(225,85,72,1);
}
.z-chosenbox-item {
  font-family: "Source Sans Pro", Helvetica, Sans-serif;
  font-size: 14px;
  color: #fff;
  background: #00579d;
  border: 1px solid #00579d;
  display: inline-block;
  height: 23px;
  margin: 0 1px 1px;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.z-chosenbox-item-content {
  display: inline-block;
  height: 23px;
  padding: 0px 15px 0px 3px;
  line-height: 22px;
}
.z-chosenbox-item-focus {
  color: #434343;
  background: rgba(33,112,179,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: 5px;
}
.z-chosenbox-item-focus > .z-chosenbox-button {
  color: #999;
}
.z-chosenbox-item > .z-chosenbox-button:hover {
  color: #fff;
}
.z-chosenbox-item-focus > .z-chosenbox-button:hover {
  color: #434343;
}
.z-chosenbox-button > [class^="z-icon"],
.z-chosenbox-button > [class*=" z-icon"] {
  cursor: pointer;
}
.z-chosenbox-disabled .z-chosenbox-button > [class^="z-icon"],
.z-chosenbox-disabled .z-chosenbox-button > [class*=" z-icon"] {
  cursor: pointer;
}
.z-chosenbox-input {
  display: inline-block;
  width: 30px;
  border: 0 !important;
  height: 20px;
  padding: 1px 2px 2px 2px;
  background: transparent !important;
  outline: 0;
   	 box-shadow:	none;;
  margin: 2px;
}
.z-chosenbox-disabled {
  background: #e5e5e5;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.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-textcontent {
  display: none;
  white-space: nowrap;
}
.z-chosenbox-popup {
  display: block;
  background: #fff;
  border: 1px solid #00579d;
  padding: 0px;
  position: absolute;
  overflow: auto;
}
.z-chosenbox-popup-hidden {
  display: none;
}
.z-chosenbox-shadow {
   	 box-shadow:	2px 2px 5px 0px rgba(0, 0, 0, 0.4);;
}
.z-chosenbox table {
  border-spacing: 0;
}
.z-chosenbox-option {
  cursor: pointer;
}
.z-chosenbox-option:nth-child(even) {
  background: rgba(255,255,255,0.5);
}
.z-chosenbox-option-key,
.z-chosenbox-option-desc {
  padding: 3px 5px;
}
.z-chosenbox-option-desc:last-child {
  width: 100%;
}
.z-chosenbox-option.last-favourite > .z-chosenbox-option-key,
.z-chosenbox-option.last-favourite > .z-chosenbox-option-desc {
  border-bottom: 1px solid rgba(0, 87, 157, 1);
}
.z-chosenbox-empty-creatable.z-chosenbox-option-hover,
.z-chosenbox-option-hover:nth-child(even),
.z-chosenbox-option-hover {
  color: #d1e2ef;
  background: #2170b3;
}
.z-chosenbox-option-hover mark {
  color: #2170b3;
  background-color: #d1e2ef;
}
.z-chosenbox-empty {
  font-style: italic;
  color: #919191;
  padding: 1px 5px;
}
.z-chosenbox-empty-creatable {
  color: #434343;
  padding-top: 2px;
  background: #fff;
  cursor: pointer;
}
.z-chosenbox-create {
  font-size: 14px;
  color: #46a546;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}



.file-upload-area {
  height: 60px;
  	 border-radius:	10px;;
  padding: 10px;
  border: 2px dashed #555;
  background: #fff;
  width: 594px;
}
.file-upload-area.uploading {
  padding: 5px;
}
.z-dropupload.file-upload-area-embedded {
  background-color: #fff;
  padding: 5px;
  margin: 5px;
  height: 46px !important;
  width: 579px !important;
}
.z-dropupload.file-upload-overlay {
  display: flex;
  border: 5px dashed #999;
  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.80);
  	 border-radius:	10px;;
}
.z-dropupload.file-upload-overlay > div > span {
  color: #eeeeee;
  display: inline-block;
  margin: 55px 27px;
  font-size: 100px;
  text-shadow: 4px 4px #434343;
}
.file-upload-area.uploading {
  overflow: hidden;
}
.upload-progress.z-vlayout {
  margin-bottom: 5px;
}
.dropupload-area .upload-percentage {
  position: absolute;
  left: 240px;
  top: 13px;
}
.progress-dialog .progressBarContainer {
  margin-top: 20px;
}



.z-navbar {
  display: block;
  position: relative;
  white-space: nowrap;
  background: #fff;
}
.z-navbar ul {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #434343;
}
.z-navbar .z-nav-content,
.z-navbar .z-navitem-content {
  text-decoration: none;
  cursor: pointer;
}
.z-navbar .z-nav-content:hover,
.z-navbar .z-navitem-content:hover {
  color: #2170b3;
  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: underline;
}
.z-navbar .z-nav-content,
.z-navbar .z-navitem-content,
.z-navbar .z-navseparator {
  background: #fff;
}
.z-navbar > ul ul {
  display: none;
  width: auto;
}
.z-navbar > ul ul .z-nav-content,
.z-navbar > ul ul .z-navitem-content {
  padding: 0 10px 0 32px;
}
.z-navbar .z-navitem-selected .z-navitem-content {
  color: #00579d;
  background: #fff;
  font-weight: 600;
}
.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 {
  color: #434343;
  display: block;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  line-height: 32px;
}
.z-navbar .z-nav:first-child > .z-nav-content:first-child,
.z-navbar > ul > li.z-navitem:first-child > .z-navitem-content:first-child {
  padding-right: 32px;
}
.z-nav-image,
.z-navitem-image {
  min-width: 16px;
  margin-bottom: 4px;
}
.z-nav-image,
.z-navitem-image,
.z-nav i,
.z-navitem i {
  display: inline-block;
  font-size: 14px;
  width: 16px;
  text-align: center;
  margin-right: 5px;
}
.z-nav > .z-nav-content > i {
  font-size: 12px;
}
.z-nav-text,
.z-navitem-text {
  display: inline-block;
}
.z-nav-info {
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  color: #fff ;
  display: inline-block;
  height: 14px;
   	 border-radius:	4px;;
  margin-left: 8px;
  padding: 0 4px;
  line-height: 14px;
  background: #17568b;
  text-align: center;
   	 box-shadow:	0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);;
}
.z-nav-content[disabled],
.z-nav-content[disabled]:hover,
.z-navitem-content[disabled],
.z-navitem-content[disabled]:hover {
  cursor: progress;
}
.z-nav-content[disabled] i,
.z-nav-content[disabled]:hover i,
.z-nav-content[disabled] img,
.z-nav-content[disabled]:hover img,
.z-nav-content[disabled] .z-nav-text,
.z-nav-content[disabled]:hover .z-nav-text,
.z-navitem-content[disabled] i,
.z-navitem-content[disabled]:hover i,
.z-navitem-content[disabled] img,
.z-navitem-content[disabled]:hover img,
.z-navitem-content[disabled] .z-navitem-text,
.z-navitem-content[disabled]:hover .z-navitem-text {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.z-navseparator:before {
  content: '';
  display: block;
  background: #555;
}
.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 > i,
.z-navbar-collapsed > ul > .z-navitem > .z-navitem-content > i {
  margin-right: 0;
  text-align: center;
}
.z-navbar-collapsed > ul > .z-nav > .z-nav-content:hover,
.z-navbar-collapsed > ul > .z-navitem > .z-navitem-content:hover {
  color: #333333;
  background: #ffffff;
}
.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 {
  color: #ffffff;
  background: #144975;
}
.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-nav-text-popup,
.z-navitem-text-popup {
  color: #333333;
  min-width: 180px;
  height: 32px;
  padding: 0 32px;
  line-height: 32px;
  background: #ffffff;
  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: 9px;
  position: relative;
}
.z-navbar-vertical .z-navseparator:before,
.z-nav-popup .z-navseparator:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 4px;
}
.z-navbar-vertical .z-nav-content,
.z-nav-popup .z-nav-content,
.z-navbar-vertical .z-navitem-content,
.z-nav-popup .z-navitem-content {
  border-top-width: 0;
}
.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: #333333;
  background: #f7f7f7;
}
.z-nav-popup .z-nav-content,
.z-nav-popup .z-navitem-content,
.z-nav-popup .z-navseparator {
  background: #f7f7f7;
}
.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: #333333;
  background: #f0f0f0;
}
.z-nav-popup ul .z-nav-content,
.z-nav-popup ul .z-navitem-content,
.z-nav-popup ul .z-navseparator {
  background: #f0f0f0;
}
.z-nav-popup .z-navitem-selected .z-navitem-content {
  color: #ffffff;
  background: #103b5f;
}
.z-nav-popup .z-navitem-selected .z-navitem-content:hover {
  background: #144975;
}
.z-nav-content:before {
  content: '';
  display: none;
}
.z-nav-selected > .z-nav-content:before {
  display: block;
}
.z-navbar .z-navitem.first-page,
.z-navbar .z-nav .z-nav-content {
  font-weight: bold;
}
.z-navbar .z-nav .z-icon-nav-category:before {
  content: "\f054";
}
.z-navbar .z-nav-open .z-icon-nav-category:before {
  content: "\f078";
}
.z-navitem-content > [class^="z-icon-"],
.z-navitem-content > [class*=" z-icon-"],
.z-nav-content > [class^="z-icon-"],
.z-nav-content > [class*=" z-icon-"] {
  cursor: inherit;
}
.z-navbar li:not(.first-page) .z-navitem-content i {
  display: none;
}



.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-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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
@media(max-width:767px) {
  .z-rowchildren[class*="colspan"] {
    float: none
  }
}


.z-scrollview {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.z-scrollview-horizontal .z-scrollview-content {
  height: 100%;
}
.z-scrollview-horizontal .z-scrollview-inner {
  display: inline-block;
  vertical-align: top;
}
.z-scrollview-horizontal .z-scrollview-scrollbar {
  height: 7px;
  bottom: 1px;
  left: 2px;
  right: 2px;
}
.z-scrollview-horizontal .z-scrollview-scrollbar-indicator {
  height: 100%;
}
.z-scrollview-vertical .z-scrollview-content {
  width: 100%;
}
.z-scrollview-vertical .z-scrollview-scrollbar {
  width: 7px;
  bottom: 2px;
  top: 2px;
  right: 1px;
}
.z-scrollview-vertical .z-scrollview-scrollbar-indicator {
  width: 100%;
}
.z-scrollview-content {
   	 transition-duration:	0;;
   	 transform-origin:	0 0;;
   	 transition-timing-function:	cubic-bezier(0.33, 0.66, 0.66, 1);;
   	 transition-delay:	0;;
   	 transform:	translate3d(0, 0, 0);;
}
.z-scrollview-inner {
  position: relative;
  zoom: 1;
}
.z-scrollview-scrollbar {
  position: absolute;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
   	 transition-property:	opacity;;
   	 transition-duration:	0;;
}
.z-scrollview-scrollbar-indicator {
  border: 1px solid rgba(255, 255, 255, 0.9);
   	 border-radius:	3px;;
  background: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  position: absolute;
  z-index: 100;
  pointer-events: none;
   	 box-sizing:	border-box;;
   	 transition-timing-function:	cubic-bezier(0.33, 0.66, 0.66, 1);;
   	 transition-duration:	0;;
   	 transform:	translate3d(0, 0, 0);;
}
.z-scrollview-load {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  position: absolute;
}
.z-scrollview-load-up,
.z-scrollview-load-down,
.z-scrollview-load-left,
.z-scrollview-load-right {
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 999;
}
.z-scrollview-load-up {
  background-image: url(/tpgui/theme/ppi/zkmax/img/tablet/layout/load-up.png);
}
.z-scrollview-load-down {
  background-image: url(/tpgui/theme/ppi/zkmax/img/tablet/layout/load-down.png);
}
.z-scrollview-load-left {
  background-image: url(/tpgui/theme/ppi/zkmax/img/tablet/layout/load-left.png);
}
.z-scrollview-load-right {
  background-image: url(/tpgui/theme/ppi/zkmax/img/tablet/layout/load-right.png);
}



.z-tablechildren {
  vertical-align: top;
}



.z-tbeditor-box,
.z-tbeditor-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 96%;
  min-height: 300px;
  margin: 0 auto
}
.z-tbeditor-box .z-tbeditor-editor {
  margin: 0 auto
}
.z-tbeditor-box.z-tbeditor-fullscreen {
  background: #fefefe
}
.z-tbeditor-editor,
.z-tbeditor-textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1% 2%;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: 0
}
.z-tbeditor-box-blur .z-tbeditor-editor * {
  color: transparent !important;
  text-shadow: 0 0 7px #333
}
.z-tbeditor-box-blur .z-tbeditor-editor img {
  opacity: .2
}
.z-tbeditor-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: 0;
  white-space: normal
}
.z-tbeditor-box.z-tbeditor-editor-visible .z-tbeditor-textarea {
  position: absolute;
  top: 37px;
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: 0;
  opacity: 0
}
.z-tbeditor-box.z-tbeditor-editor-hidden .z-tbeditor-textarea {
  display: block
}
.z-tbeditor-box.z-tbeditor-editor-hidden .z-tbeditor-editor {
  display: none
}
.z-tbeditor-editor[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: #999
}
.z-tbeditor-button-pane {
  position: relative;
  width: 100%;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.z-tbeditor-button-pane li {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  padding: 0 !important
}
.z-tbeditor-button-pane li.z-tbeditor-separator {
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px
}
.z-tbeditor-button-pane.z-tbeditor-disable li:not(.z-tbeditor-not-disable) button:not(.z-tbeditor-active) {
  opacity: .2;
  cursor: default
}
.z-tbeditor-button-pane.z-tbeditor-disable li.z-tbeditor-separator {
  background: #e3e9eb
}
.z-tbeditor-button-pane li button {
  padding: 1px 6px !important
}
.z-tbeditor-button-pane:not(.z-tbeditor-disable) li button:hover,
.z-tbeditor-button-pane:not(.z-tbeditor-disable) li button:focus,
.z-tbeditor-button-pane li button.z-tbeditor-active,
.z-tbeditor-button-pane li.z-tbeditor-not-disable button:hover,
.z-tbeditor-button-pane li.z-tbeditor-not-disable button:focus {
  background-color: #FFF;
  outline: 0
}
.z-tbeditor-button-pane li .z-tbeditor-open-dropdown:after {
  display: block;
  content: " ";position: absolute;
  top: 25px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555
}
.z-tbeditor-button-pane .z-tbeditor-buttons-right {
  float: right;
  width: auto
}
.z-tbeditor-button-pane .z-tbeditor-buttons-right button {
  float: left
}
.z-tbeditor-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: 0;
  background: #FFF;
  margin-left: -1px;
  -webkit-box-shadow: rgba(0, 0,0, 0.1) 0 2px 3px;
  box-shadow: rgba(0, 0,0, 0.1) 0 2px 3px
}
.z-tbeditor-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #FFF;
  padding: 0 14px;
  color: #333 !important;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  -webkit-transition: all .15s;
  transition: all .15s
}
.z-tbeditor-dropdown button:hover,
.z-tbeditor-dropdown button:focus {
  background: #ecf0f1
}
.z-tbeditor-modal {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  height: 350px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.z-tbeditor-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0,0, 0.2) 0 2px 3px;
  box-shadow: rgba(0, 0,0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.z-tbeditor-modal-box .z-tbeditor-modal-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #333;
  background: #fbfcfc
}
.z-tbeditor-modal-box .z-tbeditor-progress {
  width: 100%;
  background: #F00;
  height: 3px;
  position: absolute;
  top: 58px
}
.z-tbeditor-modal-box .z-tbeditor-progress .z-tbeditor-progress-bar {
  background: #2bc06a;
  height: 100%;
  -webkit-transition: width .15s linear;
  transition: width .15s linear
}
.z-tbeditor-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden
}
.z-tbeditor-modal-box label .z-tbeditor-input-infos {
  display: block;
  text-align: left;
  height: 25px;
  line-height: 25px;
  -webkit-transition: all .15;
  transition: all .15
}
.z-tbeditor-modal-box label .z-tbeditor-input-infos span {
  display: block;
  color: #859fa5;
  background-color: #fbfcfc;
  border: 1px solid #dedede;
  padding: 0 2%;
  width: 19.5%
}
.z-tbeditor-modal-box label .z-tbeditor-input-infos span.z-tbeditor-msg-error {
  color: #e74c3c
}
.z-tbeditor-modal-box label.z-tbeditor-input-error input,
.z-tbeditor-modal-box label.z-tbeditor-input-error textarea {
  border: 1px solid #e74c3c
}
.z-tbeditor-modal-box label.z-tbeditor-input-error .z-tbeditor-input-infos {
  margin-top: -27px
}
.z-tbeditor-modal-box label input {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  line-height: 25px;
  border: 1px solid #dedede;
  background: transparent;
  width: 72%;
  padding: 0 2%;
  margin: 0 0 0 23%;
  -webkit-transition: all .15s;
  transition: all .15s
}
.z-tbeditor-modal-box label input:hover,
.z-tbeditor-modal-box label input:focus {
  outline: 0;
  border: 1px solid #95a5a6
}
.z-tbeditor-modal-box label input:focus {
  background: rgba(230, 230, 255, 0.1)
}
.z-tbeditor-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red
}
.z-tbeditor-modal-box .z-tbeditor-modal-button {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-decoration: none;
  color: #FFF;
  display: block;
  width: 100px;
  height: 35px;
  line-height: 33px;
  margin: 0 10px;
  background-color: #333;
  border: 0;
  border-top: 0;
  cursor: pointer;
  font-family: "Trebuchet MS",Helvetica, Verdana, sans-serif;
  font-size: 16px;
  -webkit-transition: all .15s;
  transition: all .15s
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit {
  right: 110px;
  background: #2bc069
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:hover,
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:focus {
  background: #40d47d;
  outline: 0
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:active {
  background: #25a259
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset {
  color: #555;
  background: #e6e6e6
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:hover,
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:focus {
  background: #fbfbfb;
  outline: 0
}
.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:active {
  background: #d4d4d4
}
.z-tbeditor-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);width: 100%;
  left: 0;
  display: none
}
body.z-tbeditor-body-fullscreen {
  overflow: hidden
}
.z-tbeditor-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999
}
.z-tbeditor-fullscreen.z-tbeditor-box,
.z-tbeditor-fullscreen .z-tbeditor-editor {
  border: 0
}
.z-tbeditor-fullscreen .z-tbeditor-overlay {
  height: 100%!important
}
.z-tbeditor-editor object,
.z-tbeditor-editor embed,
.z-tbeditor-editor video,
.z-tbeditor-editor img {
  width: auto;
  max-width: 100%
}
.z-tbeditor-editor video,
.z-tbeditor-editor img {
  height: auto
}
.z-tbeditor-editor img {
  cursor: move
}
.z-tbeditor-editor.z-tbeditor-reset-css {
  background: #fefefe !important;
  font-family: "Trebuchet MS",Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45em !important;
  white-space: normal !important;
  color: #333
}
.z-tbeditor-editor.z-tbeditor-reset-css a {
  color: #15c !important;
  text-decoration: underline !important
}
.z-tbeditor-editor.z-tbeditor-reset-css div,
.z-tbeditor-editor.z-tbeditor-reset-css p,
.z-tbeditor-editor.z-tbeditor-reset-css ul,
.z-tbeditor-editor.z-tbeditor-reset-css ol,
.z-tbeditor-editor.z-tbeditor-reset-css blockquote {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.4em !important;
  font-family: "Trebuchet MS",Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  border: 0
}
.z-tbeditor-editor.z-tbeditor-reset-css iframe,
.z-tbeditor-editor.z-tbeditor-reset-css object,
.z-tbeditor-editor.z-tbeditor-reset-css hr {
  margin-bottom: 15px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css blockquote {
  margin-left: 32px !important;
  font-style: italic !important;
  color: #555
}
.z-tbeditor-editor.z-tbeditor-reset-css ul,
.z-tbeditor-editor.z-tbeditor-reset-css ol {
  padding-left: 20px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css ul ul,
.z-tbeditor-editor.z-tbeditor-reset-css ol ol,
.z-tbeditor-editor.z-tbeditor-reset-css ul ol,
.z-tbeditor-editor.z-tbeditor-reset-css ol ul {
  border: 0;
  margin: 2px !important;
  padding: 0 !important;
  padding-left: 24px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC
}
.z-tbeditor-editor.z-tbeditor-reset-css h1,
.z-tbeditor-editor.z-tbeditor-reset-css h2,
.z-tbeditor-editor.z-tbeditor-reset-css h3,
.z-tbeditor-editor.z-tbeditor-reset-css h4 {
  color: #111;
  background: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold
}
.z-tbeditor-editor.z-tbeditor-reset-css h1 {
  font-size: 32px !important;
  line-height: 38px !important;
  margin-bottom: 20px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css h2 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin-bottom: 15px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css h3 {
  font-size: 22px !important;
  line-height: 28px !important;
  margin-bottom: 7px !important
}
.z-tbeditor-editor.z-tbeditor-reset-css h4 {
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 7px !important
}
.z-tbeditor-black .z-tbeditor-button-pane {
  background-color: #222;
  border-bottom-color: #343434
}
.z-tbeditor-black .z-tbeditor-button-pane li.z-tbeditor-separator {
  background-color: #343434
}
.z-tbeditor-black .z-tbeditor-button-pane.z-tbeditor-disable li.z-tbeditor-separator {
  background-color: #2a2a2a
}
.z-tbeditor-black .z-tbeditor-button-pane:not(.z-tbeditor-disable) li button: hover,
.z-tbeditor-black .z-tbeditor-button-pane:not(.z-tbeditor-disable) li button: focus,
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-active,
.z-tbeditor-black .z-tbeditor-button-pane li.z-tbeditor-not-disable button:hover,
.z-tbeditor-black .z-tbeditor-button-pane li.z-tbeditor-not-disable button:focus {
  background-color: #555
}
.z-tbeditor-black .z-tbeditor-button-pane li .z-tbeditor-open-dropdown:after {
  border-top-color: #fff
}
.z-tbeditor-black .z-tbeditor-dropdown {
  border-color: #222;
  background: #222
}
.z-tbeditor-black .z-tbeditor-dropdown button {
  background: #222;
  color: #fff
}
.z-tbeditor-black .z-tbeditor-dropdown button:hover,
.z-tbeditor-black .z-tbeditor-dropdown button:focus {
  background: #555
}
.z-tbeditor-black .z-tbeditor-modal-box {
  background-color: #222
}
.z-tbeditor-black .z-tbeditor-modal-box .z-tbeditor-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c
}
.z-tbeditor-black .z-tbeditor-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden
}
.z-tbeditor-black .z-tbeditor-modal-box label .z-tbeditor-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #222
}
.z-tbeditor-black .z-tbeditor-modal-box label .z-tbeditor-input-infos span.z-tbeditor-msg-error {
  color: #e74c3c
}
.z-tbeditor-black .z-tbeditor-modal-box label.z-tbeditor-input-error input,
.z-tbeditor-black .z-tbeditor-modal-box label.z-tbeditor-input-error textarea {
  border-color: #e74c3c
}
.z-tbeditor-black .z-tbeditor-modal-box label input {
  border-color: #222;
  color: #eee;
  background: #333
}
.z-tbeditor-black .z-tbeditor-modal-box label input:hover,
.z-tbeditor-black .z-tbeditor-modal-box label input:focus {
  border-color: #95a5a6
}
.z-tbeditor-black .z-tbeditor-modal-box label input:focus {
  background-color: rgba(230, 230, 255, 0.1)
}
.z-tbeditor-black .z-tbeditor-overlay {
  background-color: rgba(0, 0,0, 0.5)
}
.z-tbeditor-button-pane li button {
  display: block;
  position: relative;
  text-indent: -9999px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  background: transparent url(/tpgui/zkau/web/6d24feaf/js/zkmax/inp/ext/icons-black.png) no-repeat;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color .15s, background-image .15s, opacity .15s;
  transition: background-color .15s, background-image .15s, opacity .15s
}
.z-tbeditor-button-pane li button.z-tbeditor-viewHTML-button {
  background-position: 5px -570px
}
.z-tbeditor-button-pane li button.z-tbeditor-formatting-button {
  background-position: 5px -120px
}
.z-tbeditor-button-pane li button.z-tbeditor-bold-button,
.z-tbeditor-button-pane li button.z-tbeditor-strong-button {
  background-position: 5px -45px
}
.z-tbeditor-button-pane li button.z-tbeditor-italic-button,
.z-tbeditor-button-pane li button.z-tbeditor-em-button {
  background-position: 5px -270px
}
.z-tbeditor-button-pane li button.z-tbeditor-underline-button {
  background-position: 5px -495px
}
.z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
.z-tbeditor-button-pane li button.z-tbeditor-del-button {
  background-position: 5px -470px
}
.z-tbeditor-button-pane li button.z-tbeditor-link-button {
  background-position: 5px -345px
}
.z-tbeditor-button-pane li button.z-tbeditor-insertImage-button {
  background-position: 5px -245px
}
.z-tbeditor-button-pane li button.z-tbeditor-justifyLeft-button {
  background-position: 5px -320px
}
.z-tbeditor-button-pane li button.z-tbeditor-justifyCenter-button {
  background-position: 5px -70px
}
.z-tbeditor-button-pane li button.z-tbeditor-justifyRight-button {
  background-position: 5px -420px
}
.z-tbeditor-button-pane li button.z-tbeditor-justifyFull-button {
  background-position: 5px 5px
}
.z-tbeditor-button-pane li button.z-tbeditor-unorderedList-button {
  background-position: 5px -520px
}
.z-tbeditor-button-pane li button.z-tbeditor-orderedList-button {
  background-position: 5px -370px
}
.z-tbeditor-button-pane li button.z-tbeditor-horizontalRule-button {
  background-position: 5px -220px
}
.z-tbeditor-button-pane li button.z-tbeditor-removeformat-button {
  background-position: 5px -395px
}
.z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
  background-position: 5px -170px
}
.z-tbeditor-button-pane li button.z-tbeditor-close-button {
  background-position: 5px -95px
}
.z-tbeditor-fullscreen .z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
  background-position: 5px -145px
}
.z-tbeditor-button-pane li:first-child button {
  margin-left: 6px
}
.z-tbeditor-button-pane li:last-child button {
  margin-right: 6px
}
.z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
.z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
  background-position: 5px -195px
}
.z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
  background-position: 5px -445px
}
.z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
.z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-del-button {
  background-position: 5px -295px
}
.z-tbeditor-black .z-tbeditor-button-pane li button {
  background-image: url(/tpgui/zkau/web/6d24feaf/js/zkmax/inp/ext/icons-white.png)
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-viewHTML-button {
  background-position: 5px -570px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-formatting-button {
  background-position: 5px -120px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
  background-position: 5px -45px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-italic-button,
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-em-button {
  background-position: 5px -270px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
  background-position: 5px -495px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-del-button {
  background-position: 5px -470px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-link-button {
  background-position: 5px -345px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-insertImage-button {
  background-position: 5px -245px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyLeft-button {
  background-position: 5px -320px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyCenter-button {
  background-position: 5px -70px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyRight-button {
  background-position: 5px -420px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyFull-button {
  background-position: 5px 5px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-unorderedList-button {
  background-position: 5px -520px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-orderedList-button {
  background-position: 5px -370px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-horizontalRule-button {
  background-position: 5px -220px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-removeformat-button {
  background-position: 5px -395px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
  background-position: 5px -170px
}
.z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-close-button {
  background-position: 5px -95px
}
.z-tbeditor-black .z-tbeditor-fullscreen .z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
  background-position: 5px -145px
}
.z-tbeditor-black .z-tbeditor-button-pane li:first-child button {
  margin-left: 6px
}
.z-tbeditor-black .z-tbeditor-button-pane li:last-child button {
  margin-right: 6px
}
.z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
.z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
  background-position: 5px -195px
}
.z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
  background-position: 5px -445px
}
.z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
.z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-del-button {
  background-position: 5px -295px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 4/3),
       only screen and (min-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 192dpi),
       only screen and (min-resolution: 2dppx) {
  .z-tbeditor-button-pane li button {
    -webkit-background-size: 25px 600px !important;
    background-size: 25px 600px !important;
    background-image: url(/tpgui/zkau/web/6d24feaf/js/zkmax/inp/ext/icons-black-2x.png)! important
  }
  .z-tbeditor-button-pane li button.z-tbeditor-viewHTML-button {
    background-position: 5px -570px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-formatting-button {
    background-position: 5px -120px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
  .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
    background-position: 5px -45px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-italic-button,
  .z-tbeditor-button-pane li button.z-tbeditor-em-button {
    background-position: 5px -270px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
    background-position: 5px -495px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
  .z-tbeditor-button-pane li button.z-tbeditor-del-button {
    background-position: 5px -470px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-link-button {
    background-position: 5px -345px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-insertImage-button {
    background-position: 5px -245px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-justifyLeft-button {
    background-position: 5px -320px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-justifyCenter-button {
    background-position: 5px -70px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-justifyRight-button {
    background-position: 5px -420px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-justifyFull-button {
    background-position: 5px 5px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-unorderedList-button {
    background-position: 5px -520px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-orderedList-button {
    background-position: 5px -370px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-horizontalRule-button {
    background-position: 5px -220px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-removeformat-button {
    background-position: 5px -395px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
    background-position: 5px -170px
  }
  .z-tbeditor-button-pane li button.z-tbeditor-close-button {
    background-position: 5px -95px
  }
  .z-tbeditor-fullscreen .z-tbeditor-button-pane li a.z-tbeditor-fullscreen-button {
    background-position: 5px -145px
  }
  .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
  .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
    background-position: 5px -195px
  }
  .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
    background-position: 5px -445px
  }
  .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
  .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-del-button {
    background-position: 5px -295px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button {
    -webkit-background-size: 25px 600px !important;
    background-size: 25px 600px !important;
    background-image: url(/tpgui/zkau/web/6d24feaf/js/zkmax/inp/ext/icons-white-2x.png) !important
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-viewHTML-button {
    background-position: 5px -570px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-formatting-button {
    background-position: 5px -120px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
    background-position: 5px -45px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-italic-button,
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-em-button {
    background-position: 5px -270px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
    background-position: 5px -495px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-del-button {
    background-position: 5px -470px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-link-button {
    background-position: 5px -345px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-insertImage-button {
    background-position: 5px -245px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyLeft-button {
    background-position: 5px -320px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyCenter-button {
    background-position: 5px -70px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyRight-button {
    background-position: 5px -420px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-justifyFull-button {
    background-position: 5px 5px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-unorderedList-button {
    background-position: 5px -520px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-orderedList-button {
    background-position: 5px -370px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-horizontalRule-button {
    background-position: 5px -220px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-removeformat-button {
    background-position: 5px -395px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-fullscreen-button {
    background-position: 5px -170px
  }
  .z-tbeditor-black .z-tbeditor-button-pane li button.z-tbeditor-close-button {
    background-position: 5px -95px
  }
  .z-tbeditor-black .z-tbeditor-fullscreen .z-tbeditor-button-pane li a.z-tbeditor-fullscreen-button {
    background-position: 5px -145px
  }
  .z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-bold-button,
  .z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strong-button {
    background-position: 5px -195px
  }
  .z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-underline-button {
    background-position: 5px -445px
  }
  .z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-strikethrough-button,
  .z-tbeditor-black .z-tbeditor-fr .z-tbeditor-button-pane li button.z-tbeditor-del-button {
    background-position: 5px -295px
  }
}


.z-timepicker {
  display: inline-block;
  min-height: 24px;
  white-space: nowrap
}
.z-timepicker-input {
  font-family: Arial, Sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  height: 24px;
  border: 1px solid #8fb9d0;
  border-right: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  margin: 0;
  padding: 4px 5px;
  line-height: 14px;
  background: #fff
}
.z-timepicker-input:focus {
  -webkit-box-shadow: inset 1px 1px 1px rgba(210, 210, 210, 0.75);
  -moz-box-shadow: inset 1px 1px 1px rgba(210, 210, 210, 0.75);
  -o-box-shadow: inset 1px 1px 1px rgba(210, 210, 210, 0.75);
  -ms-box-shadow: inset 1px 1px 1px rgba(210, 210, 210, 0.75);
  box-shadow: inset 1px 1px 1px rgba(210, 210, 210, 0.75)
}
.z-timepicker-input[readonly] {
  border-color: #e6e6e6;
  background: #fafafa
}
.z-timepicker-input[readonly]:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none
}
.z-timepicker-button {
  font-size: 14px;
  color: #636363;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  border: 1px solid #8fb9d0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  padding: 4px;
  line-height: 14px;
  background: #fff;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer
}
.z-timepicker-button:hover {
  border-color: #8fb9d0;
  background: #e2f3fc;
  background: url(data: image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZjNmYyIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjOGU5ZmEiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  background: -moz-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2f3fc), color-stop(100%, #c8e9fa));
  background: -webkit-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -o-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -ms-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: linear-gradient(to bottom, #e2f3fc 0, #c8e9fa 100%)
}
.z-timepicker-button:active {
  border-color: #499eb3;
  background: #c3f5fe;
  background: url(data: image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2MzZjVmZSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NmUyZjkiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  background: -moz-linear-gradient(top, #c3f5fe 0,#86e2f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3f5fe), color-stop(100%, #86e2f9));
  background: -webkit-linear-gradient(top, #c3f5fe 0, #86e2f9 100%);
  background: -o-linear-gradient(top, #c3f5fe 0, #86e2f9 100%);
  background: -ms-linear-gradient(top, #c3f5fe 0, #86e2f9 100%);
  background: linear-gradient(to bottom, #c3f5fe 0, #86e2f9 100%);
  -webkit-box-shadow: inset 1px 1px 1px #91aab7;
  -moz-box-shadow: inset 1px 1px 1px #91aab7;
  -o-box-shadow: inset 1px 1px 1px #91aab7;
  -ms-box-shadow: inset 1px 1px 1px #91aab7;
  box-shadow: inset 1px 1px 1px #91aab7
}
input[disabled]+.z-timepicker-button:hover, input[disabled] + .z-timepicker-button:active {
  border-color: #8fb9d0;
  background: 0;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none
}
.z-timepicker-disabled {
  opacity: .6;
  filter: alpha(opacity=60)
}
.z-timepicker-disabled * {
  color: #aaa !important;
  background: #f0f0f0 !important;
  cursor: default !important
}
.z-timepicker-invalid {
  border: 1px solid #d77 !important;
  margin-right: -1px;
  background: #fff;
  -webkit-box-shadow: inset -1px 0 0 #d77;
  -moz-box-shadow: inset -1px 0 0 #d77;
  -o-box-shadow: inset -1px 0 0 #d77;
  -ms-box-shadow: inset -1px 0 0 #d77;
  box-shadow: inset -1px 0 0 #d77
}
.z-timepicker-readonly:focus {
  border-color: #e6e6e6;
  border-right-width: 0;
  background: transparent repeat-x 0 0;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none
}
.z-timepicker-rightedge {
  border-right: 1px solid #8fb9d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px
}
.z-timepicker-input[readonly] {
  cursor: pointer
}
.z-timepicker-button.z-timepicker-disabled {
  display: none
}
.z-timepicker-button {
  text-align: center
}
.z-timepicker-inplace .z-timepicker-input {
  border: 0;
  padding: 3px;
  background: 0
}
.z-timepicker-inplace .z-timepicker-input:focus {
  background: 0;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none
}
.z-timepicker-inplace .z-timepicker-button {
  visibility: hidden
}
.z-timepicker-popup {
  max-height: 200px
}
.z-timepicker-option {
  display: block;
  padding: 3px 2px;
  position: relative;
  text-shadow: 0 1px #fff;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-decoration: none
}
.z-timepicker-option:hover {
  background: #e2f3fc;
  background: url(data: image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZjNmYyIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjOGU5ZmEiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  background: -moz-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2f3fc), color-stop(100%, #c8e9fa));
  background: -webkit-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -o-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: -ms-linear-gradient(top, #e2f3fc 0, #c8e9fa 100%);
  background: linear-gradient(to bottom, #e2f3fc 0, #c8e9fa 100%)
}
.z-timepicker-option-selected {
  background: #3e697c
}
.z-timepicker-option-selected .z-comboitem-text {
  color: #fff
}
.z-timepicker-option-selected:hover {
  background: #548da7
}
.z-timepicker-option-selected:hover .z-timepicker-text {
  color: #fff
}
.z-timepicker-popup {
  font-family: Arial, Sans-serif;
  font-weight: normal;
  font-size: 12px;
  display: block;
  border: 1px solid #8fb9d0;
  padding: 2px;
  background: #fff;
  position: absolute;
  overflow: auto
}
.z-timepicker-content {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent none repeat 0 0;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none
}
.z-timepicker-shadow {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.35)
}
/*** Browser-Hacks ***/
.ie8 .z-timepicker-button {
  min-width: 14px
}
.ie8 .z-timepicker-button:hover {
  background: #d5eefb
}
.ie8 .z-timepicker-button:active {
  background: #a5ebfb
}
.ie8 .z-timepicker-option-selected {
  background: #3e697c
}
.ie8 .z-timepicker-option:hover {
  background: #d5eefb
}
.ie8 .z-timepicker-option-selected:hover {
  background: #548da7
}



/******************** Button-Group/Umschalter ********************/
.z-button-group input[type="radio"] {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}
.z-button-group label {
  display: inline-block;
  line-height: 20px;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  width: inherit;
  background: #fff;
}
.z-button-group span:not(.first) > label {
  border-left: 1px solid rgba(255,255,255,0.5);
}
.z-button-group label:hover {
  color: #434343;
  background: rgba(33,112,179,0.3);
}
.z-button-group label:active,
.z-button-group label:active:focus {
  color: #00579d;
  background: #fff;
}
.z-button-group input:focus + label {
  color: #fff;
  background: #2170b3;
}
.z-button-group input:checked + label { 
  color: #fff;
  background: #00579d;
}
.z-button-group input[disabled] + label,
.z-button-group input[disabled]:hover + label,
.z-button-group input[disabled]:focus + label,
.z-button-group input[disabled]:active + label {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-button-group input[disabled]:hover + label {
  background: #fff;
}
.z-button-group input[disabled]:checked:hover + label {
  background: #00579d;
}


/******************** Togglebutton ********************/
.z-togglebutton input {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}
.z-togglebutton input + label,
.z-togglebutton input[disabled] + label {
  outline: none;
  display: inline-block;
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  padding: 2px;
  top: 2px;
  transition: all .4s ease;
  border: 1px solid transparent;
}
.z-togglebutton input[disabled] + label {
  cursor:default;
}
.grid-list .z-togglebutton input + label,
.grid-list .z-togglebutton input[disabled] + label {
  border-color: #ddd;
}
.z-togglebutton.with-inner-label input + label {
  width: 45px;
}
.z-togglebutton input + label:before,
.z-togglebutton input + label:after {
  position: relative;
  display: block;
  content: "";
  height: 100%;
  background: #999;
  border: 1px solid transparent;
  transition: all .2s ease;
}
.z-togglebutton input[disabled]:hover + label:before,
.z-togglebutton input[disabled]:hover + label:after {
  background: #999;
}
.z-togglebutton input:hover + label:before,
.z-togglebutton input:hover + label:after {
  background: #777;
}
.z-togglebutton input + label:before {
  display: none;
}
.z-togglebutton input + label:after {
  left: 0;
  width: 42%;
}
.z-togglebutton.with-inner-label input + label:after {
  width: 34%;
}
.z-togglebutton input[disabled] + label,
.z-togglebutton input[disabled] + label:before,
.z-togglebutton input[disabled] + label:after {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.z-togglebutton input:checked + label:after,
.z-togglebutton input[disabled]:checked:hover + label:after {
  left: 59%;
  width: 42%;
  background: #2170b3;
}
.z-togglebutton input:checked:hover + label:after {
  background: #00579d;
}
.z-togglebutton.with-inner-label input:checked + label:after {
  width: 34%;
  left: 70%;
}
.z-togglebutton input:focus + label {
  border-color: #00579d; 
}
.z-togglebutton.small input + label {
  width: 24px;
  height: 16px;
  padding: 1px;
}
.z-togglebutton.small input + label:before,
.z-togglebutton.small input + label:after {
  height: 100%;
  transition: all .2s ease;
  background: #004183;
}
.z-togglebutton.small input + label:after {
  left: 0;
  top: 0px;
  width: 55%;
}
.z-togglebutton.small input:checked + label:after {
  left: 45%;
  top: 0px;
  width: 55%;
}
.z-togglebutton.with-inner-label > input ~ span {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  color: #565656;
  left: -14px;
  top: -2px;
}
.z-togglebutton.with-inner-label > input:checked ~ span {
  left: -22px
}
span.z-togglebutton.small::after {
  top: 0px
}
span.z-togglebutton.small::before {
  top: 0px
}


/******************** SignatureLimitInput ********************/
.z-signaturelimitinput .z-textbox.with-currency {
  padding-right: 40px;
}
.z-signaturelimitinput .z-textbox.with-align-right {
  text-align: right;
}
.z-signaturelimitinput {
  display: inline-block;
  position: relative;
  width: 195px;
  top: 1px;
}
.signature-limit-short {
  width: 175px;
}
.z-signaturelimitinput-radio {
  opacity: 0;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
}
.z-signaturelimitinput-radio + label {
  height: 28px;
  background: #fff;
  outline: none;
  width: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}
.z-signaturelimitinput-radio + label.z-signaturelimitinput-notauthorized-label {
  border-left: 1px solid #ddd;
}
.z-signaturelimitinput-radio + label:hover {
  background: #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.z-signaturelimitinput-radio + label.z-signaturelimitinput-notauthorized-label:hover {
  border-left: 1px solid #999;
}
.z-signaturelimitinput-radio + label:active {
  color: #00579d;
  background: #fff;
}
.z-signaturelimitinput-radio:checked + label {
  background: #2170b3;
  color: #fff;
  border-top: 1px solid #2170b3;
  border-bottom: 1px solid #2170b3;
}
.z-signaturelimitinput-radio:checked + label.z-signaturelimitinput-notauthorized-label {
  border-left: 1px solid #2170b3;
}
.z-signaturelimitinput-radio:checked + label:hover {
  background: #2170b3;
}
.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: #00579d;
}
.z-signaturelimitinput-currency {
  position: relative;
  display: inline-block;
  width: 0;
  right: 36px;
  vertical-align: middle;
  height: 30px;
  cursor: text;
}
.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: rgb(225, 85, 72);
}
.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: rgb(225, 175, 35);
}
.z-signaturelimitinput.warnbox .z-textbox,
.z-signaturelimitinput.invalid .z-textbox,
.z-signaturelimitinput.focused .z-textbox {
  border-left: 1px solid #ddd !important;
}