/* Flexbox mixins */
@font-face {
  font-family: 'Roboto';
  src: url('../../lib/fonts/Roboto-Regular.eot');
  src: url('../../lib/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/Roboto-Regular.woff2') format('woff2'), url('../../lib/fonts/Roboto-Regular.woff') format('woff'), url('../../lib/fonts/Roboto-Regular.ttf') format('truetype'), url('../../lib/fonts/Roboto-Regular.svg#Roboto') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../../lib/fonts/Roboto-Bold.eot');
  src: url('../../lib/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/Roboto-Bold.woff2') format('woff2'), url('../../lib/fonts/Roboto-Bold.woff') format('woff'), url('../../lib/fonts/Roboto-Bold.ttf') format('truetype'), url('../../lib/fonts/Roboto-Bold.svg#Roboto') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../../lib/fonts/Roboto-Italic.eot');
  src: url('../../lib/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/Roboto-Italic.woff2') format('woff2'), url('../../lib/fonts/Roboto-Italic.woff') format('woff'), url('../../lib/fonts/Roboto-Italic.ttf') format('truetype'), url('../../lib/fonts/Roboto-Italic.svg#Roboto') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('../../lib/fonts/Roboto-Bold-Italic.eot');
  src: url('../../lib/fonts/Roboto-Bold-Italic.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/Roboto-Bold-Italic.woff2') format('woff2'), url('../../lib/fonts/Roboto-Bold-Italic.woff') format('woff'), url('../../lib/fonts/Roboto-Bold-Italic.ttf') format('truetype'), url('../../lib/fonts/Roboto-Bold-Italic.svg#Roboto') format('svg');
  font-weight: bold;
  font-style: italic;
}
/*
Typography

Typography and content elements

Markup:
<main>
	<header>Page title</header>
	<section>
		<h2>Heading 2</h2>
		<p>Lorem ipsum dolor sit amet, <b>consectetur</b> 	<i>adipiscing elit. Drag</i>. <b>	<i>Donec bibendum</i></b>, dui id gravida mattis, tortor neque imperdiet dolor, ut vehicula lectus massa at purus. Pellentesque dapibus elit molestie hendrerit rhoncus. Aenean at vulputate magna. Suspendisse eget lorem et magna auctor pulvinar. <a href="#">Donec accumsan</a> dictum dui. Maecenas pretium consequat sapien quis iaculis. Fusce ultricies vehicula posuere.</p>
		<h3>Heading 3</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum, dui id gravida mattis, tortor neque imperdiet dolor, ut vehicula lectus massa at purus. Pellentesque dapibus elit molestie hendrerit rhoncus. Aenean at vulputate magna. Suspendisse eget lorem et magna auctor  pulvinar. Donec accumsan dictum dui. Maecenas pretium consequat sapien quis iaculis. Fusce ultricies vehicula posuere.</p>
		<h2>Heading 2 followed by 3</h2>
		<h3>Heading 3</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum, dui id gravida mattis, tortor neque imperdiet dolor, ut vehicula lectus massa at purus. Pellentesque dapibus elit molestie hendrerit rhoncus. Aenean at vulputate magna. Suspendisse eget lorem et magna auctor  ulvinar. Donec accumsan dictum dui. Maecenas pretium consequat sapien quis iaculis. Fusce ultricies	vehicula posuere.</p> 
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum, dui id gravida mattis, tortor neque imperdiet dolor, ut vehicula lectus massa at purus. Pellentesque dapibus elit molestie hendrerit rhoncus. Aenean at vulputate magna. Suspendisse eget lorem et magna auctor   ulvinar. Donec accumsan dictum dui. Maecenas pretium consequat sapien quis iaculis. Fusce ultricies vehicula posuere.</p>
	</section>
</main>

Styleguide Typography
*/
.zs-style,
.zs-style *,
.zs-stye:before,
.zs-style:after,
.zs-style *:before,
.zs-style *:after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.zs-style {
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #53565a;
}
.zs-style input::-ms-clear {
  display: none;
}
.zs-style a {
  color: #327f97;
  text-decoration: none;
}
.zs-style a:hover {
  color: #4c94af;
  text-decoration: none;
}
.zs-style a:active {
  color: #4c94af;
}
.zs-style .zs-icon:hover,
.zs-style icon-large:hover {
  cursor: inherit;
  background-position: inherit;
}
.zs-style button.zs-disabled,
.zs-style button[disabled],
.zs-style a.zs-disabled,
.zs-style a[disabled],
.zs-style *[disabled],
.zs-style .zs-disabled,
.zs-style button.zs-loading,
.zs-style a.zs-loading,
.zs-style .zs-loading {
  cursor: pointer;
  opacity: 0.4;
  pointer-events: none;
}
.zs-style em,
.zs-style b {
  font-weight: bold;
}
.zs-style i {
  font-style: italic;
}
.zs-style h2,
.zs-data-table caption,
.zs-data-table-compact caption {
  font-size: 18px;
  font-weight: normal;
  margin: 1.775em 0em 1.065em 0em;
  border: 0;
}
.zs-style h1 {
  font-size: 26px;
  font-weight: normal;
  margin: 1.775em 0em 1.065em 0em;
}
.zs-style h3,
.zs-form fieldset legend,
.zs-fieldset legend {
  font-size: 14px;
  font-weight: bold;
  margin: 1.42em 0em 0.71em 0em;
}
.zs-style p,
.zs-paragraph {
  margin: 1.065em 0em 0.71em 0em;
}
.zs-style hr {
  border-bottom: 1px solid #e1e9ef;
  *zoom: 1;
  display: block!important;
}
.zs-style hr:before,
.zs-style hr:after {
  content: "";
  display: table;
}
.zs-style hr:after {
  clear: both;
}
.zs-font-large {
  font-size: 16px;
}
.zs-font-small {
  font-size: 12px;
}
.zs-font-normal {
  font-size: 14px;
}
.zs-hidden {
  display: none;
}
.zs-data-grid td.clickable:hover {
  cursor: pointer;
  background: #f2f2f2;
}
.zs-clear {
  *zoom: 1;
  display: block!important;
}
.zs-clear:before,
.zs-clear:after {
  content: "";
  display: table;
}
.zs-clear:after {
  clear: both;
}
.zs-style .zs-layout-main,
.zs-style main,
main.zs-style {
  padding: 0em 0em 0.71em 0em;
  background: #f2f2f2;
}
.zs-style main > header,
.zs-style .zs-page-header,
.zs-layout-table > section > main > header {
  font-size: 18px;
  line-height: 16px;
  padding: 0em 0em 1.065em 0em;
}
.zs-style main > header:before,
.zs-style .zs-page-header:before,
.zs-layout-table > section > main > header:before {
  content: '';
  display: block;
  margin: 0.71em 0em 0em 0em;
}
.zs-style main > header > h1,
.zs-style .zs-page-header > h1,
.zs-layout-table > section > main > header > h1 {
  margin: 0.71em 0em 0em 0em;
  font-weight: normal;
}
.zs-style main > header > h1:first-child,
.zs-style .zs-page-header > h1:first-child,
.zs-layout-table > section > main > header > h1:first-child {
  margin: 1.065em 0em 0em 0em;
}
.zs-style.zs-layout-table > section > main > header,
.zs-style.zs-layout-table > section > main > section,
.zs-style .zs-layout-table > section > main > header,
.zs-style .zs-layout-table > section > main > section {
  margin-left: 219.88px;
  margin-right: 19.88px;
}
.zs-style.zs-layout-1col > section > main > header,
.zs-style .zs-layout-1col > section > main > header,
.zs-style.zs-layout-1col main > section,
.zs-style .zs-layout-1col main > section,
.zs-style.zs-layout-1col.zs-layout-table > section > main > section,
.zs-style .zs-layout-1col.zs-layout-table > section > main > section,
.zs-style.zs-layout-1col.zs-layout-table > section > main > header,
.zs-style .zs-layout-1col.zs-layout-table > section > main > header {
  margin-left: 19.88px;
}
.zs-style.zs-layout-1col > section > main > .zs-action-message,
.zs-style .zs-layout-1col > section > main > .zs-action-message {
  margin-left: 0px;
}
main > section,
.zs-page-block,
.zs-page,
.zs-style main > section {
  *zoom: 1;
  display: block!important;
  padding: 1.42em 1.42em 1.42em 1.42em;
  border-radius: 0.3em;
  border-color: #e1e9ef;
  background: #ffffff;
  box-shadow: 0px 1px 3px 0px #dee3e3;
}
main > section:before,
.zs-page-block:before,
.zs-page:before,
.zs-style main > section:before,
main > section:after,
.zs-page-block:after,
.zs-page:after,
.zs-style main > section:after {
  content: "";
  display: table;
}
main > section:after,
.zs-page-block:after,
.zs-page:after,
.zs-style main > section:after {
  clear: both;
}
main > section h1:first-child,
.zs-page-block h1:first-child,
.zs-page h1:first-child,
.zs-style main > section h1:first-child,
main > section h2:first-child,
.zs-page-block h2:first-child,
.zs-page h2:first-child,
.zs-style main > section h2:first-child,
main > section h3:first-child,
.zs-page-block h3:first-child,
.zs-page h3:first-child,
.zs-style main > section h3:first-child,
main > section p:first-child,
.zs-page-block p:first-child,
.zs-page p:first-child,
.zs-style main > section p:first-child,
main > section table:first-child,
.zs-page-block table:first-child,
.zs-page table:first-child,
.zs-style main > section table:first-child {
  margin-top: 0;
}
main > section > h1:last-child,
.zs-page-block > h1:last-child,
.zs-page > h1:last-child,
.zs-style main > section > h1:last-child,
main > section > h2:last-child,
.zs-page-block > h2:last-child,
.zs-page > h2:last-child,
.zs-style main > section > h2:last-child,
main > section > h3:last-child,
.zs-page-block > h3:last-child,
.zs-page > h3:last-child,
.zs-style main > section > h3:last-child,
main > section > p:last-child,
.zs-page-block > p:last-child,
.zs-page > p:last-child,
.zs-style main > section > p:last-child,
main > section > table:last-child,
.zs-page-block > table:last-child,
.zs-page > table:last-child,
.zs-style main > section > table:last-child {
  margin-bottom: 0;
}
.zs-box {
  padding: 0.71em 0.71em 0.71em 0.71em;
  display: inline-block;
  border: 1px solid #e1e9ef;
  border-radius: 0.3em;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.zs-loading {
  position: relative;
  min-height: 2em;
  min-width: 2em;
}
.zs-loading.zs-button,
.zs-loading.zs-form input[type="submit"],
.zs-loading.zs-form button,
.zs-loading.zs-form input[type="button"] {
  padding-left: 2.5em;
}
.zs-loading.zs-button:after,
.zs-loading.zs-form input[type="submit"]:after,
.zs-loading.zs-form button:after,
.zs-loading.zs-form input[type="button"]:after {
  left: 1.71em;
}
.zs-loading:after {
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  display: inline-block;
  position: absolute!important;
  color: #53565a;
  -webkit-animation: spin 2s infinite steps(8);
  -moz-animation: spin 2s infinite steps(8);
  -ms-animation: spin 2s infinite steps(8);
  animation: spin 2s infinite steps(8);
}
.zs-loading.zs-data-table:after,
.zs-loading.zs-data-table-compact:after {
  font-size: 2em;
  opacity: 0.5;
}
.zs-left {
  float: left;
  display: inline-block;
}
.zs-right {
  float: right;
  display: inline-block;
}
.zs-lib-version:after {
  content: '2.6.1';
}
.zs-theme-name:after {
  content: 'idm';
}
.zs-theme-version:after {
  content: 'zs 2.6.1';
}
.zs-overflow-hidden {
  overflow: hidden;
}
/*
Lists

Unordered and ordered lists

Markup:
<ul class="zs-list">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

Styleguide Typography.Lists
*/
.zs-list,
ol,
.zs-ordered-list {
  padding: 0;
  margin: 0em 0em 0em 1.065em;
  display: block;
  list-style-position: outside;
}
.zs-list > li,
ol > li,
.zs-ordered-list > li {
  display: list-item;
  margin: 0.355em 0em 0.355em 0em;
}
/*
Highlight

Highlight

Markup:
<p>Lorem ipsum dolor sit amet, <span class="zs-highlight">consectetur</span> adipiscing elit. Drag. <mark>Donec bibendum</mark>, dui id gravida mattis, tortor neque imperdiet dolor, ut vehicula lectus massa at purus. Pellentesque dapibus elit molestie hendrerit rhoncus. Aenean at vulputate magna. Suspendisse eget lorem et magna auctor pulvinar.</p>

Styleguide Typography
*/
.zs-highlight,
mark {
  background-color: #fee37c;
  color: inherit;
}
.zs-inline-block {
  display: inline-block;
}
/*
Icons

Icons

Styleguide Icons
*/
@font-face {
  font-family: 'zsIcons';
  src: url('../../lib/fonts/zsIcons.eot?v{zs-icon-font-version}');
  src: url('../../lib/fonts/zsIcons.eot?#iefixv2.6.1') format('embedded-opentype'), url('../../lib/fonts/zsIcons.woff2?v2.6.1') format('woff2'), url('../../lib/fonts/zsIcons.woff?v2.6.1') format('woff'), url('../../lib/fonts/zsIcons.ttf?v2.6.1') format('truetype'), url('../../lib/fonts/zsIcons.svg?v2.6.1#@zs-icon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 *	@deprecated
 */
@font-face {
  font-family: 'Javelin-Icons';
  src: url('../../lib/fonts/zsIcons.eot?v{zs-icon-font-version}');
  src: url('../../lib/fonts/zsIcons.eot?#iefixv2.6.1') format('embedded-opentype'), url('../../lib/fonts/zsIcons.woff2?v2.6.1') format('woff2'), url('../../lib/fonts/zsIcons.woff?v2.6.1') format('woff'), url('../../lib/fonts/zsIcons.ttf?v2.6.1') format('truetype'), url('../../lib/fonts/zsIcons.svg?v2.6.1#@zs-icon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
Icon

Icon example 

Markup:
<span class="zs-icon {{modifier_class}} zs-icon-search"></span>

zs-icon-large - Large icon

Styleguide Icons.Icon
*/
.zs-icon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  font-size: 1.14285714em;
  color: #48778a;
  display: inline-block;
}
.zs-icon-large {
  font-size: 1.71428571em;
}
/**
*
*/
.zs-icon-font {
  font-family: 'zsIcons';
}
/*
Status icon

Icon example 

Markup:
<p class="{{modifier_class}}"><span class="zs-icon zs-icon-folder-open"></span></p><p><a href="javascript:void"><span class="zs-icon zs-folder-open {{modifier_class}}"></a>

zs-success - Success
zs-warning - Warning
zs-error - Error
zs-info - Info

Styleguide Icons.StatusIcon
*/
.zs-icon.zs-success,
.zs-success > .zs-icon,
.zs-success.zs-badge:after {
  color: #409f52;
}
.zs-icon.zs-error,
.zs-error > .zs-icon,
.zs-error.zs-badge:after {
  color: #9a402b;
}
.zs-icon.zs-warning,
.zs-warning > .zs-icon,
.zs-warning.zs-badge:after {
  color: #dfb102;
}
.zs-icon.zs-info,
.zs-info > .zs-icon,
.zs-info.zs-badge:after {
  color: #00629b;
}
a > .zs-icon.zs-success:hover:before,
.zs-style a:hover > .zs-icon.zs-success:before {
  color: #57bb6a;
}
a > .zs-icon.zs-error:hover:before,
.zs-style a:hover > .zs-icon.zs-error:before {
  color: #c25136;
}
a > .zs-icon.zs-warning:hover:before,
.zs-style a:hover > .zs-icon.zs-warning:before {
  color: #fdcd17;
}
a.zs-icon.zs-info:hover:before,
.zs-style a:hover > .zs-icon.zs-info:before {
  color: #0082ce;
}
/*
Badge 

Icons with a badge

Markup:
<span class="zs-icon zs-icon-large zs-icon-tasks"><span class="zs-badge zs-badge-current-item"></span></span><br/>
<span class="zs-icon zs-icon-large zs-icon-tasks"><span class="zs-badge zs-success zs-badge-current-item"></span></span><br/>
<span class="zs-icon zs-icon-large zs-icon-tasks"><span class="zs-badge zs-warning zs-badge-warning zs-badge-triangle"></span></span>
<p class="zs-font-large"><span class="zs-icon zs-icon-large zs-icon-tasks"><span class="zs-badge zs-warning zs-badge-warning zs-badge-triangle"></span></span></p>


Styleguide Icons.Badge
*/
.zs-badge {
  font-size: 0.5em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  content: '';
  display: inline-block;
  position: absolute;
  top: 1.25em;
  left: 1.25em;
}
.zs-badge.zs-badge-word,
.zs-badge.zs-badge-excel,
.zs-badge.zs-badge-ppt,
.zs-badge.zs-badge-pdf,
.zs-badge.zs-badge-txt,
.zs-badge.zs-badge-zip {
  margin-top: 1px;
  font-size: 1em;
  top: 0;
  left: 0;
}
.zs-badge:after,
.zs-badge:before {
  position: absolute;
}
.zs-badge:before {
  color: #ffffff;
}
.zs-badge-word:before {
  color: #00629b;
}
.zs-badge-excel:before {
  color: #409f52;
}
.zs-badge-ppt:before {
  color: #e35f1d;
}
.zs-badge-pdf:before {
  color: #9a402b;
}
.zs-badge-txt:before {
  color: #6e2b62;
}
.zs-badge-zip:before {
  color: #dfb102;
}
/*
Link icon

A link with an icon 

Markup:
<a href="#" class="{{modifier_class}}"><span class="zs-icon zs-icon-download"></span>Download</a>

zs-disabled - Disabled state

Styleguide Icons.LinkIcon
*/
a:hover > .zs-icon:before,
a > .zs-icon:before {
  display: inline-block;
  text-decoration: none;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
  vertical-align: middle;
}
a:hover > .zs-icon:before {
  color: #4c94af;
}
a.zs-icon:before {
  cursor: pointer;
}
/*
Button icon

A button with an icon 

Markup:
<button class="zs-button {{modifier_class}}">
	<span class="zs-icon zs-icon-add"></span>
	Add
</button>

zs-disabled - Disabled state
zs-button-action - Action button

Styleguide Icons.ButtonIcon
*/
.zs-button.zs-icon,
.zs-form input[type="submit"].zs-icon,
.zs-form button.zs-icon,
.zs-form input[type="button"].zs-icon {
  padding-left: 0.71em;
}
.zs-button.zs-icon:hover,
.zs-form input[type="submit"].zs-icon:hover,
.zs-form button.zs-icon:hover,
.zs-form input[type="button"].zs-icon:hover {
  cursor: pointer;
}
.zs-button.zs-icon:before,
.zs-form input[type="submit"].zs-icon:before,
.zs-form button.zs-icon:before,
.zs-form input[type="button"].zs-icon:before {
  position: absolute;
  top: 50%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  font-size: 1.14285714em;
  left: -0.1em;
}
.zs-button > .zs-icon:before,
.zs-form input[type="submit"] > .zs-icon:before,
.zs-form button > .zs-icon:before,
.zs-form input[type="button"] > .zs-icon:before {
  display: inline-block;
  margin-left: -10px;
  vertical-align: middle;
  padding-bottom: 0.25em;
  margin-right: 0.25em;
}
.zs-button-action > .zs-icon,
.zs-form input[type="submit"] > .zs-icon {
  color: #ffffff;
}
.zs-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.zs-icon + .zs-icon {
  margin: 0em 0em 0em 0.1775em;
}
a.zs-icon,
a.zs-icon:hover {
  cursor: pointer;
}
.zs-icon-inactive:before {
  color: #98a4ae;
}
.zs-icon-text:before {
  color: #53565a;
}
.zs-icon-error:before,
.zs-badge-error:after {
  content: "\21";
}
.zs-icon-warning:before,
.zs-badge-warning:after {
  content: "\22";
}
.zs-icon-user-permissions:before {
  content: "\23";
}
.zs-icon-group-permissions:before {
  content: "\24";
}
.zs-icon-group:before {
  content: "\25";
}
.zs-icon-ungroup:before {
  content: "\26";
}
.zs-icon-tasks:before {
  content: "\27";
}
.zs-icon-upload:before {
  content: "\28";
}
.zs-icon-download:before {
  content: "\29";
}
.zs-icon-validations:before {
  content: "\2a";
}
.zs-icon-report-template:before {
  content: "\2b";
}
.zs-icon-search:before {
  content: "\2c";
}
.zs-icon-source:before {
  content: "\2d";
}
.zs-icon-preview:before {
  content: "\2e";
}
.zs-icon-rules:before {
  content: "\2f";
}
.zs-icon-expand-frame:before {
  content: "\30";
}
.zs-icon-restore-frame:before {
  content: "\31";
}
.zs-icon-pending-approval:before {
  content: "\32";
}
.zs-icon-rejected-approval:before,
.zs-icon-remove:before {
  content: "\33";
}
.zs-icon-revisions-requested:before {
  content: "\34";
}
.zs-icon-refresh:before {
  content: "\35";
}
.zs-icon-check-success:before,
.zs-badge-check-success:after {
  content: "\36";
}
.zs-icon-ok:before,
.zs-icon-check-success:before,
.zs-badge-check-success:after {
  content: "\36";
}
.zs-icon-refinement:before {
  content: "\37";
}
.zs-icon-print:before {
  content: "\38";
}
.zs-icon-map:before {
  content: "\39";
}
.zs-icon-lock:before {
  content: "\3a";
}
.zs-icon-info:before {
  content: "\3b";
}
.zs-icon-help:before {
  content: "\3c";
}
.zs-icon-generatedreport:before {
  content: "\3d";
}
.zs-icon-folder-shortcut:before {
  content: "\3e";
}
.zs-icon-folder-open:before {
  content: "\3f";
}
.zs-icon-folder-closed:before {
  content: "\40";
}
.zs-icon-external-bio:before {
  content: "\41";
}
.zs-icon-expand:before {
  content: "\42";
}
.zs-icon-collapse:before {
  content: "\4b";
}
.zs-icon-edit:before {
  content: "\43";
}
.zs-icon-duplicate:before {
  content: "\44";
}
.zs-icon-delete:before {
  content: "\45";
}
.zs-icon-add-value-key:before {
  content: "\46";
}
.zs-icon-add:before {
  content: "\47";
}
.zs-icon-dashboard:before {
  content: "\48";
}
.zs-icon-current-item:before,
.zs-badge-current-item:after,
.zs-badge-current-item:before {
  content: "\49";
}
.zs-icon-constant:before {
  content: "\4a";
}
.zs-icon-close:before {
  content: "\4c";
}
.zs-icon-calendar:before {
  content: "\4d";
}
.zs-icon-calculated-value:before {
  content: "\4e";
}
.zs-icon-added-value:before {
  content: "\4f";
}
.zs-icon-building:before {
  content: "\50";
}
.zs-icon-arrow-previous:before {
  content: "\51";
}
.zs-icon-arrow-next:before {
  content: "\52";
}
.zs-icon-pdf:before,
.zs-badge-pdf:before {
  content: "\54";
}
.zs-icon-excel:before,
.zs-badge-excel:before {
  content: "\55";
}
.zs-icon-misc:before {
  content: "\56";
}
.zs-icon-delta-arrow-up:before {
  content: "\58";
}
.zs-icon-expand-left:before {
  content: "\59";
}
.zs-icon-ppt:before,
.zs-badge-ppt:before {
  content: "\5a";
}
.zs-icon-img:before {
  content: "\60";
}
.zs-icon-background-check-success:before,
.zs-badge-circle:before {
  content: "\61";
}
.zs-icon-background-error:before,
.zs-badge-rectangle:before {
  content: "\62";
}
.zs-icon-backgroundwarning:before,
.zs-badge-triangle:before {
  content: "\63";
}
.zs-icon-spinner:before,
.zs-loading:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  content: "\64";
}
.zs-icon-hamburger:before {
  content: "\65";
}
.zs-icon-logout:before {
  content: "\66";
}
.zs-icon-move-up:before,
.zs-badge-arrow:before {
  content: "\67";
}
.zs-icon-home:before {
  content: "\69";
}
.zs-icon-move-down:before {
  content: "\6a";
}
.zs-icon-publish:before {
  content: "\70";
}
.zs-icon-published:before {
  content: "\71";
}
.zs-icon-grid:before {
  content: "\72";
}
.zs-icon-dragger:before {
  content: "\73";
}
.zs-icon-warning-diamond:before {
  content: "\74";
}
.zs-icon-link:before {
  content: "\75";
}
.zs-icon-table:before {
  content: "\76";
}
.zs-icon-filter:before {
  content: "\77";
}
.zs-icon-trend:before {
  content: "\7a";
}
.zs-icon-settings:before,
.zs-badge-gear:before {
  content: "\7c";
}
.zs-icon-txt:before,
.zs-badge-txt:before {
  content: "\7d";
}
.zs-icon-zip:before,
.zs-badge-zip:before {
  content: "\7e";
}
.zs-icon-document:before {
  content: "\df";
  color: #74797D;
}
.zs-icon-trophy:before {
  content: "\e4";
}
.zs-icon-rep:before {
  content: "\e6";
}
.zs-icon-manually-defined:before {
  content: "\f8";
}
.zs-icon-suggested-action:before {
  content: "\f9";
}
.zs-icon-product:before {
  content: "\fa";
}
.zs-icon-statistically-derived:before {
  content: "\fc";
}
.zs-icon-popout:before {
  content: "\17e";
}
.zs-icon-prev:before {
  content: "\2039";
}
.zs-icon-next:before {
  content: "\203A";
}
.zs-icon-first:before {
  content: "\2264";
}
.zs-icon-last:before {
  content: "\2265";
}
.zs-icon-tag:before {
  content: "\e5";
}
.zs-icon-square:before {
  content: "\25fc";
}
.zs-icon-diamond:before {
  content: "\b4";
}
.zs-icon-word:before,
.zs-badge-word:before {
  content: "\e621";
}
.zs-icon-key:before {
  content: "\b6";
}
.zs-icon-positive:before {
  content: "\a2";
}
.zs-icon-negative:before {
  content: "\a3";
}
.zs-icon-notes:before {
  content: "\7b";
}
.zs-icon-frame:before {
  content: "\78";
}
.zs-icon-clipnote:before,
.zs-icon-mike:before {
  content: "\79";
}
.zs-icon-envelope:before {
  content: "\h";
}
.zs-icon-frame-next:before {
  content: "\57";
}
.zs-icon-eye:before {
  content: "\b1";
}
.zs-icon-eye-closed:before {
  content: "\b2";
}
.zs-icon-globe:before {
  content: "\b3";
}
.zs-icon-summary:before,
.zs-icon-tiles:before {
  content: "\a1";
}
.zs-icon-javelin:before {
  content: "\2673";
}
.zs-icon-speech-bubble:before {
  content: "\C1";
}
.zs-icon-flag:before {
  content: "\FF";
}
.zs-icon-resize:before {
  content: "\E0";
}
.zs-icon-territory-l1:before {
  content: "\E01";
}
.zs-icon-territory-l2:before {
  content: "\E02";
}
.zs-icon-territory-l3:before {
  content: "\E03";
}
.zs-icon-territory-l4:before {
  content: "\E04";
}
.zs-icon-territory-l5:before {
  content: "\E05";
}
.zs-icon-territory-l6:before {
  content: "\E06";
}
.zs-icon-territory-l7:before {
  content: "\E07";
}
.zs-icon-territory-l8:before {
  content: "\E08";
}
.zs-icon-territory-l9:before {
  content: "\E09";
}
.zs-icon-territory-l10:before {
  content: "\E10";
}
.zs-icon-flowchart:before {
  content: "\b5";
}
.zs-icon-scissors:before {
  content: "\c2";
}
.zs-icon-derived:before {
  content: "\d1";
}
.zs-icon-play:before {
  content: "\d2";
}
.zs-icon-select-lasso:before {
  content: "\6b";
}
.zs-icon-select-rectangle:before {
  content: "\6c";
}
.zs-icon-zoom-rectangle:before {
  content: "\6d";
}
.zs-icon-icon-plus:before {
  content: "\6e";
}
.zs-icon-icon-minus:before {
  content: "\6f";
}
.zs-icon-horn:before {
  content: "\5f";
}
.zs-icon-handshake:before {
  content: "\301";
}
.zs-icon-stop:before {
  content: "\300";
}
.zs-icon-pause:before {
  content: "\5e";
}
.zs-icon-redo:before {
  content: "\53";
}
.zs-icon-user-settings:before {
  content: "\5d";
}
.zs-icon-user-deligate:before {
  content: "\5b";
}
.zs-icon-javelin:after {
  content: "\2674";
  position: absolute;
  left: 0;
  top: 0;
}
.zs-icon-javelin .zs-icon-javelin-shadow {
  position: absolute;
  left: 0;
  top: 0;
}
.zs-icon-javelin .zs-icon-javelin-shadow:before {
  content: "\2675";
}
.zs-icon-user-permissions .zs-badge-gear:before {
  border-radius: 0.5em;
  color: inherit;
  background: #ffffff;
}
.zs-icon-user-permissions .zs-badge-arrow {
  left: -0.4em;
  top: 1.3em;
}
.zs-icon-user-permissions .zs-badge-arrow:before {
  color: inherit;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  text-shadow: #ffffff 0 -0.1em;
}
.zs-select select,
.zs-input,
.zs-textarea,
.zs-button,
.zs-form input[type="number"],
.zs-field input[type="number"],
.zs-fieldset input[type="number"],
.zs-form input[type="text"],
.zs-field input[type="text"],
.zs-fieldset input[type="text"],
.zs-form textarea,
.zs-field textarea,
.zs-fieldset textarea,
.zs-form input[type="submit"],
.zs-form button,
.zs-form input[type="button"] {
  font-family: Roboto, Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #53565a;
  font-size: 1em;
}
.zs-select {
  position: relative;
  padding: 0;
  display: inline-block;
  min-width: 17.85714286em;
}
.zs-select select,
.zs-select select:focus {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-weight: normal;
  border: 1px solid #98a4ae;
  color: #53565a;
  padding: 0.51785714em 0.426em 0.51785714em 0.426em;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
}
.zs-select select::-ms-expand {
  display: none;
}
.zs-select:after {
  content: '\4b';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  font-size: 1.14285714em;
  color: #48778a;
  right: 0.25em;
  top: 50%;
  margin-top: -0.57142857em;
  position: absolute;
  pointer-events: none;
  display: inline-block;
}
.zs-select:hover:after {
  color: #375a68;
}
.zs-input,
.zs-form input[type="number"],
.zs-field input[type="number"],
.zs-fieldset input[type="number"],
.zs-form input[type="text"],
.zs-field input[type="text"],
.zs-fieldset input[type="text"],
.zs-form textarea,
.zs-field textarea,
.zs-fieldset textarea {
  background-color: transparent;
  outline: 0;
  font-weight: normal;
  border: 1px solid #98a4ae;
  color: #53565a;
  padding: 0.51785714em 0.568em 0.51785714em 0.568em;
  -webkit-appearance: none;
  border-radius: 0;
  min-width: 17.85714286em;
}
.zs-input[type="number"] {
  text-align: right;
}
.zs-input-icon {
  overflow: hidden;
  display: inline;
  position: relative;
}
.zs-input-icon input {
  display: inline-block;
  position: relative;
  padding-right: 1.71428571em !important;
}
.zs-input-icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  font-size: 1.14285714em;
  pointer-events: none;
  right: 0.5em;
  top: 50%;
  margin-top: -0.50793651em;
  color: #98a4ae;
  position: absolute;
  z-index: 1;
}
.zs-input-icon [clear] {
  display: inline-block;
  padding: 0.42857143em 0.42857143em;
  right: 0.25em;
  top: 50%;
  margin-top: -0.9em;
  background: transparent;
}
.zs-button,
.zs-form .zs-button,
.zs-form input[type="submit"],
.zs-form .zs-form input[type="submit"],
.zs-form button,
.zs-form .zs-form button,
.zs-form input[type="button"],
.zs-form .zs-form input[type="button"] {
  border: 1px solid #327f97;
  color: #48778a;
  background-color: #ffffff;
  border-radius: 0.3em;
  padding: 0.51785714em 1.42em 0.51785714em 1.42em;
  min-height: 2.42857143em;
  white-space: nowrap;
}
.zs-button:hover,
.zs-form .zs-button:hover,
.zs-form input[type="submit"]:hover,
.zs-form .zs-form input[type="submit"]:hover,
.zs-form button:hover,
.zs-form .zs-form button:hover,
.zs-form input[type="button"]:hover,
.zs-form .zs-form input[type="button"]:hover {
  cursor: pointer;
  color: #138dbf;
  border: 1px solid #0099c9;
}
.zs-button:hover .zs-icon,
.zs-form .zs-button:hover .zs-icon,
.zs-form input[type="submit"]:hover .zs-icon,
.zs-form .zs-form input[type="submit"]:hover .zs-icon,
.zs-form button:hover .zs-icon,
.zs-form .zs-form button:hover .zs-icon,
.zs-form input[type="button"]:hover .zs-icon,
.zs-form .zs-form input[type="button"]:hover .zs-icon {
  color: #138dbf;
}
a.zs-button,
a.zs-form input[type="submit"],
a.zs-form button,
a.zs-form input[type="button"] {
  padding: 0em 1.42em 0em 1.42em;
  line-height: 2.28571429em;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.zs-button-action,
a.zs-button-action,
a.zs-button-action:visited,
a.zs-button-action:hover,
.zs-form .zs-button-action,
.zs-form input[type="submit"],
a.zs-form input[type="submit"],
a.zs-form input[type="submit"]:visited,
a.zs-form input[type="submit"]:hover,
.zs-form .zs-form input[type="submit"] {
  color: white;
  text-decoration: none;
  background: #48778a;
  background: linear-gradient(#5b93aa, #48778a);
}
.zs-button-action:hover,
a.zs-button-action:hover,
a.zs-button-action:visited:hover,
a.zs-button-action:hover:hover,
.zs-form .zs-button-action:hover,
.zs-form input[type="submit"]:hover,
a.zs-form input[type="submit"]:hover,
a.zs-form input[type="submit"]:visited:hover,
a.zs-form input[type="submit"]:hover:hover,
.zs-form .zs-form input[type="submit"]:hover {
  color: #ffffff;
  background: #2984aa;
  background: linear-gradient(#499bbc, #387e9a);
}
.zs-button-action:hover .zs-icon,
a.zs-button-action:hover .zs-icon,
a.zs-button-action:visited:hover .zs-icon,
a.zs-button-action:hover:hover .zs-icon,
.zs-form .zs-button-action:hover .zs-icon,
.zs-form input[type="submit"]:hover .zs-icon,
a.zs-form input[type="submit"]:hover .zs-icon,
a.zs-form input[type="submit"]:visited:hover .zs-icon,
a.zs-form input[type="submit"]:hover:hover .zs-icon,
.zs-form .zs-form input[type="submit"]:hover .zs-icon {
  color: #ffffff;
}
.zs-button + .zs-button,
input[type] + .zs-button,
.zs-button + input[type],
input[type] + input[type],
a + .zs-button,
a + input[type],
input[type] + a,
.zs-form input[type="submit"] + .zs-form input[type="submit"],
input[type] + .zs-form input[type="submit"],
.zs-form input[type="submit"] + input[type],
a + .zs-form input[type="submit"],
.zs-form button + .zs-form button,
input[type] + .zs-form button,
.zs-form button + input[type],
a + .zs-form button,
.zs-form input[type="button"] + .zs-form input[type="button"],
input[type] + .zs-form input[type="button"],
.zs-form input[type="button"] + input[type],
a + .zs-form input[type="button"] {
  margin-left: 0.71em;
}
.zs-form fieldset,
.zs-fieldset {
  display: inline-block;
  border: 0;
}
.zs-form fieldset label,
.zs-fieldset label {
  font-size: 0.92857143em;
  font-weight: bold;
}
.zs-form fieldset legend,
.zs-fieldset legend {
  margin: 0;
  padding: 1.065em 0em 0.71em 0em;
}
.zs-form input[type="radio"],
.zs-form input[type="checkbox"],
.zs-checkbox > input,
.zs-checkbox-group > input[type="checkbox"],
.zs-radio-group > input[type="radio"] {
  margin: 0.64732143em 0.426em 0.64732143em 0.426em;
  vertical-align: middle;
  display: inline-block;
}
.zs-checkbox + .zs-checkbox,
.zs-radio-group > input[type="radio"] + input[type="radio"],
.zs-checkbox-group > input[type="checkbox"] + input[type="checkbox"] {
  margin-left: 1.42em;
}
.zs-form fieldset > p > label,
.zs-field > label,
.zs-fieldset > p > label,
.zs-form .zs-paragraph > label,
.zs-fieldset > .zs-paragraph > label {
  font-size: 0.92857143em;
  font-weight: bold;
  display: block;
}
.zs-form fieldset > p > .zs-message,
.zs-field > .zs-message,
.zs-fieldset > p > .zs-message,
.zs-form .zs-paragraph > .zs-message,
.zs-fieldset > .zs-paragraph > .zs-message {
  display: block;
  margin: 0.1775em 0em 0em 0em;
}
.zs-form fieldset > p.zs-field-flex > input,
.zs-field.zs-field-flex > input,
.zs-fieldset > p.zs-field-flex > input,
.zs-form .zs-paragraph.zs-field-flex > input,
.zs-fieldset > .zs-paragraph.zs-field-flex > input,
.zs-form fieldset > p.zs-flex > input,
.zs-field.zs-flex > input,
.zs-fieldset > p.zs-flex > input,
.zs-form .zs-paragraph.zs-flex > input,
.zs-fieldset > .zs-paragraph.zs-flex > input,
.zs-form fieldset > p.zs-field-flex > textarea,
.zs-field.zs-field-flex > textarea,
.zs-fieldset > p.zs-field-flex > textarea,
.zs-form .zs-paragraph.zs-field-flex > textarea,
.zs-fieldset > .zs-paragraph.zs-field-flex > textarea,
.zs-form fieldset > p.zs-flex > textarea,
.zs-field.zs-flex > textarea,
.zs-fieldset > p.zs-flex > textarea,
.zs-form .zs-paragraph.zs-flex > textarea,
.zs-fieldset > .zs-paragraph.zs-flex > textarea {
  width: 100%;
  min-width: auto;
}
.zs-form fieldset > p.zs-field-flex > .zs-select,
.zs-field.zs-field-flex > .zs-select,
.zs-fieldset > p.zs-field-flex > .zs-select,
.zs-form .zs-paragraph.zs-field-flex > .zs-select,
.zs-fieldset > .zs-paragraph.zs-field-flex > .zs-select,
.zs-form fieldset > p.zs-flex > .zs-select,
.zs-field.zs-flex > .zs-select,
.zs-fieldset > p.zs-flex > .zs-select,
.zs-form .zs-paragraph.zs-flex > .zs-select,
.zs-fieldset > .zs-paragraph.zs-flex > .zs-select {
  width: 100%;
  min-width: auto;
}
.zs-form fieldset > p.zs-error,
.zs-field.zs-error,
.zs-fieldset > p.zs-error,
.zs-form .zs-paragraph.zs-error,
.zs-fieldset > .zs-paragraph.zs-error,
.zs-form fieldset > p.zs-warning,
.zs-field.zs-warning,
.zs-fieldset > p.zs-warning,
.zs-form .zs-paragraph.zs-warning,
.zs-fieldset > .zs-paragraph.zs-warning {
  position: relative;
}
.zs-form fieldset > p.zs-error.zs-checkbox,
.zs-field.zs-error.zs-checkbox,
.zs-fieldset > p.zs-error.zs-checkbox,
.zs-form .zs-paragraph.zs-error.zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-error.zs-checkbox,
.zs-form fieldset > p.zs-warning.zs-checkbox,
.zs-field.zs-warning.zs-checkbox,
.zs-fieldset > p.zs-warning.zs-checkbox,
.zs-form .zs-paragraph.zs-warning.zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-warning.zs-checkbox,
.zs-form fieldset > p.zs-error input[type="text"],
.zs-field.zs-error input[type="text"],
.zs-fieldset > p.zs-error input[type="text"],
.zs-form .zs-paragraph.zs-error input[type="text"],
.zs-fieldset > .zs-paragraph.zs-error input[type="text"],
.zs-form fieldset > p.zs-warning input[type="text"],
.zs-field.zs-warning input[type="text"],
.zs-fieldset > p.zs-warning input[type="text"],
.zs-form .zs-paragraph.zs-warning input[type="text"],
.zs-fieldset > .zs-paragraph.zs-warning input[type="text"],
.zs-form fieldset > p.zs-error textarea,
.zs-field.zs-error textarea,
.zs-fieldset > p.zs-error textarea,
.zs-form .zs-paragraph.zs-error textarea,
.zs-fieldset > .zs-paragraph.zs-error textarea,
.zs-form fieldset > p.zs-warning textarea,
.zs-field.zs-warning textarea,
.zs-fieldset > p.zs-warning textarea,
.zs-form .zs-paragraph.zs-warning textarea,
.zs-fieldset > .zs-paragraph.zs-warning textarea,
.zs-form fieldset > p.zs-error .zs-select,
.zs-field.zs-error .zs-select,
.zs-fieldset > p.zs-error .zs-select,
.zs-form .zs-paragraph.zs-error .zs-select,
.zs-fieldset > .zs-paragraph.zs-error .zs-select,
.zs-form fieldset > p.zs-warning .zs-select,
.zs-field.zs-warning .zs-select,
.zs-fieldset > p.zs-warning .zs-select,
.zs-form .zs-paragraph.zs-warning .zs-select,
.zs-fieldset > .zs-paragraph.zs-warning .zs-select,
.zs-form fieldset > p.zs-error .zs-checkbox-group,
.zs-field.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-error .zs-checkbox-group,
.zs-form fieldset > p.zs-warning .zs-checkbox-group,
.zs-field.zs-warning .zs-checkbox-group,
.zs-fieldset > p.zs-warning .zs-checkbox-group,
.zs-form .zs-paragraph.zs-warning .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-warning .zs-checkbox-group,
.zs-form fieldset > p.zs-error .zs-radio-group,
.zs-field.zs-error .zs-radio-group,
.zs-fieldset > p.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-warning .zs-radio-group,
.zs-field.zs-warning .zs-radio-group,
.zs-fieldset > p.zs-warning .zs-radio-group,
.zs-form .zs-paragraph.zs-warning .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning .zs-radio-group {
  background: #fff9e1;
  display: inline-block;
  position: relative;
}
.zs-form fieldset > p.zs-error.zs-error input,
.zs-field.zs-error.zs-error input,
.zs-fieldset > p.zs-error.zs-error input,
.zs-form .zs-paragraph.zs-error.zs-error input,
.zs-fieldset > .zs-paragraph.zs-error.zs-error input,
.zs-form fieldset > p.zs-warning.zs-error input,
.zs-field.zs-warning.zs-error input,
.zs-fieldset > p.zs-warning.zs-error input,
.zs-form .zs-paragraph.zs-warning.zs-error input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error input,
.zs-form fieldset > p.zs-error.zs-error textarea,
.zs-field.zs-error.zs-error textarea,
.zs-fieldset > p.zs-error.zs-error textarea,
.zs-form .zs-paragraph.zs-error.zs-error textarea,
.zs-fieldset > .zs-paragraph.zs-error.zs-error textarea,
.zs-form fieldset > p.zs-warning.zs-error textarea,
.zs-field.zs-warning.zs-error textarea,
.zs-fieldset > p.zs-warning.zs-error textarea,
.zs-form .zs-paragraph.zs-warning.zs-error textarea,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error textarea,
.zs-form fieldset > p.zs-error.zs-error .zs-select,
.zs-field.zs-error.zs-error .zs-select,
.zs-fieldset > p.zs-error.zs-error .zs-select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-select,
.zs-form fieldset > p.zs-warning.zs-error .zs-select,
.zs-field.zs-warning.zs-error .zs-select,
.zs-fieldset > p.zs-warning.zs-error .zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-select,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox,
.zs-field.zs-error.zs-error .zs-checkbox,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox,
.zs-field.zs-warning.zs-error .zs-checkbox,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox,
.zs-form fieldset > p.zs-error.zs-error .zs-radio-group,
.zs-field.zs-error.zs-error .zs-radio-group,
.zs-fieldset > p.zs-error.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-error.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-warning.zs-error .zs-radio-group,
.zs-field.zs-warning.zs-error .zs-radio-group,
.zs-fieldset > p.zs-warning.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox-group,
.zs-field.zs-error.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox-group,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox-group,
.zs-field.zs-warning.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox-group {
  border: 1px solid #d1715a;
}
.zs-form fieldset > p.zs-error.zs-error input.zs-select,
.zs-field.zs-error.zs-error input.zs-select,
.zs-fieldset > p.zs-error.zs-error input.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error input.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error input.zs-select,
.zs-form fieldset > p.zs-warning.zs-error input.zs-select,
.zs-field.zs-warning.zs-error input.zs-select,
.zs-fieldset > p.zs-warning.zs-error input.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error input.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error input.zs-select,
.zs-form fieldset > p.zs-error.zs-error textarea.zs-select,
.zs-field.zs-error.zs-error textarea.zs-select,
.zs-fieldset > p.zs-error.zs-error textarea.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error textarea.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error textarea.zs-select,
.zs-form fieldset > p.zs-warning.zs-error textarea.zs-select,
.zs-field.zs-warning.zs-error textarea.zs-select,
.zs-fieldset > p.zs-warning.zs-error textarea.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error textarea.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error textarea.zs-select,
.zs-form fieldset > p.zs-error.zs-error .zs-select.zs-select,
.zs-field.zs-error.zs-error .zs-select.zs-select,
.zs-fieldset > p.zs-error.zs-error .zs-select.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-select.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-select.zs-select,
.zs-form fieldset > p.zs-warning.zs-error .zs-select.zs-select,
.zs-field.zs-warning.zs-error .zs-select.zs-select,
.zs-fieldset > p.zs-warning.zs-error .zs-select.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-select.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-select.zs-select,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox.zs-select,
.zs-field.zs-error.zs-error .zs-checkbox.zs-select,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox.zs-select,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox.zs-select,
.zs-field.zs-warning.zs-error .zs-checkbox.zs-select,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox.zs-select,
.zs-form fieldset > p.zs-error.zs-error .zs-radio-group.zs-select,
.zs-field.zs-error.zs-error .zs-radio-group.zs-select,
.zs-fieldset > p.zs-error.zs-error .zs-radio-group.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-radio-group.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-radio-group.zs-select,
.zs-form fieldset > p.zs-warning.zs-error .zs-radio-group.zs-select,
.zs-field.zs-warning.zs-error .zs-radio-group.zs-select,
.zs-fieldset > p.zs-warning.zs-error .zs-radio-group.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-radio-group.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-radio-group.zs-select,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox-group.zs-select,
.zs-field.zs-error.zs-error .zs-checkbox-group.zs-select,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox-group.zs-select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox-group.zs-select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox-group.zs-select,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox-group.zs-select,
.zs-field.zs-warning.zs-error .zs-checkbox-group.zs-select,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox-group.zs-select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox-group.zs-select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox-group.zs-select {
  border: 0;
}
.zs-form fieldset > p.zs-error.zs-error input.zs-select > select,
.zs-field.zs-error.zs-error input.zs-select > select,
.zs-fieldset > p.zs-error.zs-error input.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error input.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error input.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error input.zs-select > select,
.zs-field.zs-warning.zs-error input.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error input.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error input.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error input.zs-select > select,
.zs-form fieldset > p.zs-error.zs-error textarea.zs-select > select,
.zs-field.zs-error.zs-error textarea.zs-select > select,
.zs-fieldset > p.zs-error.zs-error textarea.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error textarea.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error textarea.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error textarea.zs-select > select,
.zs-field.zs-warning.zs-error textarea.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error textarea.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error textarea.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error textarea.zs-select > select,
.zs-form fieldset > p.zs-error.zs-error .zs-select.zs-select > select,
.zs-field.zs-error.zs-error .zs-select.zs-select > select,
.zs-fieldset > p.zs-error.zs-error .zs-select.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-select.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-select.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error .zs-select.zs-select > select,
.zs-field.zs-warning.zs-error .zs-select.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error .zs-select.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-select.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-select.zs-select > select,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox.zs-select > select,
.zs-field.zs-error.zs-error .zs-checkbox.zs-select > select,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox.zs-select > select,
.zs-field.zs-warning.zs-error .zs-checkbox.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox.zs-select > select,
.zs-form fieldset > p.zs-error.zs-error .zs-radio-group.zs-select > select,
.zs-field.zs-error.zs-error .zs-radio-group.zs-select > select,
.zs-fieldset > p.zs-error.zs-error .zs-radio-group.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-radio-group.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-radio-group.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error .zs-radio-group.zs-select > select,
.zs-field.zs-warning.zs-error .zs-radio-group.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error .zs-radio-group.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-radio-group.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-radio-group.zs-select > select,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox-group.zs-select > select,
.zs-field.zs-error.zs-error .zs-checkbox-group.zs-select > select,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox-group.zs-select > select,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox-group.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox-group.zs-select > select,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox-group.zs-select > select,
.zs-field.zs-warning.zs-error .zs-checkbox-group.zs-select > select,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox-group.zs-select > select,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox-group.zs-select > select,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox-group.zs-select > select {
  border: 1px solid #d1715a;
}
.zs-form fieldset > p.zs-error.zs-error.zs-radio-group,
.zs-field.zs-error.zs-error.zs-radio-group,
.zs-fieldset > p.zs-error.zs-error.zs-radio-group,
.zs-form .zs-paragraph.zs-error.zs-error.zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-error.zs-radio-group,
.zs-form fieldset > p.zs-warning.zs-error.zs-radio-group,
.zs-field.zs-warning.zs-error.zs-radio-group,
.zs-fieldset > p.zs-warning.zs-error.zs-radio-group,
.zs-form .zs-paragraph.zs-warning.zs-error.zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error.zs-radio-group,
.zs-form fieldset > p.zs-error.zs-error .zs-radio-group,
.zs-field.zs-error.zs-error .zs-radio-group,
.zs-fieldset > p.zs-error.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-error.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-warning.zs-error .zs-radio-group,
.zs-field.zs-warning.zs-error .zs-radio-group,
.zs-fieldset > p.zs-warning.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox,
.zs-field.zs-error.zs-error .zs-checkbox,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox,
.zs-field.zs-warning.zs-error .zs-checkbox,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox-group,
.zs-field.zs-error.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox-group,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox-group,
.zs-field.zs-warning.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox-group {
  border: 0;
  color: #9a402b;
}
.zs-form fieldset > p.zs-error.zs-error.zs-radio-group > input,
.zs-field.zs-error.zs-error.zs-radio-group > input,
.zs-fieldset > p.zs-error.zs-error.zs-radio-group > input,
.zs-form .zs-paragraph.zs-error.zs-error.zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-error.zs-error.zs-radio-group > input,
.zs-form fieldset > p.zs-warning.zs-error.zs-radio-group > input,
.zs-field.zs-warning.zs-error.zs-radio-group > input,
.zs-fieldset > p.zs-warning.zs-error.zs-radio-group > input,
.zs-form .zs-paragraph.zs-warning.zs-error.zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error.zs-radio-group > input,
.zs-form fieldset > p.zs-error.zs-error .zs-radio-group > input,
.zs-field.zs-error.zs-error .zs-radio-group > input,
.zs-fieldset > p.zs-error.zs-error .zs-radio-group > input,
.zs-form .zs-paragraph.zs-error.zs-error .zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-radio-group > input,
.zs-form fieldset > p.zs-warning.zs-error .zs-radio-group > input,
.zs-field.zs-warning.zs-error .zs-radio-group > input,
.zs-fieldset > p.zs-warning.zs-error .zs-radio-group > input,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-radio-group > input,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox > input,
.zs-field.zs-error.zs-error .zs-checkbox > input,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox > input,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox > input,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox > input,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox > input,
.zs-field.zs-warning.zs-error .zs-checkbox > input,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox > input,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox > input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox > input,
.zs-form fieldset > p.zs-error.zs-error .zs-checkbox-group > input,
.zs-field.zs-error.zs-error .zs-checkbox-group > input,
.zs-fieldset > p.zs-error.zs-error .zs-checkbox-group > input,
.zs-form .zs-paragraph.zs-error.zs-error .zs-checkbox-group > input,
.zs-fieldset > .zs-paragraph.zs-error.zs-error .zs-checkbox-group > input,
.zs-form fieldset > p.zs-warning.zs-error .zs-checkbox-group > input,
.zs-field.zs-warning.zs-error .zs-checkbox-group > input,
.zs-fieldset > p.zs-warning.zs-error .zs-checkbox-group > input,
.zs-form .zs-paragraph.zs-warning.zs-error .zs-checkbox-group > input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-error .zs-checkbox-group > input {
  border: 0;
}
.zs-form fieldset > p.zs-error.zs-radio-group,
.zs-field.zs-error.zs-radio-group,
.zs-fieldset > p.zs-error.zs-radio-group,
.zs-form .zs-paragraph.zs-error.zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error.zs-radio-group,
.zs-form fieldset > p.zs-warning.zs-radio-group,
.zs-field.zs-warning.zs-radio-group,
.zs-fieldset > p.zs-warning.zs-radio-group,
.zs-form .zs-paragraph.zs-warning.zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning.zs-radio-group,
.zs-form fieldset > p.zs-error .zs-radio-group,
.zs-field.zs-error .zs-radio-group,
.zs-fieldset > p.zs-error .zs-radio-group,
.zs-form .zs-paragraph.zs-error .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-error .zs-radio-group,
.zs-form fieldset > p.zs-warning .zs-radio-group,
.zs-field.zs-warning .zs-radio-group,
.zs-fieldset > p.zs-warning .zs-radio-group,
.zs-form .zs-paragraph.zs-warning .zs-radio-group,
.zs-fieldset > .zs-paragraph.zs-warning .zs-radio-group,
.zs-form fieldset > p.zs-error .zs-checkbox,
.zs-field.zs-error .zs-checkbox,
.zs-fieldset > p.zs-error .zs-checkbox,
.zs-form .zs-paragraph.zs-error .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-error .zs-checkbox,
.zs-form fieldset > p.zs-warning .zs-checkbox,
.zs-field.zs-warning .zs-checkbox,
.zs-fieldset > p.zs-warning .zs-checkbox,
.zs-form .zs-paragraph.zs-warning .zs-checkbox,
.zs-fieldset > .zs-paragraph.zs-warning .zs-checkbox,
.zs-form fieldset > p.zs-error .zs-checkbox-group,
.zs-field.zs-error .zs-checkbox-group,
.zs-fieldset > p.zs-error .zs-checkbox-group,
.zs-form .zs-paragraph.zs-error .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-error .zs-checkbox-group,
.zs-form fieldset > p.zs-warning .zs-checkbox-group,
.zs-field.zs-warning .zs-checkbox-group,
.zs-fieldset > p.zs-warning .zs-checkbox-group,
.zs-form .zs-paragraph.zs-warning .zs-checkbox-group,
.zs-fieldset > .zs-paragraph.zs-warning .zs-checkbox-group {
  background: transparent;
}
.zs-form fieldset > p.zs-error.zs-radio-group > input,
.zs-field.zs-error.zs-radio-group > input,
.zs-fieldset > p.zs-error.zs-radio-group > input,
.zs-form .zs-paragraph.zs-error.zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-error.zs-radio-group > input,
.zs-form fieldset > p.zs-warning.zs-radio-group > input,
.zs-field.zs-warning.zs-radio-group > input,
.zs-fieldset > p.zs-warning.zs-radio-group > input,
.zs-form .zs-paragraph.zs-warning.zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-warning.zs-radio-group > input,
.zs-form fieldset > p.zs-error .zs-radio-group > input,
.zs-field.zs-error .zs-radio-group > input,
.zs-fieldset > p.zs-error .zs-radio-group > input,
.zs-form .zs-paragraph.zs-error .zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-error .zs-radio-group > input,
.zs-form fieldset > p.zs-warning .zs-radio-group > input,
.zs-field.zs-warning .zs-radio-group > input,
.zs-fieldset > p.zs-warning .zs-radio-group > input,
.zs-form .zs-paragraph.zs-warning .zs-radio-group > input,
.zs-fieldset > .zs-paragraph.zs-warning .zs-radio-group > input,
.zs-form fieldset > p.zs-error .zs-checkbox > input,
.zs-field.zs-error .zs-checkbox > input,
.zs-fieldset > p.zs-error .zs-checkbox > input,
.zs-form .zs-paragraph.zs-error .zs-checkbox > input,
.zs-fieldset > .zs-paragraph.zs-error .zs-checkbox > input,
.zs-form fieldset > p.zs-warning .zs-checkbox > input,
.zs-field.zs-warning .zs-checkbox > input,
.zs-fieldset > p.zs-warning .zs-checkbox > input,
.zs-form .zs-paragraph.zs-warning .zs-checkbox > input,
.zs-fieldset > .zs-paragraph.zs-warning .zs-checkbox > input,
.zs-form fieldset > p.zs-error .zs-checkbox-group > input,
.zs-field.zs-error .zs-checkbox-group > input,
.zs-fieldset > p.zs-error .zs-checkbox-group > input,
.zs-form .zs-paragraph.zs-error .zs-checkbox-group > input,
.zs-fieldset > .zs-paragraph.zs-error .zs-checkbox-group > input,
.zs-form fieldset > p.zs-warning .zs-checkbox-group > input,
.zs-field.zs-warning .zs-checkbox-group > input,
.zs-fieldset > p.zs-warning .zs-checkbox-group > input,
.zs-form .zs-paragraph.zs-warning .zs-checkbox-group > input,
.zs-fieldset > .zs-paragraph.zs-warning .zs-checkbox-group > input {
  background: transparent;
}
.zs-form fieldset > p.zs-compact,
.zs-field.zs-compact,
.zs-fieldset > p.zs-compact,
.zs-form .zs-paragraph.zs-compact,
.zs-fieldset > .zs-paragraph.zs-compact {
  padding-right: 2.56285714em;
  vertical-align: middle;
  position: relative;
}
.zs-form fieldset > p.zs-compact > .zs-message,
.zs-field.zs-compact > .zs-message,
.zs-fieldset > p.zs-compact > .zs-message,
.zs-form .zs-paragraph.zs-compact > .zs-message,
.zs-fieldset > .zs-paragraph.zs-compact > .zs-message {
  cursor: pointer;
  white-space: nowrap;
  position: absolute!important;
  right: 0;
  top: 50%;
  padding-left: 0;
  margin-top: -1.28142857em;
  display: inline-block;
  text-indent: -9999px;
  width: 2.56285714em;
  max-width: 2.56285714em;
  height: 2.56285714em;
  border: 0;
  background: transparent;
}
.zs-form fieldset > p.zs-compact > .zs-message:before,
.zs-field.zs-compact > .zs-message:before,
.zs-fieldset > p.zs-compact > .zs-message:before,
.zs-form .zs-paragraph.zs-compact > .zs-message:before,
.zs-fieldset > .zs-paragraph.zs-compact > .zs-message:before,
.zs-form fieldset > p.zs-compact > .zs-message:after,
.zs-field.zs-compact > .zs-message:after,
.zs-fieldset > p.zs-compact > .zs-message:after,
.zs-form .zs-paragraph.zs-compact > .zs-message:after,
.zs-fieldset > .zs-paragraph.zs-compact > .zs-message:after,
.zs-form fieldset > p.zs-compact > .zs-message .tooltip,
.zs-field.zs-compact > .zs-message .tooltip,
.zs-fieldset > p.zs-compact > .zs-message .tooltip,
.zs-form .zs-paragraph.zs-compact > .zs-message .tooltip,
.zs-fieldset > .zs-paragraph.zs-compact > .zs-message .tooltip {
  text-indent: 0;
}
.zs-form fieldset > p.zs-compact > .zs-message .tooltip,
.zs-field.zs-compact > .zs-message .tooltip,
.zs-fieldset > p.zs-compact > .zs-message .tooltip,
.zs-form .zs-paragraph.zs-compact > .zs-message .tooltip,
.zs-fieldset > .zs-paragraph.zs-compact > .zs-message .tooltip {
  min-width: 20em;
  color: #53565a;
}
.zs-form fieldset > p.zs-compact.zs-info > .zs-message:before,
.zs-field.zs-compact.zs-info > .zs-message:before,
.zs-fieldset > p.zs-compact.zs-info > .zs-message:before,
.zs-form .zs-paragraph.zs-compact.zs-info > .zs-message:before,
.zs-fieldset > .zs-paragraph.zs-compact.zs-info > .zs-message:before,
.zs-form fieldset > p.zs-compact.zs-info > .zs-message:after,
.zs-field.zs-compact.zs-info > .zs-message:after,
.zs-fieldset > p.zs-compact.zs-info > .zs-message:after,
.zs-form .zs-paragraph.zs-compact.zs-info > .zs-message:after,
.zs-fieldset > .zs-paragraph.zs-compact.zs-info > .zs-message:after {
  left: 0.5em;
}
.zs-message {
  padding: 0.63736264em 0.71em 0.63736264em 0.71em;
  position: relative;
  font-size: 0.92857143em;
}
.zs-message.zs-error,
.zs-error > .zs-message {
  color: #722f20;
  background: #f8e9e6;
  padding-left: 2.85714286em;
  border: 1px solid #d7826e;
}
.zs-message.zs-error:before,
.zs-error > .zs-message:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #ffffff;
  content: "\62";
}
.zs-message.zs-error:after,
.zs-error > .zs-message:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #9a402b;
  content: "\21";
}
.zs-message.zs-warning,
.zs-warning > .zs-message {
  color: #ac8902;
  background: #fff9e1;
  padding-left: 2.85714286em;
  border: 1px solid #fdcd17;
}
.zs-message.zs-warning:before,
.zs-warning > .zs-message:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #ffffff;
  content: "\63";
}
.zs-message.zs-warning:after,
.zs-warning > .zs-message:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #dfb102;
  content: "\22";
}
.zs-message.zs-success,
.zs-success > .zs-message {
  color: #317b3f;
  background: #e8f6eb;
  padding-left: 2.85714286em;
  border: 1px solid #8dd19a;
}
.zs-message.zs-success:before,
.zs-success > .zs-message:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #ffffff;
  content: "\61";
}
.zs-message.zs-success:after,
.zs-success > .zs-message:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #409f52;
  content: "\36";
}
.zs-message.zs-info,
.zs-info > .zs-message {
  padding-left: 2em;
}
.zs-message.zs-info:before,
.zs-info > .zs-message:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #ffffff;
  content: "\61";
  left: 0;
}
.zs-message.zs-info:after,
.zs-info > .zs-message:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  position: absolute;
  top: 50%;
  left: 0.5em;
  line-height: 0em;
  font-size: 1.42857143em;
  color: #98a4ae;
  left: 0;
  content: "\3b";
}
.zs-search-button .zs-input-icon input {
  padding: 0.51785714em 0.426em 0.51785714em 0.426em;
}
.zs-search-button .zs-button,
.zs-search-button .zs-form input[type="submit"],
.zs-search-button .zs-form button,
.zs-search-button .zs-form input[type="button"] {
  margin: 0em 0em 0em 0.71em;
}
.zs-style p.zs-search-button,
.zs-paragraph.zs-search-button {
  padding-right: inherit;
}
.zs-button-attached {
  display: inline-block;
  position: relative;
}
.zs-button-attached > input {
  font-size: 1.1em;
}
.zs-button-attached > .zs-button,
.zs-button-attached > input + .zs-button,
.zs-button-attached > .zs-form input[type="submit"],
.zs-button-attached > input + .zs-form input[type="submit"],
.zs-button-attached > .zs-form button,
.zs-button-attached > input + .zs-form button,
.zs-button-attached > .zs-form input[type="button"],
.zs-button-attached > input + .zs-form input[type="button"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 1.1em;
  padding-left: 1.1em;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -2.25em;
  height: 100%;
}
.zs-button-attached > .zs-button:before,
.zs-button-attached > input + .zs-button:before,
.zs-button-attached > .zs-form input[type="submit"]:before,
.zs-button-attached > input + .zs-form input[type="submit"]:before,
.zs-button-attached > .zs-form button:before,
.zs-button-attached > input + .zs-form button:before,
.zs-button-attached > .zs-form input[type="button"]:before,
.zs-button-attached > input + .zs-form input[type="button"]:before {
  font-size: 1.14285714em;
  font-family: "Javelin-Icons";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.57142857em;
  margin-right: 0.57142857em;
  display: inline-block;
}
/*
Tables

Tables

Styleguide Tables
*/
/*
Data grid

A simple data table

Markup:
<table class="zs-data-table">
	<thead>
		<tr><th>Column 1</th><th>Column 2</th><th><a href="" sort="asc">Column 3</a></th></tr>
	</thead>
	<tbody>
		<tr><td>Cell 11</td><td align="center">center</td><td>Cell 13</td></tr>
		<tr><td>Cell 21</td><td align="right">right</td><td>Cell 23</td></tr>
		<tr><td>Cell 31</td><td>Cell 32</td><td>Cell 33</td></tr>
		<tr><td>Cell 31</td><td>Cell 32</td><td>Cell 33</td></tr>
	</tbody>
</table>
	
Styleguide Tables.DataGrid
*/
.zs-data-table,
.zs-data-table-compact {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0.71em 0em 0.71em 0em;
}
.zs-data-table caption,
.zs-data-table-compact caption {
  text-align: left;
}
.zs-data-table:first-child,
.zs-data-table-compact:first-child {
  margin-top: 0;
}
.zs-data-table:first-child > caption,
.zs-data-table-compact:first-child > caption {
  margin-top: 0;
}
.zs-data-table tr[align="right"] td,
.zs-data-table tr[align="right"] th,
.zs-data-table-compact tr[align="right"] td,
.zs-data-table-compact tr[align="right"] th {
  text-align: right;
}
.zs-data-table tr[align="left"] td,
.zs-data-table tr[align="left"] th,
.zs-data-table-compact tr[align="left"] td,
.zs-data-table-compact tr[align="left"] th {
  text-align: left;
}
.zs-data-table tr[align="center"] td,
.zs-data-table tr[align="center"] th,
.zs-data-table-compact tr[align="center"] td,
.zs-data-table-compact tr[align="center"] th {
  text-align: center;
}
.zs-data-table tr[valign="top"] td,
.zs-data-table tr[valign="top"] th,
.zs-data-table-compact tr[valign="top"] td,
.zs-data-table-compact tr[valign="top"] th {
  vertical-align: top;
}
.zs-data-table tr[valign="middle"] td,
.zs-data-table tr[valign="middle"] th,
.zs-data-table-compact tr[valign="middle"] td,
.zs-data-table-compact tr[valign="middle"] th {
  vertical-align: middle;
}
.zs-data-table tr[valign="bottom"] td,
.zs-data-table tr[valign="bottom"] th,
.zs-data-table-compact tr[valign="bottom"] td,
.zs-data-table-compact tr[valign="bottom"] th {
  vertical-align: bottom;
}
.zs-data-table tr[valign="baseline"] td,
.zs-data-table tr[valign="baseline"] th,
.zs-data-table-compact tr[valign="baseline"] td,
.zs-data-table-compact tr[valign="baseline"] th {
  vertical-align: baseline;
}
.zs-data-table tr td[align="right"],
.zs-data-table tr th[align="right"],
.zs-data-table-compact tr td[align="right"],
.zs-data-table-compact tr th[align="right"] {
  text-align: right;
}
.zs-data-table tr td[align="left"],
.zs-data-table tr th[align="left"],
.zs-data-table-compact tr td[align="left"],
.zs-data-table-compact tr th[align="left"] {
  text-align: left;
}
.zs-data-table tr td[align="center"],
.zs-data-table tr th[align="center"],
.zs-data-table-compact tr td[align="center"],
.zs-data-table-compact tr th[align="center"] {
  text-align: center;
}
.zs-data-table tr td[valign="top"],
.zs-data-table tr th[valign="top"],
.zs-data-table-compact tr td[valign="top"],
.zs-data-table-compact tr th[valign="top"] {
  vertical-align: top;
}
.zs-data-table tr td[valign="bottom"],
.zs-data-table tr th[valign="bottom"],
.zs-data-table-compact tr td[valign="bottom"],
.zs-data-table-compact tr th[valign="bottom"] {
  vertical-align: bottom;
}
.zs-data-table tr td[valign="baseline"],
.zs-data-table tr th[valign="baseline"],
.zs-data-table-compact tr td[valign="baseline"],
.zs-data-table-compact tr th[valign="baseline"] {
  vertical-align: baseline;
}
.zs-data-table tr.zs-warning,
.zs-data-table-compact tr.zs-warning {
  background: #fff9e1;
}
.zs-data-table tr.zs-error,
.zs-data-table-compact tr.zs-error {
  background: #f8e9e6;
}
.zs-data-table td,
.zs-data-table th,
.zs-data-table-compact td,
.zs-data-table-compact th {
  padding: 0.71em 0.71em 0.71em 0.71em;
  border: 1px solid #d0dde6;
  border-left: 0px;
  border-right: 0px;
  text-align: left;
  vertical-align: top;
}
.zs-data-table td.zs-action-icons,
.zs-data-table th.zs-action-icons,
.zs-data-table-compact td.zs-action-icons,
.zs-data-table-compact th.zs-action-icons {
  padding-top: 0.426em;
  padding-bottom: 0;
}
.zs-data-table td.zs-actions,
.zs-data-table th.zs-actions,
.zs-data-table-compact td.zs-actions,
.zs-data-table-compact th.zs-actions {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  vertical-align: middle;
}
.zs-data-table thead td,
.zs-data-table thead th,
.zs-data-table > tr > th,
.zs-data-table > th,
.zs-data-table > tbody > tr > th,
.zs-data-table-compact thead td,
.zs-data-table-compact thead th,
.zs-data-table-compact > tr > th,
.zs-data-table-compact > th,
.zs-data-table-compact > tbody > tr > th,
.zs-data-table-compact thead th {
  background: #e5eaef;
  font-size: 0.92857143em;
  font-weight: bold;
  min-height: 34px;
  height: 34px;
  padding: 0.639em 0.71em 0.639em 0.71em;
  vertical-align: bottom;
}
.zs-data-table thead td a,
.zs-data-table thead th a,
.zs-data-table > tr > th a,
.zs-data-table > th a,
.zs-data-table > tbody > tr > th a,
.zs-data-table-compact thead td a,
.zs-data-table-compact thead th a,
.zs-data-table-compact > tr > th a,
.zs-data-table-compact > th a,
.zs-data-table-compact > tbody > tr > th a {
  text-decoration: none;
}
.zs-data-table thead td a[sort="asc"],
.zs-data-table thead th a[sort="asc"],
.zs-data-table > tr > th a[sort="asc"],
.zs-data-table > th a[sort="asc"],
.zs-data-table > tbody > tr > th a[sort="asc"],
.zs-data-table thead td a[sort="desc"],
.zs-data-table thead th a[sort="desc"],
.zs-data-table > tr > th a[sort="desc"],
.zs-data-table > th a[sort="desc"],
.zs-data-table > tbody > tr > th a[sort="desc"],
.zs-data-table-compact thead td a[sort="asc"],
.zs-data-table-compact thead th a[sort="asc"],
.zs-data-table-compact > tr > th a[sort="asc"],
.zs-data-table-compact > th a[sort="asc"],
.zs-data-table-compact > tbody > tr > th a[sort="asc"],
.zs-data-table-compact thead td a[sort="desc"],
.zs-data-table-compact thead th a[sort="desc"],
.zs-data-table-compact > tr > th a[sort="desc"],
.zs-data-table-compact > th a[sort="desc"],
.zs-data-table-compact > tbody > tr > th a[sort="desc"] {
  padding-right: 1em;
  position: relative;
}
.zs-data-table thead td a[sort="asc"]:after,
.zs-data-table thead th a[sort="asc"]:after,
.zs-data-table > tr > th a[sort="asc"]:after,
.zs-data-table > th a[sort="asc"]:after,
.zs-data-table > tbody > tr > th a[sort="asc"]:after,
.zs-data-table thead td a[sort="desc"]:after,
.zs-data-table thead th a[sort="desc"]:after,
.zs-data-table > tr > th a[sort="desc"]:after,
.zs-data-table > th a[sort="desc"]:after,
.zs-data-table > tbody > tr > th a[sort="desc"]:after,
.zs-data-table-compact thead td a[sort="asc"]:after,
.zs-data-table-compact thead th a[sort="asc"]:after,
.zs-data-table-compact > tr > th a[sort="asc"]:after,
.zs-data-table-compact > th a[sort="asc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="asc"]:after,
.zs-data-table-compact thead td a[sort="desc"]:after,
.zs-data-table-compact thead th a[sort="desc"]:after,
.zs-data-table-compact > tr > th a[sort="desc"]:after,
.zs-data-table-compact > th a[sort="desc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="desc"]:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  content: "\00a0\00a0";
  top: 50%;
  margin-top: -0.5em;
  position: absolute;
}
.zs-data-table thead td a[sort="asc"][sort="asc"]:after,
.zs-data-table thead th a[sort="asc"][sort="asc"]:after,
.zs-data-table > tr > th a[sort="asc"][sort="asc"]:after,
.zs-data-table > th a[sort="asc"][sort="asc"]:after,
.zs-data-table > tbody > tr > th a[sort="asc"][sort="asc"]:after,
.zs-data-table thead td a[sort="desc"][sort="asc"]:after,
.zs-data-table thead th a[sort="desc"][sort="asc"]:after,
.zs-data-table > tr > th a[sort="desc"][sort="asc"]:after,
.zs-data-table > th a[sort="desc"][sort="asc"]:after,
.zs-data-table > tbody > tr > th a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact thead td a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact thead th a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact > tr > th a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact > th a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact thead td a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact thead th a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact > tr > th a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact > th a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="desc"][sort="asc"]:after {
  content: "\58";
}
.zs-data-table thead td a[sort="asc"][sort="desc"]:after,
.zs-data-table thead th a[sort="asc"][sort="desc"]:after,
.zs-data-table > tr > th a[sort="asc"][sort="desc"]:after,
.zs-data-table > th a[sort="asc"][sort="desc"]:after,
.zs-data-table > tbody > tr > th a[sort="asc"][sort="desc"]:after,
.zs-data-table thead td a[sort="desc"][sort="desc"]:after,
.zs-data-table thead th a[sort="desc"][sort="desc"]:after,
.zs-data-table > tr > th a[sort="desc"][sort="desc"]:after,
.zs-data-table > th a[sort="desc"][sort="desc"]:after,
.zs-data-table > tbody > tr > th a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact thead td a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact thead th a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact > tr > th a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact > th a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact thead td a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact thead th a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact > tr > th a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact > th a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact > tbody > tr > th a[sort="desc"][sort="desc"]:after {
  content: "\4b";
}
.zs-data-table thead td a:after,
.zs-data-table thead th a:after,
.zs-data-table > tr > th a:after,
.zs-data-table > th a:after,
.zs-data-table > tbody > tr > th a:after,
.zs-data-table-compact thead td a:after,
.zs-data-table-compact thead th a:after,
.zs-data-table-compact > tr > th a:after,
.zs-data-table-compact > th a:after,
.zs-data-table-compact > tbody > tr > th a:after {
  font-size: 1.25em;
}
.zs-data-table > thead > tr > td,
.zs-data-table > thead > tr > th,
.zs-data-table-compact > thead > tr > td,
.zs-data-table-compact > thead > tr > th {
  line-height: 1.3em;
}
.zs-data-table .zs-number,
.zs-data-table-compact .zs-number {
  text-align: right;
}
tr.zs-highlight,
tr[mark],
td[mark],
td.zs-highlight {
  background-color: #fdf3e6;
}
/*
Compact data grid

A compact data table

Markup:
<table class="zs-data-table-compact">
	<thead>
		<tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
	</thead>
	<tbody>
		<tr><td>Cell 11</td><td>Cell 12</td><td>Cell 13</td></tr>
		<tr><td>Cell 21</td><td>Cell 22</td><td>Cell 23</td></tr>
		<tr><td>Cell 31</td><td>Cell 32</td><td>Cell 33</td></tr>
	</tbody>
</table>

Styleguide Tables.CompactDataGrid
*/
.zs-data-table-compact {
  font-size: 0.92857143em;
}
.zs-data-table-compact td,
.zs-data-table-compact th {
  padding: 0.355em 0.355em 0.355em 0.355em;
  border: 1px solid #d0dde6;
  border-top: 0;
  border-left: 0;
}
.zs-data-table-compact td:first-child,
.zs-data-table-compact th:first-child {
  border-left: 1px solid #d0dde6;
}
.zs-data-table-compact thead td,
.zs-data-table-compact thead th {
  padding: 0.355em 0.355em 0.355em 0.355em;
  border-top: 1px solid #d0dde6;
  font-weight: bold;
  min-height: inherit;
  height: inherit;
}
.zs-data-table-compact thead td a,
.zs-data-table-compact thead th a {
  text-decoration: none;
}
.zs-data-table-compact thead td a[sort="asc"],
.zs-data-table-compact thead th a[sort="asc"],
.zs-data-table-compact thead td a[sort="desc"],
.zs-data-table-compact thead th a[sort="desc"] {
  padding-right: 1em;
  position: relative;
}
.zs-data-table-compact thead td a[sort="asc"]:after,
.zs-data-table-compact thead th a[sort="asc"]:after,
.zs-data-table-compact thead td a[sort="desc"]:after,
.zs-data-table-compact thead th a[sort="desc"]:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: 'zsIcons';
  content: "\00a0\00a0";
  top: 50%;
  margin-top: -0.5em;
  position: absolute;
}
.zs-data-table-compact thead td a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact thead th a[sort="asc"][sort="asc"]:after,
.zs-data-table-compact thead td a[sort="desc"][sort="asc"]:after,
.zs-data-table-compact thead th a[sort="desc"][sort="asc"]:after {
  content: "\58";
}
.zs-data-table-compact thead td a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact thead th a[sort="asc"][sort="desc"]:after,
.zs-data-table-compact thead td a[sort="desc"][sort="desc"]:after,
.zs-data-table-compact thead th a[sort="desc"][sort="desc"]:after {
  content: "\4b";
}
.zs-data-table-compact tbody > tr:first-child td,
.zs-data-table-compact thead:first-child tr td,
.zs-data-table-compact thead:first-child tr th {
  border-top: 1px solid #d0dde6;
}
/*
Popup menu

Popup menu

Markup:
<div class="zs-menu">
	<a href="#">Link 1</a>
	<a href="#">link 2 </a>
	<a href="#" class="zs-active">Link 3</a>
	<a href="#">Link 4</a>		
</div>

Styleguide Components.PopupMenu
*/
.zs-menu {
  background: #ffffff;
  border-radius: 0.3em;
  border: 1px solid #e1e9ef;
  box-shadow: 0 3px 6px #dee3e3;
  box-sizing: border-box;
  display: inline-block;
  min-width: 150px;
  max-width: 400px;
  z-index: 2000;
}
.zs-menu > a,
.zs-menu > a:visited,
.zs-menu > a:hover,
.zs-menu > li,
.zs-menu > ul > li > a,
.zs-menu > nav > a,
.zs-menu > nav > a:visited,
.zs-search-dropdown > nav > a,
.zs-search-dropdown > nav > a:visited {
  color: #53565a;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.71em 0.71em 0.71em 0.71em;
}
.zs-menu > a.zs-active,
.zs-menu > a:visited.zs-active,
.zs-menu > a:hover.zs-active,
.zs-menu > li.zs-active,
.zs-menu > ul > li > a.zs-active,
.zs-menu > nav > a.zs-active,
.zs-menu > nav > a:visited.zs-active,
.zs-search-dropdown > nav > a.zs-active,
.zs-search-dropdown > nav > a:visited.zs-active {
  background: #e5eaef;
}
.zs-menu > a:hover,
.zs-menu > a:visited:hover,
.zs-menu > a:hover:hover,
.zs-menu > li:hover,
.zs-menu > ul > li > a:hover,
.zs-menu > nav > a:hover,
.zs-menu > nav > a:visited:hover,
.zs-search-dropdown > nav > a:hover,
.zs-search-dropdown > nav > a:visited:hover {
  background: #f5f7f9;
}
.zs-menu > ali a,
.zs-menu > a:visitedli a,
.zs-menu > a:hoverli a,
.zs-menu > lili a,
.zs-menu > ul > li > ali a,
.zs-menu > nav > ali a,
.zs-menu > nav > a:visitedli a,
.zs-search-dropdown > nav > ali a,
.zs-search-dropdown > nav > a:visitedli a {
  color: #53565a;
  display: block;
  white-space: nowrap;
}
/*
*/
.zs-search-dropdown {
  margin: -1px;
  border: 1px solid #98a4ae;
}
.zs-search-dropdown > nav {
  max-height: 14.52em;
  overflow: auto;
}
.zs-search-dropdown > nav > a[hover] {
  color: #4c94af;
  text-decoration: none;
  background: #f5f7f9;
}
.zs-search-dropdown > nav > a[active] {
  background: #e5eaef;
}
.zs-search-dropdown > p {
  margin: 0.71em 0.71em 0.71em 0.71em !important;
  margin-top: 0.71em !important;
  display: block;
}
.zs-search-dropdown > p > input.zs-input {
  width: 100%;
  min-width: 100%;
}
.zs-search-dropdown > p > [clear] {
  margin-top: -0.57142857em;
  padding: 2px 2px;
}
.zs-search-dropdown [highlight] {
  background-color: #fee37c;
}
.zs-search-dropdown .select-all {
  border-bottom: 1px solid #98a4ae;
}
.zs-search-dropdown input[type="checkbox"] {
  margin-top: 0;
  margin-bottom: 0;
}
.zs-select > [overlay] {
  padding-bottom: 5px;
  background-color: transparent;
  border-radius: 0;
  outline: 0;
  font-weight: normal;
  border: 1px solid #98a4ae;
  color: #53565a;
  padding: 0.51785714em 0.426em 0.51785714em 0.426em;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* TODO: Move to zs-menu component */
.zs-menu > a,
.zs-menu > a:visited,
.zs-menu > a:hover,
.zs-menu > li,
.zs-menu > nav > a,
.zs-menu > nav > a:visited,
.zs-search-dropdown > nav > a,
.zs-search-dropdown > nav > a:visited {
  color: #53565a;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.71em 0.71em 0.71em 0.71em;
}
.zs-menu > a.zs-active,
.zs-menu > a:visited.zs-active,
.zs-menu > a:hover.zs-active,
.zs-menu > li.zs-active,
.zs-menu > nav > a.zs-active,
.zs-menu > nav > a:visited.zs-active,
.zs-search-dropdown > nav > a.zs-active,
.zs-search-dropdown > nav > a:visited.zs-active {
  background: #e5eaef;
}
.zs-menu > a:hover,
.zs-menu > a:visited:hover,
.zs-menu > a:hover:hover,
.zs-menu > li:hover,
.zs-menu > nav > a:hover,
.zs-menu > nav > a:visited:hover,
.zs-search-dropdown > nav > a:hover,
.zs-search-dropdown > nav > a:visited:hover {
  background: #f5f7f9;
}
.zs-menu > ali a,
.zs-menu > a:visitedli a,
.zs-menu > a:hoverli a,
.zs-menu > lili a,
.zs-menu > nav > ali a,
.zs-menu > nav > a:visitedli a,
.zs-search-dropdown > nav > ali a,
.zs-search-dropdown > nav > a:visitedli a {
  color: #53565a;
  display: block;
  white-space: nowrap;
}
.zs-open-dropdown.zs-select:after {
  content: '';
}
.zs-open-dropdown .zs-menu {
  box-shadow: none;
}
.zs-open-dropdown p .zs-input {
  min-width: 100%;
}
.zs-open-dropdown a:focus {
  outline: 0;
}
.zs-input,
.zs-form input[type="number"],
.zs-field input[type="number"],
.zs-fieldset input[type="number"],
.zs-form input[type="text"],
.zs-field input[type="text"],
.zs-fieldset input[type="text"],
.zs-form textarea,
.zs-field textarea,
.zs-fieldset textarea {
  /**
	  * @todo a little hack to fix ZSUI-358
	  */
  margin-bottom: 0.5px;
}
html {
  display: table;
  width: 100%;
  border: #ed8b00;
  height: 100%;
}
body {
  display: table-cell;
  vertical-align: middle;
  background-image: url('tilebg.png');
  text-align: center;
}
form {
  display: inline-block;
}
form #entry-form {
  background-color: #ffffff;
  text-align: left;
}
form #entry-form div.container {
  padding: 0.71em 2.13em 0.71em 2.13em;
}
form #entry-form div.container h1 {
  text-align: center;
}
form #entry-form div.container h1 .logo {
  display: block;
  line-height: 999px;
  overflow: hidden;
  margin: 5px auto;
}
form #entry-form div.container div.form-title > h2 {
  margin-bottom: 0;
}
form #entry-form div.container div.form-description {
  margin: 0.5325em 0em 0.5325em 0em;
  max-width: 17.85714286em;
}
form #entry-form div.container .zs-message {
  max-width: 19.23076923em;
}
form #entry-form div.container div.form-error {
  background: #f8e9e6 url('../../lib/images/login-error.png') no-repeat scroll 5px 7px;
  color: #722f20;
  line-height: 1.5em;
  margin: 0.213em 0em 0.71em 0em;
  padding: 0.426em 0.426em 0.426em 1.917em;
}
form #entry-form div.container div.form-content {
  margin-top: 0.71em;
}
form #entry-form div.container div.form-content fieldset p {
  padding: 0;
}
form #entry-form div.container div.form-content fieldset p.zs-error input[type="password"] {
  background-color: #fff9e1;
}
form #entry-form div.container div.form-content fieldset div.remember-me {
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 1.065em;
}
form #entry-form div.container div.form-content fieldset div.remember-me label {
  display: inline-block;
  position: absolute;
  top: 50%;
  height: 1.38461538em;
  margin-top: -0.69230769em;
  min-width: 8em;
}
form #entry-form div.container div.form-content fieldset .submit {
  clear: left;
  text-align: center;
}
form #entry-form div.container div.form-content fieldset .submit input {
  padding: 0.71em 0.71em 0.71em 0.71em;
  width: 100%;
}
form #entry-form div.container div.form-content fieldset p.submit {
  margin-top: 1.42em;
}
form #entry-form div.container div.form-content ul.login-links {
  margin-top: 0.355em;
  clear: right;
  text-align: center;
  list-style: none;
}
form #entry-form div.container div.form-content ul.login-links li {
  padding: 0.142em 0em 0.142em 0em;
}
form #entry-form div.container div.form-content .login-access-message {
  margin: 0.355em 0em 0.355em 0em;
}
form #entry-form div.container div.form-content .login-access-message > span {
  max-width: 17.85714286em;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
form #entry-form div.container div.form-content div.zs-input-icon.zs-icon-search {
  width: 100%;
}
form #entry-form div.container div.form-content div.zs-input-icon.zs-icon-search:before {
  color: #53565a;
}
form #entry-form div.container div.form-content div.zs-input-icon.zs-icon-search input {
  width: 100%;
}
form #entry-form div.container div.error {
  background-color: #f8e9e6;
  padding: 0.142em 0em 0.355em 0em;
}
form #entry-form div.container div.error p {
  background: transparent url('../../lib/images/login-error.png') 10px 0 no-repeat;
  color: #722f20;
  margin: 0.213em 0em 0.213em 0em;
  padding: 0.142em 0em 0.142em 2.13em;
}
form #entry-form div.container div.form-message {
  background: #e8f6eb url('../../lib/images/login-message.png') 5px 7px no-repeat;
  color: #317b3f;
  line-height: 1.5em;
  margin: 0.213em 0em 0.71em 0em;
  padding: 0.426em 0.426em 0.426em 1.917em;
}
form #entry-form div.container div.form-error a,
form #entry-form div.container div.form-message a {
  display: block;
  padding-top: 8px;
}
form #entry-form div.container div.form-error a.inline,
form #entry-form div.container div.form-message a.inline {
  display: inline;
}
form #entry-form p.label-note {
  margin: 0;
  padding: 0.142em 0.355em 0.142em 0.355em;
}
form #entry-form .select-identity {
  margin-bottom: 0.71em;
}
form .zs-footer {
  text-align: center;
  background-color: #F1F2F4;
  padding: 0.5em 0;
}
form .zs-footer img {
  margin-top: 0.71428571em;
}
form #footer {
  color: #fff;
  margin: 1.065em 1.42em 1.42em 1.42em;
}
form #footer p {
  margin: 0;
  padding: 0;
}
form #footer a {
  color: #fff;
}
form #footer a:link,
form #footer a:visited {
  text-decoration: underline;
}
form #footer a:hover,
form #footer a:active {
  text-decoration: none;
}
form #footer p.poweredby {
  background: transparent url('../../lib/images/poweredby.png') no-repeat;
  display: block;
  width: 155px;
  height: 16px;
  line-height: 999px;
  overflow: hidden;
  margin: 0 auto;
}
form #footer p.policy {
  margin-top: 0.355em;
}
form #footer p.policy a {
  margin: 0em 0.142em 0em 0.142em;
}
div.special-message {
  font-size: 12px;
  margin: 0;
}
@media only screen and (device-width: 768px) {
  #entry-form select.select-identity {
    height: 30px;
  }
}
ul.login-bullets {
  list-style-position: outside;
  display: inline;
}
ul.login-bullets li {
  margin: 0.71em 0.71em 0.71em 0.71em;
}
.zs-open-dropdown.zs-select:after {
  content: '';
}
.zs-open-dropdown .zs-menu {
  box-shadow: none;
  margin-bottom: 0.71em;
  margin-top: 0.71em;
}
.zs-open-dropdown p .zs-input {
  min-width: 100%;
}
.zs-open-dropdown a:focus {
  outline: 0;
}