/*******************************************
zButton
*******************************************/
.zbutton {
	border-radius: 3px;
	display: inline-block;
	-webkit-user-select: none;
}
.zbutton.button {
	border-radius: 3px;
	padding: 7px 10px;
	display: inline-block;
	/*
background-image: linear-gradient(bottom, #3F3C67 12%, #262353 56%);
	background-image: -o-linear-gradient(bottom, #3F3C67 12%, #262353 56%);
	background-image: -moz-linear-gradient(bottom, #3F3C67 12%, #262353 56%);
	background-image: -webkit-linear-gradient(bottom, #3F3C67 12%, #262353 56%);
	background-image: -ms-linear-gradient(bottom, #3F3C67 12%, #262353 56%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, #3F3C67),
		color-stop(0.56, #262353)
	);
*/  
	background: #343434;
	text-align: center;
	-webkit-user-select: none;
}

.zButton.barbuttonitem {
	border-radius: 3px;
	display: inline-block;
	-webkit-user-select: none;
}

.zbutton label {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	text-shadow: #000 0px 1px 1px;
}
.zbutton .icon {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto 5px;
	background-image: url(/includes/app/img/sprite.png);
}
.zbutton .icon#icon_cancel, .zbutton .icon#icon_edit, .zbutton .icon#icon_sync, .zbutton .icon#icon_save, .zbutton .icon#icon_home {
	
}

.zbutton .icon#icon_edit {
	background-position: -32px;
}

.zbutton .icon#icon_sync {
	background-position: -64px;
}

.zbutton .icon#icon_save {
	background-position: -96px;
}
.zbutton .icon#icon_cancel {
	background-position: -128px;
}

body.offline .zbutton#button_sync {
	opacity: 0.4;
}

.zbutton .icon#icon_add {
	background-position: -160px;
}

.zbutton .icon#icon_settings {
	background-position: -192px;
}

.zbutton .icon#icon_logout {
	background-position: -224px;
}

/*******************************************
zTableView
*******************************************/

.zTableView {
	border-bottom: 1px solid #d3d3d3;
	-webkit-user-select: none;
}
.zTableViewRow {
	padding: 15px 10px;
	border-bottom: 1px solid #d3d3d3;
}
.zTableViewRow:last-child {
	border-bottom: none;
}
.zTableViewRow label {
	font-weight: bold;
	font-size: 18px;
}
.zTableView.chooser, .zTableView.form {
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 20px;
	background: #FFF;
}
.chooser .zTableViewRow {
	padding: 15px 10px;
}
.chooser .zTableViewRow.selected {
	color: #1E90FF;
	background: url('../img/arrow.png') right center no-repeat;
}
.zTableView.form .zTableViewRow label {
	display: block;
	float: left;
	width: 25%;
	padding-top: 10px;
}
.zTableView.form .zTableViewRow input {
	border: none;
	width: 70%;
}

.ztableviewcellcontent.lookup {
	background-image: url(../img/06-magnify.png);
	background-position-x: 97%;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .ztableviewcellcontent.lookup {
        background-image: url(../img/06-magnify@2x.png);
		background-size: 18px 18px;
    }
}

.switch {
    float: right;
    height: 28px;
    width: 77px;
    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 input[type=checkbox] {
    display: none;
}
.switch::before {
    content: "";
    display: block;
    height: 28px;
    width: 0px;
    position: absolute;
    border-radius: 13px;
    -webkit-box-shadow: inset 0 1px 2px #0063B7, inset 0 12px 3px 2px rgba(0, 127, 234, 0.5);
    box-shadow: inset 0 1px 2px #0063B7, inset 0 12px 3px 2px rgba(0, 127, 234, 0.5);
    background-color: #64B1F2;
}
.switch.on::before {
    width: 77px;
}
.switch > .thumb {
    display: block;
    width: 26px;
    height: 26px;
    position: relative;
    top: 0;
    z-index: 3;
    border: solid 1px #919191;
    border-radius: 13px;
    box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white;
    background-color: #CECECE;
    background-image: -webkit-linear-gradient(#CECECE, #CECECE);
    background-image: -moz-linear-gradient(#CECECE, #CECECE);
    background-image: -o-linear-gradient(#CECECE, #CECECE);
    -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);
}
.switch.on > .thumb {
    -webkit-transform: translate3d(49px,0,0);
    -o-transform: translateX(49px);
    -moz-transform: translateX(49px);
}
.switch:hover > .thumb {
    box-shadow: inset 0 2px 1px #fff, inset 0 -2px 1px #fff;
    background-image: none;
}
.switch > .thumb::before {
    content: "Yes";
    display: block;
    height: 14px;
    width: 40px;
    color: white;
    border: none;
    position: absolute;
    top: 6px;
    left: -44px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.switch > .thumb::after {
    content: "No";
    display: block;
    height: 14px;
    width: 40px;
    position: absolute; 
    right: -40px;
    top: 6px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #777;
    font-size: 14px;
}