body {
    background: #fff;
    margin: 0;
    padding: 0;
    font: 13px/17px "Helvetica Neue", helvetica, arial,sans-serif;
	font-weight: 300;
    color: #000;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.zView {
	/*position: absolute;*/
	width:100%;

}

/*******************************************
AppUpdate Progress Bar
*******************************************/

.appUpdateProgress[value]::-webkit-progress-bar {
	background-color: #FFF;
}
progress[value]::-webkit-progress-value {
  background-color: #000;
}
/*******************************************
zButton
*******************************************/

.zButton {

   padding: 5.5px 10px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;

	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
   text-decoration: none;
   vertical-align: middle;
   width: auto;
   cursor:pointer;
   }

.zButton.barbuttonitem {
   /*border: none;*/
   width: 28px;
   height: 35px;
   padding: 0;
   line-height: 35px;
   /*text-indent: -20000px;*/
   background-position: -2px;
   border-radius: 6px;
}

.zButton.tabbaritem {
   border: none;
   display: inline-block;
   height: 28px;
   padding: 6px 12px;
   text-indent: 0;
   color: #999999;
   font-weight: 300;
   margin: 0 10px;
}

.zButton.tabbaritem.active {
	color: #ccc;
}


/*******************************************
zNavigationBar
*******************************************/
.znavigationbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.znavigationbar h1.ztitleview {
	margin: 0;
	padding: 0;
	line-height: 43px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.znavigationbar .backbuttonitem {
	flex: 1 0 0;
}
.znavigationbar .backbuttonitem .backChevron {
	width: 12px;
	height: 12px;
	border: 2px solid #FFF;
	border-top: none;
	border-right: none;
	transform: rotate(45deg);
}
.znavigationbar .backbuttonitem .zButton {
	display: flex;
	align-items: center;
}

.znavigationbar .rightbuttonitems {
	display: flex;
	flex: 1 0 0;
	align-items: center;
	justify-content: flex-end;
}
.znavigationbar .rightbuttonitems .zButton,
.znavigationbar .rightbuttonitems .zView {

}

.znavigationbar .backbuttonitem .zButton,
.znavigationbar .rightbuttonitems .zButton {
	font-size: 16px;
	font-weight: 500;
	line-height: 36px;
}

.znavigationbar .zButton span.icon,
.zButton span.icon {
  position: relative;
  top: 1px;
  display: block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 5px;
}

.znavigationbar .backbuttonitem .zButton span.icon {
	display: inline-block;
	font-size: 18px;
}

.znavigationbar .zButton span.icon.fa,
.zButton span.icon.fa {
  font-family: 'FontAwesome';
}

/*******************************************
zToolbar
*******************************************/

.ztoolbar {
}

.ztoolbar .zButton.barbuttonitem {
   /*border: none;*/
   width: 30px;
   height: 30px;
   padding: inherit;
}

.ztoolbar 

/*******************************************
zTabBar
*******************************************/
.ZTabBar {

}

.ZTabBar .tabbarinner {
	text-align: center;
}

.ZTabBar .tabbaritem span.icon {
  position: relative;
  top: 1px;
  display: block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 5px;
}
/*******************************************
zTableView
*******************************************/

.zView.ztableview {
	padding: 0;
}
.ztableview.spacer {
	margin: 0;
}
.ztableview .ztableviewcontent {
	margin: 0px;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.ztableview.empty {
	box-shadow: none;
	height: 700px;
}

.ztableviewcontent .ztableviewcell {
	clear: left;
	min-height: 45px;
	border-bottom: 1px solid #CCC;
	-webkit-user-select: none;
	background-color: #FFF;/* !important; */
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}
.ztableviewcontent .ztableviewcell.pressed {
	background-color: #ccc !important;
	-webkit-transition: none;
	transition: none;
}

.ztableviewcontent .ztableviewcell.pressed.selectionStyle-none {
	background-color: #FFF !important;
}

.ztableviewcontent .ztableviewcell.selected {
	-webkit-transition: none;
	transition: none;
}

.ztableviewcontent .ztableviewcell.selected.selectionStyle-grey {
	/*background-color: #ccc !important;*/
}

.ztableviewcontent .ztableviewcell.selected.selectionStyle-blue {
	/*background-color: #0B66FB !important;*/
}

.ztableviewcontent .ztableviewcell.pressed.customdiv {
	background: transparent;
}
.ztableviewcontent .ztableviewcell.pressed.customdiv label {
	color: #222;
}
.ztableviewcontent .ztableviewcellcontent {
	padding: 0 25px 0 10px;
	overflow: hidden;
	position: relative;
}
.ztableviewcellcontent.event {
	background-image: url(images/cog.png);
	background-position-x: 97%;
	background-position-y: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ztableviewcellcontent.disabled {
	cursor: not-allowed;
	color: #333;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ztableviewcellcontent.event {
        background-image: url(images/cog_2x.png);
		background-size: 13px 14px;
    }
}
.ztableviewcellcontent.disclosure {
	background-image: url(images/chevron.png);
	background-position-x: 98%;
	background-position-y: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ztableviewcellcontent.disclosure {
        background-image: url(images/chevron_2x.png);
		background-size: 9px 13px;
    }
}
.ztableviewcell.selected .ztableviewcellcontent.checkmark {
	background-image: url(images/258-checkmark.png);
	background-position-x: 97%;
	background-position-y: center;
	background-repeat: no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.ztableviewcell.selected .ztableviewcellcontent.checkmark {
		background-image: url(images/258-checkmark_2x.png);
		background-size: 19px 18px;
	}
}
.ztableviewcellcontent label {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ztableviewcellcontent.required label:after {
   content: "*";
}

.ztableviewcellcontent.warning label:after {
   content: "*";
   color: #BBB;
}
.pressed .ztableviewcellcontent label,
.selected .ztableviewcellcontent label {
	color: #FFF;
}
.ztableviewcellcontent.value label,
.ztableviewcellcontent.formfield label,
.ztableviewcellcontent.checkbox label,
.ztableviewcellcontent.photofield label,
.ztableviewcellcontent.filefield label {
	width: 55%;
	margin-right: 5%;
	text-align: left;
	float: left;
	-webkit-user-select: none;
}
.ztableviewcellcontent.formfield.booleanCell label {
	position: relative;
	right: -100px;
	padding: 0;
	left: 0;
}

.ztableviewcellcontent.right-detail label {
	width: 48%;
	margin-right: 4%;
	overflow-x: hidden;
	text-overflow: ellipsis;
	text-align: left;
	float: left;
	-webkit-user-select: none;
}
.ztableviewcellcontent.value value,
.ztableviewcellcontent.filefield value {
	width: 40%;
	display: block;
	float: left;
	line-height: 14px;
	font-size: 14px;
	padding: 14px 0 16px;
	height: 0;
	overflow-y: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ztableviewcellcontent.right-detail value {
	width: 48%;
	color: #AAA;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float: left;
	text-align: right;
	white-space: nowrap;
}
.ztableviewcontent .form_field.select {
	background-image: url(images/chevron.png);
	background-position-x: 97%;
	background-position-y: center;
	background-repeat: no-repeat;
}
.ztableviewcontent .form_field label {
	width: 30%;
	margin-right: 5%;
	text-align: right;
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0;
}
.ztableviewcellcontent.formfield input,
.ztableviewcellcontent.formfield input[type=text],
.ztableviewcellcontent.formfield input[type=password],
.ztableviewcellcontent.formfield input[type=phone],
.ztableviewcellcontent.formfield input[type=email],
.ztableviewcellcontent.formfield input[type=date],
.ztableviewcellcontent.formfield input[type=number] {
    padding: 0;
    line-height: 14px;
	font-size: 14px;
    border: none;
    color: #000;
    -webkit-appearance: none;
	height: 45px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 65%
}
.ztableviewcellcontent.formfield input.readonly,
.ztableviewcellcontent.formfield input[type=text].readonly,
.ztableviewcellcontent.formfield input[type=password].readonly,
.ztableviewcellcontent.formfield input[type=phone].readonly,
.ztableviewcellcontent.formfield input[type=email].readonly,
.ztableviewcellcontent.formfield input[type=date].readonly,
.ztableviewcellcontent.formfield input[type=number].readonly {
	color: #999;
}
textarea.ztextview {
	font-size: 14px;
	padding: 20px;

}
.zTableviewSectionHeader {
    margin: 10px 10px 10px 0;
	padding: 0px 10px;
	background: #eee;
}
.zTableviewSectionHeader label {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
    padding: 4px 0;
}

.zTableviewSectionHeader .section-description {
	font-size: 14px;
	color: #707070;
    padding: 4px 0;
    background: #eee;
}

/* Rounded corner tableview */
.zView.ztableview.grouped {
	padding: 0;
	background-color:  rgb(239, 239, 239) !important;
}
.ztableview.grouped .ztableviewcontent {
	padding: 20px 0;
}
.grouped .ztableviewcontent .ztableviewcell {
	border-bottom: 1px solid #CCC;
}
.grouped  .ztableviewcontent .ztableviewcell.first_in_section {
	border-top: 1px solid #CCC;
}
.grouped  .ztableviewcontent .ztableviewcell.last_in_section {
}
.grouped  .ztableviewcontent .ztableviewcell.last_in_section.pressed {

}

.grouped .zTableviewSectionHeader {
	margin: 20px 0 10px;
	padding: 0;
	border-bottom: none;
	background: transparent !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.grouped .zTableviewSectionHeaderContent {
	margin: 0 20px;
	}

.grouped .zTableviewSectionHeader label {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-shadow: #fafbfb 0 1px 0;
}
.grouped .zTableviewSectionHeader .section-description {
	font-size: 14px;
	color: #222;
	text-shadow: #ebebeb 0 1px 0;
}


/*******************************************
zSpinner
*******************************************/
.ZSpinner {
	color: #000;
	opacity: 0.8;
	background-color: #000 !important;
	z-index: 999;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}
.ZSpinnercontent {
	position: relative;
}
.ZSpinner .spinnerIcon {
	width: 32px;
	height: 32px;
	background: url(../../img/loader-wht.gif) no-repeat;
	margin: 80px auto;
}
.ZSpinner label {
	color: #FFF; 
	font-weight: bold;
	display: block;
	text-align: center;
}
/*******************************************
zAlert
*******************************************/
.ZAlert {
	background: #000 !important;
	background:#000;
	color: #fff;
	opacity: 0.8;
	z-index: 999;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}
.ZAlertcontent {
	position: relative;
}

/*******************************************
zStatus
*******************************************/
.ZStatus {
	border-top: 1px solid #505050;
	background-color: black !important;
	opacity: 0.7;
	color: white;
}
.ZStatuscontent {
	position: relative;
}
.ZStatus label {
	color: #fff;
	display: block;
	text-align: center;
}
.ZStatus label a, .ZStatus label a:visited{
	color: #fff;
}
/*******************************************
zSwitch
*******************************************/
.zswitch {
    position: absolute;
    height: 28px;
    width: 50px;
	top: 25px;
	right: 25px;
	cursor: pointer;
    /*
	border: 1px solid #979797;
    border-radius: 15px;
    margin-top: 7px;
    box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5);
    cursor: pointer;
    overflow: hidden;
	*/
}
.switch {
    height: 28px;
    width: 77px;
/*    border-radius: 15px;
	overflow: hidden;
	background: #FFF;
	box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5);
    cursor: pointer;

	color: #777;*/
	position:relative;
}
.zswitch-inner {
	border: 1px solid #E0E0E0;
    border-radius: 15px;
	height: 28px;

}
.zswitch-button {
	-o-transition: all 0.125s ease-in-out;
    -webkit-transition: all 0.125s ease-in-out;
    -moz-transition: all 0.125s ease-in-out;
    -o-transform: translateX(0px);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translateX(0px);
	width: 50px;
	height: 28px;
	position:relative;
}
.onvalue {
	position: absolute;
	display: block;
    color: white;
    left: 0px;
	top:0px;
	width: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
	padding: 6px 0 5px;
	background: #04d937;
/* 	box-shadow: inset 0 1px 2px #b7aa00, inset 0 12px 3px 2px rgba(183, 183, 183, 0.5); */
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	height: 17px;
}
.offvalue {
	position: absolute;
	display: block;
	width: 34px;
    color: #777;
    border: none;
    left: 14px;
	top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
	padding: 6px 0 5px;
	background: #FFF;
/* 	box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5); */
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	height: 17px;
}

.thumb {
	position:absolute;
    display: block;
    width: 28px;
    height: 28px;
    top: -1px;
    z-index: 3;
    border: solid 1px #E0E0E0;
    border-radius: 15px;
    box-shadow: 1px 1px 1px rgba(162, 162, 162, 0.81);
    background-color: #FFFFFF;
	left: -1px;
}
.zswitch.on .thumb {
	-webkit-transform: translate3d(20px,0,0);
    -o-transform: translateX(20px);
    -moz-transform: translateX(20px);
}
.zswitch.on .onvalue {
	width: 35px;
}
.zswitch.on .offvalue {
	width: 14px;
	overflow:hidden;
	left: 36px;
}

/*******************************************
zPhotoCell
*******************************************/
.zphotocell {
	width: 65%;
	float: left;
}
.zphotocell-inner {
	height: 100px;
	margin: 5px 0;
	-webkit-user-select: none;                /* disable cut copy paste */
	-webkit-touch-callout: none;              /* disable callout, image save panel */
	-webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}
.zphotocell.empty .zphotocell-inner {
	height: 44px;
}

/*******************************************
zFileCell
*******************************************/
.zfilecell {
	width: 65%;
	float: left;
}
.zfilecell-inner {
	height: 44px;
	margin: 5px 0;
	-webkit-user-select: none;                /* disable cut copy paste */
	-webkit-touch-callout: none;              /* disable callout, image save panel */
	-webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}
.zfilecell.empty .zfilecell-inner {
	height: 44px;
}

/*******************************************
Popover
*******************************************/

.zPopover {
	position: absolute;
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12px,#666666 25px,#474747 39px,#2c2c2c 50px,#000000 51px,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	border: 4px solid #0c0e0f;
	border-radius: 5px;
	z-index: 2099;
	-webkit-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	box-shadow: 10px 10px 30px rgba(50, 50, 50, 0.85);
}

.zPopover-inner {
	border-radius: 5px;
	background: #FFF;
}

.zPopover.transparent {
	opacity: 0;
}

.popover-arrow-border {
	border-color: transparent transparent #0c0e0f transparent;
	border-style: solid;
	border-width: 20px;
	height:0;
	width:0;
	position:absolute;
	top:-40px;
	left:30px;
}

.popover-arrow {
  border-color: transparent transparent #293740 transparent;
  border-style: solid;
  border-width: 14px;
  height:0;
  width:0;
  position:absolute;
  top:-28px;
  left:36px;
}
/*
.zPopover:after, .zPopover:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zPopover:after {
	border-bottom-color:  #0c0e0f;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.zPopover:before {
	border-bottom-color:  #0c0e0f;
	border-width: 26px;
	left: 50%;
	margin-left: -26px;
}
*/
/*******************************************
PAge Indicator
*******************************************/
.pageIndicator {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #666;
	opacity: .5;
}
.pageIndicator.active {
	opacity: 1;
}


/*******************************************
Modal Indicator
*******************************************/

.modal {
	position: absolute!important;
	width: 100%;
	height: 100%;
	/*activate the GPU for compositing each page */
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.stage-bottom {
	top: 100%;
}
.stage-center {
	top: 0;
	left: 0;
}
.stage-right {
	left: 100%;
}
.stage-left {
	right: -100%;
}



/*******************************************
zSearchBar
*******************************************/

.zSearchBar {
	position: relative;
	border-bottom: 1px solid #B5B5B5;
	background-color: #c9c9ce !important;
	/*
background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#D6D6D6));
	background: -webkit-linear-gradient(top, #FDFDFD, #D6D6D6);
	background: -moz-linear-gradient(top, #FDFDFD, #D6D6D6);
	background: -ms-linear-gradient(top, #FDFDFD, #D6D6D6);
	background: -o-linear-gradient(top, #FDFDFD, #D6D6D6);
	background-image: -ms-linear-gradient(top, #FDFDFD 0%, #D6D6D6 100%);
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
*/
	text-decoration: none;
	vertical-align: middle;
	width: auto;
	padding: 0 10px;
	height: 50px;
}
.zSearchBar input[type=search] {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	font-size: 14px;
	border: none;
	border-radius: 3px;
	outline: none;
}

/*******************************************
zAlertView/ActionSheet
*******************************************/
.alertOverlay {
	background: rgba(70,70,70,0.4);
}
.zAlert,
.zActionSheet {
	position: absolute;
	background: rgba(255, 255, 255, .8);
	border-radius: 5px;
	overflow: hidden;
}
.zAlert-inner,
.zActionSheet-inner {
	border-bottom: 1px solid #b4b4b4;
	padding: 5px 10px;
}
.zAlert h4 {
	text-align: center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	margin: 20px 0 10px;
	line-height: 16px;
	font-size: 16px;
}

.zActionSheet h4 {
	text-align: center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	line-height: 34px;
	color: #333;
}

.zAlert p {
	text-align: center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	font-size: 14px;
}

.zAlert-button-row {

}
.zView.zButton.alertbutton {
	border: none;
	background: none;
	text-shadow: none;
	color: #007aff;
	font-weight: normal;
	width: 114px;
	border-radius: 0;
	border-right: 1px solid #b4b4b4;
	float: left;
	padding: 16px 10px;
}
.zView.zButton.alertbutton.default {
	font-weight: bold;
	border-right: none;
}
.single .zView.zButton.alertbutton {
	width: 100%;
	font-weight: bold;
	border-right: none;
}

.zView.zButton.actionSheetButton {
	font-size: 16px;
	line-height: 19px;
	padding: 14px 0;
	color: #007aff;
	border-bottom: 1px solid #b4b4b4;
	font-weight: normal;
	border-radius: 0;
}

.zView.zButton.actionSheetButton.cancel {
	border-bottom: none;
}

.zAlert p {
	text-align: center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	font-size: 14px;
}


/*******************************************
ModalPresentation
*******************************************/
.modalOverlay {
	background: rgba(0,0,0,0.26);
	transition: all .3s linear;
}
.modalOverlay.transparent {
	opacity: 0;
}
.modalContainer {
	transition: all .3s ease-out;
}
/*******************************************
zSegmentedField
*******************************************/
.zView.ZSegmentedField {
	border: 1px solid rgb(150, 150, 150);
	border-radius: 3px;
	width: auto;
	float: right;
}
.zView.ZSegmentedField .zButton {
	display: inline-block;
	color: rgb(150, 150, 150);
	border-right: 1px solid rgb(150, 150, 150);
	border-radius: 0;
}
.zView.ZSegmentedField .zButton.selected {
	background: rgb(150, 150, 150);
	color: #FFF;
}
.zView.ZSegmentedField .zButton:nth-child(1) {
	border-radius:2px 0px 0px 2px;
}
.zView.ZSegmentedField .zButton:nth-last-child(1) {
	border-right: none;
	border-radius:0px 2px 2px 0px;
}

/*******************************************
zStepper
*******************************************/
.zView.ZStepper {
	border: 1px solid rgb(150, 150, 150);
	border-radius: 3px;
	width: 100px;
}
.zView.ZStepper .zButton {
	display: inline-block;
	color: rgb(150, 150, 150);
	border-right: 1px solid rgb(150, 150, 150);
	border-radius: 0;
	width: 49px;
	padding-left: 0;
	padding-right: 0;
	font-size: 20px;
	font-weight: normal
}
.zView.ZStepper .zButton.selected {
	background: rgb(150, 150, 150);
	color: #FFF;
}
.zView.ZStepper .zButton:nth-child(1) {
	border-radius:2px 0px 0px 2px;
}
.zView.ZStepper .zButton:nth-last-child(1) {
	border-right: none;
	border-radius:0px 2px 2px 0px;
}

/*******************************************
Slider
*******************************************/

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 11.65px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4.7px;
  cursor: pointer;
/*   box-shadow: 0px 0px 1px #a10000, 0px 0px 0px #bb0000; */
  background: #c8c8c8;
  border-radius: 1.3px;
  border: 0px solid #d0d0d0;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1.1px 1.1px 4px #646464, 0px 0px 1.1px #717171;
  border: 1px solid #cccccc;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11.65px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f8f8f8;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4.7px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #a10000, 0px 0px 0px #bb0000;
  background: #c8c8c8;
  border-radius: 1.3px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1.1px 1.1px 4px #646464, 0px 0px 1.1px #717171;
  border: 1px solid #cccccc;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4.7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #989898;
  border: 0px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #a10000, 0px 0px 0px #bb0000;
}
input[type=range]::-ms-fill-upper {
  background: #c8c8c8;
  border: 0px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #a10000, 0px 0px 0px #bb0000;
}
input[type=range]::-ms-thumb {
  box-shadow: 1.1px 1.1px 4px #646464, 0px 0px 1.1px #717171;
  border: 1px solid #cccccc;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  background: #ffffff;
  cursor: pointer;
  height: 4.7px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #c8c8c8;
}
input[type=range]:focus::-ms-fill-upper {
  background: #f8f8f8;
}


/*******************************************
icons
*******************************************/

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.splitview_second_view {
    border-left: 1px solid #999;
}
.splitview_second_view .ztableviewbody {
    background: #eee;
}
.splitview_second_view .tableviewsection {
    margin-top: 20px;
}