body {
	color: black;
	font-size: 13px;
	font-family: helvetica;
}
strong, b {
	font-weight: 900;
}
em, i {
	font-style: italic;
}
/************************************************************
	Icons
************************************************************/
.icon {
	width: 32px;
	height: 32px;
}
.icon.loading {

	background: url(images/icon-loading.gif) 50% 50% no-repeat;
}


.add-customer {
	position:absolute;
	top: 30%;
	left: 50%;
	margin: -62px;
	width:122px;
	height: 122px;

	cursor: pointer;

	background: url(images/ui-sprite-choose-client.png) 50% 0 no-repeat;
}
.add-customer:hover {
	background-position: 0 -122px;
}
.add-customer:active {
	background-position: 0 -244px;
}
.add-customer span {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 !important;
	bottom: -22px;
	padding-bottom: 5px;
	text-align: center;

	color: #333333;
	font-size: 12px;
}
/************************************************************
	ui-cover
************************************************************/
.ui-cover {
	background: #f6f6f6;
}
.ui-cover.ui-dark {
	background: #333;
}
.ui-cover.ui-cover-error {
	z-index: 99997;
}
.ui-cover .ui-error {

	margin-top: -65px;
	padding-top: 129px;

	background: url(images/error.png) 50% 0% no-repeat;

	color: #999999;
	text-align:center;
}
.ui-cover .ui-error .ui-diagnostics {
	margin: 20px auto;
	width: 500px;
	line-height: 22px;
	text-align: left;

	background: #efefef;

	border-radius: 5px;

	padding: 20px;
}
.ui-cover .ui-error .ui-diagnostics .key {
	display: inline-block;
	width: 250px;
	color: #999;
}
.ui-cover .ui-error .ui-diagnostics .value {
	display: inline-block;
	width: 250px;
	color: #333;
}
body.device-mobile .ui-cover .ui-error .ui-error-text {
	margin: 0 20px;
}
body.device-mobile .ui-cover .ui-error .ui-diagnostics {
	width: auto;
	margin: 20px;
	padding: 0;
}
body.device-mobile .ui-cover .ui-error .ui-diagnostics .key,
body.device-mobile .ui-cover .ui-error .ui-diagnostics .value {
	display: block;
	padding: 0 20px;
	width: auto;
}
body.device-mobile .ui-cover .ui-error .ui-diagnostics > div:first-child {
	padding-top: 20px;
}
body.device-mobile .ui-cover .ui-error .ui-diagnostics > div:last-child {
	padding-bottom: 20px;
}
/************************************************************
	.ui-input
************************************************************/
.ui-input {
	display:inline-block;
	height: 31px;

	background-position: 0% 0%;
	background-repeat: no-repeat;
}
.ui-input > div {
	height: 31px;

	background-position: 100% 0%;
	background-repeat: no-repeat;
}
.ui-input > div > input,
.ui-input > div > div {
	margin: 0 8px;
	padding: 0;
	height: 31px;

	font-size: 13px;
	line-height: 30px;

	outline: none;
	border: 0;
	border-radius: 0;

	background-color: transparent;
	background-position: 100% 100%;
	background-repeat: repeat-x;
}
/************************************************************
	.ui-input.ui-mobile
************************************************************/
.ui-input.ui-mobile {
	height: 40px;
	background-image: none;
}
.ui-input.ui-mobile > div {
	height: 40px;
	background-image: none;
}
.ui-input.ui-mobile > div > input,
.ui-input.ui-mobile > div > div {
	height: 40px;
	margin: 0;
	line-height: 39px;
	background-image: none;;
}
/************************************************************
	.ui-input.ui-light
************************************************************/
.ui-input.ui-light {
	background-image:url(images/input-light-l.png);
}
.ui-input.ui-light > div {
	background-image:url(images/input-light-r.png);
}
.ui-input.ui-light > div > input,
.ui-input.ui-light > div > div {
	background-image:url(images/input-light-rep.png);
}
/************************************************************
	.ui-input.ui-mobile.ui-light
************************************************************/
.ui-input.ui-light.ui-mobile {
	background: #ececec;
	border-radius: 6px;

	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, 0.75);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, 0.75);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, 0.75);
}
.ui-input.ui-light.ui-mobile > div {
	background-image: none;
}
.ui-input.ui-light.ui-mobile > div > input,
.ui-input.ui-light.ui-mobile > div > div {
	background-image: none;
	text-indent: 8px;
	font-size: 15px;
}
/************************************************************
	.ui-search
************************************************************/
.ui-search {
	background-image: url(images/app-nav-content-tabs-search-l.png);
}
.ui-search > div {
	position: relative;
	padding: 0 14px 0 25px;
	background-image: url(images/app-nav-content-tabs-search-r.png);
}
.ui-search > div > input {
	margin: 0;
	width: 100%;

	color: #999999;

	background-image: url(images/app-nav-content-tabs-search-rep.png);
}
.ui-search .ui-clear {
	cursor: pointer;
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	width: 48px;
	height: auto;
	margin: 0;
	background: url(images/app-nav-content-tabs-search-icon-clear.png) 50% 50% no-repeat;
}
/************************************************************
	.ui-button
************************************************************/
.ui-button-wrapper {
	display: inline-block;
	font-size: 0; /* inline-block fix */
	vertical-align: top;
}

.ui-giant-button {
	height: 100px;
	background-color: rgb(217,217,217);
	text-align: center;
	color: #666;
	text-shadow: 0 1px white;
	padding: 20px;
	line-height: 20px;
	font-size: 15px;
	cursor: pointer;

	user-select: none;
	-0-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.ui-giant-button:active {
	background-color: rgb(119,158,211);
	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.40);
}
.ui-giant-button .ui-giant-text {
	font-size: 70px;
	font-weight: 500;
	line-height: 60px;
}

.ui-super-giant-button {
	height: 100px;
	background-color: rgb(217,217,217);
	text-align: center;
	color: #666;
	text-shadow: 0 1px white;
	padding: 64px 20px;
	line-height: 20px;
	font-size: 15px;

	user-select: none;
	-0-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.ui-super-giant-button .ui-giant-text {
	font-size: 70px;
	font-weight: 500;
	line-height: 60px;
}


.ui-button {
	display:inline-block;
	height: 31px;
	cursor: pointer;

	font-size: 13px;
	line-height: 30px;

	text-align:center;

	background-position: 0% 0%;
	background-repeat: no-repeat;

	user-select: none;
	-0-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.ui-button > div {
	height: 31px;

	background-position: 100% 0%;
	background-repeat: no-repeat;
}
.ui-button > div > div {
	margin: 0 8px;
	height: 31px;

	background-position: 100% 100%;
	background-repeat: repeat-x;
}
.ui-button.ui-dis {
	opacity: 0.3;
}
.ui-button.hidden {
	display: none;
}
/************************************************************
	.ui-icon-button
************************************************************/
.ui-icon-button > div > div > div {
	padding-left: 44px;
	padding-right: 10px;
	height: 30px;
	background-position: 15px 50%;
	background-repeat: no-repeat;
}
.ui-icon-button-add > div > div > div {
	background-image: url(images/ui-icon-btn-add.png);
}
.ui-icon-button-edit > div > div > div {
	background-image: url(images/ui-icon-btn-edit.png);
}
.ui-icon-button-process > div > div > div {
	background-image: url(images/ui-icon-btn-process.png);
}

.ui-icon-button-product-add > div > div > div {
	background-image: url(images/ui-icon-btn-product-add.png);
}

.ui-icon-button-basket > div > div > div {
	background-image: url(images/ui-icon-btn-basket.png);
}
.ui-icon-button-basket-add > div > div > div {
	background-image: url(images/ui-icon-btn-basket-add.png);
}

.ui-icon-button-list > div > div > div {
	background-image: url(images/ui-icon-btn-list.png);
}
.ui-icon-button-relation > div > div > div {
	background-image: url(images/ui-icon-btn-relation.png);
}
/************************************************************
	.ui-button.ui-dark
************************************************************/
.ui-button.ui-dark {
	background-image:url(images/btn-dark-l.png);
}
.ui-button.ui-dark > div {
	background-image:url(images/btn-dark-r.png);
}
.ui-button.ui-dark > div > div {
	background-image:url(images/btn-dark-rep.png);
}
.ui-button.ui-dark.ui-active,
.ui-button.ui-dark:active {
	background-image:url(images/btn-dark-l-on.png);
}
.ui-button.ui-dark.ui-active > div,
.ui-button.ui-dark:active > div {
	background-image:url(images/btn-dark-r-on.png);
}
.ui-button.ui-dark.ui-active > div > div,
.ui-button.ui-dark:active > div > div {
	background-image:url(images/btn-dark-rep-on.png);
}
/******************************
	.ui-pri
******************************/
.ui-button.ui-dark.ui-pri {
	background-image:url(images/btn-dark-pri-l.png);
}
.ui-button.ui-dark.ui-pri > div {
	background-image:url(images/btn-dark-pri-r.png);
}
.ui-button.ui-dark.ui-pri > div > div {
	background-image:url(images/btn-dark-pri-rep.png);
}
.ui-button.ui-dark.ui-pri.ui-active,
.ui-button.ui-dark.ui-pri:active {
	background-image:url(images/btn-dark-pri-l-on.png);
}
.ui-button.ui-dark.ui-pri.ui-active > div,
.ui-button.ui-dark.ui-pri:active > div {
	background-image:url(images/btn-dark-pri-r-on.png);
}
.ui-button.ui-dark.ui-pri.ui-active > div > div,
.ui-button.ui-dark.ui-pri:active > div > div {
	background-image:url(images/btn-dark-pri-rep-on.png);
}
/******************************
	.ui-war
******************************/
.ui-button.ui-dark.ui-war {
	background-image:url(images/btn-dark-war-l.png);
}
.ui-button.ui-dark.ui-war > div {
	background-image:url(images/btn-dark-war-r.png);
}
.ui-button.ui-dark.ui-war > div > div {
	background-image:url(images/btn-dark-war-rep.png);
}
.ui-button.ui-dark.ui-war.ui-active,
.ui-button.ui-dark.ui-war:active {
	background-image:url(images/btn-dark-war-l-on.png);
}
.ui-button.ui-dark.ui-war.ui-active > div,
.ui-button.ui-dark.ui-war:active > div {
	background-image:url(images/btn-dark-war-r-on.png);
}
.ui-button.ui-dark.ui-war.ui-active > div > div,
.ui-button.ui-dark.ui-war:active > div > div {
	background-image:url(images/btn-dark-war-rep-on.png);
}
/******************************
	.ui-dan
******************************/
.ui-button.ui-dark.ui-dan {
	background-image:url(images/btn-dark-dan-l.png);
}
.ui-button.ui-dark.ui-dan > div {
	background-image:url(images/btn-dark-dan-r.png);
}
.ui-button.ui-dark.ui-dan > div > div {
	background-image:url(images/btn-dark-dan-rep.png);
}
.ui-button.ui-dark.ui-dan.ui-active,
.ui-button.ui-dark.ui-dan:active {
	background-image:url(images/btn-dark-dan-l-on.png);
}
.ui-button.ui-dark.ui-dan.ui-active > div,
.ui-button.ui-dark.ui-dan:active > div {
	background-image:url(images/btn-dark-dan-r-on.png);
}
.ui-button.ui-dark.ui-dan.ui-active > div > div,
.ui-button.ui-dark.ui-dan:active > div > div {
	background-image:url(images/btn-dark-rep-on.png);
}
/******************************
	.ui-inv
******************************/
.ui-button.ui-dark.ui-inv {
	background-image:url(images/btn-dark-inv-l.png);
}
.ui-button.ui-dark.ui-inv > div {
	background-image:url(images/btn-dark-inv-r.png);
}
.ui-button.ui-dark.ui-inv > div > div {
	background-image:url(images/btn-dark-inv-rep.png);
}
.ui-button.ui-dark.ui-inv.ui-active,
.ui-button.ui-dark.ui-inv:active {
	background-image:url(images/btn-dark-inv-l-on.png);
}
.ui-button.ui-dark.ui-inv.ui-active > div,
.ui-button.ui-dark.ui-inv:active > div {
	background-image:url(images/btn-dark-inv-r-on.png);
}
.ui-button.ui-dark.ui-inv.ui-active > div > div,
.ui-button.ui-dark.ui-inv:active > div > div {
	background-image:url(images/btn-dark-inv-rep-on.png);
}
/************************************************************
	.ui-button.ui-light
************************************************************/
.ui-button.ui-light {
	background-image:url(images/btn-light-l.png);
}
.ui-button.ui-light > div {
	background-image:url(images/btn-light-r.png);
}
.ui-button.ui-light > div > div {
	background-image:url(images/btn-light-rep.png);

	color: #333;
	text-shadow: 0 1px white;
}
.ui-button.ui-light.ui-active,
.ui-button.ui-light:active {
	background-image:url(images/btn-light-l-on.png);
}
.ui-button.ui-light.ui-active > div,
.ui-button.ui-light:active > div {
	background-image:url(images/btn-light-r-on.png);
}
.ui-button.ui-light.ui-active > div > div,
.ui-button.ui-light:active > div > div {
	background-image:url(images/btn-light-rep-on.png);

	text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
/******************************
	.ui-pri
******************************/
.ui-button.ui-light.ui-pri {
	background-image:url(images/btn-light-pri-l.png);
}
.ui-button.ui-light.ui-pri > div {
	background-image:url(images/btn-light-pri-r.png);
}
.ui-button.ui-light.ui-pri > div > div {
	background-image:url(images/btn-light-pri-rep.png);

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.ui-button.ui-light.ui-pri.ui-active,
.ui-button.ui-light.ui-pri:active {
	background-image:url(images/btn-light-pri-l-on.png);
}
.ui-button.ui-light.ui-pri.ui-active > div,
.ui-button.ui-light.ui-pri:active > div {
	background-image:url(images/btn-light-pri-r-on.png);
}
.ui-button.ui-light.ui-pri.ui-active > div > div,
.ui-button.ui-light.ui-pri:active > div > div {
	background-image:url(images/btn-light-pri-rep-on.png);
}
/******************************
	.ui-war
******************************/
.ui-button.ui-light.ui-war {
	background-image:url(images/btn-light-war-l.png);
}
.ui-button.ui-light.ui-war > div {
	background-image:url(images/btn-light-war-r.png);
}
.ui-button.ui-light.ui-war > div > div {
	background-image:url(images/btn-light-war-rep.png);

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.ui-button.ui-light.ui-war.ui-active,
.ui-button.ui-light.ui-war:active {
	background-image:url(images/btn-light-war-l-on.png);
}
.ui-button.ui-light.ui-war.ui-active > div,
.ui-button.ui-light.ui-war:active > div {
	background-image:url(images/btn-light-war-r-on.png);
}
.ui-button.ui-light.ui-war.ui-active > div > div,
.ui-button.ui-light.ui-war:active > div > div {
	background-image:url(images/btn-light-war-rep-on.png);
}
/******************************
	.ui-dan
******************************/
.ui-button.ui-light.ui-dan {
	background-image:url(images/btn-light-dan-l.png);
}
.ui-button.ui-light.ui-dan > div {
	background-image:url(images/btn-light-dan-r.png);
}
.ui-button.ui-light.ui-dan > div > div {
	background-image:url(images/btn-light-dan-rep.png);

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.ui-button.ui-light.ui-dan.ui-active,
.ui-button.ui-light.ui-dan:active {
	background-image:url(images/btn-light-dan-l-on.png);
}
.ui-button.ui-light.ui-dan.ui-active > div,
.ui-button.ui-light.ui-dan:active > div {
	background-image:url(images/btn-light-dan-r-on.png);
}
.ui-button.ui-light.ui-dan.ui-active > div > div,
.ui-button.ui-light.ui-dan:active > div > div {
	background-image:url(images/btn-light-dan-rep-on.png);
}
/******************************
	.ui-inv
******************************/
.ui-button.ui-light.ui-inv {
	background-image:url(images/btn-light-inv-l.png);
}
.ui-button.ui-light.ui-inv > div {
	background-image:url(images/btn-light-inv-r.png);
}
.ui-button.ui-light.ui-inv > div > div {
	background-image:url(images/btn-light-inv-rep.png);

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.ui-button.ui-light.ui-inv.ui-active,
.ui-button.ui-light.ui-inv:active {
	background-image:url(images/btn-light-inv-l-on.png);
}
.ui-button.ui-light.ui-inv.ui-active > div,
.ui-button.ui-light.ui-inv:active > div {
	background-image:url(images/btn-light-inv-r-on.png);
}
.ui-button.ui-light.ui-inv.ui-active > div > div,
.ui-button.ui-light.ui-inv:active > div > div {
	background-image:url(images/btn-light-inv-rep-on.png);
}
/************************************************************
	#loadMask
************************************************************/
#loadMask .logo {

	background: url(images/loadmask-logo.png) 50% 0 no-repeat;
}
/************************************************************
	.ui-progressbar
************************************************************/
.ui-progressbar {
	position: absolute;
	bottom: 33%;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	background: #dcdcdc;
	border-radius: 5px;

	box-shadow: inset 0 1px #c9c9c9;
	-o-box-shadow: inset 0 1px #c9c9c9;
	-ms-box-shadow: inset 0 1px #c9c9c9;
	-moz-box-shadow: inset 0 1px #c9c9c9;
	-webkit-box-shadow: inset 0 1px #c9c9c9;
}
body.device-mobile .ui-progressbar {
	width: auto;
	margin-left: auto;
	left: 40px;
	right: 40px;
}
.ui-progressbar-inner {
	background: #b2b2b2;
	height: 6px;
	width: 0;
	border-radius: 5px;
}
.ui-progressbar-label {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	text-align: center;

	color: #b2b2b2;
	font-size: 13px;
}

/************************************************************
	#navigation
************************************************************/
#navigation {
	background: black;
	color: white;
	font-size: 0;
}
#navigation .navigation .ui-button {
	height: 50px;
	background-image: url(images/nav-btn-l.png);
}
#navigation .navigation .ui-button > div {
	height: 50px;
	background-image: url(images/nav-btn-r.png);
}
#navigation .navigation .ui-button > div > div {
	height: 50px;
	background-image: url(images/nav-btn-rep.png);
}
#navigation .navigation .ui-button.ui-active {

	background-image: url(images/nav-btn-l-on.png);
}
#navigation .navigation .ui-button.ui-active > div {

	background-image: url(images/nav-btn-r-on.png);
}
#navigation .navigation .ui-button.ui-active > div > div {

	background-image: url(images/nav-btn-rep-on.png);
}
/************************************************************
	.ui-stage-nav
************************************************************/
.ui-stage-nav {
	background: url(images/ui-stage-nav-bg-rep.jpg);
	height: 50px;
}
.ui-stage-nav .ui-button {
	display: inline-block !important;
}
.ui-stage-nav .ui-button.ui-hidden {
	display: none !important;
}
.ui-stage-nav-counter {
	position: absolute;
	right: 130px;
	top: 3px;
	z-index: 6;
	background: black;
	background: rgba(0, 0, 0, 0.9);
	color: white;
	text-align: center;
	height: 14px;
	width: 14px;
	line-height: 14px;
	border-radius: 7px;
	font-size: 11px;
}
/************************************************************
	.ui-content-controller
************************************************************/
.ui-content-controller {

	background-image: url(images/content-controller-bg.png);
}
/******************************
	.ui-button
******************************/
.ui-content-controller .ui-button-wrapper {
	margin: 10px 5px;
}
.ui-content-controller .ui-button {
	background-image: url(images/content-controller-btn-mid-l.png);

	width: 100px;

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.ui-content-controller .ui-icon-button {
	width: auto;
}
.ui-content-controller .ui-button > div {

	background-image: url(images/content-controller-btn-mid-r.png);
}
.ui-content-controller .ui-button > div > div {

	background-image: url(images/content-controller-btn-mid-rep.png);
}
.ui-content-controller .ui-button:active,
.ui-content-controller .ui-button.ui-active {

	background-image: url(images/content-controller-btn-mid-l-on.png);
}
.ui-content-controller .ui-button:active > div,
.ui-content-controller .ui-button.ui-active > div {

	background-image: url(images/content-controller-btn-mid-r-on.png);
}
.ui-content-controller .ui-button:active > div > div,
.ui-content-controller .ui-button.ui-active > div > div {

	background-image: url(images/content-controller-btn-mid-rep-on.png);
}
/******************************
	.ui-button:first-child
******************************/
/* make this selector more direct to overwrite the :last-child if the button is single-standing */
.ui-content-controller .ui-button:first-child,
.ui-content-controller .ui-button:first-child:last-child,
.ui-content-controller .ui-button.ui-first-child,
.ui-content-controller .ui-button.ui-first-child.ui-last-child {

	background-image: url(images/content-controller-btn-left-l.png);
}
.ui-content-controller .ui-button:first-child > div,
.ui-content-controller .ui-button.ui-first-child > div {

	background-image: url(images/content-controller-btn-left-r.png);
}
.ui-content-controller .ui-button:first-child > div > div,
.ui-content-controller .ui-button.ui-first-child > div > div {

	background-image: url(images/content-controller-btn-left-rep.png);
}
.ui-content-controller .ui-button:active:first-child,
.ui-content-controller .ui-button:active:first-child:last-child,
.ui-content-controller .ui-button.ui-active:first-child,
.ui-content-controller .ui-button.ui-active:first-child:last-child,
.ui-content-controller .ui-button:active.ui-first-child,
.ui-content-controller .ui-button:active.ui-first-child.ui-last-child,
.ui-content-controller .ui-button.ui-active.ui-first-child,
.ui-content-controller .ui-button.ui-active.ui-first-child.ui-last-child  {

	background-image: url(images/content-controller-btn-left-l-on.png);
}
.ui-content-controller .ui-button:active:first-child > div,
.ui-content-controller .ui-button.ui-active:first-child > div,
.ui-content-controller .ui-button:active.ui-first-child > div,
.ui-content-controller .ui-button.ui-active.ui-first-child > div {

	background-image: url(images/content-controller-btn-left-r-on.png);
}
.ui-content-controller .ui-button:active:first-child > div > div,
.ui-content-controller .ui-button.ui-active:first-child > div > div,
.ui-content-controller .ui-button:active.ui-first-child > div > div,
.ui-content-controller .ui-button.ui-active.ui-first-child > div > div {

	background-image: url(images/content-controller-btn-left-rep-on.png);
}
/******************************
	.ui-button:last-child
******************************/
.ui-content-controller .ui-button:last-child,
.ui-content-controller .ui-button.ui-last-child {

	background-image: url(images/content-controller-btn-right-l.png);
}
.ui-content-controller .ui-button:last-child > div,
.ui-content-controller .ui-button.ui-last-child > div {

	background-image: url(images/content-controller-btn-right-r.png);
}
.ui-content-controller .ui-button:last-child > div > div,
.ui-content-controller .ui-button.ui-last-child > div > div {

	background-image: url(images/content-controller-btn-right-rep.png);
}
.ui-content-controller .ui-button:active:last-child,
.ui-content-controller .ui-button.ui-active:last-child,
.ui-content-controller .ui-button:active.ui-last-child,
.ui-content-controller .ui-button.ui-active.ui-last-child {

	background-image: url(images/content-controller-btn-right-l-on.png);
}
.ui-content-controller .ui-button:active:last-child > div,
.ui-content-controller .ui-button.ui-active:last-child > div,
.ui-content-controller .ui-button:active.ui-last-child > div,
.ui-content-controller .ui-button.ui-active.ui-last-child > div {

	background-image: url(images/content-controller-btn-right-r-on.png);
}
.ui-content-controller .ui-button:active:last-child > div > div,
.ui-content-controller .ui-button.ui-active:last-child > div > div,
.ui-content-controller .ui-button:active.ui-last-child > div > div,
.ui-content-controller .ui-button.ui-active.ui-last-child > div > div {

	background-image: url(images/content-controller-btn-right-rep-on.png);
}
/******************************
	.ui-button:first-child
******************************/
.ui-back.ui-button {
	float: left;
	margin: 10px 0 0 10px;
	width: auto;
	min-width: 100px;
}

.ui-content-controller .ui-button.ui-back,
.ui-content-controller .ui-button.ui-back:first-child,
.ui-content-controller .ui-button.ui-back:first-child:last-child,
.ui-content-controller .ui-button.ui-back,
.ui-content-controller .ui-button.ui-back.ui-first-child,
.ui-content-controller .ui-button.ui-back.ui-first-child.ui-last-child {

	background-image: url(images/content-controller-btn-back.png);
}
.ui-content-controller .ui-button.ui-back:active,
.ui-content-controller .ui-button.ui-back:active:first-child,
.ui-content-controller .ui-button.ui-back:active:first-child:last-child,
.ui-content-controller .ui-button.ui-back.ui-active,
.ui-content-controller .ui-button.ui-back.ui-active:first-child,
.ui-content-controller .ui-button.ui-back.ui-active:first-child:last-child,
.ui-content-controller .ui-button.ui-back:active,
.ui-content-controller .ui-button.ui-back:active.ui-first-child,
.ui-content-controller .ui-button.ui-back:active.ui-first-child.ui-last-child,
.ui-content-controller .ui-button.ui-back.ui-active,
.ui-content-controller .ui-button.ui-back.ui-active.ui-first-child,
.ui-content-controller .ui-button.ui-back.ui-active.ui-first-child.ui-last-child {

	background-image: url(images/content-controller-btn-back-on.png);
}
/******************************
	.ui-app-content
******************************/
.ui-app-content .ui-content-controller {
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
body.device-mobile .ui-app-content .ui-content-controller {
	text-align: left;

	font-size: 18px;
	color: white;
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
}
/******************************
	.ui-app-navigation
******************************/
.ui-app-navigation .ui-content-controller {
	border-right: 1px solid black;

	background-position: 100% 0%;

	font-size: 18px;
	color: white;
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.6);
}
/************************************************************
	.ui-content-tabs
************************************************************/
.ui-content-tabs {

	background: url(images/content-tabs-bg.jpg);
}
.ui-app-content .ui-content-tabs .ui-button {
	background-image: url(images/content-tabs-btn-l.png);

	margin: 20px -5px 0 10px;
	width: 160px;
	height: 30px;

	text-shadow: 0 1px white;
}
.ui-app-content .ui-content-tabs .ui-button > div {
	background-image: url(images/content-tabs-btn-r.png);
	height: 30px;
}
.ui-app-content .ui-content-tabs .ui-button > div > div {
	background-image: url(images/content-tabs-btn-rep.png);
	height: 30px;
}
.ui-app-content .ui-content-tabs .ui-button.ui-active {

	background-image: url(images/content-tabs-btn-l-on.png);
}
.ui-app-content .ui-content-tabs .ui-button.ui-active > div {

	background-image: url(images/content-tabs-btn-r-on.png);
}
.ui-app-content .ui-content-tabs .ui-button.ui-active > div > div {

	background-image: url(images/content-tabs-btn-rep-on.png);
}
/******************************
	.ui-app-content
******************************/
.ui-app-content .ui-content-tabs {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
/******************************
	.ui-app-navigation
******************************/
.ui-app-navigation .ui-content-tabs {
	border-right: 1px solid black;

	background: url(images/app-nav-content-tabs-bg.png);
}
.ui-app-navigation .ui-content-tabs input {

}
.ui-app-navigation .ui-content-tabs .ui-search {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
}
.ui-app-navigation .ui-content-tabs .ui-button + .ui-search {
	right: 70px;
}
.ui-app-navigation .ui-content-tabs .ui-button {
	position: absolute;
	top: 9px;
	right: 10px;
}
/************************************************************
	.ui-list
************************************************************/
.ui-list {
	border-right: 1px solid #999999;

	background: #eeeeee;
}
.ui-list-inner {

	background: #eeeeee;
}
.ui-list-item,
.ui-list-item-more,
.ui-list-item-error {
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #f8f8f8;

	font-size: 14px;
	color: #8e8e8e;
	text-shadow: 0 1px white;

	text-indent: 10px;

	cursor: pointer;
}
.ui-list-item.ui-active,
.ui-list-item:active {
	border-top-color: #81a8dd;
	border-bottom-color: #6087bc;
	background: #779ed3;

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.40);
}
.ui-list-item-more-event {
	margin-top: 20px;
	color: #779ed3;
	font-weight: bold;
}
.ui-list-item-more-count {
	font-size: 10px;
	margin-bottom: 20px;
}
.ui-list-item-error {
	line-height: 50px;
	height: 50px;
}
/************************************************************
	.ui-list-filter
************************************************************/
.ui-list-filter {
	transition: 250ms all ease-out;
	-o-transition: 250ms all ease-out;
	-ms-transition: 250ms all ease-out;
	-moz-transition: 250ms all ease-out;
	-webkit-transition: 250ms all ease-out;

	transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;

	transform: scale3d(1, 0, 1);
	-o-transform: scale3d(1, 0, 1);
	-ms-transform: scale3d(1, 0, 1);
	-moz-transform: scale3d(1, 0, 1);
	-webkit-transform: scale3d(1, 0, 1);
	display: none\9; /* IE8 */
}
.ui-list-filter.ui-active {

	transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	display: block\9; /* IE8 */
}
.ui-list-filter .ui-button {
	width: 50%;
	text-align: left;
}
.ui-list-filter .ui-button.ui-active {
	background: red;
}
/************************************************************
	.ui-app-content .ui-tab-content
************************************************************/
.ui-app-content .ui-tab-content {
	/*border-left: 1px solid rgba(255, 255, 255, 0.75);*/
	background: #f6f6f6;
}
.ui-app-content .ui-tab-content .ui-scroll-view {
	margin: 30px 0 0;
	padding: 0 30px;
}
/************************************************************
	.ui-slider
************************************************************/
.ui-slider-inner {
	position: relative;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	overflow: hidden;
}
.ui-slider-slider {
	width: 100%;
	height: 100%;
}
.ui-slider-item {
	float: left;

	height: 100%;
	width: 100%;

	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.ui-slider-bullets {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	right: 0;

	text-align:center;
}
.ui-slider-bullet {
	display: inline-block;
	margin: 5px 10px;
	width: 7px;
	height: 7px;
	background-image:url(images/ui-slider-bullet.png);
}
.ui-slider-bullet.ui-active {
	background-image:url(images/ui-slider-bullet-on.png);
}

.ui-slider-prev,
.ui-slider-next {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	width: 150px;
	background-repeat: no-repeat;
}
.ui-slider-prev {
	left: 0;
	background-position: 0% 50%;

	background-image: url(images/ui-slider-arrow-l.png);
}
.ui-slider-next {
	right: 0;
	background-position: 100% 50%;

	background-image: url(images/ui-slider-arrow-r.png);
}
.ui-slider-prev:hover {
	background-image: url(images/ui-slider-arrow-l-on.png);
}
.ui-slider-next:hover {
	background-image: url(images/ui-slider-arrow-r-on.png);
}
/************************************************************
	.ui-image-slider
************************************************************/
.ui-image-slider {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom:30px;

	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;

	background:white;
}
.ui-image-slider .ui-slider-item {
	background-position: 50% 50%;
	background-size: 95%;
}
.ui-image-slider .ui-slider-bullets {
	bottom: -20px;
}
/************************************************************
	.ui-box
************************************************************/
.ui-box {
	margin-bottom: 30px;
	position: relative;
}
.ui-box::after {
	/* iScroll ios fix creating 30px distance from button of iScroll wrapper */
	content: "";
	position: relative;
	height: 30px;
	margin-bottom: -30px;
	display: block;
}
body.ios .ui-box,
body.ios .ui-box::after {
	margin-bottom: 0;
}
.ui-box > .ui-box-label {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 10px;

	font-size: 11px;
	color: #779ed3;
}
.ui-box-inner {
	position: relative;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	background: white;
}
.ui-box-right {

	text-align:right;
}
.ui-box-item-30p {
	float: left;
	width: 30%;
}
.ui-box-item-50p {
	float: left;
	width: 50%;
}
.ui-box-item-70p {
	float: left;
	width: 70%;
}
.ui-box-inner .ui-box-label {
	color: #666666;
}
.ui-box-inner .ui-box-value {
	color: #666666;
	float: right;
}
.ui-box-inner a {
	color: #666666;
	text-decoration: none;
}
.ui-box-label-inline .ui-box-label {
	float: left;
	width: 120px;
}

.ui-box-text {
	font-size: 14px;
}


.ui-box-text h1 {
	font-size: 26px;
	color: #779ed3;
	line-height: 33px;
	font-weight: normal;
}
.ui-box-text h2 {
	font-size: 21px;
	font-weight: normal;
}
.ui-box-text h3 {
	color: #779ed3;
	font-weight: bold;
	font-size: 14px;
}

.ui-box-text code {
	color: #f09;
}
.ui-box-text blockquote, pre {
	background: #f0f0f0;
	padding: 10px;
	margin: 0;
}
.ui-box-text blockquote p,
.ui-box-text pre p {
	margin: 0;
}
.ui-box-text pre code {
	color: black;
}
.ui-box-text p,
.ui-box-text ul,
.ui-box-text ol {
	line-height: 24px;
}

.ui-box-text h1,
.ui-box-text h2,
.ui-box-text h3,
.ui-box-text h4,
.ui-box-text h5,
.ui-box-text h6,
.ui-box-text p,
.ui-box-text ul,
.ui-box-text ol,
.ui-box-text blockquote,
.ui-box-text pre {
	margin: 10px 0 0;
}
/******************************
	.ui-box-slider
******************************/
.ui-box-slider {
	position: relative;
	left: 0;
	right: 0;
}
.ui-box-slider .ui-slider-bullets {
	bottom: -20px;
}
.ui-box-slider .ui-slider-bullet {
	background-image:url(images/ui-box-slider-bullet.png);
}
.ui-box-slider .ui-slider-bullet.ui-active {
	background-image:url(images/ui-box-slider-bullet-on.png);
}

.ui-box-slider .ui-slider-prev,
.ui-box-slider .ui-slider-next {
	width: 40px;
}
.ui-box-slider .ui-slider-prev {
	background-image: url(images/ui-box-slider-arrow-l.png);
}
.ui-box-slider .ui-slider-prev:hover {
	background-image: url(images/ui-box-slider-arrow-l-on.png);
}
.ui-box-slider .ui-slider-next {

	background-image: url(images/ui-box-slider-arrow-r.png);
}
.ui-box-slider .ui-slider-next:hover {
	background-image: url(images/ui-box-slider-arrow-r-on.png);
}
/******************************
	.ui-box-info
******************************/
.ui-box-info {
	background: #d7d7d7;
	border-top: 1px solid #f6f6f6;
}
/******************************
	.ui-box-item
******************************/
.ui-box-item {
	position: relative;
	border-top: 1px solid #f2f2f2;

	padding: 30px 40px;
}
.ui-box-item:first-child {
	border-top: 0;
	padding-top: 40px;
}
.ui-box-item:last-child {

	padding-bottom: 40px;
}
.ui-box-item .ui-box-label {
	margin-bottom: 10px;
}
.ui-box-item .ui-box-label-inline {
	line-height: 22px;
}
.ui-box-label-inline .ui-box-label {
	margin-bottom: 0;
}
.ui-box-image:first-child {
	border-radius: 4px 4px 0 0;
}
/******************************
	.ui-box-list-item
******************************/
.ui-box-list-item {
	position: relative;
	border: 1px solid #f6f6f6;
	border-top-width: 0;

	line-height: 30px;

	padding: 0 40px;

	background: #d7d7d7;

	overflow: hidden;
}
.ui-box-list-item:first-child,
.ui-box-list-item.ui-first-child {
	border-top-width: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-box > .ui-box-label ~ .ui-box-inner .ui-box-list-item:first-child,
.ui-box > .ui-box-label ~ .ui-box-inner .ui-box-list-item.ui-first-child {
	margin-top: 40px;
}
.ui-box-list-item:last-child,
.ui-box-list-item.ui-last-child {

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
/******************************
	.ui-box-icon
******************************/
.ui-box-icon {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	width: 40px;
}
.ui-box-icon-remove {
	background: url(images/ui-box-icon-remove.png) 50% 50% no-repeat;
	cursor: pointer;
}
.ui-box-icon-remove.ui-active {
	background-image: url(images/ui-box-icon-remove-on.png);
}
/************************************************************
	.uicalc
************************************************************/
.uicalc {
	border-radius: 0 0 5px 5px;
	border-top: 0;
	padding: 4px 2px 3px 3px;
	background: white;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.uicalc-item-wrapper {
	vertical-align: top;
}
.uicalc-text {
	font-size: 13px;
	color: #999;
	padding: 15px 10px 17px;

	background: #f6f6f6;

	text-align: center;
}
/************************************************************
	.uicalc-input
************************************************************/
.uicalc-input {
	margin-top:-1px;
	height: 79px;
	width: 100%;
	background-image: url(images/uicalc-input-l.png);
}
.uicalc-input > div {
	height: 79px;
	background-image: url(images/uicalc-input-r.png);
}
.uicalc-input > div > div {
	padding: 0 10px;
	height: 79px;
	line-height: 79px;

	background: url(images/uicalc-input-rep.png);

	font-size: 40px;
	color: white;

	text-align: right;

	overflow: hidden;
}
/************************************************************
	.uicalc-button
************************************************************/
.uicalc-button {
	vertical-align: top;
	height: 50px;
	width: 100%;
	background-image: url(images/uicalc-l.png);
}
.uicalc-button > div {
	height: 50px;
	background-image: url(images/uicalc-r.png);
}
.uicalc-button > div > div {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	background-image: url(images/uicalc-rep.png);
}
.uicalc-button:active,
.uicalc-button.ui-active {
	background-image: url(images/uicalc-l-on.png);
}
.uicalc-button:active > div,
.uicalc-button.ui-active > div {
	background-image: url(images/uicalc-r-on.png);
}
.uicalc-button:active > div > div,
.uicalc-button.ui-active > div > div {

	color: #646464;
	text-shadow: 0 1px rgba(255, 255, 255, 0.55);

	background-image: url(images/uicalc-rep-on.png);
}

.uicalc-line-last > div:first-child .uicalc-button {
	background-image: url(images/uicalc-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-active {
	background-image: url(images/uicalc-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button > div {
	background-image: url(images/uicalc-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-active > div {
	background-image: url(images/uicalc-br-on.png);
}
/******************************
	.uicalc-standard
******************************/
.uicalc-standard {
	background-image: url(images/uicalc-standard-l.png);
}
.uicalc-standard > div {
	background-image: url(images/uicalc-standard-r.png);
}
.uicalc-standard > div > div {
	background-image: url(images/uicalc-standard-rep.png);

	font-size: 24px;
}
.uicalc-standard:active,
.uicalc-standard.ui-active {
	background-image: url(images/uicalc-standard-l-on.png);
}
.uicalc-standard:active > div,
.uicalc-standard.ui-active > div {
	background-image: url(images/uicalc-standard-r-on.png);
}
.uicalc-standard:active > div > div,
.uicalc-standard.ui-active > div > div {

	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.45);

	background-image: url(images/uicalc-standard-rep-on.png);
}

.uicalc-line-last > div:first-child .uicalc-standard {
	background-image: url(images/uicalc-standard-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-standard:active,
.uicalc-line-last > div:first-child .uicalc-standard.ui-active {
	background-image: url(images/uicalc-standard-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-standard > div {
	background-image: url(images/uicalc-standard-br.png);
}
.uicalc-line-last > div:last-child .uicalc-standard:active > div,
.uicalc-line-last > div:last-child .uicalc-standard.ui-active > div {
	background-image: url(images/uicalc-standard-br-on.png);
}
/******************************
	.uicalc-button.ui-pri
******************************/
.uicalc-button.ui-pri {
	background-image: url(images/uicalc-pri-l.png);
}
.uicalc-button.ui-pri > div {
	background-image: url(images/uicalc-pri-r.png);
}
.uicalc-button.ui-pri > div > div {
	background-image: url(images/uicalc-pri-rep.png);

	color: white;
	color: rgba(255, 255, 255, 0.90);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.uicalc-button.ui-pri:active,
.uicalc-button.ui-pri.ui-active {
	background-image: url(images/uicalc-pri-l-on.png);
}
.uicalc-button.ui-pri:active > div,
.uicalc-button.ui-pri.ui-active > div {
	background-image: url(images/uicalc-pri-r-on.png);
}
.uicalc-button.ui-pri:active > div > div,
.uicalc-button.ui-pri.ui-active > div > div {
	background-image: url(images/uicalc-pri-rep-on.png);
}


.uicalc-line-last > div:first-child .uicalc-button.ui-pri {
	background-image: url(images/uicalc-pri-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button.ui-pri:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-pri.ui-active {
	background-image: url(images/uicalc-pri-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-pri > div {
	background-image: url(images/uicalc-pri-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-pri:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-pri.ui-active > div {
	background-image: url(images/uicalc-pri-br-on.png);
}
/******************************
	.uicalc-button.ui-suc
******************************/
.uicalc-button.ui-suc {
	background-image: url(images/uicalc-suc-l.png);
}
.uicalc-button.ui-suc > div {
	background-image: url(images/uicalc-suc-r.png);
}
.uicalc-button.ui-suc > div > div {
	background-image: url(images/uicalc-suc-rep.png);

	color: white;
	color: rgba(255, 255, 255, 0.90);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.uicalc-button.ui-suc:active,
.uicalc-button.ui-suc.ui-active {
	background-image: url(images/uicalc-suc-l-on.png);
}
.uicalc-button.ui-suc:active > div,
.uicalc-button.ui-suc.ui-active > div {
	background-image: url(images/uicalc-suc-r-on.png);
}
.uicalc-button.ui-suc:active > div > div,
.uicalc-button.ui-suc.ui-active > div > div {
	background-image: url(images/uicalc-suc-rep-on.png);
}


.uicalc-line-last > div:first-child .uicalc-button.ui-suc {
	background-image: url(images/uicalc-suc-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button.ui-suc:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-suc.ui-active {
	background-image: url(images/uicalc-suc-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-suc > div {
	background-image: url(images/uicalc-suc-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-suc:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-suc.ui-active > div {
	background-image: url(images/uicalc-suc-br-on.png);
}
/******************************
	.uicalc-button.ui-war
******************************/
.uicalc-button.ui-war {
	background-image: url(images/uicalc-war-l.png);
}
.uicalc-button.ui-war > div {
	background-image: url(images/uicalc-war-r.png);
}
.uicalc-button.ui-war > div > div {
	background-image: url(images/uicalc-war-rep.png);

	color: white;
	color: rgba(255, 255, 255, 0.90);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.uicalc-button.ui-war:active,
.uicalc-button.ui-war.ui-active {
	background-image: url(images/uicalc-war-l-on.png);
}
.uicalc-button.ui-war:active > div,
.uicalc-button.ui-war.ui-active > div {
	background-image: url(images/uicalc-war-r-on.png);
}
.uicalc-button.ui-war:active > div > div,
.uicalc-button.ui-war.ui-active > div > div {
	background-image: url(images/uicalc-war-rep-on.png);
}


.uicalc-line-last > div:first-child .uicalc-button.ui-war {
	background-image: url(images/uicalc-war-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button.ui-war:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-war.ui-active {
	background-image: url(images/uicalc-war-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-war > div {
	background-image: url(images/uicalc-war-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-war:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-war.ui-active > div {
	background-image: url(images/uicalc-war-br-on.png);
}
/******************************
	.uicalc-button.ui-dan
******************************/
.uicalc-button.ui-dan {
	background-image: url(images/uicalc-dan-l.png);
}
.uicalc-button.ui-dan > div {
	background-image: url(images/uicalc-dan-r.png);
}
.uicalc-button.ui-dan > div > div {
	background-image: url(images/uicalc-dan-rep.png);

	color: white;
	color: rgba(255, 255, 255, 0.90);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.uicalc-button.ui-dan:active,
.uicalc-button.ui-dan.ui-active {
	background-image: url(images/uicalc-dan-l-on.png);
}
.uicalc-button.ui-dan:active > div,
.uicalc-button.ui-dan.ui-active > div {
	background-image: url(images/uicalc-dan-r-on.png);
}
.uicalc-button.ui-dan:active > div > div,
.uicalc-button.ui-dan.ui-active > div > div {
	background-image: url(images/uicalc-dan-rep-on.png);
}


.uicalc-line-last > div:first-child .uicalc-button.ui-dan {
	background-image: url(images/uicalc-dan-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button.ui-dan:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-dan.ui-active {
	background-image: url(images/uicalc-dan-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-dan > div {
	background-image: url(images/uicalc-dan-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-dan:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-dan.ui-active > div {
	background-image: url(images/uicalc-dan-br-on.png);
}
/******************************
	.uicalc-button.ui-inv
******************************/
.uicalc-button.ui-inv {
	background-image: url(images/uicalc-inv-l.png);
}
.uicalc-button.ui-inv > div {
	background-image: url(images/uicalc-inv-r.png);
}
.uicalc-button.ui-inv > div > div {
	background-image: url(images/uicalc-inv-rep.png);

	color: white;
	color: rgba(255, 255, 255, 0.90);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.uicalc-button.ui-inv:active,
.uicalc-button.ui-inv.ui-active {
	background-image: url(images/uicalc-inv-l-on.png);
}
.uicalc-button.ui-inv:active > div,
.uicalc-button.ui-inv.ui-active > div {
	background-image: url(images/uicalc-inv-r-on.png);
}
.uicalc-button.ui-inv:active > div > div,
.uicalc-button.ui-inv.ui-active > div > div {
	background-image: url(images/uicalc-inv-rep-on.png);
}


.uicalc-line-last > div:first-child .uicalc-button.ui-inv {
	background-image: url(images/uicalc-inv-bl.png);
}
.uicalc-line-last > div:first-child .uicalc-button.ui-inv:active,
.uicalc-line-last > div:first-child .uicalc-button.ui-inv.ui-active {
	background-image: url(images/uicalc-inv-bl-on.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-inv > div {
	background-image: url(images/uicalc-inv-br.png);
}
.uicalc-line-last > div:last-child .uicalc-button.ui-inv:active > div,
.uicalc-line-last > div:last-child .uicalc-button.ui-inv.ui-active > div {
	background-image: url(images/uicalc-inv-br-on.png);
}
/******************************
	.uicalc-button.ui-icon-button
******************************/
.uicalc-button.ui-icon-button > div > div > div {
	height: 50px;
	padding: 0;
	background-position: 50% 50%;
}
.uicalc-button.ui-icon-button-dot > div > div > div {
	background-image: url(images/uicalc-icon-dot.png);
}
.uicalc-button.ui-icon-button-dot:active > div > div > div,
.uicalc-button.ui-icon-button-dot.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-dot-on.png);
}
.uicalc-button.ui-icon-button-clear > div > div > div {
	background-image: url(images/uicalc-icon-clear.png);
}
.uicalc-button.ui-icon-button-clear:active > div > div > div,
.uicalc-button.ui-icon-button-clear.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-clear-on.png);
}
.uicalc-button.ui-icon-button-clear2 > div > div > div {
	background-image: url(images/uicalc-icon-clear2.png);
}
.uicalc-button.ui-icon-button-clear2:active > div > div > div,
.uicalc-button.ui-icon-button-clear2.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-clear2-on.png);
}
.uicalc-button.ui-icon-button-back > div > div > div {
	background-image: url(images/uicalc-icon-back.png);
}
.uicalc-button.ui-icon-button-back:active > div > div > div,
.uicalc-button.ui-icon-button-back.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-back-on.png);
}
.uicalc-button.ui-icon-button-plus > div > div > div {
	background-image: url(images/uicalc-icon-plus.png);
}
.uicalc-button.ui-icon-button-plus:active > div > div > div,
.uicalc-button.ui-icon-button-plus.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-plus-on.png);
}
.uicalc-button.ui-icon-button-minus > div > div > div {
	background-image: url(images/uicalc-icon-minus.png);
}
.uicalc-button.ui-icon-button-minus:active > div > div > div,
.uicalc-button.ui-icon-button-minus.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-minus-on.png);
}
.uicalc-button.ui-icon-button-multiply > div > div > div {
	background-image: url(images/uicalc-icon-multiply.png);
}
.uicalc-button.ui-icon-button-multiply:active > div > div > div,
.uicalc-button.ui-icon-button-multiply.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-multiply-on.png);
}
.uicalc-button.ui-icon-button-divide > div > div > div {
	background-image: url(images/uicalc-icon-divide.png);
}
.uicalc-button.ui-icon-button-divide:active > div > div > div,
.uicalc-button.ui-icon-button-divide.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-divide-on.png);
}
.uicalc-button.ui-icon-button-calc > div > div > div {
	background-image: url(images/uicalc-icon-calc.png);
}
.uicalc-button.ui-icon-button-calc:active > div > div > div,
.uicalc-button.ui-icon-button-calc.ui-active > div > div > div {
	background-image: url(images/uicalc-icon-calc-on.png);
}
/************************************************************
	.uiinputwizard
************************************************************/
.uiinputwizard {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999999;
}
.uiinputwizard-master-button {
	display: none;
}
.uiinputwizard-breadcrumb-wrapper {
	position: absolute;
	top: 12px;
	left: 50%;
	margin:0 -375px;
	z-index: 1000;
	width: 750px;
	font-size: 0;
}
.uiinputwizard-group-wrapper {
	position: relative;
	margin: 0 auto;
	width: 750px;
}
.uiinputwizard-group {
	position: absolute;
	z-index: 998;
	top: 40px;
	right: 0;
	left: 0;
}
.uiinputwizard-hider {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
}
/******************************
	.uiinputwizard-breadcrumb
******************************/
.uiinputwizard-breadcrumb {
	display: inline-block;
	width: 25%;
}
.uiinputwizard-breadcrumb .ui-button {
	position: relative;
	display: block;
	background-image: url(images/uiinputwizard-breadcrumb-mid-l.png);
	height: 28px;
	line-height: 28px;
	margin-left: -10px;
}
.uiinputwizard-breadcrumb .ui-button > div {
	background-image: url(images/uiinputwizard-breadcrumb-mid-r.png);
	height: 28px;
	line-height: 28px;
}
.uiinputwizard-breadcrumb .ui-button > div > div {
	background-image: url(images/uiinputwizard-breadcrumb-mid-rep.png);
	height: 28px;
	line-height: 28px;
	margin: 0 10px;

	color: white;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.uiinputwizard-breadcrumb .ui-button.ui-active {
	z-index: 10;
	background-image: url(images/uiinputwizard-breadcrumb-mid-l-on.png);
}
.uiinputwizard-breadcrumb .ui-button.ui-active > div {
	background-image: url(images/uiinputwizard-breadcrumb-mid-r-on.png);
}
.uiinputwizard-breadcrumb .ui-button.ui-active > div > div {
	background-image: url(images/uiinputwizard-breadcrumb-mid-rep-on.png);
}
/******************************
	.uiinputwizard-breadcrumb:first-child
******************************/
.uiinputwizard-breadcrumb:first-child .ui-button,
.uiinputwizard-breadcrumb.ui-first-child .ui-button {
	margin-left: 0;
	background-image: url(images/uiinputwizard-breadcrumb-left-l.png);
}
.uiinputwizard-breadcrumb:first-child .ui-button.ui-active,
.uiinputwizard-breadcrumb.ui-first-child .ui-button.ui-active {
	background-image: url(images/uiinputwizard-breadcrumb-left-l-on.png);
}
/******************************
	.uiinputwizard-breadcrumb:last-child
******************************/
.uiinputwizard-breadcrumb:last-child .ui-button > div,
.uiinputwizard-breadcrumb.ui-last-child .ui-button > div {
	background-image: url(images/uiinputwizard-breadcrumb-right-r.png);
}
.uiinputwizard-breadcrumb:last-child .ui-button.ui-active > div,
.uiinputwizard-breadcrumb.ui-last-child .ui-button.ui-active > div {
	background-image: url(images/uiinputwizard-breadcrumb-right-r-on.png);
}
/******************************
	.uiinputwizard-group with more
******************************/
.uiinputwizard-group {
	background: white;
	border-radius: 0 0 5px 5px;
}
.uiinputwizard-line {
	border-top: 1px solid #f0f0f0;
	white-space: nowrap;
}
.uiinputwizard-line:first-child {
	border-top: 0;
}
.uiinputwizard-item-wrapper {
	border-left: 1px solid #f0f0f0;
}
.uiinputwizard-item-wrapper:first-child {
	border-left: 0;
}

.uiinputwizard-item {
	position: relative;
	padding: 0 10px;
}
.uiinputwizard-item label {
	position: absolute;
	top: 7px;
	left: 10px;
	text-transform:uppercase;
	color:#b2b2b2;
	font-size:9px;
}
/************************************************************
	SMBrasil 09/2020 - alterado o height de 40px para 60px 
************************************************************/
.uiinputwizard-item input,
.uiinputwizard-item textarea {
	width: 100%;
	padding:0;
	border:0;
	border-radius: 0;
	margin:10px 0 0;
	
	height:60px;
	background: transparent;

	font-size:15px;
	color: #333333;
	font-weight:normal;
}
.uiinputwizard-item textarea {
    
	margin-top: 20px;
	height: 80px;
	resize: none;
}


.uiinputwizard-item.ui-error label {
	color: red;
}
/******************************
	.ui-button
******************************/
.uiinputwizard .ui-button.ui-inv {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 70px;
}
.uiinputwizard .ui-button.ui-pri {
	position: absolute;
	bottom: -40px;
	right: 0;
	width: 70px;
}
/******************************
	.uiinputwizard-dropdown
******************************/
.uiinputwizard-dropdown {
	position: absolute;
	z-index: 10;
	left: 10px;
	right: 10px;
	background: white;
	line-height: 50px;
	border: 1px solid #f6f6f6;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
.uiinputwizard-dropdown-item {
	border-top: 1px solid #f0f0f0;
	padding: 0 20px;
	cursor: pointer;
}
.uiinputwizard-dropdown-item.ui-active {
	background: #dadada;
}
.uiinputwizard-dropdown-item.ui-active:last-child {
	border-radius: 0 0 5px 5px;
}
/************************************************************
	.uiswitch
************************************************************/
.uiswitch {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 32px;
	overflow: hidden;
}
.uiswitch-background {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 150px;
	background-image: url(images/uiswitch-background.png);
}
.uiswitch-frame {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(images/uiswitch-frame.png);
}
.uiswitch-handle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	width: 50px;
	background-image: url(images/uiswitch-handle.png);
}

/************************************************************
	.ui-dropdown.ui-dropdown-quantity
************************************************************/
.ui-dropdown-quantity,
.ui-dropdown-price,
.ui-dropdown-process,
.ui-dropdown-paymentterms,
.ui-dropdown-list {
	position: absolute;
	margin-top: 9px;
	left: -10000px;
	top: -10000px;
	width: 280px;
	z-index: 100;
}
.ui-dropdown {
	width: 280px;

	background: #f6f6f6 url(images/uicalc-shadow.png) 0% 0% repeat-x;

	border-radius: 0 0 5px 5px;
	border-top: 0;
	padding: 4px 2px 3px 3px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
body.device-mobile .ui-dropdown-quantity,
body.device-mobile .ui-dropdown-price,
body.device-mobile .ui-dropdown-process,
body.device-mobile .ui-dropdown-paymentterms,
body.device-mobile .ui-dropdown-list,
body.device-mobile .ui-dropdown {
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-dropdown.uicalc,
.ui-dropdown .uicalc {
	padding-top: 0;
}
.ui-dropdown-text {
	margin: -4px 1px 0 0;
}
.ui-dropdown-text-item {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;

	border-top: 1px solid #f6f6f6;
	background: #d7d7ca none 0% 0% repeat-x;
}
.ui-dropdown-text-item.ui-pri {
	background-image: url(images/ui-dropdown-text-pri.jpg);
	color: white;
}
.ui-dropdown-text-item:first-child {
	border-top: 0;
	background-image: url(images/uicalc-shadow.png);
}
.ui-dropdown-text-item:last-child {
	border-radius: 0 0 5px 5px;
}
.ui-dropdown-text-label {
	float: left;
}
.ui-dropdown-text-value {
	float: right;
}
/************************************************************
	.edit-mode
************************************************************/
.edit-mode .is-editable-255 {
	border-radius: 4px;
	background:#d7e4f3;

	cursor: pointer;
/************************************************************
	SMBrasil - alterado min-height de 22px para 44 px.
************************************************************/
	min-height: 44px;
}
.edit-mode .is-editable {
	border-radius: 4px;
	background:#d7e4f3;

	cursor: pointer;

	min-height: 22px;
}
.is-edit-item {
	display: none;
}
.edit-mode .is-edit-item {
	display: block;
}
/************************************************************
	.ui-preview-bar
************************************************************/
.ui-preview {
	background: white;
}
.ui-preview-bar {
	background: white;
	border-bottom: 1px solid #4b4b4b;

	color: #4b4b4b;
	font-size: 18px;
	line-height: 50px;

	text-align: center;

	z-index: 100;
}
.ui-preview-view {
	left: 50%;
	right: none;
	margin:0 -375px;
	width: 750px;
}
.ui-preview-icon {
	height: 50px;
	width: 50px;
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;

	cursor: pointer;
}
.ui-preview-icon-close {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/ui-preview-icon-close.png);
}
.ui-preview-icon-process {
	position: absolute;
	top: 0;
	right: 20px;
	background-image: url(images/ui-preview-icon-process.png);
}
.ui-preview-dropdown {
	position: absolute;
	margin-right: -50px;
	z-index: 999980;
	top: -9999px;
	left: -9999px;
	width: 200px;

	background: none;
}
.ui-preview-dropdown:before {
	content: "";
	position: absolute;
	top: -7px;
	right: 18px;
	height: 7px;
	width: 14px;

	background: url(images/ui-preview-dropdown-arrow.png);
}
.ui-preview-dropdown-item {
	line-height: 50px;

	border-bottom: 1px solid #cfcfcf;
	background: #4b4b4b;
	color: #cfcfcf;
	font-size: 15px;
	text-shadow: 0 -1px black;
	font-weight: bold;

	text-align: center;
	cursor: pointer;
}
.ui-preview-dropdown-item:active,
.ui-preview-dropdown-item.ui-active {
	background: #282828;
}
.ui-preview-dropdown-item:last-child {
	border-radius: 0 0 5px 5px;
	border-bottom 0;
}
/************************************************************
	.handlebars-map
************************************************************/
.handlebars-map {
	position: relative;
	width:207px;
	height:110px;
	background:white;

	border:1px solid #d6d6d6;

	cursor: pointer;
}
.handlebars-map > div {
	margin: 5px;
	width:197px;
	height:100px;
	background: none 50% 50% no-repeat;
}
.handlebars-map > div > div {
	position: absolute;
	content: "";
	z-index: 10;
	top:0;
	right: 0;
	bottom: 0;
	left:0;
	background: url(images/handlebars-map-mask.png) 50% 50% no-repeat;
}