html[data-theme="light"] {
  --primary-color: var(--app-primary);
  --primary-color-rgb: var(--app-primary-rgb);	
}
html[data-theme="dark"]{
	--primary-color: var(--app-primary-500);
	--primary-color-rgb: var(--app-primary-500-rgb);
}
[class^="z-icon-"],[class*=" z-icon-"] {
    font-family: "Font Awesome 6 Free", ZK85Icons, FontAwesome;
    font-weight: 900;
}
div.z-log textarea {
	font-size: 14px;
    font-weight: 500;
    border-color: rgba(var(--app-primary-800-rgb),0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(var(--app-primary-800-rgb),0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(var(--app-primary-800-rgb),0.6);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(var(--app-primary-800-rgb),0.6);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(var(--app-primary-800-rgb),0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(var(--app-primary-800-rgb),0.6)
}
div.z-log button {
    font-size: 10px
}
.z-radiogroup{
	--gutter-x: 0.5rem;	
    display: flex;
    flex-wrap: wrap;
}
.z-radiogroup > * {
	flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-right: calc(var(--gutter-x)* .5);
    padding-left: calc(var(--gutter-x)* .5);
    margin-top: var(--gutter-y);
}
.z-checkbox-default .z-checkbox-content:not(:empty),
.z-radio-default .z-radio-content:not(:empty){
	margin-left: 0.375rem;
}
.z-checkbox-default,.z-radio-default{
	display: inline-block;
}
input[type="radio"] {
    margin: 0 4px 2px 4px;
    background: var(--input-bg-color);
    border-color: var(--input-border-color);
    width: 18px;
    height: 18px
}
input[type="radio"]:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--primary-color-rgb),.25);
}
input[type="radio"]:hover {
    border-color: var(--primary-color)
}
input[type="radio"]:before {
    width: 12px;
    height: 12px;
}
input[type="radio"]:checked {
    border-color: var(--primary-color)
}
input[type="radio"]:checked:before {
    background-color: var(--primary-color)
}
input[type="radio"][disabled] {
    background: #D5D5D5 !important;
    border-color: rgba(var(--input-border-color-rgb), 0.34) !important;
}
input[type="radio"][disabled]:checked {
    border-color: rgba(0,0,0,0.34)
}
input[type="radio"][disabled]:checked:before {
    background-color: rgba(var(--app-primary-500-rgb),0.64)
}
input[type="radio"][disabled]:checked:hover {
    border-color: rgba(0,0,0,0.34)
}
input[type="radio"][disabled]:hover {
    border-color: #D9D9D9
}
input[type="radio"]::-ms-check {
    border: 0
}
input[type="radio"]:checked::-ms-check {
    border-color: #D9D9D9;
    color: var(--app-primary)
}
input[type="radio"][disabled]:checked::-ms-check {
    border-color: rgba(0,0,0,0.34);
    color: rgba(0,0,0,0.34);
    border-radius: 50%
}
.ie11 input[type="radio"]::-ms-check {
    border: 1px solid #D9D9D9
}
input[type="checkbox"] {
    font-size: 16px;
    margin: 0 4px 2px 4px;
    background: var(--input-bg-color);
    border-color: var(--input-border-color);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 18px;
    height: 18px
}
input[type="checkbox"]:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--primary-color-rgb),.34);
}
input[type="checkbox"]:hover {
    border-color: var(--primary-color)
}

input[type="checkbox"]:checked {
    background-color: var(--primary-color);
}

input[type="checkbox"]:checked:before {
    content: "\f00c"
}

input[type="checkbox"]:indeterminate {
    background-color: var(--app-primary);
    color: #FFFFFF
}

input[type="checkbox"]:indeterminate:before {
    content: "\f068"
}

input[type="checkbox"][disabled] {
    color: rgba(255,255,255,0.34);
    background: var(--input-disabled-bg-color-rbg) !important;
    border-color: rgba(var(--input-border-color-rgb), 0.34) !important;
}
input[type="checkbox"][disabled]:checked {
	background: rgba(var(--app-primary-500-rgb),0.64) !important;
}
input[type="checkbox"][disabled]:hover {
    border-color: #D9D9D9
}

input[type="checkbox"]::-ms-check {
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

input[type="checkbox"]:checked::-ms-check {
    border: 0;
    background-clip: content-box;
    background-color: var(--app-primary);
    color: #FFFFFF
}

input[type="checkbox"][disabled]:checked::-ms-check {
    background-color: #F2F2F2;
    color: rgba(0,0,0,0.34)
}

.ie11 input[type="checkbox"]::-ms-check {
    border: 1px solid #D9D9D9
}
.z-label,.z-radio-content,.z-checkbox-content,.z-loading {
	--font-weight: 500;
    font-size: var(--font-size);
    font-weight: var(--font-weight)
}

.z-temp,.z-modal-mask {
    background: rgba(0,0,0,.32);
}
html[data-theme=dark] .z-temp,html[data-theme=dark] .z-modal-mask {
    background: rgba(0,0,0);
}
#zk_proc-t.z-loading {
	top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.z-loading,.z-apply-loading {
    background: transparent;
}
.z-loading-indicator,.z-apply-loading-indicator {
	    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	  margin: auto;
	  box-sizing: border-box;
	  background-clip: padding-box;
	  width: 175px;
	  height: 175px;
	  border-radius: 100px;
	  border: 4px solid transparent;
	  /* -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%); */
	  padding: 0;
	  background: transparent;

}
.z-apply-loading-indicator {
    font-size: var(--font-size);
    font-weight: normal;
    padding: 3px 4px 3px 28px;
    position: relative;
    overflow: hidden
}

.z-apply-loading-icon,.z-renderdefer {
    width: 20px;
    height: 20px;
    background: transparent no-repeat center;
    background-size: contain
}

.z-loading-icon {
	background-image:url('/fch_erp/images/logo/fig_ficachi_soluciones.svg');
  	background-size: 80px;
    background-position: center center;
    animation: pulse 1.5s ease-in-out infinite;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
}

.z-loading-indicator:before,
.z-loading-indicator:after {
  content: "";
  position: absolute;
  margin: -4px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 0.05;
  border: inherit;
  border-color: transparent;
  animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    spinner-fade 1.2s linear infinite;
}
.z-loading-indicator:before {
  border-top-color: #66e6ff;
}
.z-loading-indicator:after {
  border-top-color: #f0db75;
  animation-delay: 0.3s;
}

@-webkit-keyframes app-bouncedelay {
  0%,
  80%,
  to {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes app-bouncedelay {
  0%,
  80%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes spinner-fade {
  20% {
    opacity: 0.1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0.1;
  }
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
}
@keyframes spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-wiggle {
  30% {
    transform: perspective(200px) rotateX(66deg);
  }
  40% {
    transform: perspective(200px) rotateX(65deg);
  }
  50% {
    transform: perspective(200px) rotateX(68deg);
  }
  60% {
    transform: perspective(200px) rotateX(64deg);
  }
}



.z-apply-loading-icon {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -10px
}

.z-apply-mask {
    width: 100%;
    height: 100%;
    background: #E0E1E3;
    opacity: .6;
    filter: alpha(opacity=60);
    ;position: absolute;
    top: 0;
    left: 0;
    z-index: 89000
}

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

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

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

.z-overflow-hidden {
    overflow: hidden
}

.z-dd-stackup {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 16800
}

.z-temp * {
    font-size: 5px;
    color: #FFFFFF;
    text-decoration: none
}

.z-temp .z-loading {
    background: #FFFFFF;
    top: 49%;
    left: 46%
}

.z-temp .z-loading-indicator {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57)
}

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

.z-dragged {
    color: rgba(0,0,0,0.9);
    background: none no-repeat scroll 0 0 #FFFFFF
}

.z-drag-over {
    background: var(--app-primary-50) !important
}

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

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

.z-drop-allow {
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.z-drop-allow .z-drop-content {
    background: #FFFFFF
}

.z-drop-allow .z-drop-icon {
    color: var(--app-primary)
}

.z-drop-disallow {
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.z-drop-disallow .z-drop-content {
    background: #F2F2F2
}

.z-drop-disallow .z-drop-icon {
    color: rgba(0,0,0,0.34)
}

.z-drop-disallow .z-drop-text {
    color: rgba(0,0,0,0.34)
}

.z-drop-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    padding: 5px 36px 5px 12px;
    line-height: 22px;
    position: relative
}

.z-drop-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: transparent;
    text-align: center;
    vertical-align: middle
}

.z-drop-text {
    padding-left: 8px
}

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

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

.ie9 span.z-upload input,.ie10 span.z-upload input {
    z-index: 1
}

.z-upload-icon {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/misc/prgmeter.png);
    overflow: hidden
}

.ie9 .z-upload-hover,.ie10 .z-upload-hover {
    border-color: transparent;
    background: var(--app-primary-50)
}

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

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

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

.z-scrollbar {
    display: none;
    position: absolute;
    line-height: 1
}

.z-scrollbar-wrapper {
    position: absolute
}

.z-scrollbar-indicator {
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--app-primary);
    position: absolute;
    cursor: pointer;
    z-index: 100
}

.z-scrollbar-indicator:hover {
    background-color: var(--app-primary-700)
}

.z-scrollbar-rail {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.z-scrollbar-icon {
    display: none;
    color: rgba(0,0,0,0.57);
    width: 16px;
    height: 16px;
    position: absolute
}

.z-scrollbar-vertical {
    width: 10px;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: 4px
}

.z-scrollbar-vertical .z-scrollbar-wrapper {
    width: 100%;
    top: 16px;
    left: 0
}

.z-scrollbar-vertical .z-scrollbar-rail {
    width: 6px;
    left: 3px
}

.z-scrollbar-vertical .z-scrollbar-indicator {
    width: 10px;
    left: 1px
}

.z-scrollbar-vertical .z-scrollbar-icon {
    margin-top: -8px;
    left: -1px;
    top: 50%;
    -webkit-transform: scale(0.5, 0.7);
    -moz-transform: scale(0.5, 0.7);
    -o-transform: scale(0.5, 0.7);
    -ms-transform: scale(0.5, 0.7);
    transform: scale(0.5, 0.7)
}

.z-scrollbar-vertical-embed {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #D9D9D9;
    position: absolute;
    width: 10px;
    height: 10px;
    height: 100%;
    top: 0;
    right: 0
}

.z-scrollbar-up,.z-scrollbar-down {
    font-size: 18px;
    color: var(--app-primary);
    width: 16px;
    height: 16px;
    background: transparent;
    position: absolute;
    cursor: pointer;
    margin-left: -4px
}

.z-scrollbar-up:hover,.z-scrollbar-down:hover {
    color: var(--app-primary-700);
    background: transparent
}

.z-scrollbar-down {
    bottom: 0
}

.z-scrollbar-horizontal {
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    margin-bottom: 4px
}

.z-scrollbar-horizontal .z-scrollbar-wrapper {
    height: 100%;
    bottom: 0;
    left: 16px
}

.z-scrollbar-horizontal .z-scrollbar-rail {
    height: 6px;
    top: 3px
}

.z-scrollbar-horizontal .z-scrollbar-indicator {
    height: 10px;
    top: 1px
}

.z-scrollbar-horizontal .z-scrollbar-icon {
    margin-left: -8px;
    left: 50%;
    top: -1px;
    -webkit-transform: rotate(90deg) scale(0.5, 0.7);
    -moz-transform: rotate(90deg) scale(0.5, 0.7);
    -o-transform: rotate(90deg) scale(0.5, 0.7);
    -ms-transform: rotate(90deg) scale(0.5, 0.7);
    transform: rotate(90deg) scale(0.5, 0.7)
}

.z-scrollbar-horizontal-embed {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #D9D9D9;
    position: absolute;
    width: 10px;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0
}

.z-scrollbar-left,.z-scrollbar-right {
    font-size: 18px;
    color: var(--app-primary);
    width: 16px;
    height: 16px;
    background: transparent;
    position: absolute;
    cursor: pointer;
    margin-top: -4px
}

.z-scrollbar-left:hover,.z-scrollbar-right:hover {
    color: var(--app-primary-700);
    background: transparent
}

.z-scrollbar-right {
    right: 0
}

.z-macro {
    display: inline-block;
    min-width: 1px
}

.z-a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    color: var(--app-primary)
}

.z-a:hover {
    color: var(--app-primary-700)
}

.z-a:visited {
    color: var(--app-primary-700)
}

.z-a[disabled] {
    color: rgba(0,0,0,0.34);
    cursor: default;
    text-decoration: none
}

.z-a[disabled]:hover,.z-a[disabled]:visited {
    color: rgba(0,0,0,0.34)
}

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

.z-absolutechildren {
    position: absolute;
    overflow: auto
}

.z-anchorlayout,.z-anchorlayout-body,.z-anchorchildren {
    overflow: hidden
}

.z-anchorchildren {
    margin: 0;
    padding: 0;
    float: left
}

.z-anchorlayout,.z-anchorchildren {
    -ms-zoom:1}

.z-auxhead th:first-child {
    border-left: none
}

.z-auxhead th:first-child.z-auxhead-border {
    border-left: 1px solid var(--app-primary-700)
}

.z-auxhead-bar {
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700)
}

.z-auxheader {
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700);
    padding: 0;
    background-color: var(--app-primary);
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.z-auxheader-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    padding: 4px 5px;
    line-height: 24px;
    overflow: hidden
}

.z-combobox {
    display: inline-block;
    height: 24px;
    line-height: normal;
    white-space: nowrap;
    position: relative
}
.z-combobox-input.z-combobox-hover,.z-combobox-input.z-combobox-hover+.z-combobox-button {
    border-color: #A8A8A8
}
.z-combobox-input:focus+.z-combobox-button {
    border-left: 1px solid var(--app-primary)
}

.z-combobox-input-full {
    padding-right: 5px
}

.z-combobox-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-combobox-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-combobox-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-combobox-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-combobox-disabled>a,.z-combobox-disabled>span {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-combobox-disabled .z-combobox-button:hover {
    border-color: #D9D9D9
}

.z-combobox-button.z-combobox-disabled {
    display: none
}
.z-combobox-invalid+.z-combobox-button {
    border-left: 1px solid #FF4051 !important
}
.z-combobox-inplace .z-combobox-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-combobox-inplace .z-combobox-button {
    visibility: hidden
}
.z-bandbox-input.z-bandbox-hover,.z-bandbox-input.z-bandbox-hover+.z-bandbox-button {
    border-color: #A8A8A8
}
.z-bandbox-input:focus+.z-bandbox-button {
    border-left: transparent;
}

.z-bandbox-input-full {
    padding-right: 5px
}

.z-bandbox-button:hover {
    border-color: transparent;
    background: transparent
}

.z-bandbox-button:active {
    color: var(--app-mate-icon);
}

.z-bandbox-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-bandbox-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}
.z-bandbox-disabled .z-bandbox-button:hover {
    border-color: #D9D9D9
}

.z-bandbox-button.z-bandbox-disabled {
    display: none
}

.z-bandbox-invalid+.z-bandbox-button {
    border-color: transparent !important;
}
.z-bandbox-inplace .z-bandbox-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-bandbox-inplace .z-bandbox-button {
    visibility: hidden
}

.z-datebox {
    display: inline-block;
    height: 24px;
    line-height: normal;
    white-space: nowrap;
    position: relative
}
.z-datebox-input.z-datebox-hover,.z-datebox-input.z-datebox-hover+.z-datebox-button {
    border-color: #A8A8A8
}
.z-datebox-input:focus+.z-datebox-button {
    border-left: 1px solid transparent;
}

.z-datebox-input-full {
    padding-right: 5px
}

.z-datebox-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-datebox-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-datebox-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-datebox-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-datebox-disabled>a,.z-datebox-disabled>span {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-datebox-disabled .z-datebox-button:hover {
    border-color: #D9D9D9
}

.z-datebox-button.z-datebox-disabled {
    display: none
}

.z-datebox-invalid+.z-datebox-button {
    border-left: 1px solid #FF4051 !important
}

.z-datebox-inplace .z-datebox-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-datebox-inplace .z-datebox-button {
    visibility: hidden
}

.z-timebox {
    display: inline-block;
    height: 24px;
    line-height: normal;
    white-space: nowrap;
    position: relative
}

.z-timebox-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    width: 100%;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 4px 5px;
    padding-right: 29px;
    line-height: 12px;
    background: #FFFFFF
}

.z-timebox-input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-timebox-input:-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-timebox-input::-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-timebox-input:-ms-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-timebox-input.z-timebox-hover,.z-timebox-input.z-timebox-hover+.z-timebox-button {
    border-color: #A8A8A8
}

.z-timebox-input:focus {
    border-color: var(--app-primary)
}

.z-timebox-input:focus+.z-timebox-button {
    border-left: 1px solid var(--app-primary)
}

.z-timebox-input-full {
    padding-right: 5px
}

.z-timebox-button {
    font-size: 18px;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 24px;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 2px;
    line-height: 12px;
    background: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

.z-timebox-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-timebox-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-timebox-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-timebox-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-timebox-disabled>a,.z-timebox-disabled>span {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-timebox-disabled .z-timebox-button:hover {
    border-color: #D9D9D9
}

.z-timebox-button.z-timebox-disabled {
    display: none
}

.z-timebox-invalid+.z-timebox-button {
    border-left: 1px solid #FF4051 !important
}

.z-timebox-readonly>input {
    color: rgba(0,0,0,0.9);
    background: #F2F2F2
}

.z-timebox-readonly .z-timebox-button {
    color: rgba(0,0,0,0.9);
    background-color: #FFFFFF
}

.z-timebox-inplace .z-timebox-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-timebox-inplace .z-timebox-button {
    visibility: hidden
}

.z-spinner {
    display: inline-block;
    height: 24px;
    line-height: normal;
    white-space: nowrap;
    position: relative
}

.z-spinner-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    width: 100%;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 4px 5px;
    padding-right: 29px;
    line-height: 12px;
    background: #FFFFFF
}

.z-spinner-input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-spinner-input:-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-spinner-input::-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-spinner-input:-ms-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-spinner-input.z-spinner-hover,.z-spinner-input.z-spinner-hover+.z-spinner-button {
    border-color: #A8A8A8
}

.z-spinner-input:focus {
    border-color: var(--app-primary)
}

.z-spinner-input:focus+.z-spinner-button {
    border-left: 1px solid var(--app-primary)
}

.z-spinner-input-full {
    padding-right: 5px
}

.z-spinner-button {
    font-size: 18px;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 24px;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 2px;
    line-height: 12px;
    background: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

.z-spinner-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-spinner-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-spinner-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-spinner-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-spinner-disabled>a,.z-spinner-disabled>span {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-spinner-disabled .z-spinner-button:hover {
    border-color: #D9D9D9
}

.z-spinner-button.z-spinner-disabled {
    display: none
}

.z-spinner-invalid+.z-spinner-button {
    border-left: 1px solid #FF4051 !important
}

.z-spinner-readonly>input {
    color: rgba(0,0,0,0.9);
    background: #F2F2F2
}

.z-spinner-readonly .z-spinner-button {
    color: rgba(0,0,0,0.9);
    background-color: #FFFFFF
}

.z-spinner-inplace .z-spinner-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-spinner-inplace .z-spinner-button {
    visibility: hidden
}

.z-doublespinner {
    display: inline-block;
    height: 24px;
    line-height: normal;
    white-space: nowrap;
    position: relative
}

.z-doublespinner-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    width: 100%;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 4px 5px;
    padding-right: 29px;
    line-height: 12px;
    background: #FFFFFF
}

.z-doublespinner-input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-doublespinner-input:-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-doublespinner-input::-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-doublespinner-input:-ms-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-doublespinner-input.z-doublespinner-hover,.z-doublespinner-input.z-doublespinner-hover+.z-doublespinner-button {
    border-color: #A8A8A8
}

.z-doublespinner-input:focus {
    border-color: var(--app-primary)
}

.z-doublespinner-input:focus+.z-doublespinner-button {
    border-left: 1px solid var(--app-primary)
}

.z-doublespinner-input-full {
    padding-right: 5px
}

.z-doublespinner-button {
    font-size: 18px;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 24px;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 2px;
    line-height: 12px;
    background: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

.z-doublespinner-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-doublespinner-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-doublespinner-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-doublespinner-disabled>input {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-doublespinner-disabled>a,.z-doublespinner-disabled>span {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-doublespinner-disabled .z-doublespinner-button:hover {
    border-color: #D9D9D9
}

.z-doublespinner-button.z-doublespinner-disabled {
    display: none
}

.z-doublespinner-invalid+.z-doublespinner-button {
    border-left: 1px solid #FF4051 !important
}

.z-doublespinner-readonly>input {
    color: rgba(0,0,0,0.9);
    background: #F2F2F2
}

.z-doublespinner-readonly .z-doublespinner-button {
    color: rgba(0,0,0,0.9);
    background-color: #FFFFFF
}

.z-doublespinner-inplace .z-doublespinner-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-doublespinner-inplace .z-doublespinner-button {
    visibility: hidden
}

.z-combobox-open .z-combobox-button,.z-bandbox-open .z-bandbox-button,.z-datebox-open .z-datebox-button {
    color: var(--app-primary-600);
    border-color: transparent;
}

.z-combobox-readonly>input,.z-bandbox-readonly>input,.z-datebox-readonly>input {
    cursor: pointer
}

.z-datebox-button,.z-bandbox-button,.z-combobox-button {
    font-size: 18px;
    min-height: 22px
}

.z-datebox-button,.z-bandbox-button {
    text-align: center
}

.z-timebox-button,.z-spinner-button,.z-doublespinner-button {
    width: 24px;
    padding: 0
}

.z-timebox-button:hover,.z-spinner-button:hover,.z-doublespinner-button:hover,.z-timebox-button:active,.z-spinner-button:active,.z-doublespinner-button:active {
    background: #FFFFFF
}

.z-timebox-button>a,.z-spinner-button>a,.z-doublespinner-button>a {
    display: block;
    color: rgba(0,0,0,0.9);
    height: 12px;
    padding: 0;
    overflow: hidden;
    text-decoration: none
}

.z-timebox-button>a>i,.z-spinner-button>a>i,.z-doublespinner-button>a>i {
    -webkit-transform: translateY(-4px);
    ;-moz-transform: translateY(-4px);
    ;-o-transform: translateY(-4px);
    ;-ms-transform: translateY(-4px);
    ;transform: translateY(-4px);
}

.z-timebox-button>a:hover,.z-spinner-button>a:hover,.z-doublespinner-button>a:hover {
    background: var(--app-primary-50)
}

.z-timebox-button>i,.z-spinner-button>i,.z-doublespinner-button>i {
    z-index: 2
}

.z-timebox-button:hover>i,.z-spinner-button:hover>i,.z-doublespinner-button:hover>i {
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--app-primary-400);
    position: absolute;
    top: 50%;
    left: 0
}

.z-timebox-active.z-timebox-icon,.z-timebox-active.z-timebox-icon:hover {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background: var(--app-primary)
}

.z-spinner-active.z-spinner-icon,.z-spinner-active.z-spinner-icon:hover {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background: var(--app-primary)
}

.z-doublespinner-active.z-doublespinner-icon,.z-doublespinner-active.z-doublespinner-icon:hover {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background: var(--app-primary)
}

.z-timebox-disabled a,.z-spinner-disabled a,.z-doublespinner-disabled a {
    color: rgba(0,0,0,0.34)
}

.z-timebox-disabled a:hover,.z-spinner-disabled a:hover,.z-doublespinner-disabled a:hover {
    background: 0
}

.z-timebox-disabled span>i,.z-spinner-disabled span>i,.z-doublespinner-disabled span>i {
    display: none
}

.z-combobox-emptySearchMessage {
    display: block;
    padding: 4px 8px;
    position: relative;
    min-height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0,0,0,0.34)
}

.z-combobox-emptySearchMessage-hidden {
    display: none
}

.z-comboitem,.z-comboitem-button {
    font-size: var(--font-size);
    white-space: nowrap;
    cursor: pointer
}

.z-comboitem {
    padding: 4px var(--input-padding-x);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    min-height: 28px;
}

.z-comboitem-inner,.z-comboitem-content {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57)
}

.z-comboitem:hover {
    background-color: rgba(var(--item-hover-color-rgb), var(--item-hover-color-opacity))
}
.z-comboitem.z-comboitem-disabled{
	background: transparent;
	color: #79808b94 !important;
	cursor: default
}
.z-comboitem-text {
    line-height: 14px
}

.z-comboitem-image {
    margin-top: -4px;
    margin-right: 4px;
    float: left
}

.z-comboitem-image:empty {
    margin-right: 0
}

.z-comboitem-icon {
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    padding-right: 4px
}

.z-combobox-popup,.z-bandbox-popup,.z-datebox-popup,.z-timebox-popup {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: var(--font-size);
    color: rgba(0,0,0,0.9);
    display: block;
    border: 1px solid var(--app-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    background: #FFFFFF;
    position: absolute;
    overflow: hidden
}

.z-combobox-popup {
    overflow: auto;
    min-height: 10px
}

.z-combobox-content {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent none repeat 0 0;
    position: relative;
    list-style: none outside none;
    min-width: 100%;
    display: inline-block
}

.z-borderlayout {
    width: 100%;
    height: 100%;
    border: 0;
    background: #FFFFFF;
    overflow: hidden
}

.z-borderlayout-icon {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57);
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 3px;
    overflow: hidden;
    cursor: pointer
}

.z-borderlayout-icon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-north,.z-south,.z-west,.z-center,.z-east {
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    position: absolute;
    overflow: hidden
}

.z-north-noborder,.z-south-noborder,.z-west-noborder,.z-center-noborder,.z-east-noborder {
    border: 0
}

.z-north-header,.z-south-header,.z-west-header,.z-center-header,.z-east-header {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    background: #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    padding: 8px 4px 9px;
    overflow: hidden;
    cursor: default;
    white-space: nowrap
}

.z-north-body,.z-south-body,.z-west-body,.z-center-body,.z-east-body {
    line-height: 12px;
    padding: 2px;
    color: rgba(0,0,0,0.9)
}

.z-north-collapsed,.z-south-collapsed,.z-west-collapsed,.z-center-collapsed,.z-east-collapsed {
    width: 32px;
    height: 32px;
    border: 1px solid #D9D9D9;
    padding: 4px;
    background: #F9FCFF;
    position: absolute;
    overflow: hidden;
    cursor: pointer
}

.z-north-collapsed:hover,.z-south-collapsed:hover,.z-west-collapsed:hover,.z-center-collapsed:hover,.z-east-collapsed:hover {
    background: var(--app-primary-50)
}

.z-north-collapsed:hover .z-borderlayout-icon,.z-south-collapsed:hover .z-borderlayout-icon,.z-west-collapsed:hover .z-borderlayout-icon,.z-center-collapsed:hover .z-borderlayout-icon,.z-east-collapsed:hover .z-borderlayout-icon {
    color: rgba(0,0,0,0.57)
}

.z-north-collapsed .z-borderlayout-icon,.z-south-collapsed .z-borderlayout-icon,.z-west-collapsed .z-borderlayout-icon,.z-center-collapsed .z-borderlayout-icon,.z-east-collapsed .z-borderlayout-icon {
    color: rgba(0,0,0,0.57)
}

.z-north-slide>.z-north-collapsed,.z-north-slide>.z-south-collapsed,.z-north-slide>.z-west-collapsed,.z-north-slide>.z-center-collapsed,.z-north-slide>.z-east-collapsed,.z-south-slide>.z-north-collapsed,.z-south-slide>.z-south-collapsed,.z-south-slide>.z-west-collapsed,.z-south-slide>.z-center-collapsed,.z-south-slide>.z-east-collapsed,.z-west-slide>.z-north-collapsed,.z-west-slide>.z-south-collapsed,.z-west-slide>.z-west-collapsed,.z-west-slide>.z-center-collapsed,.z-west-slide>.z-east-collapsed,.z-center-slide>.z-north-collapsed,.z-center-slide>.z-south-collapsed,.z-center-slide>.z-west-collapsed,.z-center-slide>.z-center-collapsed,.z-center-slide>.z-east-collapsed,.z-east-slide>.z-north-collapsed,.z-east-slide>.z-south-collapsed,.z-east-slide>.z-west-collapsed,.z-east-slide>.z-center-collapsed,.z-east-slide>.z-east-collapsed {
    background: #FFFFFF
}

.z-north-slide>.z-north-collapsed:hover,.z-north-slide>.z-south-collapsed:hover,.z-north-slide>.z-west-collapsed:hover,.z-north-slide>.z-center-collapsed:hover,.z-north-slide>.z-east-collapsed:hover,.z-south-slide>.z-north-collapsed:hover,.z-south-slide>.z-south-collapsed:hover,.z-south-slide>.z-west-collapsed:hover,.z-south-slide>.z-center-collapsed:hover,.z-south-slide>.z-east-collapsed:hover,.z-west-slide>.z-north-collapsed:hover,.z-west-slide>.z-south-collapsed:hover,.z-west-slide>.z-west-collapsed:hover,.z-west-slide>.z-center-collapsed:hover,.z-west-slide>.z-east-collapsed:hover,.z-center-slide>.z-north-collapsed:hover,.z-center-slide>.z-south-collapsed:hover,.z-center-slide>.z-west-collapsed:hover,.z-center-slide>.z-center-collapsed:hover,.z-center-slide>.z-east-collapsed:hover,.z-east-slide>.z-north-collapsed:hover,.z-east-slide>.z-south-collapsed:hover,.z-east-slide>.z-west-collapsed:hover,.z-east-slide>.z-center-collapsed:hover,.z-east-slide>.z-east-collapsed:hover {
    background: var(--app-primary-50)
}

.z-north-slide .z-north-header,.z-north-slide .z-south-header,.z-north-slide .z-west-header,.z-north-slide .z-center-header,.z-north-slide .z-east-header,.z-south-slide .z-north-header,.z-south-slide .z-south-header,.z-south-slide .z-west-header,.z-south-slide .z-center-header,.z-south-slide .z-east-header,.z-west-slide .z-north-header,.z-west-slide .z-south-header,.z-west-slide .z-west-header,.z-west-slide .z-center-header,.z-west-slide .z-east-header,.z-center-slide .z-north-header,.z-center-slide .z-south-header,.z-center-slide .z-west-header,.z-center-slide .z-center-header,.z-center-slide .z-east-header,.z-east-slide .z-north-header,.z-east-slide .z-south-header,.z-east-slide .z-west-header,.z-east-slide .z-center-header,.z-east-slide .z-east-header {
    border-bottom-width: 0
}

.z-north-caption,.z-south-caption,.z-west-caption,.z-center-caption,.z-east-caption {
    height: 24px
}

.z-north,.z-south,.z-center {
    width: 100%
}

.z-west,.z-east {
    height: 100%
}

.z-west,.z-west-collapsed,.z-west-splitter {
    z-index: 12
}

.z-center {
    z-index: 8
}

.z-east,.z-east-collapsed,.z-east-splitter {
    z-index: 10
}

.z-north,.z-north-collapsed,.z-north-splitter {
    z-index: 16
}

.z-south,.z-south-collapsed,.z-south-splitter {
    z-index: 14
}

.z-east-splitter,.z-west-splitter,.z-north-splitter,.z-south-splitter {
    width: 8px;
    height: 8px;
    background-color: #F9FCFF;
    position: absolute;
    overflow: hidden;
    cursor: ew-resize
}

.z-east-splitter:hover,.z-west-splitter:hover,.z-north-splitter:hover,.z-south-splitter:hover {
    background-color: var(--app-primary-50)
}

.z-east-splitter:hover .z-east-splitter-button,.z-west-splitter:hover .z-east-splitter-button,.z-north-splitter:hover .z-east-splitter-button,.z-south-splitter:hover .z-east-splitter-button,.z-east-splitter:hover .z-west-splitter-button,.z-west-splitter:hover .z-west-splitter-button,.z-north-splitter:hover .z-west-splitter-button,.z-south-splitter:hover .z-west-splitter-button,.z-east-splitter:hover .z-north-splitter-button,.z-west-splitter:hover .z-north-splitter-button,.z-north-splitter:hover .z-north-splitter-button,.z-south-splitter:hover .z-north-splitter-button,.z-east-splitter:hover .z-south-splitter-button,.z-west-splitter:hover .z-south-splitter-button,.z-north-splitter:hover .z-south-splitter-button,.z-south-splitter:hover .z-south-splitter-button {
    color: rgba(0,0,0,0.34)
}

.z-east-splitter-button,.z-west-splitter-button,.z-north-splitter-button,.z-south-splitter-button {
    color: rgba(0,0,0,0.34);
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer
}

.z-east-icon,.z-west-icon,.z-north-icon,.z-south-icon {
    font-size: var(--font-size);
    line-height: 12px;
    position: absolute
}

.z-north-splitter,.z-south-splitter {
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    cursor: ns-resize
}

.z-north-splitter-button-disabled .z-icon-caret-up,.z-south-splitter-button-disabled .z-icon-caret-down,.z-west-splitter-button-disabled .z-icon-caret-left,.z-east-splitter-button-disabled .z-icon-caret-right {
    display: none
}

.z-north-splitter-button-disabled,.z-south-splitter-button-disabled {
    cursor: ns-resize
}

.z-west-splitter-button-disabled,.z-east-splitter-button-disabled {
    cursor: ew-resize
}

.z-west-icon,.z-east-icon {
    top: 8px;
    left: -3px
}

.z-west-icon.z-icon-ellipsis-v,.z-east-icon.z-icon-ellipsis-v {
    font-size: 10px;
    top: -21px;
    left: 3px;
    cursor: ew-resize;
    visibility: hidden
}

.z-north-icon,.z-south-icon {
    left: 9px;
    top: -4px
}

.z-west-icon.z-icon-ellipsis-v~.z-west-icon.z-icon-ellipsis-v,.z-east-icon.z-icon-ellipsis-v~.z-east-icon.z-icon-ellipsis-v {
    top: 39px
}

.z-north-icon.z-icon-ellipsis-h,.z-south-icon.z-icon-ellipsis-h {
    top: -2px;
    left: -20px;
    cursor: ns-resize;
    visibility: hidden
}

.z-north-icon.z-icon-ellipsis-h~.z-north-icon.z-icon-ellipsis-h,.z-south-icon.z-icon-ellipsis-h~.z-south-icon.z-icon-ellipsis-h {
    left: 40px
}

.z-west-splitter-button,.z-east-splitter-button {
    width: 8px;
    height: 30px;
    border-width: 1px 0
}

.z-north-splitter-button,.z-south-splitter-button {
    width: 30px;
    height: 8px;
    border-width: 0 1px
}

.z-north-title,.z-south-title,.z-west-title,.z-east-title {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px
}

.z-west-title,.z-east-title {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.ie9 .z-north-splitter,.ie9 .z-south-splitter {
    cursor: row-resize
}

.ie9 .z-east-splitter,.ie9 .z-west-splitter {
    cursor: col-resize
}

.ie9 .z-north-icon.z-icon-ellipsis-h,.ie9 .z-south-icon.z-icon-ellipsis-h {
    cursor: row-resize
}

.ie9 .z-north-icon.z-icon-ellipsis-v,.ie9 .z-south-icon.z-icon-ellipsis-v {
    cursor: col-resize
}

.ie9 .z-north-splitter-button-disabled,.ie9 .z-south-splitter-button-disabled {
    cursor: row-resize
}

.ie9 .z-west-splitter-button-disabled,.ie9 .z-east-splitter-button-disabled {
    cursor: col-resize
}
.z-button-image {
    vertical-align: text-bottom
}

.z-button:hover {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-400)
}

.z-button:focus {
    color: #FFFFFF;
    border-color: #FFA516;
    background-color: var(--app-primary)
}

.z-button:active {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-700)
}

.z-button[disabled] {
    color: rgba(0,0,0,0.34);
    border-color: transparent;
    background-color: #D9D9D9;
    cursor: default
}

.ie .z-button>i,.edge .z-button>i {
    vertical-align: text-bottom
}

.z-hbox,.z-vbox {
    border-spacing: 0
}

.z-hbox th,.z-vbox th,.z-hbox td,.z-vbox td {
    padding: 0;
    background-clip: padding-box
}

.z-hbox th,.z-vbox th {
    text-align: inherit
}

.z-hbox-separator,.z-vbox-separator {
    margin: 0;
    padding: 0
}

.z-hbox-separator {
    width: .3em
}

.z-vbox-separator {
    height: .3em
}

.z-vbox-separator td {
    line-height: 0
}

tr.z-splitter-outer>td {
    height: 8px;
    max-height: 8px
}

td.z-splitter-outer {
    width: 8px;
    max-width: 8px;
    padding: 0
}

.z-splitter {
    border: 1px solid #D9D9D9;
    background-color: #F9FCFF
}

.z-splitter:hover {
    background-color: var(--app-primary-50)
}

.z-splitter:hover .z-splitter-button {
    color: rgba(0,0,0,0.34)
}

.z-splitter-horizontal {
    width: 8px;
    border-width: 0 1px;
    overflow: hidden;
    cursor: col-resize
}

.z-splitter-horizontal>.z-splitter-button {
    width: 8px;
    height: 30px;
    border-width: 1px 0
}

.z-splitter-horizontal .z-splitter-icon {
    font-size: var(--font-size);
    position: absolute;
    top: 8px;
    left: -3px
}

.z-splitter-horizontal .z-splitter-icon.z-icon-ellipsis-v {
    top: -21px;
    left: 2px;
    cursor: col-resize;
    visibility: hidden
}

.z-splitter-horizontal .z-splitter-icon.z-icon-ellipsis-v~.z-splitter-icon.z-icon-ellipsis-v {
    top: 39px
}

.z-splitter-vertical {
    height: 8px;
    border-width: 1px 0;
    overflow: hidden;
    cursor: row-resize
}

.z-splitter-vertical>.z-splitter-button {
    width: 30px;
    height: 8px;
    border-width: 0 1px
}

.z-splitter-vertical .z-splitter-icon {
    font-size: var(--font-size);
    line-height: normal;
    position: absolute;
    top: -4px;
    left: 9px
}

.z-splitter-vertical .z-splitter-icon.z-icon-ellipsis-h {
    top: -2px;
    left: -16px;
    cursor: row-resize;
    visibility: hidden
}

.z-splitter-vertical .z-splitter-icon.z-icon-ellipsis-h~.z-splitter-icon.z-icon-ellipsis-h {
    left: 36px
}

.z-splitter-button {
    color: rgba(0,0,0,0.34);
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer
}

.z-splitter-button-disabled {
    border: 0
}

.z-splitter-vertical .z-splitter-button-disabled {
    cursor: row-resize
}

.z-splitter-horizontal .z-splitter-button-disabled {
    cursor: col-resize
}

.z-splitter-nosplitter {
    cursor: default
}

.z-splitter-ghost {
    background: #D9D9D9 !important
}

.z-calendar {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    background-color: #FFFFFF;
    min-width: 230px;
    padding: 8px 4px
}

.z-calendar a {
    text-decoration: none
}

.z-calendar th {
    width: 32px;
    height: 36px;
    min-width: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: var(--font-size);
    font-weight: 700;
    color: var(--app-text-secondary);
    padding: 8px 0
}
.z-calendar-title,
.z-calendar-title:hover {
    font-size: 14px;
    color: var(--text-color);
    line-height: 12px;
}
.z-calendar-cell {
    font-size: var(--font-size);
    color: var(--text-color);
    width: 32px;
    height: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-calendar-cell:hover {
    color: var(--text-color);
    background: rgba(var(--item-hover-color-rgb), var(--item-hover-color-opacity))
}

.z-calendar-weekend {
    color: var(--text-color);
    background: transparent
}

.z-calendar-weekday {
    color: var(--text-color);
    background: transparent
}

.z-calendar-outrange {
    color: rgba(0,0,0,0.34);
    text-shadow: none
}

.z-calendar-weekofyear {
    font-style: italic !important;
    color: rgba(0,0,0,0.34) !important;
    background: transparent;
    cursor: default
}

.z-calendar-weekofyear:hover {
    color: rgba(0,0,0,0.34);
    background: transparent
}

.z-calendar-selected {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    background: var(--app-primary)
}

.z-calendar-selected:hover {
    background: var(--app-primary);
    color: #fff
}
.z-calendar-outside {
    color: rgba(var(--app-text-secondary-rgb), 0.65);
}
.z-calendar-icon {
	--app-text-opacity: 0.57;
    color: rgba(var(--app-mate-icon-rgb), var(--app-text-opacity));
}

.z-calendar-icon:hover {
    --app-text-opacity: 1;
    color: rgba(var(--app-mate-icon-rgb), var(--app-text-opacity));
}

.z-calendar-right {
    right: 0
}

.z-calendar-left {
    left: 0
}

.z-calendar-left[disabled],.z-calendar-right[disabled],.z-calendar-disabled {
    color: rgba(0,0,0,0.34) !important;
    text-shadow: none !important;
    cursor: default !important
}

.z-calendar-left[disabled]:hover,.z-calendar-right[disabled]:hover,.z-calendar-disabled:hover {
    background: #FFFFFF
}

.z-calendar-today {
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-top: 5px
}

.z-calendar-today .z-calendar-title {
    display: block;
    padding: 4px 0;
    color: rgba(0,0,0,0.57)
}

.z-calendar-today:hover {
    border-color: transparent;
    background-color: var(--app-primary-50)
}

.z-calendar-today:active {
    border-color: transparent;
    background-color: var(--app-primary)
}

.z-calendar-today:active .z-calendar-title {
    color: #FFFFFF
}

.z-calendar-decade+.z-calendar-today,.z-calendar-month+.z-calendar-today,.z-calendar-year+.z-calendar-today {
    display: none
}

.z-datebox-popup {
    position: absolute
}

.z-datebox-popup .z-calendar {
    background: transparent;
    border: 0
}

.z-datebox-popup .z-calendar+.z-timebox {
    margin: 5px
}

.z-datebox-popup .z-calendar~.z-datebox-timezone {
    margin: 0 5px 5px
}

.z-datebox-timezone {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal
}

.z-caption {
    font-size: var(--font-size);
}

.z-caption-content,.z-caption .z-label {
    display: inline-block;
    line-height: 24px
}

.z-caption-content {
    padding: 4px 0
}

.z-caption-content>* {
    margin-left: 4px
}

.z-caption-content>*:first-child {
    margin-left: 0
}

.z-caption-label {
    margin: 0 2px
}

.z-caption .z-label {
    padding: 0
}

.z-caption-image {
    vertical-align: middle;
    height: 16px;
    width: 16px
}

.z-caption input {
    font-size: 11px
}

.z-caption .z-toolbar .z-a,.z-caption .z-toolbar .z-a:visited,.z-caption .z-toolbar .z-a:hover {
    color: #FFFFFF;
    border: 0;
    background: none
}

.z-caption .z-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding: 2px 11px;
    font-size: 12px
}

.z-caption .z-a,.z-caption .z-a:visited {
    font-size: 11px;
    font-weight: normal;
    color: rgba(0,0,0,0.9);
    background: none;
    text-decoration: none
}

.z-caption .z-a:hover {
    text-decoration: underline
}

.z-checkbox-default>.z-checkbox-mold {
    display: none
}

.z-checkbox-tristate>.z-checkbox-mold {
    display: none
}

.z-checkbox-switch {
    display: inline-block
}

.z-checkbox-switch>input[type="checkbox"] {
    display: none
}

.z-checkbox-switch>.z-checkbox-mold {
    margin: 3px 6px 6px;
    position: relative;
    width: 38px;
    height: 14px;
    transition: .4s;
    border-radius: 7px;
    display: inline-block;
    vertical-align: middle
}

.z-checkbox-switch>.z-checkbox-mold:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: -2px;
    bottom: -2px;
    transition: .4s;
    border-radius: 50%;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16)
}

.z-checkbox-switch>.z-checkbox-mold:focus {
    -webkit-box-shadow: 0 0 0 2px #FFA516;
    -moz-box-shadow: 0 0 0 2px #FFA516;
    -o-box-shadow: 0 0 0 2px #FFA516;
    -ms-box-shadow: 0 0 0 2px #FFA516;
    box-shadow: 0 0 0 2px #FFA516;
    transition: unset
}

.z-checkbox-switch>.z-checkbox-content {
    display: inline-block
}

.z-checkbox-switch-off>.z-checkbox-mold {
    background-color: rgba(0,0,0,0.34)
}

.z-checkbox-switch-on>.z-checkbox-mold {
    background-color: var(--primary-color)
}

.z-checkbox-switch-on>.z-checkbox-mold:before {
    -webkit-transform: translateX(26px);
    -moz-transform: translateX(26px);
    -o-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.z-checkbox-switch-disabled>.z-checkbox-mold {
    opacity: .5;
    cursor: default
}

.z-checkbox-toggle {
    display: inline-block
}

.z-checkbox-toggle>input[type="checkbox"] {
    display: none
}

.z-checkbox-toggle>.z-checkbox-mold {
    margin: 0 4px 4px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transition: .1s;
    display: inline-block;
    vertical-align: middle
}

.z-checkbox-toggle>.z-checkbox-content {
    display: inline-block
}

.z-checkbox-toggle-off>.z-checkbox-mold {
    background-color: rgba(0,0,0,0.34);
    -webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39);
    -o-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39);
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39)
}

.z-checkbox-toggle-off>.z-checkbox-mold:focus {
    -webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39), 0 1px 0px 2px #FFA516;
    -moz-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39), 0 1px 0px 2px #FFA516;
    -o-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39), 0 1px 0px 2px #FFA516;
    -ms-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39), 0 1px 0px 2px #FFA516;
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.39), 0 1px 0px 2px #FFA516;
    transition: unset
}

.z-checkbox-toggle-on>.z-checkbox-mold {
    background-color: var(--app-primary);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48), 0 0 6px 2px rgba(0, 0, 0, 0.35) inset;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48), 0 0 6px 2px rgba(0, 0, 0, 0.35) inset;
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48), 0 0 6px 2px rgba(0, 0, 0, 0.35) inset;
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48), 0 0 6px 2px rgba(0, 0, 0, 0.35) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.48), 0 0 6px 2px rgba(0, 0, 0, 0.35) inset;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.z-checkbox-toggle-on>.z-checkbox-mold:focus {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48) inset, 0 0 6px 2px rgba(0, 0, 0, 0.35) inset, 0 1px 0px 2px #FFA516;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48) inset, 0 0 6px 2px rgba(0, 0, 0, 0.35) inset, 0 1px 0px 2px #FFA516;
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48) inset, 0 0 6px 2px rgba(0, 0, 0, 0.35) inset, 0 1px 0px 2px #FFA516;
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.48) inset, 0 0 6px 2px rgba(0, 0, 0, 0.35) inset, 0 1px 0px 2px #FFA516;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.48) inset, 0 0 6px 2px rgba(0, 0, 0, 0.35) inset, 0 1px 0px 2px #FFA516;
    transition: unset
}

.z-checkbox-toggle-disabled>.z-checkbox-mold {
    opacity: .5;
    cursor: default
}

.z-combobutton {
    display: inline-block;
    vertical-align: middle;
    min-height: 24px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    overflow: hidden
}

.z-combobutton-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    display: block;
    min-height: 24px;
    border: 2px solid transparent;
    padding: 4px 32px 4px 6px;
    line-height: normal;
    background-color: var(--app-primary);
    vertical-align: middle;
    position: relative;
    white-space: nowrap
}

.z-combobutton-button {
    font-weight: normal;
    display: block;
    width: 26px;
    height: 100%;
    border-left: 1px solid var(--app-primary-700);
    line-height: normal;
    position: absolute;
    top: 0;
    right: 0
}

.z-combobutton-icon {
    font-size: 16px
}

.z-combobutton-icon.z-icon-caret-down {
    display: block;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 5px
}

.z-combobutton-image {
    vertical-align: text-bottom
}

.z-combobutton:hover .z-combobutton-content {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-400)
}

.z-combobutton:focus .z-combobutton-content {
    color: #FFFFFF;
    border-color: #FFA516;
    background-color: var(--app-primary)
}

.z-combobutton:active .z-combobutton-content {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-700)
}

.z-combobutton[disabled] {
    cursor: default
}

.z-combobutton[disabled] .z-combobutton-content {
    color: rgba(0,0,0,0.34);
    border-color: transparent;
    background-color: #D9D9D9;
    cursor: default
}

.z-combobutton[disabled] .z-combobutton-button {
    border-color: #D9D9D9
}

.z-combobutton-toolbar .z-combobutton-content {
    font-size: var(--font-size);
    padding: 4px 32px 4px 6px;
    color: rgba(0,0,0,0.57);
    background-color: transparent
}

.z-combobutton-toolbar .z-combobutton-content .z-combobutton-button {
    border-color: transparent
}

.z-combobutton-toolbar:hover .z-combobutton-button,.z-combobutton-toolbar:focus .z-combobutton-button,.z-combobutton-toolbar:active .z-combobutton-button {
    border-color: var(--app-primary-700)
}

.z-combobutton-toolbar[disabled] .z-combobutton-button {
    border-color: #D9D9D9
}

.z-combobutton-toolbar.z-combobutton-open .z-combobutton-content {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.ie .z-combobutton-content>i,.edge .z-combobutton-content>i {
    vertical-align: text-bottom
}

.z-textbox:hover,.z-decimalbox:hover,.z-intbox:hover,.z-longbox:hover,.z-doublebox:hover {
    border-color: #A8A8A8
}
.z-textbox[readonly],.z-decimalbox[readonly],.z-intbox[readonly],.z-longbox[readonly],.z-doublebox[readonly] {
    color: rgba(0,0,0,0.9);
    background: #F2F2F2
}

.z-textbox[readonly]:hover,.z-decimalbox[readonly]:hover,.z-intbox[readonly]:hover,.z-longbox[readonly]:hover,.z-doublebox[readonly]:hover {
    border-color: #D9D9D9
}

.z-textbox[readonly]:focus,.z-decimalbox[readonly]:focus,.z-intbox[readonly]:focus,.z-longbox[readonly]:focus,.z-doublebox[readonly]:focus {
    border-color: #D9D9D9
}
.z-textbox[disabled]:hover,.z-decimalbox[disabled]:hover,.z-intbox[disabled]:hover,.z-longbox[disabled]:hover,.z-doublebox[disabled]:hover {
    border-color: #D9D9D9
}

.z-textbox[disabled]:focus,.z-decimalbox[disabled]:focus,.z-intbox[disabled]:focus,.z-longbox[disabled]:focus,.z-doublebox[disabled]:focus {
    border-color: #D9D9D9
}
textarea.z-textbox {
    overflow: auto;
    white-space: pre-wrap;
}
.z-errorbox {
    width: 16.25rem;
}
.z-errorbox>.z-errorbox-icon {
    font-size: 1rem;
	top: 0.438rem;
	left: 0.438rem;
}
.z-errorbox-left+.z-errorbox-icon {
    left: 0.938rem
}
.z-errorbox-up+.z-errorbox-icon {
    top: 0.813rem
}
.z-errorbox-content {
    font-size: var(--font-size);
    font-weight: 500;
    width: 100%;
    -webkit-border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-o-border-radius: 0.375rem;
	-ms-border-radius: 0.375rem;
	border-radius: 0.375rem;
	padding: 0.375rem 1.5rem 0.375rem 2.125rem;
	filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));
}
[data-theme="dark"] .z-errorbox-content {
	border-color: var(--z-errorbox-border-color);
	color: var(--z-errorbox-color);
	background: var(--z-errorbox-bg);
}
[data-theme="dark"] .z-errorbox-left {
    border-right-color: var(--z-errorbox-border-color);
}
[data-theme="dark"] .z-errorbox-right {
    border-left-color: var(--z-errorbox-border-color)
}
[data-theme="dark"] .z-errorbox-up {
    border-bottom-color: var(--z-errorbox-border-color)
}
[data-theme="dark"] .z-errorbox-down {
    border-top-color: var(--z-errorbox-border-color)
}
.z-errorbox-close {
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	top: 0.625rem;
	right: 0.5rem;
}
.z-errorbox-icon {
	position: absolute;
	top: -0.375rem
}
.z-errorbox-right ~.z-errorbox-close {
	right: 1rem
}
.z-errorbox-up ~.z-errorbox-close {
	top: 1.063rem
}
.z-grid {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    zoom:1}

.z-grid-header {
    width: 100%;
    background: var(--app-primary);
    position: relative;
    overflow: hidden
}

.z-grid-header table {
    border-spacing: 0
}

.z-grid-header table th,.z-grid-header table td {
    background-clip: padding-box;
    padding: 0
}

.z-grid-header table th {
    text-align: inherit
}

.z-grid-body {
    margin-top: auto;
    position: relative;
    overflow: hidden;
    overflow-anchor: none
}

.z-grid-body table {
    border-spacing: 0
}

.z-grid-body table th,.z-grid-body table td {
    background-clip: padding-box;
    padding: 0
}

.z-grid-body table th {
    text-align: inherit
}

.z-grid-body .z-grid-emptybody td {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.34);
    text-align: left;
    height: 1px
}

.z-grid-body .z-grid-emptybody .z-grid-emptybody-content {
    background: #FFFFFF;
    padding: 9px 5px
}

.z-grid-footer {
    background: #F2F2F2;
    border-top: 1px solid #D9D9D9;
    overflow: hidden;
    white-space: nowrap
}

.z-grid-footer table {
    border-spacing: 0
}

.z-grid-footer table th,.z-grid-footer table td {
    background-clip: padding-box;
    padding: 0
}

.z-grid-footer table th {
    text-align: inherit
}

.z-grid-footer .z-footer {
    overflow: hidden;
    background: #F2F2F2
}

.z-grid-footer .z-foot-bar {
    background: #F2F2F2
}

.z-grid .z-row-inner,.z-grid .z-cell {
    background: #FFFFFF
}

.z-grid-odd>.z-row-inner,.z-grid-odd>.z-cell {
    background: #FFFFFF
}

.z-grid-loading {
    background: transparent no-repeat center;
}

.z-columns th:first-child {
    border-left: none
}

.z-columns th:first-child.z-columns-border {
    border-left: 1px solid var(--app-primary-700)
}

.z-columns-bar {
    background: var(--app-primary);
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700)
}

.z-column {
    background: var(--app-primary);
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700);
    padding: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.z-column-hover {
    background: var(--app-primary-400)
}

.z-column-hover .z-column-button {
    display: block
}

.z-column-hover .z-column-content {
    color: #FFFFFF
}

.z-column-visited {
    background: var(--app-primary)
}

.z-column-visited .z-column-button {
    background: var(--app-primary-700)
}

.z-column-visited .z-column-content {
    color: #FFFFFF
}

.z-column-sort .z-column-content {
    cursor: pointer
}

.z-column-sort .z-column-content:active {
    background: var(--app-primary-700);
    color: #FFFFFF
}

.z-column-sort .z-column-sorticon {
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.z-column-sort .z-column-sorticon :active {
    background: rgba(0,0,0,0)
}

.z-column-button {
    font-size: 16px;
    color: #FFFFFF;
    display: none;
    width: 34px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: inset 1px 0 var(--app-primary-700);
    -moz-box-shadow: inset 1px 0 var(--app-primary-700);
    -o-box-shadow: inset 1px 0 var(--app-primary-700);
    -ms-box-shadow: inset 1px 0 var(--app-primary-700);
    box-shadow: inset 1px 0 var(--app-primary-700)
}

.z-column-sizing,.z-column-sizing .z-column-button,.z-column-sizing.z-column-sort .z-column-content {
    cursor: col-resize
}

.z-columns-menupopup .z-column-content {
    padding-right: 34px;
    text-overflow: ellipsis
}

.z-row:first-child .z-row-inner,.z-row:first-child .z-cell {
    border-top-width: 0
}

.z-row .z-row-inner,.z-row .z-cell {
    border-top: 1px solid #F2F2F2;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.z-row:hover>.z-row-inner,.z-row:hover>.z-cell {
    background: var(--app-primary-50)
}

.z-row:hover>.z-row-inner>.z-row-content {
    color: rgba(0,0,0,0.9)
}

body:not(.gecko) .z-row:hover>.z-row-inner,body:not(.gecko) .z-row:hover>.z-cell {
    position: relative
}

.z-group-inner {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #D9D9D9;
    background: #FFFFFF;
    position: relative;
    overflow: hidden
}

.z-group-inner .z-group-content,.z-group-inner .z-cell {
    padding: 4px 5px
}

.z-group.z-group-open .z-group-inner {
    background: #FFFFFF;
    border-bottom: 2px solid var(--app-primary)
}

.z-group.z-group-open .z-group-inner .z-group-icon,.z-group.z-group-open .z-group-inner .z-group-content {
    color: var(--app-primary)
}

.z-group-icon {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57);
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 8px
}

.z-groupfoot-inner {
    border-top: 1px solid #F2F2F2;
    background: #FFFFFF;
    overflow: hidden
}

.z-column-content,.z-row-content,.z-group-content,.z-groupfoot-content,.z-footer-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    line-height: 24px;
    overflow: hidden;
    padding: 4px 5px
}

.z-column-content {
    color: #FFFFFF
}

.z-footer-content {
    color: rgba(0,0,0,0.57)
}

.z-group-content {
    color: rgba(0,0,0,0.57)
}

.z-groupfoot-content {
    color: rgba(0,0,0,0.34);
    padding: 4px 5px
}

.z-group-open .z-groupfoot-content {
    color: var(--app-primary-400)
}

.z-grid-body .z-cell {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    color: rgba(0,0,0,0.9);
    padding: 4px 5px;
    line-height: 24px;
    overflow: hidden
}

.z-grid-paging-top {
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden
}

.z-grid-paging-bottom {
    width: 100%;
    border-top: 1px solid #D9D9D9;
    overflow: hidden
}

.z-grid-autopaging .z-row-content,.z-grid-autopaging .z-groupfoot-content {
    overflow: hidden
}

.z-grid-autopaging .z-group-content {
    overflow: hidden
}

.z-columns-menugrouping .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-group.png);
}

.z-columns-menuungrouping .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-ungroup.png);
}

.z-columns-menuascending .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-arrowup.png);
}

.z-columns-menudescending .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-arrowdown.png);
}

.z-cell-hidden-column,.z-row-hidden-column {
    white-space: nowrap;
    overflow: hidden
}

.ie .z-grid-body table {
    overflow: hidden
}

.ie9 .z-row .z-row-inner,.ie9 .z-row .z-cell {
    position: static;
    z-index: auto
}

.z-groupbox {
    padding-top: 16px
}

.z-groupbox>.z-groupbox-header {
    background: #FFFFFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    width: 100%;
    height: 16px;
    border: 1px solid #D9D9D9;
    border-bottom: 0;
    padding-left: 12px;
    line-height: normal;
    zoom:1}

.z-groupbox>.z-groupbox-header .z-groupbox-title {
    height: auto;
    min-height: 24px;
    white-space: nowrap
}

.z-groupbox>.z-groupbox-header .z-groupbox-title-content {
    display: inline-block;
    line-height: 24px;
    padding: 0 4px
}

.z-groupbox>.z-groupbox-header .z-caption,.z-groupbox>.z-groupbox-header .z-groupbox-title {
    display: inline;
    width: auto;
    padding: 0 4px;
    line-height: 24px;
    background: #FFFFFF;
    position: relative;
    cursor: pointer
}

.z-groupbox>.z-groupbox-header .z-caption-readonly,.z-groupbox>.z-groupbox-header .z-groupbox-title-readonly {
    cursor: default
}

.z-groupbox>.z-groupbox-header .z-caption-content,.z-groupbox>.z-groupbox-header .z-label {
    float: none
}

.z-groupbox>.z-groupbox-readonly .z-groupbox-title {
    cursor: default
}

.z-groupbox-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    background: #FFFFFF;
    display: block;
    height: inherit;
    border: 1px solid #D9D9D9;
    border-top: 0;
    padding: 5px;
    overflow: hidden;
    zoom:1}

.z-groupbox-notitle {
    padding: 0
}

.z-groupbox-notitle .z-groupbox-content {
    border-top: 1px solid #D9D9D9;
    padding: 5px
}

.z-groupbox-collapsed .z-groupbox-header {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.z-groupbox-3d {
    padding: 0
}

.z-groupbox-3d>.z-groupbox-header {
    height: auto;
    min-height: 32px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0
}

.z-groupbox-3d>.z-groupbox-header .z-caption,.z-groupbox-3d>.z-groupbox-header .z-groupbox-title {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 6px 8px;
    line-height: 24px;
    background: none;
    top: 0
}

.z-groupbox-3d>.z-groupbox-header .z-caption-content,.z-groupbox-3d>.z-groupbox-header .z-groupbox-title-content {
    line-height: 16px;
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57);
    padding: 0
}

.z-groupbox-3d>.z-groupbox-header .z-caption-content>.z-caption-image,.z-groupbox-3d>.z-groupbox-header .z-groupbox-title-content>.z-caption-image {
    margin-left: 0;
    margin-right: 4px
}

.z-groupbox-3d>.z-groupbox-content {
    padding: 5px
}

.z-hlayout,.z-vlayout {
    overflow: hidden
}

.z-hlayout {
    white-space: nowrap
}

.z-hlayout.z-valign-bottom.z-flex {
    align-items: flex-end
}

.z-hlayout.z-valign-top.z-flex {
    align-items: flex-start
}

.z-hlayout.z-valign-middle.z-flex {
    align-items: center
}

.z-hlayout-inner {
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: normal
}

.z-valign-bottom>.z-hlayout-inner {
    vertical-align: bottom
}

.z-valign-top>.z-hlayout-inner {
    vertical-align: top
}

.z-valign-middle>.z-hlayout-inner {
    vertical-align: middle
}

.z-vlayout-inner {
    position: relative
}

.z-inputgroup {
    display: -ms-inline-flexbox;
    display: inline-flex
}
.z-inputgroup-text {
    background: var(--app-tertiary-bg);
    border-color: var(--input-border-color);
    padding: 0 12px;
    min-height: 24px;
    -ms-flex-align: center;
    align-items: center
}
.z-inputgroup-text .z-radio-default,
.z-inputgroup-text .z-checkbox-default {
    display: inline-flex;
    align-items: center;
}
.z-inputgroup-vertical>:first-child {
    border-top-left-radius: var(--input-border-radius);
    border-top-right-radius: var(--input-border-radius)
}
.z-inputgroup-vertical>:last-child {
    border-bottom-left-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius)
}
.z-inputgroup:not(.z-inputgroup-vertical)>:first-child {
    border-top-left-radius: var(--input-border-radius);
    border-bottom-left-radius: var(--input-border-radius)
}
.z-inputgroup:not(.z-inputgroup-vertical)>:last-child,
.z-inputgroup:not(.z-inputgroup-vertical)>:last-child>input{
	border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.z-listbox {
	--zk-listbox-bg-color: var(--app-bg-card);
	--zk-listbox-border-color: var(--app-border);
	--zk-listbox-border-radius: var(--8px);
	--zk-listbox-header-border-color: var(--app-primary-800);
    background: var(--zk-listbox-bg-color);
    border-color: var(--zk-listbox-border-color);
    border-radius: var(--zk-listbox-border-radius);
}

.z-listbox-header {
    background: var(--app-primary);
}

.z-listbox-header table {
    border-spacing: 0
}

.z-listbox-header table th,.z-listbox-header table td {
    background-clip: padding-box;
    padding: 0
}

.z-listbox-header table th {
    text-align: inherit
}

.z-listbox-body {
    position: relative;
    overflow: hidden;
    overflow-anchor: none
}

.z-listbox-body table {
    border-spacing: 0
}

.z-listbox-body table th,.z-listbox-body table td {
    background-clip: padding-box;
    padding: 0
}

.z-listbox-body table th {
    text-align: inherit
}

.z-listbox-body .z-listbox-emptybody td {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color);
    text-align: center;
}

.z-listbox-body .z-listbox-emptybody .z-listbox-emptybody-content {
    background: var(--app-bg-card);
}
.z-listbox-footer {
    background: var(--app-bg-card);
    border-color: var(--app-border)
/*     border: none */
}
.z-listbox-footer .z-listfooter {
    background: var(--app-bg-card)
}

.z-listbox-footer .z-listfoot-bar {
    background: var(--app-bg-card)
}

.z-listbox .z-listcell, .z-listbox-odd>.z-listcell {
    background: var(--zk-listbox-bg-color);
    border-color: var(--zk-listbox-border-color)
}
.z-listbox-loading {
    background: transparent no-repeat center;
}

.z-listhead th:first-child {
    border-left: none
}

.z-listhead th:first-child.z-listhead-border {
    border-left: 1px solid var(--app-primary-700)
}

.z-listhead-bar {
    background: var(--app-primary);
    border-left: 1px solid var(--zk-listbox-header-border-color);
    border-bottom: 1px solid var(--zk-listbox-header-border-color)
}

.z-listheader {
    border-left: 1px solid var(--zk-listbox-header-border-color);
    border-bottom: 1px solid var(--zk-listbox-header-border-color);
    padding: 0;
    background: var(--app-primary);
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.z-listheader-sort .z-listheader-content {
    cursor: pointer
}

.z-listheader-sort .z-listheader-content:active {
    background: var(--app-primary-700);
    color: #FFFFFF
}

.z-listheader-sort .z-listheader-sorticon {
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.z-listheader-sort .z-listheader-sorticon :active {
    background: rgba(0,0,0,0)
}

.z-listheader-hover {
    background: var(--app-primary-400)
}

.z-listheader-hover .z-listheader-button {
    display: block
}

.z-listheader-hover .z-listheader-content {
    color: #FFFFFF
}

.z-listheader-visited {
    background: var(--app-primary)
}

.z-listheader-visited .z-listheader-button {
    background: var(--app-primary-700)
}

.z-listheader-visited .z-listheader-content {
    color: #FFFFFF
}

.z-listheader-checkable {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--app-primary);
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    vertical-align: text-top;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    left: 2px
}

.z-listheader-checkable .z-listheader-icon {
    display: none;
    cursor: default
}

.z-listheader-checkable.z-listheader-checked .z-listheader-icon {
    display: block;
    line-height: 18px
}

.z-listheader-button {
    font-size: 16px;
    color: #FFFFFF;
    display: none;
    width: 34px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: inset 1px 0 var(--app-primary-700);
    -moz-box-shadow: inset 1px 0 var(--app-primary-700);
    -o-box-shadow: inset 1px 0 var(--app-primary-700);
    -ms-box-shadow: inset 1px 0 var(--app-primary-700);
    box-shadow: inset 1px 0 var(--app-primary-700);
    z-index: 15
}

.z-listheader-sizing,.z-listheader-sizing .z-listheader-button,.z-listheader-sizing.z-listheader-sort .z-listheader-content {
    cursor: col-resize
}

.z-listhead-menupopup .z-listheader-content {
    padding-right: 34px;
    text-overflow: ellipsis
}

.z-listitem:first-child .z-listcell {
    border-top-width: 0
}
.z-listitem:hover>.z-listcell {
    background: rgba(var(--item-hover-color-rgb), var(--item-hover-color-opacity));
}
.z-listitem:hover>.z-listcell>.z-listcell-content {
    color: var(--text-color)
}
.z-listitem-checkable {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--app-primary);
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    vertical-align: text-top;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    left: 2px
}

.z-listitem-checkable.z-listitem-radio {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.z-listitem-checkable.z-listitem-radio:hover {
    border-color: var(--app-primary)
}

.z-listitem-checkable .z-listitem-icon {
    display: none;
    cursor: default
}
.z-listitem.z-listitem-selected>.z-listcell {
    background: rgba(var(--item-selected-color-rgb), 1);
}
.z-listitem.z-listitem-selected>.z-listcell>.z-listcell-content>.z-listitem-checkable.z-listitem-radio {
    border-color: var(--app-primary)
}

.z-listitem.z-listitem-selected:hover>.z-listcell {
    background: rgba(var(--item-selected-color-rgb), 1);
}

.z-listitem.z-listitem-selected:hover .z-listcell-content {
    color: rgba(0,0,0,0.9)
}

.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell {
    background: rgba(var(--item-selected-color-rgb), 1);
    position: relative
}

.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell>.z-listcell-content {
    color: rgba(0,0,0,0.9)
}

.z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {
    background: rgba(var(--item-selected-color-rgb), 1);
    position: relative
}

.z-listitem.z-listitem-selected.z-listitem-focus:hover .z-listcell-content {
    color: rgba(0,0,0,0.9)
}

.z-listitem-focus>.z-listcell {
    background: rgba(var(--item-selected-color-rgb), 1);
    position: relative
}

.z-listitem-focus .z-listcell-content {
    color: rgba(0,0,0,0.9)
}

.z-listitem-selected>.z-listcell>.z-listcell-content>.z-listitem-checkable .z-listitem-icon {
    display: block;
    line-height: 18px;
    cursor: pointer
}

.z-listitem-selected>.z-listcell>.z-listcell-content>.z-listitem-checkable .z-listitem-icon.z-icon-radio {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--app-primary);
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.z-listitem.z-listitem-disabled * {
    color: rgba(0,0,0,0.34) !important;
    cursor: default !important
}

.z-listitem.z-listitem-disabled:hover>.z-listcell {
    position: relative
}

.z-listitem.z-listitem-disabled a,.z-listitem.z-listitem-disabled a:visited,.z-listitem.z-listitem-disabled a:hover {
    text-decoration: none
}

.z-listitem a,.z-listitem a:visited,.z-listitem a:hover {
    text-decoration: none
}

body:not(.gecko) .z-listitem:hover>.z-listitem {
    position: relative
}

.z-listgroup-inner {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #D9D9D9;
    background: #FFFFFF;
    position: relative;
    overflow: hidden
}

.z-listgroup-inner .z-listcell-content,.z-listgroup-inner .z-listgroup-content {
    padding: 4px 5px
}

.z-listgroup.z-listgroup-open .z-listgroup-inner {
    background: #FFFFFF;
    border-bottom: 2px solid var(--app-primary)
}

.z-listgroup.z-listgroup-open .z-listgroup-inner .z-listgroup-icon,.z-listgroup.z-listgroup-open .z-listgroup-inner .z-listcell-content {
    color: var(--app-primary)
}

.z-listgroup-checkable {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--app-primary);
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    vertical-align: text-top;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    left: 2px
}

.z-listgroup-checkable .z-listgroup-icon {
    display: none;
    cursor: default
}

.z-listgroup-selected .z-listgroup-checkable .z-listgroup-icon {
    font-size: 16px;
    color: var(--app-primary);
    display: block;
    padding-right: 2px;
    line-height: 16px;
    cursor: pointer
}

.z-listgroup-selected .z-listgroup-checkable .z-listgroup-icon:hover {
    color: var(--app-primary)
}

.z-listgroup-icon {
    font-size: 16px;
    color: rgba(0,0,0,0.57);
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: text-top;
    position: relative;
    cursor: pointer;
    margin-right: 8px
}

.z-listheader-content,.z-listcell-content,.z-listgroup-content,.z-listgroupfoot-content,.z-listfooter-content {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--text-color);
    line-height: 24px;
    padding: 4px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.z-listcell .z-listcell-content {
	line-height: 18px;
}
.z-listheader-content {
    color: #FFFFFF;
    position: relative
}

.z-listheader-content .z-listheader-sorticon {
    background: rgba(0,0,0,0)
}

.z-listfooter-content {
    color: var(--text-color);
}

.z-listgroup .z-listcell-content {
    color: rgba(0,0,0,0.57)
}

.z-listgroupfoot-inner {
    border-top: 1px solid #F2F2F2
}

.z-listgroupfoot .z-listcell-content {
    color: rgba(0,0,0,0.34);
    padding: 4px 5px
}

.z-listgroup-open.z-listgroupfoot .z-listcell-content {
    color: var(--app-primary-400)
}

.z-listbox-paging-top {
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden;
    width: 100%
}

.z-listbox-paging-bottom {
    border-color: var(--app-border);
}
.z-listbox-footer .z-listbox-paging-bottom {
	border: none;
}
.z-listbox-autopaging .z-listcell-content {
    height: 44px;
    overflow: hidden
}

.z-listhead-menugrouping .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-group.png);
}

.z-listhead-menuungrouping .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-ungroup.png);
}

.z-listhead-menuascending .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-arrowup.png);
}

.z-listhead-menudescending .z-menuitem-image {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/grid/menu-arrowdown.png);
}

.z-select {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px
}

.z-listcell-hidden-header {
    white-space: nowrap;
    overflow: hidden
}

.ie .z-listbox-body table {
    overflow: hidden
}

.ie9 .z-listbox-body {
    margin-top: auto
}

.ie9 .z-listitem .z-listcell {
    position: static;
    z-index: auto
}

.z-menubar {
    display: block;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 0;
    position: relative;
    background: #FFFFFF
}

.z-menubar ul {
    overflow: hidden;
    background: transparent none repeat 0 0;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none outside none
}

.z-menubar li {
    display: block;
    padding: 0;
    position: relative
}

.z-menubar-horizontal li {
    margin: 2px;
    float: left
}

.z-menubar-horizontal .z-menuseparator {
    display: block;
    width: 1px;
    border-left: 1px solid #D9D9D9;
    line-height: 26px;
    margin: 2px 4px
}

.z-menubar-vertical {
    padding: 4px 2px
}

.z-menubar-vertical ul {
    display: inline-table
}

.z-menubar-vertical li {
    margin: 2px
}

.z-menubar-vertical .z-menu-clickable .z-menu-text {
    margin-right: 20px
}

.z-menubar-vertical .z-menuseparator {
    height: 0;
    min-height: 0;
    border-top: 1px solid #D9D9D9;
    line-height: 0
}

.z-menu,.z-menuitem {
    background: transparent none repeat 0 0;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none outside none
}

.z-menu-text,.z-menuitem-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    display: inline-block
}

img~.z-menu-text,img~.z-menuitem-text {
    vertical-align: middle
}

.z-menu-text:empty,.z-menuitem-text:empty {
    display: none
}

.z-menu-image,.z-menuitem-image {
    max-width: 18px;
    line-height: normal;
    margin-right: 4px
}

.z-menu-content,.z-menuitem-content {
    color: rgba(0,0,0,0.57);
    background: #FFFFFF;
    display: block;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 6px;
    line-height: 18px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    z-index: 20
}

.z-menu-content:hover,.z-menuitem-content:hover {
    color: rgba(0,0,0,0.57);
    background-color: var(--app-primary-50)
}

.z-menu-content:focus,.z-menuitem-content:focus {
    color: rgba(0,0,0,0.57);
    background-color: var(--app-primary-50)
}

.z-menu-content:active,.z-menuitem-content:active {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-menu-content[disabled],.z-menuitem-content[disabled] {
    border: 1px solid transparent;
    cursor: default;
    color: rgba(0,0,0,0.34);
    background: #FFFFFF;
    text-decoration: none
}

.z-menu-content[disabled]:active,.z-menuitem-content[disabled]:active,.z-menu-content[disabled]:hover,.z-menuitem-content[disabled]:hover {
    color: rgba(0,0,0,0.34);
    background: 0
}

.z-menu-content i,.z-menuitem-content i {
    margin-right: 5px
}

.z-menu-separator {
    display: none
}

.z-menu-clickable .z-menu-separator {
    width: 1px;
    height: 100%;
    display: block;
    background: transparent;
    position: absolute;
    top: 0;
    right: 30px
}

.z-menu-clickable.z-menu:active,.z-menu-clickable.z-menu-selected {
    outline: 2px solid #FFA516
}

.z-menu-clickable.z-menu:active .z-menu-separator,.z-menu-clickable.z-menu-selected .z-menu-separator {
    background: #D9D9D9
}

.z-menu-clickable .z-menu-text {
    margin-right: 8px
}

.z-menu-content {
    padding-right: 26px
}

.z-menu-icon {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 2px
}

.z-menu-selected>.z-menu-content {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-menuitem-selected>.z-menuitem-content {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-menupopup-shadow,.z-menu-palette-popup,.z-menu-picker-popup,.z-menu-content-popup {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-menu-content-popup {
    display: none;
    width: auto;
    height: auto;
    position: absolute;
    overflow: auto;
    z-index: 88000
}

.z-menupopup {
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    background: #FFFFFF;
    left: 0;
    top: 0;
    white-space: nowrap;
    z-index: 88000;
    max-height: 100%;
    overflow-y: auto
}

.z-menupopup ul {
    background: transparent none repeat 0 0;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none outside none
}

.z-menupopup-separator {
    display: none
}

.z-menupopup .z-menu-content,.z-menupopup .z-menuitem-content {
    color: rgba(0,0,0,0.57);
    background: #FFFFFF
}

.z-menupopup .z-menu-content:hover,.z-menupopup .z-menuitem-content:hover {
    color: rgba(0,0,0,0.57);
    background-color: var(--app-primary-50)
}

.z-menupopup .z-menu-content:focus,.z-menupopup .z-menuitem-content:focus {
    color: rgba(0,0,0,0.57);
    background-color: var(--app-primary-50)
}

.z-menupopup .z-menu-content:active,.z-menupopup .z-menuitem-content:active {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-menupopup .z-menu-content[disabled],.z-menupopup .z-menuitem-content[disabled] {
    border: 1px solid transparent;
    cursor: default;
    color: rgba(0,0,0,0.34);
    background: #FFFFFF;
    text-decoration: none
}

.z-menupopup .z-menu-content[disabled]:active,.z-menupopup .z-menuitem-content[disabled]:active,.z-menupopup .z-menu-content[disabled]:hover,.z-menupopup .z-menuitem-content[disabled]:hover {
    color: rgba(0,0,0,0.34);
    background: 0
}

.z-menupopup .z-menu-image,.z-menupopup .z-menuitem-image {
    min-width: 18px;
    min-height: 18px;
    line-height: normal;
    background-repeat: no-repeat;
    margin-right: 8px
}

.z-menupopup .z-menuitem-icon {
    font-size: 14px;
    color: #FFFFFF;
    display: none;
    position: absolute;
    top: 3px;
    left: 8px
}

.z-menupopup .z-menuseparator {
    font-size: 1px;
    display: block;
    width: auto;
    min-height: 2px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0;
    line-height: 1px;
    margin: 4px 0;
    position: relative
}

.z-menupopup [class^="z-icon"] {
    text-align: center;
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    margin-right: 8px;
    line-height: normal
}

.z-menupopup .z-menu-hover>.z-menu-content,.z-menupopup .z-menuitem-hover>.z-menuitem-content {
    color: rgba(0,0,0,0.57);
    background-color: var(--app-primary-50)
}

.z-menuitem-checkable .z-menuitem-image {
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF
}

.z-menuitem-checked.z-menuitem-checkable .z-menuitem-image {
    background: var(--app-primary)
}

.z-menuitem-checked.z-menuitem-checkable .z-menuitem-icon {
    display: block
}

.z-menubar-scroll {
    overflow: hidden
}

.z-menubar-body {
    width: 100%;
    margin: 0 32px;
    position: relative;
    overflow: hidden
}

.z-menubar-content {
    width: 5000px
}

.z-menubar-icon {
    font-size: 18px;
    color: rgba(0,0,0,0.57);
    margin-top: -9px;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    left: 50%
}

.z-menubar-left:hover>.z-menubar-icon,.z-menubar-right:hover>.z-menubar-icon {
    color: rgba(0,0,0,0.9)
}

.z-menubar-left {
    left: 0
}

.z-menubar-scrollable {
    width: 32px;
    height: 100%;
    line-height: normal;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 25
}

.z-menubar-left>i:before {
    content: '\f104'
}

.z-menubar-right>i:before {
    content: '\f105'
}

.ie11 .z-menu-content>*,.ie11 .z-menuitem-content>* {
    pointer-events: none
}

.z-paging {
    background: var(--app-bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
}
.z-paging ul {
    display: flex;
    align-items: center;
}
.z-paging ul>li {
    display: inline;
    margin-left: 2px
}

.z-paging ul>li:first-child {
    margin-left: 0
}

.z-paging-button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 3px;
    margin: 0;
    line-height: normal;
    background-color: transparent;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap
}

.z-paging-button:hover {
    background-color: var(--app-primary-50)
}

.z-paging-button:active {
    background-color: var(--app-primary)
}
.z-paging-button:active .z-paging-icon {
	color: #FFFFFF;
}
.z-paging-button[disabled] {
    color: #94a3b8;
    background-color: #94a3b821;
}

.z-paging-button[disabled]:hover {
    background-color: #94a3b821
}

.z-paging .z-paging-icon {
	--app-text-opacity: 1;
	color: rgba(var(--app-mate-icon-rgb), var(--app-text-opacity));
    font-size: 18px;
    line-height: 18px
}

.z-paging-noborder {
    border-color: transparent
}

.z-paging-noborder:hover,.z-paging-noborder:active {
    border-color: transparent
}

.z-paging-selected {
    color: var(--app-primary);
    background: transparent
}

.z-paging-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    width: 42px;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    margin-left: 6px;
    padding: 4px 5px;
    line-height: 12px;
    vertical-align: baseline
}

.z-paging-input:hover {
    border-color: #A8A8A8
}

.z-paging-input:focus {
    border-color: var(--app-iceblue-color)
}

.z-paging-input[disabled] {
    color: rgba(0,0,0,0.34);
    opacity: 1;
    filter: alpha(opacity=100);
    ;cursor: default
}

.z-paging-input[disabled]:hover,.z-paging-input[disabled]:focus {
    border-color: #D9D9D9
}

.z-paging-text {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--text-color);
}

.z-paging-text-disabled {
    color: rgba(0,0,0,0.34)
}

.z-paging-info {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--app-text-secondary);
}

.z-paging-os {
    border-bottom: none;
    padding-bottom: 4px
}

.z-paging-os ul>li {
    margin-left: 4px
}

.z-paging-os ul>li.z-paging-navigate+li,.z-paging-os ul>li+li.z-paging-navigate {
    margin-left: 8px
}

.z-paging-os ul>li.z-paging-navigate+li.z-paging-navigate {
    margin-left: 4px
}

.z-paging-os .z-paging-button {
    font-size: var(--font-size);
    padding: 4px 3px
}

.z-panel {
    overflow: hidden;
    zoom:1;padding: 0;
    border: 1px solid #A8A8A8;
    background: #F9FCFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-panel-shadow {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24)
}

.z-panel-collapsed {
    height: auto !important
}

.z-panel-head {
    overflow: hidden
}

.z-panel-header {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    border: 0;
    padding: 7px 5px 5px;
    line-height: 24px;
    overflow: hidden;
    zoom:1}

.z-panel-header-move {
    cursor: move
}

.z-panel-drag-button {
    display: none
}

.z-panel-drag-button+.z-panel-body {
    height: 100%
}

.z-panel-body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: rgba(0,0,0,0.9);
    overflow: hidden;
    zoom:1}

.z-panel-icons {
    display: inline-block;
    float: right
}

.z-panel-icon {
    background: transparent;
    color: rgba(0,0,0,0.57);
    margin: auto 1px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    width: 28px;
    height: 24px;
    line-height: 24px;
    border: none
}

.z-panel-icon:hover {
    color: rgba(0,0,0,0.9)
}

.z-panel-close {
    font-size: 18px
}

.z-panel-resize-faker {
    border: 1px dashed #1854C2;
    background: #D7E6F7;
    opacity: .5;
    filter: alpha(opacity=50);
    ;position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 60000
}

.z-panel-move-ghost {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    background: #D7E6F7;
    opacity: .6;
    filter: alpha(opacity=60);
    ;position: absolute;
    overflow: hidden;
    cursor: move
}

.z-panel-move-ghost .z-panel-body {
    padding: 0
}

.z-panel-move-ghost dl {
    font-size: 0;
    display: block;
    border: 1px solid #A8A8A8;
    border-top: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden
}

.z-panel-noborder {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.z-panel-move-block {
    border: 2px dashed #B2CAD6
}

.z-panelchildren {
    position: relative;
    padding: 5px;
    overflow: hidden;
    zoom:1}

.z-popup {
	--zk-popup-border-radius: var(--app-popup-border-radius);
    position: absolute;
    top: 0;
    left: 0
}

.z-popup-content {
    font-size: var(--font-size);
    color: var(--text-color);
    height: 100%;
    padding: 4px 10px;
    line-height: 12px;
    border: none;
    -webkit-border-radius: var(--zk-popup-border-radius);
    -moz-border-radius: var(--zk-popup-border-radius);
    -o-border-radius: var(--zk-popup-border-radius);
    -ms-border-radius: var(--zk-popup-border-radius);
    border-radius: var(--zk-popup-border-radius);
    background-color: var(--app-accent-elevated-bg);
}
.z-notification-icon.z-icon-times-circle,
.z-notification-icon.z-icon-exclamation-circle,
.z-notification-icon.z-icon-info-circle,
.z-notification-icon.z-icon-check-circle{
    width: var(--28px);
    height: var(--28px);
    font-size: var(--28px);
    line-height: var(--28px);
    margin-top: unset;
    left: var(--16px);
    top: 50%;
    transform: translateY(-50%);
}
.z-notification-pointer+.z-notification-icon {
    left: 12px
}

.z-notification-left+.z-notification-icon {
    left: 24px
}

.z-notification-up+.z-notification-icon {
    margin-top: -12px
}

.z-notification-down+.z-notification-icon {
    margin-top: -22px
}

.z-notification-content {
    font-size: var(--font-size);
    font-weight: 500;
    width: 22rem;
	min-height: 4rem;
	padding: 1.2rem 1.2rem 1.2rem 3.5rem;
	-webkit-border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-o-border-radius: 0.375rem;
	-ms-border-radius: 0.375rem;
	border-radius: 0.375rem;
	line-height: 1.6;
/* 	    border: solid 1px var(--app-border); */
/* 	box-shadow: var(--card-shadow); */
}

.z-notification-content::before {
    width: 6px;
}

.z-notification-pointer~.z-notification-content {
    display: table-cell;
    width: var(--zk-notification-content-width, 260px);
    height: 50px;
    min-height: 50px;
    padding: 8px 34px 8px 48px;
    vertical-align: middle
}

.z-notification-pointer {
    display: none;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    z-index: 100
}

.z-notification-left,.z-notification-right,.z-notification-up,.z-notification-down {
    border: 10px solid transparent
}

.z-notification-info .z-notification-icon {
    color: #4AA81B
}

.z-notification-info .z-notification-close>.z-notification-icon {
    color: var(--text-color)
}

.z-notification-info .z-notification-content {
    color: var(--text-color);
    background-color: var(--app-accent-elevated-bg)
}

.z-notification-info .z-notification-content::before {
    background-color: #4AA81B
}

.z-notification-info .z-notification-left {
    border-right-color: #4AA81B
}

.z-notification-info .z-notification-right {
    border-left-color: var(--app-bg-card)
}

.z-notification-info .z-notification-up {
    border-bottom-color: var(--app-bg-card)
}

.z-notification-info .z-notification-down {
    border-top-color: var(--app-bg-card)
}

.z-notification-warning .z-notification-icon {
    color: #E37601
}

.z-notification-warning .z-notification-close>.z-notification-icon {
    color: var(--text-color)
}

.z-notification-warning .z-notification-content {
    color: var(--text-color);
    background-color: var(--app-accent-elevated-bg)
}

.z-notification-warning .z-notification-content::before {
    background-color: #E37601
}

.z-notification-warning .z-notification-left {
    border-right-color: #E37601
}

.z-notification-warning .z-notification-right {
    border-left-color: var(--app-bg-card)
}

.z-notification-warning .z-notification-up {
    border-bottom-color: var(--app-bg-card)
}

.z-notification-warning .z-notification-down {
    border-top-color: var(--app-bg-card)
}

.z-notification-error .z-notification-icon {
    color: #F53142
}

.z-notification-error .z-notification-close>.z-notification-icon {
    color: var(--text-color)
}

.z-notification-error .z-notification-content {
    color: var(--text-color);
    background-color: var(--app-accent-elevated-bg)
}

.z-notification-error .z-notification-content::before {
    background-color: #F53142
}

.z-notification-error .z-notification-left {
    border-right-color: #F53142
}

.z-notification-error .z-notification-right {
    border-left-color: var(--app-bg-card)
}

.z-notification-error .z-notification-up {
    border-bottom-color: var(--app-bg-card)
}

.z-notification-error .z-notification-down {
    border-top-color: var(--app-bg-card)
}

.z-notification-close {
    font-size: 14px;
    width: 14px;
    height: 14px;
    padding: 0 2px;
    line-height: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.z-notification-right~.z-notification-close {
    right: 16px
}

.z-notification-up~.z-notification-close {
    top: 16px
}

.z-toast {
    position: relative;
    will-change: opacity
}

.z-toast-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    width: 320px;
    min-height: 46px;
    padding: 16px 42px 16px 56px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 16px rgba(0,0,0,0.16);
    -o-box-shadow: 0 0 16px rgba(0,0,0,0.16);
    -ms-box-shadow: 0 0 16px rgba(0,0,0,0.16);
    box-shadow: 0 0 16px rgba(0,0,0,0.16)
}

.z-toast-content::before {
    content: "";
    display: block;
    width: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.z-toast-close {
    font-size: 18px;
    width: 20px;
    height: 20px;
    padding: 0 2px;
    position: absolute;
    top: 50%;
    right: 12px;
    cursor: pointer;
    margin-top: -10px
}

.z-toast-icon {
    position: absolute;
    z-index: 1
}

.z-toast-icon.z-icon-times-circle,.z-toast-icon.z-icon-exclamation-circle,.z-toast-icon.z-icon-info-circle {
    width: 32px;
    height: 32px;
    top: 50%;
    font-size: 32px;
    line-height: 32px;
    margin-top: -16px;
    left: 16px
}

.z-toast-error .z-toast-icon {
    color: #F53142
}

.z-toast-error .z-toast-close>.z-toast-icon,.z-toast-error .z-toast-content {
    color: rgba(0,0,0,0.9)
}

.z-toast-error .z-toast-content {
    background-color: #FFFFFF
}

.z-toast-error .z-toast-content::before {
    background-color: #F53142
}

.z-toast-info .z-toast-icon {
    color: #4AA81B
}

.z-toast-info .z-toast-close>.z-toast-icon,.z-toast-info .z-toast-content {
    color: rgba(0,0,0,0.9)
}

.z-toast-info .z-toast-content {
    background-color: #FFFFFF
}

.z-toast-info .z-toast-content::before {
    background-color: #4AA81B
}

.z-toast-warning .z-toast-icon {
    color: #E37601
}

.z-toast-warning .z-toast-close>.z-toast-icon,.z-toast-warning .z-toast-content {
    color: rgba(0,0,0,0.9)
}

.z-toast-warning .z-toast-content {
    background-color: #FFFFFF
}

.z-toast-warning .z-toast-content::before {
    background-color: #E37601
}

.z-toast-position {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1800
}

.z-toast-position>.z-toast {
    margin-top: 10px
}

.z-toast-position-top-left {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    top: 0;
    left: 0
}

.z-toast-position-top-center {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.z-toast-position-top-right {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    top: 0;
    right: 0
}

.z-toast-position-middle-left {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0
}

.z-toast-position-middle-center {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.z-toast-position-middle-right {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0
}

.z-toast-position-bottom-left {
    bottom: 0;
    left: 0
}

.z-toast-position-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.z-toast-position-bottom-right {
    bottom: 0;
    right: 0
}

.z-progressmeter {
    height: 16px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF 0 0 repeat-x;
    text-align: left;
    overflow: hidden
}

.z-progressmeter-image {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    height: 14px;
    line-height: 0;
    background-color: var(--app-primary)
}

.z-progressmeter-indeterminate {
    position: relative;
    opacity: .9;
    width: 150%
}

.z-progressmeter-indeterminate>.z-progressmeter-image {
    position: absolute;
    height: 100%;
    animation: decrease 1.5s .5s infinite
}

@keyframes decrease {
    from {
        left: -80%;
        width: 80%
    }

    to {
        left: 110%;
        width: 10%
    }
}

.z-loadingbar {
    width: 100%;
    height: 6px;
    overflow: hidden;
    position: relative;
    pointer-events: none
}

.z-loadingbar-colorbar {
    background-color: var(--app-primary);
    height: 100%
}

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

.z-loadingbar-effectbar {
    display: none
}

.z-loadingbar-indeterminate {
    opacity: .9;
    width: 150%
}

.z-loadingbar-indeterminate>.z-loadingbar-image {
    position: absolute;
    animation: ani1 3s ease-in infinite
}

.z-loadingbar-indeterminate>.z-loadingbar-effectbar {
    display: inline-block;
    position: absolute;
    vertical-align: top;
    animation: ani2 3s ease infinite
}

@keyframes ani1 {
    from {
        left: -10%;
        width: 10%
    }

    13.33% {
        width: 10%
    }

    60% {
        left: 100%;
        width: 100%
    }

    to {
        left: 100%
    }
}

@keyframes ani2 {
    from {
        left: -80%;
        width: 80%
    }

    30% {
        width: 80%
    }

    40% {
        left: -80%
    }

    96% {
        left: 100%
    }

    to {
        left: 100%;
        width: 5%
    }
}

.z-loadingbar-position {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
    left: 0;
    pointer-events: none
}

.z-loadingbar-position>.z-loadingbar:nth-child(even) .z-loadingbar-colorbar {
    background-color: var(--app-primary-400)
}

.z-loadingbar-position-top {
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: unset;
    top: 0
}

.z-loadingbar-position-bottom {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    top: unset;
    bottom: 0
}

.z-rating {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal
}

.z-rating>.z-rating-icon {
    text-align: center;
    color: #4a4a4a;
    padding: 3px 2px;
    width: 20px;
    height: 20px;
    text-decoration: none
}

.z-rating-vertical>a {
    display: block
}

.z-rating>.z-rating-selected {
    color: var(--app-primary)
}

.z-rating>.z-rating-hover {
    color: var(--app-primary);
    text-shadow: 0 0 1px #3393f9
}

.z-rating>.z-rating-disabled {
    opacity: .5;
    cursor: default
}

.z-rating>.z-rating-readonly {
    cursor: default
}

.z-selectbox {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    line-height: normal;
    color: rgba(0,0,0,0.9);
    height: 24px;
    min-width: 180px;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%27rgba%280,%200,%200,%200.57%29%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20width%3D%2724%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M7%2010l5%205%205-5z%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: top 50% right 0;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 4px 5px;
    padding-right: 24px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.z-selectbox::-ms-expand {
    display: none
}

.z-selectbox:hover {
    border-color: #A8A8A8
}

.z-selectbox:focus {
    border-color: var(--app-primary)
}

.z-selectbox:active {
    color: #FFFFFF;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%27%23FFFFFF%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20width%3D%2724%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M7%2010l5%205%205-5z%27%2F%3E%3C%2Fsvg%3E");
    background-color: var(--app-primary);
    border-color: var(--app-primary-700)
}

.z-selectbox[disabled] {
    color: rgba(0,0,0,0.34);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%27rgba%280,%200,%200,%200.34%29%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20width%3D%2724%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M7%2010l5%205%205-5z%27%2F%3E%3C%2Fsvg%3E");
    background-color: #F2F2F2;
    cursor: default;
    border-color: #D9D9D9
}

.ie9 .z-selectbox {
    background-image: none
}

.ie9 .z-selectbox:active {
    background-image: none;
    color: rgba(0,0,0,0.9);
    background-color: #FFFFFF
}

.ie9 .z-selectbox[disabled] {
    background-image: none
}

.z-separator {
    opacity: .69;
    text-align: center;
    position: relative
}

.z-separator-horizontal,.z-separator-horizontal-bar {
    font-size: 0;
    height: 7px;
    line-height: 0;
    overflow: hidden
}

.z-separator-horizontal-bar:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #A8A8A8;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.z-separator-vertical,.z-separator-vertical-bar {
    display: inline-block;
    width: 10px;
    overflow: hidden
}

.z-separator-vertical-bar:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #A8A8A8;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.z-slider {
    background-image: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.z-slider-center {
    background-color: #D9D9D9;
    cursor: pointer
}

.z-slider-button {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    background-color: var(--app-primary);
    position: relative;
    cursor: pointer
}

.z-slider-button:hover {
    background: var(--app-primary-400)
}

.z-slider-button:active {
    background-color: var(--app-primary-700)
}

.z-slider-area {
    position: absolute;
    background-color: var(--app-primary)
}

.z-slider-knob-area {
    stroke: var(--app-primary);
    data-angleOffset: 0
}

.z-slider-knob-inner {
    stroke: #D9D9D9;
    data-angleOffset: 0
}

.z-slider-knob-svg {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.z-slider-input {
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    text-align: center;
    position: absolute;
    line-height: 1.5;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: bold;
    font-style: normal;
    color: var(--app-primary)
}

.z-slider-input:hover {
    border-color: #A8A8A8
}

.z-slider-input:focus {
    border-color: var(--app-primary);
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

.z-slider-horizontal {
    height: 32px;
    width: 200px
}

.z-slider-horizontal .z-slider-center {
    width: 100%;
    height: 6px;
    margin-top: -3px;
    position: relative;
    top: 50%
}

.z-slider-horizontal .z-slider-area {
    height: 6px
}

.z-slider-horizontal .z-slider-button {
    top: -5px;
    left: 0
}

.z-slider-vertical {
    font-size: 0;
    width: 32px;
    margin-right: 0;
    line-height: 0;
    height: 200px
}

.z-slider-vertical .z-slider-area {
    width: 6px
}

.z-slider-vertical .z-slider-button {
    left: -5px
}

.z-slider-vertical .z-slider-center {
    width: 6px;
    height: 100%;
    margin: auto
}

.z-slider-popup {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    padding: 4px;
    color: #FFFFFF;
    background-color: #261429;
    position: absolute;
    z-index: 60000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16)
}

.z-slider-sphere .z-slider-vertical .z-slider-button {
    bottom: 0
}

.z-slider-sphere .z-slider-button,.z-slider-scale .z-slider-button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.z-slider-scale.z-slider-horizontal {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zul/img/slider/scale-ticks.png);
    background-position: 0 22px;
    background-repeat: repeat-x
}

.z-tabbox {
	--zk-tabbox-bg-color: var(--bg-color);
	--zk-tabbox-border-color: var(--app-border);
	--zk-tabbox-border-radius: 4px;
	--zk-tabbox-border-width: 0;
	
	
    background: var(--zk-tabbox-bg-color);
    border-width: var(--zk-tabbox-border-width);
    -webkit-border-radius: var(--zk-tabbox-border-radius);
    -moz-border-radius: var(--zk-tabbox-border-radius);
    -o-border-radius: 0var(--zk-tabbox-border-radius);
    -ms-border-radius: var(--zk-tabbox-border-radius);
    border-radius: var(--zk-tabbox-border-radius);
}

.z-tabbox-icon {
    font-size: 18px;
    color: rgba(0,0,0,0.57);
    display: none;
    padding: 5px 0;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 25;
    background: #FFFFFF;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.z-tabbox-icon>i {
    opacity: .7;
    filter: alpha(opacity=70);
}

.z-tabbox-icon:hover {
    color: rgba(0,0,0,0.9)
}

.z-tabbox-icon:hover>i {
    opacity: 1;
    filter: alpha(opacity=100);
}

.z-tabbox-left-scroll,.z-tabbox-right-scroll {
    width: 24px;
    min-height: 32px
}

.z-tabbox-right-scroll {
    right: 0
}

.z-tabbox-up-scroll,.z-tabbox-down-scroll {
    height: 24px
}

.z-tabbox-down-scroll {
    top: auto;
    bottom: 0
}

.z-tabbox-top>.z-tabs .z-tabs-content {
    white-space: nowrap
}

.z-tabbox-top>.z-tabs .z-tab {
    display: inline-block;
    float: none;
    vertical-align: bottom
}

.z-tabbox-bottom>.z-tabpanels>.z-tabpanel {
    border-top: 0;
    border-bottom: 1px solid #D9D9D9
}

.z-tabbox-bottom>.z-tabbox-icon {
    top: auto;
    bottom: 0
}

.z-tabbox-bottom>.z-tabs .z-tabs-content {
    white-space: nowrap
}

.z-tabbox-bottom>.z-tabs .z-tab {
    border-top: 2px solid transparent;
    border-bottom: 0;
    bottom: 0;
    display: inline-block;
    float: none;
    vertical-align: bottom
}

.z-tabbox-bottom>.z-tabs .z-tab.z-tab-selected {
    border-top: 2px solid var(--app-primary);
    border-bottom: 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0
}

.z-tabbox-bottom>.z-toolbar.z-toolbar-tabs {
    top: auto;
    bottom: 0
}

.z-tabbox-left>.z-tabs {
    float: left
}

.z-tabbox-left>.z-tabs .z-tabs-content {
    display: block
}

.z-tabbox-left>.z-tabs .z-tabs-space {
    width: 0;
    position: relative;
    float: left
}

.z-tabbox-left>.z-tabs .z-tab {
    float: none;
    border-bottom: 0;
    padding: 3px 13px
}

.z-tabbox-left>.z-tabs .z-tab.z-tab-disabled .z-tab-text {
    color: rgba(0,0,0,0.34);
    opacity: 1;
    filter: alpha(opacity=100);
    ;cursor: default
}

.z-tabbox-left.z-tabbox-scroll>.z-tabbox-icon {
    padding: 4px 0
}

.z-tabbox-left.z-tabbox-scroll>.z-tabs {
    margin: 24px 0
}

.z-tabbox-left>.z-tabpanels {
    height: 100%
}

.z-tabbox-left>.z-tabpanels .z-tabpanel {
    border-top: 0
}

.z-tabbox-left>.z-tabs .z-tab {
    border-right: 2px solid transparent
}

.z-tabbox-left>.z-tabs .z-tab.z-tab-selected {
    border-right: 2px solid var(--app-primary);
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0
}

.z-tabbox-left>.z-tabs .z-tab-button {
    top: 0;
    left: 0
}

.z-tabbox-left>.z-tabs .z-tab-button+.z-tab-text {
    margin-left: 8px;
    margin-right: 0
}

.z-tabbox-left>.z-tabpanels>.z-tabpanel {
    border-color: var(--app-border);
}

.z-tabbox-right>.z-tabbox-icon {
    right: 0
}

.z-tabbox-right>.z-tabs {
    float: left
}

.z-tabbox-right>.z-tabs .z-tabs-content {
    display: block
}

.z-tabbox-right>.z-tabs .z-tabs-space {
    width: 0;
    position: relative;
    float: left
}

.z-tabbox-right>.z-tabs .z-tab {
    float: none;
    border-bottom: 0;
    padding: 3px 13px
}

.z-tabbox-right>.z-tabs .z-tab.z-tab-disabled .z-tab-text {
    color: rgba(0,0,0,0.34);
    opacity: 1;
    filter: alpha(opacity=100);
    ;cursor: default
}

.z-tabbox-right.z-tabbox-scroll>.z-tabbox-icon {
    padding: 4px 0
}

.z-tabbox-right.z-tabbox-scroll>.z-tabs {
    margin: 24px 0
}

.z-tabbox-right>.z-tabpanels {
    height: 100%
}

.z-tabbox-right>.z-tabpanels .z-tabpanel {
    border-top: 0
}

.z-tabbox-right>.z-tabs {
    float: right
}

.z-tabbox-right>.z-tabs .z-tabs-space {
    float: right
}

.z-tabbox-right>.z-tabs .z-tab {
    border-left: 2px solid transparent
}

.z-tabbox-right>.z-tabs .z-tab.z-tab-selected {
    border-left: 2px solid var(--app-primary);
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0
}

.z-tabbox-right>.z-tabpanels>.z-tabpanel {
    border-right: 1px solid #D9D9D9
}

.z-tabbox-accordion>.z-tabpanels {
    border: 0
}

.z-tabbox-accordion>.z-tabpanels>.z-tabpanel {
    border-top: 1px solid #D9D9D9;
    padding: 0
}

.z-tabbox-accordion>.z-tabpanels>.z-tabpanel:first-child {
    border-top: 0
}

.z-tabbox-accordion .z-tabpanel>.z-tabpanel-content {
    padding: 5px;
    zoom:1}

.z-tabbox-accordion .z-tabpanel>.z-tab {
    text-align: left;
    float: none;
    zoom:1}

.z-tabbox-accordion .z-tabpanel>.z-tab-selected {
    cursor: default
}

.z-tabbox-accordion .z-tabpanel>.z-tab .z-tab-button {
    right: 0
}

.z-tabbox-accordion .z-tabpanel>.z-tab .z-tab-button+.z-tab-text {
    margin-right: 8px
}

.z-tabbox-scroll>.z-tabs {
    border: 0;
    margin: 0 24px;
    zoom:1}

.z-tabbox-scroll>.z-tabbox-icon {
    display: block
}

.z-tabs {
    line-height: 24px;
    background: var(--app-bg-card);
    min-height: 32px
}

.z-tabs-content {
    display: flex;
    min-height: 32px;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    list-style: none outside none;
    zoom:1;clear: both
}
.z-tab {
    font-size: var(--font-size);
    font-weight: 600;
    line-height: 30px;
    background: var(--bg-color);
    padding: 3px 13px;
    border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
}
.z-tab-content {
    display: block
}
.z-tab:not(.z-tab-disabled, .z-tab-selected):hover {
	--app-bg-opacity: 0.14;
    background: rgb(var(--app-module) / var(--app-bg-opacity));
}
.z-tab-icon {
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: normal;
    position: absolute;
    top: 50%;
    left: 5px;
    cursor: pointer
}
.z-tab-text,
.z-tab-text:hover {
    color: var(--text-color);
}
.z-tab-image {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.z-tab-button {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.57);
    display: block;
    width: 24px;
    height: 100%;
    line-height: normal;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15;
    zoom:1;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.z-tab-button:hover {
    color: rgba(0,0,0,0.9)
}

.z-tab-button+.z-tab-text {
    margin-right: 8px
}
.z-tab-selected {
    -webkit-border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
    -moz-border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
    -o-border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
    -ms-border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
    border-radius: var(--zk-tabbox-border-radius) var(--zk-tabbox-border-radius) 0 0;
    border-bottom: 2px solid rgb(var(--app-module));
    background: rgb(var(--app-module));
}
.z-tab-selected:hover {
    background: rgb(var(--app-module));
}
.z-tab-selected .z-tab-button {
    color: var(--app-primary)
}

.z-tab-selected .z-tab-button:hover {
    color: var(--app-primary-700)
}

.z-tab-selected .z-tab-text,
.z-tab-selected .z-tab-text:hover {
    color: #fff
}
.z-tab-disabled,
.z-tab-disabled:hover {
    background: var(--bg-color);
    color: rgba(var(--text-color-rgb), 0.4);
}
.z-tab-disabled .z-tab-icon {
    cursor: default
}

.z-tab-disabled .z-tab-button,.z-tab-disabled .z-tab-button:hover {
    color: rgba(0,0,0,0.34)
}

.z-tab-disabled .z-tab-text {
    color: rgba(var(--text-color-rgb), 0.4);
}

.z-tabpanels {
    zoom:1;overflow: hidden;
    position: relative
}

.z-tabpanel {
    border: solid 1px rgb(var(--app-module));
    padding: 10px 12px;;
    color: var(--text-color)
}

.z-tabbox-left-scroll>i:before {
    content: '\f104'
}

.z-tabbox-right-scroll>i:before {
    content: '\f105'
}

.z-tabbox-up-scroll>i:before {
    content: '\f106'
}

.z-tabbox-down-scroll>i:before {
    content: '\f107'
}

.ie .z-tabs-content {
    display: table
}

.ie9 .z-tabs {
    line-height: 1px
}

.ie9 .z-tabs>.z-tabs-content {
    display: inline-block
}

.ie9 .z-tabbox-top .z-tab,.ie10 .z-tabbox-top .z-tab,.ie9 .z-tabbox-left .z-tab,.ie10 .z-tabbox-left .z-tab,.ie9 .z-tabbox-right .z-tab,.ie10 .z-tabbox-right .z-tab,.ie9 .z-tabbox-bottom .z-tab,.ie10 .z-tabbox-bottom .z-tab {
    height: 32px
}

.ie9 .z-tabbox-left-scroll,.ie10 .z-tabbox-left-scroll,.ie9 .z-tabbox-right-scroll,.ie10 .z-tabbox-right-scroll {
    min-height: 0;
    height: 32px
}

.ie11 .z-tabbox-top .z-tab,.ie11 .z-tabbox-left .z-tab,.ie11 .z-tabbox-right .z-tab,.ie11 .z-tabbox-bottom .z-tab {
    min-height: 32px
}

.z-toolbar {
    display: block;
    border: 0;
    padding: 4px 13px;
    background: #FFFFFF;
    position: relative
}

.z-toolbar-overflowpopup {
    white-space: nowrap;
    font-size: 0
}

.z-toolbar-overflowpopup-button {
    font-size: 16px
}

.z-toolbar-overflowpopup-on>.z-toolbar-overflowpopup-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 13px
}

.z-toolbar-overflowpopup-on>.z-toolbar-overflowpopup-button:hover {
    color: var(--app-primary-50)
}

.z-toolbar-overflowpopup-on>.z-toolbar-end {
    position: relative;
    right: 29px
}

.z-toolbar-overflowpopup-on>.z-toolbar-center {
    padding-right: 16px
}

.z-toolbar-overflowpopup-off>.z-toolbar-overflowpopup-button {
    display: none
}

.z-toolbar-popup {
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    display: block;
    position: absolute;
    padding: 0 4px;
    overflow: auto;
    max-height: 350px
}

.z-toolbar-popup>* {
    display: table !important;
    margin: 4px 0 4px 8px
}

.z-toolbar-popup-open {
    visibility: visible
}

.z-toolbar-popup-close {
    visibility: hidden
}

.z-toolbar.z-toolbar-tabs {
    background-color: var(--bg-color);
    min-height: 32px
}

.z-caption .z-toolbar {
    background: none;
    border: 0
}

.z-toolbar-start {
    float: left;
    clear: none
}

.z-toolbar-center {
    text-align: center;
    margin: 0 auto
}

.z-toolbar-end {
    float: right;
    clear: none
}

.z-toolbar-panel {
    background-color: transparent
}

.z-toolbar-panel .z-toolbar-horizontal,.z-toolbar-panel .z-toolbar-vertical {
    border: 0;
    padding: 0
}

.z-toolbar-panel .z-toolbar-horizontal {
    padding-left: 6px
}

.z-toolbar-panel .z-toolbar-vertical {
    padding-bottom: 6px
}

.z-toolbarbutton {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    border: 2px solid transparent;
    background-color: transparent;
    padding: 2px 11px
}

.z-toolbarbutton:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.z-toolbarbutton-content {
    display: inline-block;
    text-align: center;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.z-toolbarbutton-content>img {
    vertical-align: text-bottom
}

.z-toolbarbutton:hover {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-400)
}

.z-toolbarbutton:active {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-700)
}

.z-toolbarbutton:focus {
    color: #FFFFFF;
    border-color: #FFA516;
    background-color: var(--app-primary)
}

.z-toolbarbutton[disabled] {
    color: rgba(0,0,0,0.34) !important;
    border-color: transparent;
    background-color: #D9D9D9;
    cursor: default !important
}

.z-toolbarbutton-checked {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-toolbar-content>* {
    margin-left: 6px
}

.z-toolbar-content>*:first-child {
    margin-left: 0
}

.z-toolbar-vertical .z-toolbar-content>* {
    margin-left: 0;
    display: block
}

.z-tree {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    zoom:1}

.z-tree-header {
    width: 100%;
    background: var(--app-primary);
    position: relative;
    overflow: hidden
}

.z-tree-header table {
    border-spacing: 0
}

.z-tree-header table th,.z-tree-header table td {
    background-clip: padding-box;
    padding: 0
}

.z-tree-header table th {
    text-align: inherit
}

.z-tree-body {
    position: relative;
    overflow: hidden
}

.z-tree-body table {
    border-spacing: 0
}

.z-tree-body table th,.z-tree-body table td {
    background-clip: padding-box;
    padding: 0
}

.z-tree-body table th {
    text-align: inherit
}

.z-tree-body .z-tree-emptybody td {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.34);
    text-align: left;
    height: 1px;
    padding: 12px 16px
}

.z-tree-footer {
    background: #F2F2F2;
    border-top: 1px solid #D9D9D9;
    overflow: hidden;
    white-space: nowrap
}

.z-tree-footer table {
    border-spacing: 0
}

.z-tree-footer table th,.z-tree-footer table td {
    background-clip: padding-box;
    padding: 0
}

.z-tree-footer table th {
    text-align: inherit
}

.z-tree-footer .z-treefooter {
    overflow: hidden;
    background: #F2F2F2
}

.z-tree-footer .z-treefoot-bar {
    background: #F2F2F2
}

.z-tree-loading {
    background: transparent no-repeat center;
}

.z-tree-icon,.z-tree-line {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
}

.z-tree-icon {
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    text-align: center;
    cursor: pointer
}

.z-treecols th:first-child {
    border-left: none
}

.z-treecols th:first-child.z-treecols-border {
    border-left: 1px solid var(--app-primary-700)
}

.z-treecols-bar {
    background: var(--app-primary);
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700)
}

.z-treecol {
    background: var(--app-primary);
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700);
    padding: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.z-treecol-sort {
    cursor: pointer
}

.z-treecol-sort .z-treecol-sorticon {
    color: #FFFFFF;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.z-treecol-sort .z-treecol-sorticon :active {
    background: rgba(0,0,0,0)
}

.z-treecol-sizing,.z-treecol-sizing .z-treecol-content {
    cursor: col-resize
}

.z-treerow:first-child .z-treecell {
    border-top-width: 0
}

.z-treerow .z-treecell {
    border-top: 1px solid #F2F2F2;
    overflow: hidden;
    cursor: pointer;
    background: #FFFFFF;
    position: relative;
    z-index: 0
}

.z-treerow:hover>.z-treecell {
    background: var(--app-primary-50)
}

.z-treerow:hover>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow-checkable {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--app-primary);
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    vertical-align: text-top;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-treerow-checkable.z-treerow-radio {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.z-treerow-checkable .z-treerow-icon {
    display: none;
    cursor: default
}

.z-treerow.z-treerow-selected>.z-treecell {
    background: var(--app-primary-400);
    position: relative
}

.z-treerow.z-treerow-selected>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow.z-treerow-selected:hover>.z-treecell {
    background: var(--app-primary-400)
}

.z-treerow.z-treerow-selected:hover>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell {
    background: var(--app-primary-400);
    position: relative
}

.z-treerow.z-treerow-selected.z-treerow-focus>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow.z-treerow-selected.z-treerow-focus:hover>.z-treecell {
    background: var(--app-primary-400)
}

.z-treerow.z-treerow-selected.z-treerow-focus:hover>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow-focus>.z-treecell {
    background: var(--app-primary-400);
    position: relative
}

.z-treerow-focus>.z-treecell>.z-treecell-content {
    color: rgba(0,0,0,0.9)
}

.z-treerow-selected>.z-treecell>.z-treecell-content>.z-treerow-checkable .z-treerow-icon {
    color: var(--app-primary);
    display: block;
    padding-left: 1px;
    line-height: 12px
}

.z-treerow-selected>.z-treecell>.z-treecell-content>.z-treerow-checkable .z-treerow-icon.z-icon-radio {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--app-primary);
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.z-treerow.z-treerow-disabled * {
    color: rgba(0,0,0,0.34) !important;
    cursor: default !important
}

.z-treerow.z-treerow-disabled:hover>.z-treecell {
    position: relative
}

.z-treecell-hidden-col {
    white-space: nowrap;
    overflow: hidden
}

body:not(.gecko) .z-treerow:hover>.z-treecell {
    position: relative
}

.z-treecol-content,.z-treecell-content,.z-treefooter-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    padding: 4px 5px;
    line-height: 24px;
    overflow: hidden
}

.z-treecol-content {
    color: #FFFFFF;
    position: relative
}

.z-treecell-content {
    line-height: 24px
}

.z-treefooter-content {
    color: rgba(0,0,0,0.57)
}

.z-treecell-text {
    vertical-align: middle;
    margin-left: 8px
}

.z-tree-paging-top {
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden;
    width: 100%
}

.z-tree-paging-bottom {
    border-top: 1px solid #D9D9D9;
    overflow: hidden;
    width: 100%
}

.z-tree-autopaging .z-treecell-content {
    height: 44px;
    overflow: hidden
}
.z-window {
/*     border-color: var(--app-border); */
    -webkit-border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -o-border-radius: 14px !important;
    -ms-border-radius: 14px !important;
    border-radius: 14px !important;
    border: none;
    padding: 0;
    background-color: var(--app-primary)
}
.z-window-header {
    font-size: var(--font-size);
    color: var(--text-color);
    padding: 4px 12px;
}
.z-window-content {
    padding: 14px;
    background: var(--app-bg-card);
    color: var(--text-color);
}
.z-window-icon {
    font-size: 16px;
    color: #fff;
    height: 22px;
    padding: 0;
    line-height: 22px;
}

.z-window-icon:hover {
    color: #fff
}

.z-window-resize-faker {
    border: 1px dashed #1854C2;
    background: #D7E6F7;
    opacity: .5;
    filter: alpha(opacity=50);
    ;position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 60000
}

.z-window-move-ghost {
    border: 1px solid #A8A8A8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    background: var(--app-primary-50);
    opacity: .65;
    filter: alpha(opacity=65);
    ;position: absolute;
    overflow: hidden;
    cursor: move !important
}

.z-window-move-ghost .z-window-header-move {
    padding: 5px
}

.z-window-move-ghost dl {
    font-size: 0;
    display: block;
    border-top: 1px solid #A8A8A8;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden
}

.z-window-embedded .z-window-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}
.z-window-noborder>.z-window-content {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}
.z-messagebox-window {
    padding: 0;
    max-width: 460px;
	width: 90%
}
.z-messagebox-window .z-window-header {
    --font-size: var(--14px);
    padding: var(--12px) var(--10px);
    text-align: center;
    font-weight: 700;
    color: white;
}
.z-messagebox-window .z-window-content {
    padding: 16px
}
.z-messagebox,.z-messagebox-content{
	word-break: break-word;
}
.z-messagebox-window .z-separator {
    height: 32px !important
}
.z-messagebox-buttons {
    text-align: right
}
.z-messagebox-buttons>* {
    margin-left: 4px
}
.z-messagebox-button {
    width: 100%;
    min-width: 48px
}
.z-messagebox-icon {
    font-size: 30px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 0;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    margin-right: 16px
}
.z-colorbox {
    display: inline-block;
    width: 48px;
    height: 32px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2px;
    padding: 4px;
    background: #FFFFFF;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.z-colorbox-current {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #D9D9D9;
    position: relative
}

.z-colorbox-button {
    font-size: 16px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: normal;
    background: #FFFFFF;
    position: absolute;
    bottom: 1px;
    right: 0;
    overflow: hidden
}

.z-colorbox-icon {
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    width: 10px;
    height: 8px;
    position: relative;
    top: -3px;
    left: -2px
}

.z-colorbox-disabled,.z-colorbox-disabled * {
    color: rgba(0,0,0,0.34) !important;
    opacity: 1;
    filter: alpha(opacity=100);
    ;cursor: default !important
}

.z-colorbox-shadow,.z-menu-shadow {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-colorbox-popup,.z-menu-popup {
    display: none;
    position: absolute;
    overflow: auto;
    z-index: 88000;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    background-color: #FFFFFF
}

.z-colorpicker {
    width: 306px;
    height: 420px;
    position: relative;
    overflow: hidden;
    padding: 4px
}

.z-colorpicker-main {
    position: relative;
    height: 256px;
    top: 30px
}

.z-colorpicker-info {
    position: relative;
    margin-top: 12px;
    height: 114px;
    top: 30px
}

.z-colorpicker-gradient {
    width: 256px;
    height: 256px;
    border: 1px solid #D9D9D9;
    position: absolute;
    left: 0;
    top: 0;
    cursor: crosshair
}

.z-colorpicker-overlay {
    width: 256px;
    height: 256px;
}

.z-colorpicker-bar {
    width: 12px;
    height: 256px;
    border: 1px solid #D9D9D9;
    position: absolute;
    left: 7px;
    overflow: hidden;
    cursor: row-resize
}

.z-colorpicker-circle {
    width: 11px;
    height: 11px;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.z-colorpicker-hue {
    width: 27px;
    height: 256px;
    position: absolute;
    top: 0;
    right: 0
}

.z-colorpicker-arrows {
    width: 27px;
    height: 9px;
    margin: -4px 0 0 0;
    position: absolute;
    left: 0;
    overflow: hidden;
    cursor: row-resize
}

.z-colorpicker-color {
    border: 1px solid #D9D9D9;
    background: transparent;
    position: absolute;
    width: 56px;
    height: 72px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: 0;
    right: 8px;
    padding: 2px
}

.z-colorpicker-newcolor {
    width: 50px;
    height: 33px;
    border: 1px solid #D9D9D9;
    position: relative
}

.z-colorpicker-current {
    width: 50px;
    height: 33px;
    border: 1px solid #D9D9D9;
    position: relative
}

.z-colorpicker-rgb,.z-colorpicker-hsv {
    position: absolute;
    left: 0
}

.z-colorpicker-rgb .z-colorpicker-input,.z-colorpicker-hsv .z-colorpicker-input {
    width: 40px;
    margin-left: 8px;
    margin-right: 0
}

.z-colorpicker-rgb {
    top: 5px
}

.z-colorpicker-hsv {
    top: 40px
}

.z-colorpicker-text,.z-colorpicker-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9)
}

.z-colorpicker-text {
    display: inline-block;
    width: 35px
}

.z-colorpicker-input {
    height: 24px;
    text-align: center
}

.z-colorpicker-hex {
    position: absolute;
    top: 76px;
    left: 0
}

.z-colorpicker-hex .z-colorpicker-input {
    width: 72px;
    height: 32px;
    margin-left: 8px
}

.z-colorpicker-button {
    position: absolute;
    top: 82px;
    right: 8px;
    cursor: pointer;
    width: 42px
}

.z-colorpicker-r,.z-colorpicker-g,.z-colorpicker-b,.z-colorpicker-h,.z-colorpicker-s,.z-colorpicker-v {
    display: inline
}

.z-colorpicker-r-text,.z-colorpicker-g-text,.z-colorpicker-b-text,.z-colorpicker-h-text,.z-colorpicker-s-text,.z-colorpicker-v-text {
    display: none
}

.z-colorpalette {
    width: 260px;
    height: 226px;
    padding: 4px
}

.z-colorpalette-head {
    position: relative;
    height: 35px
}

.z-colorpalette-newcolor {
    width: 48px;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    position: absolute;
    right: 77px
}

.z-colorpalette-input,.z-colorpalette-button {
    position: absolute;
    top: 0;
    right: 0
}

.z-colorpalette-input {
    width: 72px;
    height: 30px;
    margin: 0
}

.z-colorpalette-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    margin: 1px
}

.z-colorpalette-color:hover {
    border: 1px solid #000000
}

.z-colorpalette-selected {
    border: 1px solid #000000
}

.z-colorbox-paletteicon,.z-menu-paletteicon,.z-colorbox-pickericon,.z-menu-pickericon {
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    color: rgba(0,0,0,0.57);
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px
}

.z-colorbox-paletteicon:hover,.z-menu-paletteicon:hover,.z-colorbox-pickericon:hover,.z-menu-pickericon:hover {
    color: #FFFFFF;
    border-color: transparent;
    background-color: var(--app-primary-400)
}

.z-colorbox-paletteicon:focus,.z-menu-paletteicon:focus,.z-colorbox-pickericon:focus,.z-menu-pickericon:focus {
    color: #FFFFFF;
    border-color: #FFA516;
    background-color: var(--app-primary)
}

.z-colorbox-paletteicon,.z-menu-paletteicon {
    left: 5px;
    top: 5px
}

.z-colorbox-paletteicon:before,.z-menu-paletteicon:before {
    display: inline-block;
    font-family: ZK85Icons, FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    content: '\e902'
}

.z-colorbox-pickericon,.z-menu-pickericon {
    left: 30px;
    top: 5px
}

.z-colorbox-pickericon:before,.z-menu-pickericon:before {
    display: inline-block;
    font-family: ZK85Icons, FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    content: '\e900'
}

.z-colorpalette-popup .z-colorbox-paletteicon,.z-colorpalette-popup .z-menu-paletteicon {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-colorpicker-popup .z-colorbox-pickericon,.z-colorpicker-popup .z-menu-pickericon {
    color: #FFFFFF;
    background-color: var(--app-primary)
}

.z-menu-image.z-colorbox-color {
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    min-width: 12px;
    min-height: 12px;
    margin-right: 14px
}

.z-columnlayout,.z-columnchildren,.z-columnchildren-content {
    overflow: hidden
}

.z-columnchildren {
    height: 100%;
    float: left
}

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

.z-columnlayout,.z-columnchildren {
    -ms-zoom:1}

.z-row .z-detail-outer {
    min-width: 40px;
    line-height: normal;
    background-color: #FFFFFF;
    vertical-align: top;
    border-top: 1px solid #F2F2F2;
    padding: 3px 6px
}

.z-detail {
    font-size: var(--font-size);
    width: 16px;
    height: 16px;
    padding: 0;
    line-height: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin-left: -3px
}

.z-detail-icon {
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    position: relative;
    left: 1px
}

.z-detail-open .z-detail-icon {
    line-height: 14px;
    left: 0
}

.z-detail-content {
    padding: 0 12px 12px 0
}

.z-detail-content:before {
    content: '';
    display: block;
    height: 1px;
    border-top: 1px solid #F2F2F2;
    margin: 0 0 12px 0
}

.z-fisheye,.z-fisheye-text,.z-fisheye-image {
    position: absolute;
    cursor: pointer
}

.z-fisheye {
    z-index: 2
}

.z-fisheye-image {
    width: 100%;
    height: 100%;
    border: 0
}

.z-fisheye-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    background: #261429;
    text-align: center;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16)
}

.z-fisheyebar-inner {
    position: relative
}

.z-rangeslider {
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.z-rangeslider-inner {
    position: relative
}

.z-rangeslider-track {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #D9D9D9
}

.z-rangeslider-marks {
    position: relative
}

.z-rangeslider-mark {
    position: absolute
}

.z-rangeslider-mark-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    border: 3px solid #D9D9D9;
    border-radius: 50%
}

.z-rangeslider-mark-active .z-rangeslider-mark-dot {
    border-color: var(--app-primary);
    z-index: 1
}

.z-rangeslider-mark-label {
    position: absolute;
    color: rgba(0,0,0,0.9);
    text-align: center;
    font-size: 12px
}

.z-rangeslider .z-sliderbuttons-button {
    width: 16px;
    height: 16px;
    background-color: var(--app-primary);
    border-width: 2px;
    border-color: var(--app-primary);
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    z-index: 2
}

.z-rangeslider .z-sliderbuttons-tooltip {
    border-radius: 2px;
    background: rgba(0,0,0,0.8);
    position: absolute
}

.z-rangeslider .z-sliderbuttons-area {
    background-color: var(--app-primary)
}

.z-rangeslider-horizontal {
    width: 300px
}

.z-rangeslider-horizontal .z-sliderbuttons-area {
    height: 100%
}

.z-rangeslider-horizontal .z-sliderbuttons-button {
    margin-top: -5px;
    margin-left: -8px;
    top: 0
}

.z-rangeslider-horizontal .z-sliderbuttons-tooltip {
    top: -8px;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    padding: 2px 4px
}

.z-rangeslider-horizontal .z-rangeslider-inner {
    margin: 40px 12px 30px;
    height: 6px
}

.z-rangeslider-horizontal .z-rangeslider-marks {
    width: 100%
}

.z-rangeslider-horizontal .z-rangeslider-mark-dot {
    top: -3px;
    transform: translateX(-50%)
}

.z-rangeslider-horizontal .z-rangeslider-mark-label {
    top: 19px;
    transform: translateX(-50%)
}

.z-rangeslider-vertical {
    height: 300px
}

.z-rangeslider-vertical .z-sliderbuttons-area {
    width: 100%
}

.z-rangeslider-vertical .z-sliderbuttons-button {
    margin-top: -8px;
    margin-left: -5px;
    left: 0
}

.z-rangeslider-vertical .z-sliderbuttons-tooltip {
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 2px
}

.z-rangeslider-vertical .z-rangeslider-inner {
    margin: 12px 30px 12px 12px;
    width: 6px;
    height: 100%
}

.z-rangeslider-vertical .z-rangeslider-marks {
    height: 100%
}

.z-rangeslider-vertical .z-rangeslider-mark-dot {
    left: -3px;
    transform: translateY(-50%)
}

.z-rangeslider-vertical .z-rangeslider-mark-label {
    left: 19px;
    transform: translateY(-50%)
}

.z-rangeslider:not(.z-rangeslider-disabled) .z-sliderbuttons-button:hover {
    border-color: var(--app-primary-400);
    background-color: var(--app-primary-400)
}

.z-rangeslider:not(.z-rangeslider-disabled) .z-sliderbuttons-button:hover .z-sliderbuttons-tooltip {
    display: block
}

.z-rangeslider:not(.z-rangeslider-disabled) .z-sliderbuttons-button:active {
    border-color: var(--app-primary-700);
    background-color: var(--app-primary-700)
}

.z-rangeslider:not(.z-rangeslider-disabled) .z-sliderbuttons-button:focus {
    border-color: #FFA516
}

.z-rangeslider-disabled .z-rangeslider-track {
    background-color: #F2F2F2
}

.z-rangeslider-disabled {
    cursor: default
}

.z-rangeslider-disabled .z-sliderbuttons-area {
    background-color: #93d3ff
}

.z-rangeslider-disabled .z-sliderbuttons-button {
    border-color: #93d3ff;
    background-color: #93d3ff;
    box-shadow: none
}

.z-rangeslider-disabled .z-sliderbuttons-tooltip {
    background-color: rgba(0,0,0,0.5)
}

.z-rangeslider-disabled .z-rangeslider-mark-dot {
    border-color: #F2F2F2
}

.z-rangeslider-disabled .z-rangeslider-mark-active .z-rangeslider-mark-dot {
    border-color: #93d3ff
}

.z-sliderbuttons-button {
    position: absolute;
    border-style: solid
}

.z-sliderbuttons-tooltip {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: absolute;
    display: none;
    color: #FFFFFF;
    vertical-align: top;
    line-height: 1;
    font-size: 12px
}

.z-sliderbuttons-area {
    position: absolute
}

.z-pdfviewer {
    position: relative;
    display: flex;
    flex-direction: column
}

.z-pdfviewer:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.z-pdfviewer:-ms-fullscreen {
    width: 100% !important;
    height: 100% !important
}

.z-pdfviewer:fullscreen .z-pdfviewer-toolbar-fullscreen>i::before {
    content: '\f066'
}

.z-pdfviewer:-webkit-full-screen .z-pdfviewer-toolbar-fullscreen>i::before {
    content: '\f066'
}

.z-pdfviewer:-ms-fullscreen .z-pdfviewer-toolbar-fullscreen>i::before {
    content: '\f066'
}

.z-pdfviewer:hover .z-pdfviewer-toolbar {
    opacity: .5
}

.z-pdfviewer:hover .z-pdfviewer-toolbar:hover {
    opacity: 1
}

.z-pdfviewer:focus-within .z-pdfviewer-toolbar {
    opacity: 1
}

.z-pdfviewer-container {
    overflow: auto;
    height: 100%;
    width: 100%;
    background: gray
}

.z-pdfviewer-page {
    position: relative;
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    overflow: hidden
}

.z-pdfviewer-text-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: .2;
    line-height: 1
}

.z-pdfviewer-text-layer ::selection {
    background: blue
}

.z-pdfviewer-text-layer>span {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0 0
}

.z-pdfviewer-annotation-layer .linkAnnotation {
    position: absolute
}

.z-pdfviewer-annotation-layer .linkAnnotation>a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.z-pdfviewer-toolbar {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 3px 8px;
    opacity: 0;
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--font-size);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.z-pdfviewer-toolbar-button {
    height: 24px;
    width: 24px;
    padding: 0;
    border-radius: 4px;
    border: 0;
    color: rgba(0,0,0,0.9);
    background: #FFFFFF;
    margin-left: 6px
}

.z-pdfviewer-toolbar-button:nth-child(1) {
    margin-left: 0
}

.z-pdfviewer-toolbar-button>i {
    pointer-events: none
}

.z-pdfviewer-toolbar-button:hover {
    color: rgba(0,0,0,0.9);
    background: var(--app-primary-50)
}

.z-pdfviewer-toolbar-button:active {
    color: #FFFFFF;
    background: var(--app-primary)
}

.z-pdfviewer-toolbar-button[disabled] {
    color: rgba(0,0,0,0.34);
    background: #FFFFFF
}

.z-pdfviewer-toolbar-separator {
    height: 18px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #D9D9D9;
    margin-left: 6px
}

.z-pdfviewer-toolbar-page {
    vertical-align: middle
}

.z-pdfviewer-toolbar-page-active {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    width: 37px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 6px
}

.z-pdfviewer-toolbar-page-active:focus {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.z-pdfviewer-toolbar-page-active:invalid {
    border-color: #FF4051
}

.z-pdfviewer-toolbar-zoom.z-selectbox {
    min-width: auto;
    margin-left: 6px
}

.z-biglistbox {
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    zoom:1}

.z-biglistbox-outer {
    border: 1px solid #D9D9D9;
    border-top: none;
    border-left: none;
    margin: 0 15px 15px 0;
    background: #FFFFFF;
    position: relative
}

.z-biglistbox-faker th {
    font-size: 0;
    width: 45px;
    height: 0;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden
}

.z-biglistbox-head-outer {
    overflow: hidden
}

.z-biglistbox-head {
    width: 100%;
    border: 0;
    overflow: hidden;
    float: left
}

.z-biglistbox-head table {
    border-spacing: 0
}

.z-biglistbox-head table th,.z-biglistbox-head table td {
    background-clip: padding-box
}

.z-biglistbox-header {
    border-left: 1px solid var(--app-primary-700);
    border-bottom: 1px solid var(--app-primary-700);
    padding: 0;
    text-align: left;
    position: relative;
    overflow: hidden;
    cursor: default;
    white-space: nowrap;
    background: var(--app-primary)
}

.z-biglistbox-header:hover {
    background: var(--app-primary-400)
}

.z-biglistbox-header:active {
    background: var(--app-primary-700)
}

.z-biglistbox-header-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    padding: 12px 16px;
    line-height: 19px;
    position: relative;
    white-space: nowrap
}

.z-biglistbox-header-leftmost {
    border-left: none
}

.z-biglistbox-body-outer {
    overflow: hidden
}

.z-biglistbox-body {
    width: 100%;
    border: 0;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    float: left
}

.z-biglistbox-body table {
    border-spacing: 0
}

.z-biglistbox-body table th,.z-biglistbox-body table td {
    background-clip: padding-box
}

.z-biglistbox-body td {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    padding: 12px 16px;
    line-height: 19px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap
}

.z-biglistbox-row {
    background: #FFFFFF;
    border-top: 1px solid #F2F2F2
}

.z-biglistbox-row:hover td {
    color: rgba(0,0,0,0.9);
    background-color: var(--app-primary-50);
    position: relative
}

.z-biglistbox-row.z-biglistbox-selected td {
    color: rgba(0,0,0,0.9);
    border-color: transparent;
    background-color: var(--app-primary-400);
    position: relative
}

.z-biglistbox-row.z-biglistbox-selected:hover td {
    color: rgba(0,0,0,0.9);
    border-color: transparent;
    background: var(--app-primary-400);
    position: relative
}

.z-biglistbox-odd {
    background: #FFFFFF
}

.z-biglistbox-sort {
    cursor: pointer
}

.z-biglistbox-sorticon {
    color: #FFFFFF;
    position: absolute;
    top: -7px;
    left: 50%
}

.z-biglistbox-hover {
    position: relative
}

.z-biglistbox-head-shim,.z-biglistbox-body-shim {
    width: 3px;
    height: 1px;
    overflow: hidden;
    float: left
}

.z-biglistbox-verticalbar-frozen {
    width: 3px;
    height: 100%;
    background: #D9D9D9;
    position: absolute;
    top: -3px
}

.z-biglistbox-verticalbar-frozen-ghost {
    width: 1px;
    height: 100%;
    background: var(--app-primary)
}

.z-biglistbox-verticalbar-tick {
    width: 7px;
    height: 15px;
    position: absolute;
    font-size: 16px;
    color: rgba(0,0,0,0.57);
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    bottom: 0;
    overflow: hidden;
    cursor: col-resize;
    z-index: 20;
    font-family: 'ZK85Icons'
}

.z-biglistbox-verticalbar-tick:before {
    content: '\e910';
    position: absolute;
    left: -5px
}

.z-biglistbox-verticalbar-tick:hover {
    background-color: var(--app-primary-50);
    border: 1px solid #A8A8A8
}

.z-biglistbox-verticalbar-tick:active {
    color: #FFFFFF;
    background-color: var(--app-primary);
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical {
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -16px;
    z-index: 10
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag {
    font-family: 'ZK85Icons';
    width: 15px;
    height: 119px;
    color: rgba(0,0,0,0.57);
    background-color: #FFFFFF;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 15
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body {
    font-size: 16px;
    position: absolute;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:hover {
    background-color: var(--app-primary-50);
    border: 1px solid #A8A8A8
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:active {
    color: #FFFFFF;
    background-color: var(--app-primary);
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
    width: 15px;
    height: 16px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:before,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:before,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:before,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:before {
    position: relative;
    right: 2px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body {
    width: 15px;
    height: 55px;
    top: 32px;
    border-top: 0;
    border-bottom: 0
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:before {
    content: '\e90d';
    position: absolute;
    top: 19px;
    right: -1px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:active {
    top: 31px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home {
    top: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:before {
    content: '\e90e'
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up {
    top: 16px;
    border-top: 0
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:before {
    content: '\e904'
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:active {
    top: 15px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down {
    bottom: 16px;
    border-bottom: 0
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:before {
    content: '\e90a'
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
    bottom: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:before {
    content: '\e903'
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-pos {
    visibility: visible;
    width: 18px;
    height: 115px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: #000;
    opacity: .25;
    filter: alpha(opacity=25);
    ;position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-endbar {
    width: 15px;
    height: 8px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #F2F2F2;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 20
}

.z-biglistbox-wscroll-horizontal {
    width: 100%;
    height: 15px;
    position: absolute;
    left: 0;
    bottom: -16px;
    z-index: 10
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag {
    font-family: 'ZK85Icons';
    width: 119px;
    height: 15px;
    color: rgba(0,0,0,0.57);
    background-color: #FFFFFF;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 15
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body {
    font-size: 16px;
    position: absolute;
    top: 0;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:hover {
    background-color: var(--app-primary-50);
    border: 1px solid #A8A8A8
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:active {
    color: #FFFFFF;
    background-color: var(--app-primary);
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
    width: 16px;
    height: 15px
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body {
    width: 55px;
    height: 15px;
    left: 32px;
    border-left: 0;
    border-right: 0
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:before {
    content: '\e90f';
    position: absolute;
    left: 19px
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-body:active {
    left: 31px
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home {
    left: 0px
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-home:before {
    content: '\f048'
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up {
    left: 16px;
    border-left: 0
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:before {
    content: '\e906'
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-up:active {
    left: 15px
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down {
    right: 16px;
    border-right: 0
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-down:before {
    content: '\e90c'
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end {
    right: 0
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-drag .z-biglistbox-wscroll-end:before {
    content: '\f051'
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-pos {
    visibility: visible;
    width: 119px;
    height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: #000;
    opacity: .25;
    filter: alpha(opacity=25);
    ;position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-endbar {
    width: 7px;
    height: 15px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #F2F2F2;
    position: absolute;
    right: -12px;
    overflow: hidden;
    z-index: 20
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up:hover {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-home:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-head .z-biglistbox-wscroll-up:active {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down:hover,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end:hover,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end:hover {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-down:active,.z-biglistbox-wscroll-vertical .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end:active,.z-biglistbox-wscroll-horizontal .z-biglistbox-wscroll-tail .z-biglistbox-wscroll-end:active {
    color: rgba(0,0,0,0.34);
    background: #F2F2F2;
    border: 1px solid #D9D9D9
}

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

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

.z-chosenbox {
    display: inline-block;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    line-height: normal;
    background: #FFFFFF;
    overflow: hidden;
    padding: 0 0 2px 0;
    min-height: 25px;
    vertical-align: bottom
}

.z-chosenbox-focus {
    border-color: var(--app-primary)
}

.z-chosenbox-item {
    display: inline-block;
    border: 1px solid var(--app-primary-700);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 1px 0 0 2px;
    padding: 0;
    background-color: var(--app-primary);
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    cursor: pointer
}
.z-chosenbox-item-focus {
    background-color: var(--app-primary-700)
}

.z-chosenbox-button {
    font-size: 16px;
    color: #FFFFFF;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: 2px;
    top: -1px
}

.z-chosenbox-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 0 !important;
    padding: 1px 4px 2px 8px;
    background: transparent !important;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.z-chosenbox-disabled {
    border-color: #D9D9D9;
    background: #F2F2F2
}

.z-chosenbox-disabled .z-chosenbox-item {
    cursor: default;
    border-color: #D9D9D9;
    background-color: #D9D9D9
}

.z-chosenbox-disabled .z-chosenbox-item-content {
    color: rgba(0,0,0,0.34);
    margin-right: 0
}

.z-chosenbox-disabled .z-chosenbox-button {
    display: none
}

.z-chosenbox-textcontent {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    display: none;
    white-space: nowrap
}

.z-chosenbox-popup {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    display: block;
    border: 1px solid var(--app-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    background: #FFFFFF;
    position: absolute;
    overflow: auto
}

.z-chosenbox-popup-hidden {
    display: none
}

.z-chosenbox-shadow {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-chosenbox-option {
    cursor: pointer;
    padding: 1px 8px;
    min-height: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-chosenbox-option:hover,.z-chosenbox-option-hover {
    background: var(--app-primary-50)
}

.z-chosenbox-empty {
    color: rgba(0,0,0,0.34);
    padding: 1px 8px;
    min-height: 16px
}

.z-chosenbox-empty-creatable {
    color: rgba(0,0,0,0.9);
    padding-top: 2px;
    cursor: pointer
}

.z-chosenbox-select {
    display: inline-block;
    min-width: 100%
}

.z-chosenbox-create {
    font-size: 16px;
    color: var(--app-primary);
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.z-chosenbox-create:before {
    content: '\f067'
}

.z-chosenbox-inplace {
    width: 100%;
    height: 100%;
    font-style: normal;
    display: inline-block;
    font-size: 18px;
    padding: 4px
}

.z-chosenbox-hide {
    display: none
}

.z-coachmark {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

@keyframes expand {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.z-coachmark-open {
    animation: expand .8s .2s ease-in-out;
    animation-fill-mode: forwards
}

.z-coachmark-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 8px 22px 8px 10px;
    vertical-align: middle;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-coachmark-pointer {
    display: none;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    z-index: 100
}

.z-coachmark-close {
    font-size: 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 4px;
    color: rgba(0,0,0,0.57);
    cursor: pointer
}

.z-coachmark-icon {
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1
}

.z-coachmark-mask {
    position: fixed;
    background: transparent;
    animation: mask .3s .3s ease-in-out;
    animation-fill-mode: forwards
}

@keyframes mask {
    0% {
        background: transparent
    }

    100% {
        background: rgba(0,0,0,0.5)
    }
}

.z-coachmark-right~.z-coachmark-close {
    right: 24px
}

.z-coachmark-up~.z-coachmark-close {
    top: 24px
}

.z-coachmark-left {
    border-right-color: #FFFFFF
}

.z-coachmark-right {
    border-left-color: #FFFFFF
}

.z-coachmark-up {
    border-bottom-color: #FFFFFF
}

.z-coachmark-down {
    border-top-color: #FFFFFF
}

.z-dropupload {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 2px;
    background: #E6E6E6
}

.z-navbar {
    display: block;
    position: relative;
    white-space: nowrap;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 0
}

.z-navbar ul {
    background: #FFFFFF;
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none
}

.z-navbar>ul ul {
    display: none;
    width: auto
}

.z-navbar>ul ul .z-nav-image,.z-navbar>ul ul .z-navitem-image,.z-navbar>ul ul i {
    margin-right: 6px
}

.z-navbar>ul ul .z-nav-text,.z-navbar>ul ul .z-navitem-text {
    font-size: var(--font-size);
    margin-left: 2px
}

.z-navbar .z-navitem-selected .z-navitem-content {
    color: var(--app-primary);
    background: #FFFFFF
}

.z-navbar-horizontal {
    padding: 0 2px
}

.z-navbar-horizontal li {
    display: inline-block;
    margin: 2px 2px 0;
    border-bottom: 2px solid transparent;
    min-width: 182px;
    vertical-align: middle
}

.z-navbar-horizontal>ul ul {
    position: absolute;
    left: 0;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    z-index: 88000
}

.z-navbar-horizontal .z-navseparator {
    min-width: 1px;
    width: 1px;
    line-height: 36px;
    vertical-align: top;
    position: relative;
    border-left: 1px solid #D9D9D9;
    margin: 0 6px
}

.z-navbar-horizontal .z-nav-open,.z-navbar-horizontal .z-navitem-selected {
    border-bottom: 2px solid var(--app-primary)
}

.z-navbar-vertical>ul>li:first-child a {
    border-top-width: 1px
}

.z-navbar-vertical .z-nav .z-nav ul {
    padding-left: 20px
}

.z-nav-content,.z-navitem-content {
    color: rgba(0,0,0,0.57);
    display: block;
    padding: 6px 12px;
    position: relative;
    overflow: hidden;
    text-decoration: none
}

.z-nav-content:hover,.z-navitem-content:hover {
    color: rgba(0,0,0,0.9);
    background: #FFFFFF
}

.z-nav-image,.z-navitem-image {
    max-height: 16px;
    width: 16px;
    margin-bottom: 4px
}

.z-nav-image,.z-navitem-image,.z-nav i,.z-navitem i {
    display: inline-block;
    text-align: center;
    margin-right: 8px
}

.z-nav-text,.z-navitem-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    white-space: nowrap
}

.z-nav-info {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 8px;
    line-height: normal;
    margin-left: 4px;
    margin-right: -4px;
    background: #D9D9D9;
    text-align: center;
    position: absolute;
    right: 16px;
    top: 8px
}

.z-navitem-content[disabled],.z-navitem-content[disabled]:hover {
    cursor: default
}

.z-navitem-content[disabled] i,.z-navitem-content[disabled]:hover i,.z-navitem-content[disabled] img,.z-navitem-content[disabled]:hover img,.z-navitem-content[disabled] .z-navitem-text,.z-navitem-content[disabled]:hover .z-navitem-text {
    color: rgba(0,0,0,0.34);
    background: #FFFFFF
}

.z-navbar-collapsed>ul>.z-nav>.z-nav-content,.z-navbar-collapsed>ul>.z-navitem>.z-navitem-content {
    border-width: 0
}

.z-navbar-collapsed>ul>.z-nav>.z-nav-content>i,.z-navbar-collapsed>ul>.z-navitem>.z-navitem-content>i {
    margin-right: 0;
    text-align: center
}

.z-navbar-collapsed>ul>.z-nav>.z-nav-content:hover,.z-navbar-collapsed>ul>.z-navitem>.z-navitem-content:hover {
    color: rgba(0,0,0,0.9);
    background: #FFFFFF
}

.z-navbar-collapsed>ul>.z-navseparator+.z-nav>.z-nav-content,.z-navbar-collapsed>ul>.z-navseparator+.z-navitem>.z-navitem-content {
    border-width: 0
}

.z-navbar-collapsed>ul>.z-nav>.z-nav-content>.z-nav-text,.z-navbar-collapsed>ul>.z-navitem>.z-navitem-content>.z-navitem-text {
    display: none
}

.z-navbar-collapsed>ul>.z-navitem-selected:hover>.z-navitem-content {
    color: var(--app-primary);
    background: #FFFFFF
}

.z-navbar-collapsed .z-nav-info {
    position: relative;
    top: 0;
    left: 0
}

.z-navbar-horizontal.z-navbar-collapsed>ul>.z-nav,.z-navbar-horizontal.z-navbar-collapsed>ul>.z-navitem {
    min-width: 32px
}

.z-navbar-vertical.z-navbar-collapsed>ul {
    min-width: 32px;
    display: inline-block
}

.z-nav-text-popup,.z-navitem-text-popup {
    color: rgba(0,0,0,0.57);
    min-width: 180px;
    height: 38px;
    padding: 10px 18px 4px;
    line-height: 20px;
    background: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;
    z-index: 88000;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-nav-text-popup[disabled],.z-navitem-text-popup[disabled] {
    cursor: default
}

.z-nav-text-popup[disabled]:hover,.z-navitem-text-popup[disabled]:hover {
    cursor: default
}

.z-nav-text-popup+.z-nav-popup,.z-navitem-text-popup+.z-nav-popup {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 -3px 0 0 #FFFFFF, 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 -3px 0 0 #FFFFFF, 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 -3px 0 0 #FFFFFF, 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 -3px 0 0 #FFFFFF, 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 -3px 0 0 #FFFFFF, 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-navbar-vertical li,.z-nav-popup li {
    display: block;
    margin: 2px 0;
    border-left: 2px solid transparent
}

.z-navbar-vertical .z-navseparator,.z-nav-popup .z-navseparator {
    margin: 6px 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    position: relative
}

.z-navbar-vertical .z-nav-content,.z-nav-popup .z-nav-content,.z-navbar-vertical .z-navitem-content,.z-nav-popup .z-navitem-content {
    border-top-width: 0
}

.z-navbar-vertical .z-navseparator+.z-nav>.z-nav-content,.z-nav-popup .z-navseparator+.z-nav>.z-nav-content,.z-navbar-vertical .z-navseparator+.z-navitem>.z-navitem-content,.z-nav-popup .z-navseparator+.z-navitem>.z-navitem-content {
    border-top-width: 1px
}

.z-navbar-vertical .z-nav-open,.z-nav-popup .z-nav-open {
    border-left: 2px solid var(--app-primary)
}

.z-navbar-vertical .z-nav-open .z-nav-open,.z-nav-popup .z-nav-open .z-nav-open {
    border-left: 2px solid transparent
}

.z-navbar-vertical .z-nav-open .z-navseparator,.z-nav-popup .z-nav-open .z-navseparator {
    margin-left: 8px
}

.z-navbar-vertical .z-nav-selected,.z-nav-popup .z-nav-selected {
    border-left: 2px solid var(--app-primary)
}

.z-navbar-vertical .z-nav-selected .z-nav-selected,.z-nav-popup .z-nav-selected .z-nav-selected {
    border-left: 2px solid transparent
}

.z-navbar-vertical>ul>.z-navitem-selected,.z-nav-popup>.z-navitem-selected {
    border-left: 2px solid var(--app-primary)
}

.z-nav-popup {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0 4px 6px;
    overflow: hidden;
    z-index: 88000;
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-nav-popup .z-nav-text,.z-nav-popup .z-navitem-text {
    font-size: 12px
}

.z-nav-popup .z-nav-content,.z-nav-popup .z-navitem-content {
    color: rgba(0,0,0,0.57)
}

.z-nav-popup .z-nav-content:hover,.z-nav-popup .z-navitem-content:hover {
    color: rgba(0,0,0,0.9);
    background: #FFFFFF
}

.z-nav-popup ul {
    display: none;
    position: relative;
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none
}

.z-nav-popup .z-navitem-selected .z-navitem-content {
    color: var(--app-primary);
    background: #FFFFFF
}

.z-nav-popup .z-nav ul {
    padding-left: 20px
}

.z-portallayout,.z-portalchildren,.z-portalchildren-content {
    overflow: hidden
}

.z-portallayout-vertical>.z-portalchildren {
    height: 100%;
    float: left
}

.z-portalchildren-content {
    width: 100%;
    height: 100%
}

.z-portallayout-horizontal>.z-portalchildren {
    height: 100%
}

.z-portallayout-horizontal .z-portalchildren-content>.z-panel,.z-portallayout-horizontal .z-portalchildren-content>.z-panel-move-block {
    float: left
}
.z-portalchildren-counter {
    display: none;
    border-radius: 10px;
    padding: 0 4px;
    margin-right: 4px;
    background: #D9D9D9;
    font-size: 14px;
    font-weight: 700
}

.z-portalchildren-counter-on {
    display: inline
}

.z-portalchildren-frame {
    border: 1px solid #A8A8A8;
    border-radius: 4px;
    background: #F9FCFF;
    overflow: hidden;
    padding: 8px;
    padding-bottom: 0;
    margin-right: 10px
}

.z-portalchildren-frame:last-child {
    margin-right: 0
}

.z-portalchildren-frame>.z-portalchildren-title {
    display: block
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel {
    background: #FFFFFF;
    margin-bottom: 8px;
    position: relative
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel:last-child {
    margin-bottom: 8px
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel-header {
    color: var(--app-primary);
    padding: 6px 10px 0 10px;
    font-size: 12px
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel-drag-button {
    display: block;
    color: #A8A8A8;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel-collapsed .z-panel-drag-button {
    position: relative
}

.z-portalchildren-frame>.z-portalchildren-content .z-panel .z-panelchildren {
    padding: 6px 10px
}

.z-portalchildren-title {
    display: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.57);
    border: 0;
    overflow: hidden;
    padding-bottom: 8px
}

.z-portallayout-horizontal>.z-portalchildren-frame {
    float: left;
    clear: both;
    margin-bottom: 8px
}

.z-portallayout-horizontal>.z-portalchildren-frame:last-child {
    margin-bottom: 0
}

.z-portallayout-horizontal>.z-portalchildren-frame>.z-portalchildren-content>.z-panel {
    margin-right: 8px
}

.z-portallayout-horizontal>.z-portalchildren-frame>.z-portalchildren-content>.z-panel:last-child {
    margin-right: 0
}

.z-portallayout-popup {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: var(--font-size);
    display: none;
    color: rgba(0,0,0,0.9);
    border: 1px solid var(--app-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    background: #FFFFFF;
    position: absolute;
    overflow: auto;
    min-height: 10px
}

.z-portallayout-popup-content {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent none repeat 0 0;
    position: relative;
    list-style: none outside none;
    min-width: 100%;
    display: inline-block
}

.z-portallayout-popup-nav {
    cursor: pointer;
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-portallayout-popup-nav:focus {
    background-color: var(--app-primary-50)
}

.z-portallayout-popup-open {
    display: block
}

.z-rowlayout:before,.z-rowlayout:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both
}

.z-rowchildren[class*="colspan"] {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .z-rowchildren[class*="colspan"] {
        float:none
    }
}

.z-scrollview {
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.z-scrollview-horizontal .z-scrollview-content {
    height: 100%
}

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

.z-scrollview-horizontal .z-scrollview-scrollbar {
    height: 7px;
    bottom: 1px;
    left: 2px;
    right: 2px
}

.z-scrollview-horizontal .z-scrollview-scrollbar-indicator {
    height: 100%
}

.z-scrollview-vertical .z-scrollview-content {
    width: 100%
}

.z-scrollview-vertical .z-scrollview-scrollbar {
    width: 7px;
    bottom: 2px;
    top: 2px;
    right: 1px
}

.z-scrollview-vertical .z-scrollview-scrollbar-indicator {
    width: 100%
}

.z-scrollview-content {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -o-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -ms-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.z-scrollview-inner {
    position: relative;
    zoom:1}

.z-scrollview-scrollbar {
    position: absolute;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0
}

.z-scrollview-scrollbar-indicator {
    border: 1px solid rgba(255,255,255,0.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.5);
    background-clip: padding-box;
    position: absolute;
    z-index: 100;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -o-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -ms-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.z-scrollview-load {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    position: absolute
}

.z-scrollview-load-up,.z-scrollview-load-down,.z-scrollview-load-left,.z-scrollview-load-right {
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 999
}

.z-scrollview-load-up {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zkmax/img/tablet/layout/load-up.png);
}

.z-scrollview-load-down {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zkmax/img/tablet/layout/load-down.png);
}

.z-scrollview-load-left {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zkmax/img/tablet/layout/load-left.png);
}

.z-scrollview-load-right {
    background-image: url(/zkthemepackdemo/zkau/web/da5c39d0/iceblue_c/zkmax/img/tablet/layout/load-right.png);
}

.z-tablechildren {
    vertical-align: top
}

#z-tbeditor-icons {
    overflow: hidden;
    visibility: hidden;
    height: 0;
    width: 0
}

#z-tbeditor-icons svg {
    height: 0;
    width: 0
}

.z-tbeditor-box *,.z-tbeditor-box *::before,.z-tbeditor-box *::after {
    box-sizing: border-box
}

.z-tbeditor-box svg {
    width: 17px;
    height: 100%;
    fill: #222
}

.z-tbeditor-box,.z-tbeditor-editor {
    display: block;
    position: relative;
    border: 1px solid #DDD;
    width: 100%;
    min-height: 300px;
    margin: 0px auto
}

.z-tbeditor-box .z-tbeditor-editor {
    margin: 0 auto
}

.z-tbeditor-editor p {
    margin: 0 0 1em
}

.z-tbeditor-box.z-tbeditor-fullscreen {
    background: #FEFEFE;
    border: none !important
}

.z-tbeditor-editor,.z-tbeditor-textarea {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    min-height: 300px;
    width: 100%;
    border-style: none;
    resize: none;
    outline: none;
    overflow: auto
}

.z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-box-blur .z-tbeditor-editor::before {
    color: transparent !important;
    text-shadow: 0 0 7px #333
}

@media screen and (min-width: 0 0) {
    .z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-box-blur .z-tbeditor-editor::before {
        color:rgba(200,200,200,0.6) !important
    }
}

@supports (-ms-accelerator: true) {
    .z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-box-blur .z-tbeditor-editor::before {
        color: rgba(200,200,200,0.6) !important
    }
}

.z-tbeditor-box-blur .z-tbeditor-editor img,.z-tbeditor-box-blur .z-tbeditor-editor hr {
    opacity: .2
}

.z-tbeditor-textarea {
    position: relative;
    display: block;
    overflow: auto;
    border: none;
    white-space: normal;
    font-size: 14px;
    font-family: "Inconsolata","Consolas","Courier","Courier New",sans-serif;
    line-height: 18px
}

.z-tbeditor-box.z-tbeditor-editor-visible .z-tbeditor-textarea {
    height: 1px !important;
    width: 25%;
    min-height: 0 !important;
    padding: 0 !important;
    background: none;
    opacity: 0 !important
}

.z-tbeditor-box.z-tbeditor-editor-hidden .z-tbeditor-textarea {
    display: block
}

.z-tbeditor-box.z-tbeditor-editor-hidden .z-tbeditor-editor {
    display: none
}

.z-tbeditor-box.z-tbeditor-disabled .z-tbeditor-textarea {
    opacity: .8;
    background: none
}

.z-tbeditor-editor[contenteditable=true]:empty:not(:focus)::before {
    content: attr(placeholder);
    color: #999;
    pointer-events: none
}

.z-tbeditor-button-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    min-height: 36px;
    background: #ecf0f1;
    border-bottom: 1px solid #d7e0e2;
    margin: 0;
    padding: 0 5px;
    list-style-type: none;
    line-height: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.z-tbeditor-button-pane::after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d7e0e2
}

.z-tbeditor-button-pane .z-tbeditor-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.z-tbeditor-button-pane .z-tbeditor-button-group .z-tbeditor-fullscreen-button svg {
    color: transparent
}

.z-tbeditor-button-pane .z-tbeditor-button-group:not(:empty)+.z-tbeditor-button-group::before {
    content: " ";
    display: block;
    width: 1px;
    background: #d7e0e2;
    margin: 0 5px;
    height: 35px
}

.z-tbeditor-button-pane button {
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    padding: 1px 6px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    -webkit-transition: background-color 150ms,opacity 150ms;
    transition: background-color 150ms,opacity 150ms
}

.z-tbeditor-button-pane button.z-tbeditor-textual-button {
    width: auto;
    line-height: 35px
}

.z-tbeditor-button-pane.z-tbeditor-disable button:not(.z-tbeditor-not-disable):not(.z-tbeditor-active),.z-tbeditor-disabled .z-tbeditor-button-pane button:not(.z-tbeditor-not-disable):not(.z-tbeditor-viewHTML-button) {
    opacity: .2;
    cursor: default
}

.z-tbeditor-button-pane.z-tbeditor-disable .z-tbeditor-button-group::before,.z-tbeditor-disabled .z-tbeditor-button-pane .z-tbeditor-button-group::before {
    background: #e3e9eb
}

.z-tbeditor-button-pane button:not(.z-tbeditor-disable):hover,.z-tbeditor-button-pane button:not(.z-tbeditor-disable):focus,.z-tbeditor-button-pane button.z-tbeditor-active {
    background-color: #FFF;
    outline: none
}

.z-tbeditor-button-pane .z-tbeditor-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555
}

.z-tbeditor-button-pane .z-tbeditor-open-dropdown.z-tbeditor-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important
}

.z-tbeditor-button-pane .z-tbeditor-open-dropdown.z-tbeditor-textual-button::after {
    top: 17px;
    right: 7px
}

.z-tbeditor-button-pane .z-tbeditor-right {
    margin-left: auto
}

.z-tbeditor-button-pane .z-tbeditor-right::before {
    display: none !important
}

.z-tbeditor-dropdown {
    width: 200px;
    border: 1px solid #ecf0f1;
    padding: 5px 0;
    border-top: none;
    background: #FFF;
    margin-left: -1px;
    box-shadow: rgba(0,0,0,0.1) 0 2px 3px
}

.z-tbeditor-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #FFF;
    padding: 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    -webkit-transition: all 150ms;
    transition: all 150ms
}

.z-tbeditor-dropdown button:hover,.z-tbeditor-dropdown button:focus {
    background: #ecf0f1
}

.z-tbeditor-dropdown button svg {
    float: left;
    margin-right: 14px
}

.z-tbeditor-modal {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 520px;
    width: 100%;
    height: 350px;
    z-index: 11;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.z-tbeditor-modal-box {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 500px;
    width: calc(100% - 20px);
    padding-bottom: 45px;
    z-index: 1;
    background-color: #FFF;
    text-align: center;
    font-size: 14px;
    box-shadow: rgba(0,0,0,0.2) 0 2px 3px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.z-tbeditor-modal-box .z-tbeditor-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc
}

.z-tbeditor-modal-box .z-tbeditor-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px
}

.z-tbeditor-modal-box .z-tbeditor-progress .z-tbeditor-progress-bar {
    background: #2BC06A;
    height: 100%;
    -webkit-transition: width 150ms linear;
    transition: width 150ms linear
}

.z-tbeditor-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 29px;
    line-height: 29px;
    overflow: hidden
}

.z-tbeditor-modal-box label .z-tbeditor-input-infos {
    display: block;
    text-align: left;
    height: 25px;
    line-height: 25px;
    -webkit-transition: all 150ms;
    transition: all 150ms
}

.z-tbeditor-modal-box label .z-tbeditor-input-infos span {
    display: block;
    color: #69878f;
    background-color: #fbfcfc;
    border: 1px solid #DEDEDE;
    padding: 0 7px;
    width: 150px
}

.z-tbeditor-modal-box label .z-tbeditor-input-infos span.z-tbeditor-msg-error {
    color: #e74c3c
}

.z-tbeditor-modal-box label.z-tbeditor-input-error input,.z-tbeditor-modal-box label.z-tbeditor-input-error textarea {
    border: 1px solid #e74c3c
}

.z-tbeditor-modal-box label.z-tbeditor-input-error .z-tbeditor-input-infos {
    margin-top: -27px
}

.z-tbeditor-modal-box label input {
    position: absolute;
    top: 0;
    right: 0;
    height: 27px;
    line-height: 27px;
    border: 1px solid #DEDEDE;
    background: #fff;
    font-size: 14px;
    max-width: 330px;
    width: 70%;
    padding: 0 7px;
    -webkit-transition: all 150ms;
    transition: all 150ms
}

.z-tbeditor-modal-box label input:hover,.z-tbeditor-modal-box label input:focus {
    outline: none;
    border: 1px solid #95a5a6
}

.z-tbeditor-modal-box label input:focus {
    background: #fbfcfc
}

.z-tbeditor-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red
}

.z-tbeditor-modal-box .z-tbeditor-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;
    font-size: 16px;
    -webkit-transition: all 150ms;
    transition: all 150ms
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit {
    right: 110px;
    background: #2bc06a
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:hover,.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:focus {
    background: #40d47e;
    outline: none
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:active {
    background: #25a25a
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset {
    color: #555;
    background: #e6e6e6
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:hover,.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:focus {
    background: #fbfbfb;
    outline: none
}

.z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:active {
    background: #d5d5d5
}

.z-tbeditor-overlay {
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    left: 0;
    display: none;
    z-index: 10
}

body.z-tbeditor-body-fullscreen {
    overflow: hidden
}

.z-tbeditor-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 99999
}

.z-tbeditor-fullscreen.z-tbeditor-box,.z-tbeditor-fullscreen .z-tbeditor-editor {
    border: none
}

.z-tbeditor-fullscreen .z-tbeditor-editor,.z-tbeditor-fullscreen .z-tbeditor-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto
}

.z-tbeditor-fullscreen .z-tbeditor-overlay {
    height: 100% !important
}

.z-tbeditor-fullscreen .z-tbeditor-button-group .z-tbeditor-fullscreen-button svg {
    color: #222;
    fill: transparent
}

.z-tbeditor-editor object,.z-tbeditor-editor embed,.z-tbeditor-editor video,.z-tbeditor-editor img {
    max-width: 100%
}

.z-tbeditor-editor video,.z-tbeditor-editor img {
    height: auto
}

.z-tbeditor-editor img {
    cursor: move
}

.z-tbeditor-editor.z-tbeditor-reset-css {
    background: #FEFEFE !important;
    font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45em !important;
    white-space: normal !important;
    color: #333
}

.z-tbeditor-editor.z-tbeditor-reset-css a {
    color: #15c !important;
    text-decoration: underline !important
}

.z-tbeditor-editor.z-tbeditor-reset-css div,.z-tbeditor-editor.z-tbeditor-reset-css p,.z-tbeditor-editor.z-tbeditor-reset-css ul,.z-tbeditor-editor.z-tbeditor-reset-css ol,.z-tbeditor-editor.z-tbeditor-reset-css blockquote {
    box-shadow: none !important;
    background: none !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.4em !important;
    font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif !important;
    font-size: 14px !important;
    border: none
}

.z-tbeditor-editor.z-tbeditor-reset-css iframe,.z-tbeditor-editor.z-tbeditor-reset-css object,.z-tbeditor-editor.z-tbeditor-reset-css hr {
    margin-bottom: 15px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css blockquote {
    margin-left: 32px !important;
    font-style: italic !important;
    color: #555
}

.z-tbeditor-editor.z-tbeditor-reset-css ul,.z-tbeditor-editor.z-tbeditor-reset-css ol {
    padding-left: 20px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css ul ul,.z-tbeditor-editor.z-tbeditor-reset-css ol ol,.z-tbeditor-editor.z-tbeditor-reset-css ul ol,.z-tbeditor-editor.z-tbeditor-reset-css ol ul {
    border: none;
    margin: 2px !important;
    padding: 0 !important;
    padding-left: 24px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css hr {
    display: block;
    height: 1px;
    border: none;
    border-top: 1px solid #CCC
}

.z-tbeditor-editor.z-tbeditor-reset-css h1,.z-tbeditor-editor.z-tbeditor-reset-css h2,.z-tbeditor-editor.z-tbeditor-reset-css h3,.z-tbeditor-editor.z-tbeditor-reset-css h4 {
    color: #111;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold
}

.z-tbeditor-editor.z-tbeditor-reset-css h1 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 20px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css h2 {
    font-size: 26px !important;
    line-height: 34px !important;
    margin-bottom: 15px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css h3 {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 7px !important
}

.z-tbeditor-editor.z-tbeditor-reset-css h4 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 7px !important
}

.z-tbeditor-dark .z-tbeditor-textarea {
    background: #111;
    color: #ddd
}

.z-tbeditor-dark .z-tbeditor-box {
    border: 1px solid #343434
}

.z-tbeditor-dark .z-tbeditor-box.z-tbeditor-fullscreen {
    background: #111
}

.z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor::before {
    text-shadow: 0 0 7px #ccc
}

@media screen and (min-width: 0 0) {
    .z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor::before {
        color:rgba(20,20,20,0.6) !important
    }
}

@supports (-ms-accelerator: true) {
    .z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor *,.z-tbeditor-dark .z-tbeditor-box.z-tbeditor-box-blur .z-tbeditor-editor::before {
        color: rgba(20,20,20,0.6) !important
    }
}

.z-tbeditor-dark .z-tbeditor-box svg {
    fill: #ecf0f1;
    color: #ecf0f1
}

.z-tbeditor-dark .z-tbeditor-button-pane {
    background-color: #222;
    border-bottom-color: #343434
}

.z-tbeditor-dark .z-tbeditor-button-pane::after {
    background: #343434
}

.z-tbeditor-dark .z-tbeditor-button-pane .z-tbeditor-button-group:not(:empty)::before {
    background-color: #343434
}

.z-tbeditor-dark .z-tbeditor-button-pane .z-tbeditor-button-group:not(:empty) .z-tbeditor-fullscreen-button svg {
    color: transparent
}

.z-tbeditor-dark .z-tbeditor-button-pane.z-tbeditor-disable .z-tbeditor-button-group::before {
    background-color: #2a2a2a
}

.z-tbeditor-dark .z-tbeditor-button-pane button:not(.z-tbeditor-disable):hover,.z-tbeditor-dark .z-tbeditor-button-pane button:not(.z-tbeditor-disable):focus,.z-tbeditor-dark .z-tbeditor-button-pane button.z-tbeditor-active {
    background-color: #333
}

.z-tbeditor-dark .z-tbeditor-button-pane .z-tbeditor-open-dropdown::after {
    border-top-color: #fff
}

.z-tbeditor-dark .z-tbeditor-fullscreen .z-tbeditor-button-group .z-tbeditor-fullscreen-button svg {
    color: #ecf0f1;
    fill: transparent
}

.z-tbeditor-dark .z-tbeditor-dropdown {
    border-color: #222;
    background: #333;
    box-shadow: rgba(0,0,0,0.3) 0 2px 3px
}

.z-tbeditor-dark .z-tbeditor-dropdown button {
    background: #333;
    color: #fff !important
}

.z-tbeditor-dark .z-tbeditor-dropdown button:hover,.z-tbeditor-dark .z-tbeditor-dropdown button:focus {
    background: #222
}

.z-tbeditor-dark .z-tbeditor-modal-box {
    background-color: #222
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3c3c
}

.z-tbeditor-dark .z-tbeditor-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden
}

.z-tbeditor-dark .z-tbeditor-modal-box label .z-tbeditor-input-infos span {
    color: #eee;
    background-color: #2f2f2f;
    border-color: #222
}

.z-tbeditor-dark .z-tbeditor-modal-box label .z-tbeditor-input-infos span.z-tbeditor-msg-error {
    color: #e74c3c
}

.z-tbeditor-dark .z-tbeditor-modal-box label.z-tbeditor-input-error input,.z-tbeditor-dark .z-tbeditor-modal-box label.z-tbeditor-input-error textarea {
    border-color: #e74c3c
}

.z-tbeditor-dark .z-tbeditor-modal-box label input {
    border-color: #222;
    color: #eee;
    background: #333
}

.z-tbeditor-dark .z-tbeditor-modal-box label input:hover,.z-tbeditor-dark .z-tbeditor-modal-box label input:focus {
    border-color: #626262
}

.z-tbeditor-dark .z-tbeditor-modal-box label input:focus {
    background-color: #2f2f2f
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit {
    background: #1b7943
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:hover,.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:focus {
    background: #25a25a
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-submit:active {
    background: #176437
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset {
    background: #333;
    color: #ccc
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:hover,.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:focus {
    background: #444
}

.z-tbeditor-dark .z-tbeditor-modal-box .z-tbeditor-modal-button.z-tbeditor-modal-reset:active {
    background: #111
}

.z-tbeditor-dark .z-tbeditor-overlay {
    background-color: rgba(15,15,15,0.6)
}

.z-timepicker {
    display: inline-block;
    min-height: 24px;
    white-space: nowrap
}

.z-timepicker-input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: var(--font-size);
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,0.9);
    width: 100%;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 4px 5px;
    padding-right: 29px;
    line-height: 12px;
    background: #FFFFFF
}

.z-timepicker-input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-timepicker-input:-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-timepicker-input::-moz-placeholder {
    color: rgba(0,0,0,0.34);
    opacity: 1
}

.z-timepicker-input:-ms-input-placeholder {
    color: rgba(0,0,0,0.34)
}

.z-timepicker-input.z-timepicker-hover,.z-timepicker-input.z-timepicker-hover+.z-timepicker-button {
    border-color: #A8A8A8
}

.z-timepicker-input:focus {
    border: 1px solid var(--app-primary)
}

.z-timepicker-input:focus+.z-timepicker-button {
    border-left: 1px solid var(--app-primary)
}

.z-timepicker-input-full {
    padding-right: 5px
}

.z-timepicker-button {
    font-size: 18px;
    color: rgba(0,0,0,0.9);
    display: inline-block;
    position: relative;
    top: 0;
    right: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 3px 0 0;
    line-height: 12px;
    background: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

.z-timepicker-button:hover {
    border-color: var(--app-primary-400);
    background: var(--app-primary-50)
}

.z-timepicker-button:active {
    color: #FFFFFF;
    border-color: var(--app-primary-700);
    background-color: var(--app-primary)
}

.z-timepicker-disabled .z-timepicker-input,.z-timepicker-disabled .z-timepicker-button {
    color: rgba(0,0,0,0.34) !important;
    background: #F2F2F2 !important;
    cursor: default !important
}

.z-timepicker-disabled .z-timepicker-button:hover {
    border-color: #D9D9D9
}

.z-timepicker-readonly>input {
    color: rgba(0,0,0,0.9);
    background: #F2F2F2
}

.z-timepicker-readonly>a {
    color: rgba(0,0,0,0.9);
    background-color: #FFFFFF
}

.z-timepicker-invalid {
    border: 1px solid #FF4051 !important;
    margin-right: -1px
}

.z-timepicker-input[readonly] {
    cursor: pointer
}

.z-timepicker-button.z-timepicker-disabled {
    display: none
}

.z-timepicker-button {
    text-align: center
}

.z-timepicker-inplace .z-timepicker-input {
    border: 0;
    padding: 3px;
    background: none
}

.z-timepicker-inplace .z-timepicker-button {
    visibility: hidden
}

.z-timepicker-option {
    font-size: var(--font-size);
    white-space: nowrap;
    cursor: pointer;
    display: block;
    padding: 3px;
    position: relative;
    min-height: 20px;
    font-weight: normal;
    color: rgba(0,0,0,0.9);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.z-timepicker-option:hover {
    background-color: var(--app-primary-50)
}

.z-timepicker-option-selected {
    color: var(--app-primary);
    line-height: 14px
}

.z-timepicker-popup {
    max-height: 200px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: var(--font-size);
    display: block;
    border: 1px solid var(--app-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    background: #FFFFFF;
    position: absolute;
    overflow: auto
}

.z-timepicker-content {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent none repeat 0 0;
    position: relative;
    list-style: none outside none
}

.z-timepicker-shadow {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -o-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16), 0 2px 4px 0 rgba(0,0,0,0.24)
}

.z-splitlayout {
    white-space: nowrap;
    overflow: hidden
}

.z-splitlayout-cave-top,.z-splitlayout-cave-bottom {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block
}

.z-splitlayout-cave-left,.z-splitlayout-cave-right {
    height: 100%;
    display: inline-block;
    position: relative;
    white-space: normal;
    vertical-align: top;
    overflow: hidden
}

.z-splitlayout-splitter {
    border: 1px solid #D9D9D9;
    cursor: default;
    background-color: #F9FCFF
}

.z-splitlayout-splitter:hover {
    background-color: var(--app-primary-50)
}

.z-splitlayout-splitter:hover .z-splitlayout-splitter-button {
    color: rgba(0,0,0,0.34)
}

.z-splitlayout-splitter-horizontal {
    display: inline-block;
    width: 8px;
    height: 100%;
    max-width: 8px;
    padding: 0;
    margin: 0;
    border-width: 0 1px;
    overflow: hidden
}

.z-splitlayout-splitter-horizontal>.z-splitlayout-splitter-button {
    width: 8px;
    height: 30px;
    border-width: 1px 0
}

.z-splitlayout-splitter-horizontal .z-splitlayout-splitter-icon {
    position: absolute;
    top: 8px;
    left: -3px
}

.z-splitlayout-splitter-horizontal .z-splitlayout-splitter-icon.z-icon-ellipsis-v {
    top: -21px;
    left: 2px;
    visibility: hidden
}

.z-splitlayout-splitter-horizontal .z-splitlayout-splitter-icon.z-icon-ellipsis-v~.z-splitlayout-splitter-icon.z-icon-ellipsis-v {
    top: 39px
}

.z-splitlayout-splitter-vertical {
    width: 100%;
    height: 8px;
    max-height: 8px;
    padding: 0;
    border-width: 1px 0;
    overflow: hidden
}

.z-splitlayout-splitter-vertical>.z-splitlayout-splitter-button {
    width: 30px;
    height: 8px;
    border-width: 0 1px
}

.z-splitlayout-splitter-vertical .z-splitlayout-splitter-icon {
    line-height: normal;
    position: absolute;
    top: -4px;
    left: 9px
}

.z-splitlayout-splitter-vertical .z-splitlayout-splitter-icon.z-icon-ellipsis-h {
    top: -2px;
    left: -16px;
    visibility: hidden
}

.z-splitlayout-splitter-vertical .z-splitlayout-splitter-icon.z-icon-ellipsis-h~.z-splitlayout-splitter-icon.z-icon-ellipsis-h {
    left: 36px
}

.z-splitlayout-splitter-button {
    font-size: var(--font-size);
    color: rgba(0,0,0,0.34);
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer
}

.z-splitlayout-splitter-button-disabled {
    border: 0
}

.z-splitlayout-splitter-horizontal.z-splitlayout-splitter-draggable {
    cursor: col-resize
}

.z-splitlayout-splitter-vertical.z-splitlayout-splitter-draggable {
    cursor: row-resize
}

.z-splitlayout-splitter-nosplitter {
    cursor: default
}

/********** OVERIIDES ************/

.z-bandbox,
.z-combobox,
.z-datebox,
.z-doublespinner,
.z-spinner{
	height: var(--input-height);
}
.z-bandbox-icon.z-icon-search:before {
	content: "\f0d7";
}
.z-decimalbox, 
.z-intbox, 
.z-longbox, 
.z-doublebox,
.z-doublespinner-input {
	text-align: right;
}
.z-textbox:focus,
.z-decimalbox:focus,
.z-intbox:focus,
.z-longbox:focus,
.z-doublebox:focus,
.z-combobox-input:focus,
.z-bandbox-input:focus,
.z-datebox-input:focus,
.z-doublespinner-input:focus,
.z-spinner-input:focus {
    border-color: var(--app-iceblue-color)
}
.z-textbox::-webkit-input-placeholder,
.z-decimalbox::-webkit-input-placeholder,
.z-intbox::-webkit-input-placeholder,
.z-longbox::-webkit-input-placeholder,
.z-doublebox::-webkit-input-placeholder, 
.z-bandbox-input::-webkit-input-placeholder,
.z-combobox-input::-webkit-input-placeholder,
.z-datebox-input::-webkit-input-placeholder,
.z-doublespinner-input::-webkit-input-placeholder,
.z-spinner-input::-webkit-input-placeholder {
  color: rgba(var(--app-text-hint-rgb),var(--app-opacity));
}
.z-textbox:-moz-placeholder,
.z-decimalbox:-moz-placeholder,
.z-intbox:-moz-placeholder,
.z-longbox:-moz-placeholder,
.z-doublebox:-moz-placeholder, 
.z-bandbox-input:-moz-placeholder,
.z-combobox-input:-moz-placeholder,
.z-datebox-input:-moz-placeholder,
.z-doublespinner-input:-moz-placeholder,
.z-spinner-input:-moz-placeholder {
  color: rgba(var(--app-text-hint-rgb),var(--app-opacity));
  opacity: 1
}
.z-textbox::-moz-placeholder,
.z-decimalbox::-moz-placeholder,
.z-intbox::-moz-placeholder,
.z-longbox::-moz-placeholder,
.z-doublebox::-moz-placeholder, 
.z-bandbox-input::-moz-placeholder,
.z-combobox-input::-moz-placeholder,
.z-datebox-input::-moz-placeholder,
.z-doublespinner-input::-moz-placeholder,
.z-spinner-input::-moz-placeholder  {
  color: rgba(var(--app-text-hint-rgb),var(--app-opacity));
  opacity: 1
}
.z-textbox:-ms-input-placeholder,
.z-decimalbox:-ms-input-placeholder,
.z-intbox:-ms-input-placeholder,
.z-longbox:-ms-input-placeholder,
.z-doublebox:-ms-input-placeholder, 
.z-bandbox-input:-ms-input-placeholder,
.z-combobox-input:-ms-input-placeholder,
.z-datebox-input:-ms-input-placeholder,
.z-doublespinner-input:-ms-input-placeholder,
.z-spinner-input:-ms-input-placeholder  {
  color: rgba(var(--app-text-hint-rgb),var(--app-opacity));
}
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-bandbox-input,
.z-combobox-input,
.z-datebox-input,
.z-doublespinner-input,
.z-spinner-input {
    font-size: var(--font-size);
    font-weight: 500;
    height: var(--input-height);
    -webkit-border-radius: var(--input-border-radius);
    -moz-border-radius: var(--input-border-radius);
    -o-border-radius: var(--input-border-radius);
    -ms-border-radius: var(--input-border-radius);
    border-radius: var(--input-border-radius);
    padding: var(--input-padding-y) var(--input-padding-x);
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    max-width: 100%;
}
.z-bandbox-input,
.z-combobox-input,
.z-datebox-input {
	padding-right: var(--input-height);
}
.z-bandbox-button,
.z-combobox-button,
.z-datebox-button {
    font-size: var(--14px);
    min-width: var(--input-height);
    height: var(--input-height);
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    -moz-border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    -o-border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    -ms-border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    padding: 0;
    line-height: 1.6;
    background: #FFFFFF;
    display: flex;
	align-items: center;
	justify-content: center;
}
.z-bandbox-button,
.z-bandbox-readonly .z-bandbox-button,
.z-combobox-button,
.z-combobox-readonly .z-combobox-button,
.z-datebox-button,
.z-datebox-readonly .z-datebox-button,
.z-datebox-input.z-datebox-hover+.z-datebox-button,
.z-bandbox-disabled .z-bandbox-button:hover,
.z-combobox-disabled .z-combobox-button:hover,
.z-datebox-disabled .z-datebox-button:hover{
	background: transparent !important;
	border-color: transparent !important;
}
.z-combobox-disabled>a,
.z-bandbox-disabled>a, 
.z-datebox-disabled>a {
	background: transparent !important;
	color: #79808b94 !important;
}
.z-bandbox-button,
.z-bandbox-readonly .z-bandbox-button,
.z-bandbox-button:active,
.z-bandbox-button:hover,
.z-combobox-button,
.z-combobox-readonly .z-combobox-button,
.z-combobox-button:active,
.z-combobox-button:hover, 
.z-datebox-button,
.z-datebox-readonly .z-datebox-button,
.z-datebox-button:active,
.z-datebox-button:hover {
	color: var(--app-mate-icon);
}
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-bandbox-input,
.z-combobox-input,
.z-datebox-input,
.z-bandbox-readonly > input,
.z-combobox-readonly > input,
.z-datebox-readonly > input,
.z-spinner-readonly>input {
	color: var(--text-color);
	border-color: var(--input-border-color);
	background: var(--input-bg-color);
}
.z-textbox[disabled],.z-decimalbox[disabled],.z-intbox[disabled],
.z-longbox[disabled],.z-doublebox[disabled],
.z-bandbox-disabled>input,
.z-combobox-disabled>input,
.z-datebox-disabled>input,
.z-spinner-disabled>input{
	--input-bg-color: var(--input-disabled-bg-color-rbg);
    color: var(--input-disabled-text-color-rgb) !important;
    background: var(--input-bg-color) !important;
    border-color: rgba(var(--input-border-color-rgb), 0.34) !important;
}

.mate-input-element[disabled] + .float-label-placeholder {
	--input-bg-color: var(--input-disabled-bg-color-rbg);
	--float-label-bottom-degradado-color: var(--input-bg-color);
}

.z-textbox-invalid, 
.z-decimalbox-invalid, 
.z-intbox-invalid, 
.z-longbox-invalid, 
.z-doublebox-invalid, 
.z-spinner-invalid,
.z-doublespinner-invalid, 
.z-spinner-invalid, 
.z-bandbox-invalid, 
.z-datebox-invalid, 
.z-combobox-invalid, 
.border-invalid {
    border-color: #FF4051 !important;
}
.z-comboitem,
.z-comboitem a,
.z-comboitem a:visited {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--text-color);
}
.z-combobox-popup, 
.z-bandbox-popup, 
.z-datebox-popup, 
.z-timebox-popup {
    font-weight: 500;
    font-size: var(--font-size);
    color: var(--text-color);
    border-width: 0;
    -webkit-border-radius: var(--input-border-radius);
    -moz-border-radius: var(--input-border-radius);
    -o-border-radius: var(--input-border-radius);
    -ms-border-radius: var(--input-border-radius);
    border-radius: var(--input-border-radius);
    padding: 8px;
    background: var(--app-accent-elevated-bg);
}
.z-bandbox-popup {
	overflow: hidden;
/* 	min-height: 40px; */
}
.z-bandbox-popup,
.z-combobox-popup{
	padding: 0;
}
.z-bandbox-popup .z-listbox {
	--zk-listbox-border-radius: 0;
	background: var(--app-accent-elevated-bg);
	border: none;
}
.z-bandbox-popup .z-listbox .z-listbox-body {
	max-height: 260px;
}
.z-bandpopup .z-listbox .z-listitem .z-listcell {
	border: none;
}
.z-bandpopup .z-listbox .z-listitem:not(.z-listitem-selected, :hover, :focus) .z-listcell {
	background: var(--app-accent-elevated-bg);
}
.z-bandpopup .z-listbox .z-listitem .z-listcell .z-listcell-content {
	padding-left: var(--input-padding-x);
	padding-right: var(--input-padding-x);
}
.z-bandpopup .z-listbox .z-listitem .z-listcell .z-listcell-content .z-label {
	line-height: 20px;
}
.z-bandpopup .z-listbox .z-listitem.z-listitem-selected>.z-listcell,
.z-comboitem.z-comboitem-selected {
    background: none;
}
.z-bandpopup .z-listitem:is(.z-listitem-selected, .z-listitem-highlight) > .z-listcell > .z-listcell-content,
.z-comboitem-selected {
    color: var(--app-iceblue-color)
}
.z-auxheader .z-textbox, 
.z-auxheader .z-decimalbox, 
.z-auxheader .z-intbox, 
.z-auxheader .z-longbox, 
.z-auxheader .z-doublebox, 
.z-auxheader .z-bandbox, 
.z-auxheader .z-combobox, 
.z-auxheader .z-datebox,
.z-auxheader .z-bandbox-input, 
.z-auxheader .z-combobox-input, 
.z-auxheader .z-datebox-input,
.z-listheader .z-textbox, 
.z-listheader .z-decimalbox, 
.z-listheader .z-intbox, 
.z-listheader .z-longbox, 
.z-listheader .z-doublebox, 
.z-listheader .z-bandbox, 
.z-listheader .z-combobox, 
.z-listheader .z-datebox,
.z-listheader .z-bandbox-input, 
.z-listheader .z-combobox-input, 
.z-listheader .z-datebox-input,
.mate-listpanel-header .z-textbox, 
.mate-listpanel-header .z-decimalbox, 
.mate-listpanel-header .z-intbox, 
.mate-listpanel-header .z-longbox, 
.mate-listpanel-header .z-doublebox, 
.mate-listpanel-header .z-bandbox, 
.mate-listpanel-header .z-combobox, 
.mate-listpanel-header .z-datebox,
.mate-listpanel-header .z-bandbox-input, 
.mate-listpanel-header .z-combobox-input, 
.mate-listpanel-header .z-datebox-input   {
	--input-height: var(--26px);
}
.z-auxheader .z-textbox, 
.z-auxheader .z-decimalbox, 
.z-auxheader .z-intbox, 
.z-auxheader .z-longbox, 
.z-auxheader .z-doublebox, 
.z-auxheader .z-bandbox-input, 
.z-auxheader .z-combobox-input, 
.z-auxheader .z-datebox-input, 
.z-auxheader .z-combobox-readonly > input, 
.z-auxheader .z-combobox-readonly > input, 
.z-auxheader .z-datebox-readonly > input,
.z-listheader .z-textbox, 
.z-listheader .z-decimalbox, 
.z-listheader .z-intbox, 
.z-listheader .z-longbox, 
.z-listheader .z-doublebox, 
.z-listheader .z-bandbox-input, 
.z-listheader .z-combobox-input, 
.z-listheader .z-datebox-input, 
.z-listheader .z-combobox-readonly > input, 
.z-listheader .z-combobox-readonly > input, 
.z-listheader .z-datebox-readonly > input,
.mate-listpanel-header .z-textbox, 
.mate-listpanel-header .z-decimalbox, 
.mate-listpanel-header .z-intbox, 
.mate-listpanel-header .z-longbox, 
.mate-listpanel-header .z-doublebox, 
.mate-listpanel-header .z-bandbox-input, 
.mate-listpanel-header .z-combobox-input, 
.mate-listpanel-header .z-datebox-input, 
.mate-listpanel-header.z-combobox-readonly > input, 
.mate-listpanel-header .z-combobox-readonly > input, 
.mate-listpanel-header.z-datebox-readonly > input {
	background: rgba(255, 255, 255, .02);
	color: inherit;
}
.z-auxheader .mate-input-element::placeholder,
.z-listheader .mate-input-element::placeholder,
.mate-listpanel-header .mate-input-element::placeholder{
	color: inherit;
}
.z-auxheader .mate-input-element:focus,
.z-listheader .mate-input-element:focus,
.mate-listpanel-header .mate-input-element:focus {
	border-color: var(--app-primary-300);
}
.z-auxheader .mate-input-element + .float-label-placeholder,
.z-listheader .mate-input-element + .float-label-placeholder {
	--float-label-top-degradado-color: var(--app-primary);
    --float-label-bottom-degradado-color: #2d5361;
    --float-label-color: var(--input-border-color);
}
.z-auxheader .mate-input-element:focus + .float-label-placeholder,
.z-listheader .mate-input-element:focus + .float-label-placeholder {
	--float-label-color: var(--app-primary-300)
}
.z-auxheader .mate-button-element,
.z-listheader .mate-button-element,
.mate-listpanel-header .mate-button-element  {
	color: #fff;
}
.z-listcell-content {
	--input-height: var(--24px);
	--input-border-radius: var(--4px);
}
.z-listcell-content .mate-input-element {
	--font-size: var(--12px);
}
.z-listcell-content .mate-icon-button {
	--encore-control-size-smaller: 22px;
    --encore-control-size-inline-smaller: 22px;
}
.z-listitem a.hover\:underline:hover {
	text-decoration: underline;
}
.mate-listpanel .z-listbox {
	--zk-listbox-border-radius: 0;
}
.doexpand-window.z-window.z-window-embedded{
	z-index: 4
}
.doexpand-window.z-window.z-window-embedded {
	border: solid 1px var(--app-border)
}
.doexpand-window.z-window .z-listbox{
	border: none
}
.mate-windows-element.expand-window.doexpand-window.z-window-modal {
	width: 100%;
	height: 100%;
}
.z-window-header .mate-panel-title {
	--font-size: var(--14px);
	color: #fff;
}
.z-tabbox:not(.breacumb-tabbox) > .z-tabs {
	background: var(--bg-color)
}
.z-tabbox:not(.breacumb-tabbox) > .z-tabs .z-tab:not(.z-tab-selected)::before {
	content: "";
	position: absolute;
    width: 1px;
    height: 16px;
    background: var(--app-border);
    right:0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.z-tabbox-top>.z-tabpanels .z-tabpanel {
    border-bottom-left-radius: var(--zk-tabbox-border-radius);
    border-bottom-right-radius: var(--zk-tabbox-border-radius)
}
.z-tab-bandage>.z-tab-content {
	display: flex;
	align-items: center;
}
.z-tab-bandage>.z-tab-content .bandage_item {
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
	background: none;
	margin-left: 6px;
}
.z-toolbar.z-toolbar-tabs.status-toolbar-tab .z-toolbar-content{
	display: flex;
	align-items: center;
}
.z-comboitem.fixed-combo-icon .z-comboitem-text{
	direction: rtl;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.z-comboitem.fixed-combo-icon .z-comboitem-text>.z-comboitem-content{
	display: inline-flex;
	margin-right: 8px;
}
.z-notification-info .z-icon-info-circle{
	color: #0dcaf0;
}
.z-notification-info .z-notification-content::before{
	background-color: #0dcaf0;
}
.z-notification-info .z-notification-left {
    border-right-color: #0dcaf0;
}
.z-notification-success .z-icon-check-circle {
	color: #4AA81B
}
.z-notification-success .z-notification-content::before {
    background-color: #4AA81B;
}
.z-combobox.z-combobutton{
	display: block;
	width: var(--input-height);
}
.z-combobutton > .z-combobox-input{
	display: none
}
.z-combobox.z-combobutton .z-combobox-button {
	border: solid 1px var(--app-border);
	border-radius: 50%
}
.z-combobox.z-combobox-open.z-combobutton .z-combobox-button,
.z-combobox.z-combobutton .z-combobox-button:hover{
	--state-layer-color: rgba(255, 255, 255, 0.08);
	background: color-mix(in oklab, var(--state-layer-color) 100%, transparent);
}
.fic-alert.z-messagebox-window .z-window-header{
	text-align: start
}
.z-bandbox-input.z-bandbox-hover+.z-bandbox-button {
	border-color: transparent
}
[data-theme="dark"] .z-combobox-shadow,
[data-theme="dark"] .z-bandbox-shadow,
[data-theme="dark"] .z-datebox-shadow,
[data-theme="dark"] .z-popup-content,
[data-theme="dark"] .z-notification-content {
    -webkit-box-shadow: var(--card-shadow);
    -moz-box-shadow: var(--card-shadow);
    -o-box-shadow: var(--card-shadow);
    -ms-box-shadow: var(--card-shadow);
    box-shadow: var(--card-shadow)
}