/* Generic icon styles */

/* 26x26 pixels */

.ui-btn-icon-left .ui-btn-inner .ui-icon.ui-iconsize-26,
.ui-btn-icon-right .ui-btn-inner .ui-icon.ui-iconsize-26 { margin-top: -13px; }

.ui-btn-icon-notext .ui-icon { display: block; z-index: 0; }

.ui-btn-icon-top .ui-btn-inner .ui-icon.ui-iconsize-26,
.ui-btn-icon-bottom .ui-btn-inner .ui-icon.ui-iconsize-26 { position: absolute; left: 50%;  margin-left: -13px; }
.ui-header .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-left .ui-icon.ui-iconsize-26 { left: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-right .ui-icon.ui-iconsize-26 { right: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-top .ui-icon.ui-iconsize-26 { top: 3px; }

.ui-header .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-bottom .ui-icon.ui-iconsize-26 { bottom: 3px; }

.ui-icon-ios-pack-color-left-arrow {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-right-arrow {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-up-arrow {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-back {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-forward {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-down-arrow {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-plus {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-minus {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-check {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-delete {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-gear {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-refresh {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-grid {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-star {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-info {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-home {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-search {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-alert {
	width: 26px;
	height: 26px;
	background-color: transparent !important;
	box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}

.ui-icon-ios-pack-color-left-arrow { background: url('../images/ios-pack-color.png') -260px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-right-arrow { background: url('../images/ios-pack-color.png') -364px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-up-arrow { background: url('../images/ios-pack-color.png') -442px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-back { background: url('../images/ios-pack-color.png') -26px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-forward { background: url('../images/ios-pack-color.png') -130px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-down-arrow { background: url('../images/ios-pack-color.png') -104px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-plus { background: url('../images/ios-pack-color.png') -312px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-minus { background: url('../images/ios-pack-color.png') -286px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-check { background: url('../images/ios-pack-color.png') -52px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-delete { background: url('../images/ios-pack-color.png') -78px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-gear { background: url('../images/ios-pack-color.png') -156px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-refresh { background: url('../images/ios-pack-color.png') -338px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-grid { background: url('../images/ios-pack-color.png') -182px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-star { background: url('../images/ios-pack-color.png') -416px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-info { background: url('../images/ios-pack-color.png') -234px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-home { background: url('../images/ios-pack-color.png') -208px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-search { background: url('../images/ios-pack-color.png') -390px 50% no-repeat transparent !important; }
.ui-icon-ios-pack-color-alert { background: url('../images/ios-pack-color.png') -0px 50% no-repeat transparent !important; }

.ui-selectmenu .ui-btn-text,
.ui-selectmenu-list.ui-listview .ui-btn-text { min-height: 38px; }

@media	only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 240dpi) {

	.ui-icon-ios-pack-color-left-arrow,
	.ui-icon-ios-pack-color-right-arrow,
	.ui-icon-ios-pack-color-up-arrow,
	.ui-icon-ios-pack-color-back,
	.ui-icon-ios-pack-color-forward,
	.ui-icon-ios-pack-color-down-arrow,
	.ui-icon-ios-pack-color-plus,
	.ui-icon-ios-pack-color-minus,
	.ui-icon-ios-pack-color-check,
	.ui-icon-ios-pack-color-delete,
	.ui-icon-ios-pack-color-gear,
	.ui-icon-ios-pack-color-refresh,
	.ui-icon-ios-pack-color-grid,
	.ui-icon-ios-pack-color-star,
	.ui-icon-ios-pack-color-info,
	.ui-icon-ios-pack-color-home,
	.ui-icon-ios-pack-color-search,
	.ui-icon-ios-pack-color-alert {
		background-image: url('../images/ios-pack-color@2x.png');
		background-size: 468px 26px; -moz-background-size: 468px 26px; -o-background-size: 468px 26px; -webkit-background-size: 468px 26px;
	}

}

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

.marcoprogreso {
	position: absolute;
	background-color: InfoBackground;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
	background-color:#ffffff;
	top: 0px;
	left: 0px;
	z-index: 999999999;
	visibility: visible;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
	width: 100%;
	min-height: 200px;
	clear: both;
}

@media all and (min-width: 650px) {

	.content-secondary { text-align: left; float: left; width: 45%; background: none; padding: 1.5em 6% 3em 0; margin: 0; }
	.content-secondary { background: none; border-top: none; }
	.content-primary { width: 45%; float: right; margin-right: 1%; padding-right: 1%; }
	.content-primary ul:first-child { margin-top: 0; }
	.content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset { margin: 0; }
	.content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li { border-radius: 0px; }
	.content-secondary ul.ui-listview .ui-li { border-left: 0; border-right: 0; }
	.content-secondary h2 { position: absolute; left: -9999px; }
	.content-secondary .ui-li-divider { padding-top: 1em; padding-bottom: 1em; }
	.content-secondary { margin: 0; padding: 0; }

}

@media all and (min-width: 750px) {

	.content-secondary { width: 34%; }
	.content-primary { width: 60%; padding-right: 1%; }
	.content-secondary ul.ui-listview-inset {}

}

@media all and (min-width: 1200px) {

	.content-secondary { width: 30%; padding-right:6%; margin: 0px 0 20px 5%; }
	.content-secondary ul { margin: 0; }
	.content-secondary { margin: 0; padding: 0; }
	.content-primary { width: 50%; margin-right: 5%; padding-right: 3%; }
	.content-primary { width: 60%; }

}

/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden { display: none !important; }
html .ui-filterable + .ui-listview,
html .ui-filterable.ui-listview { margin-top: .5em; }

.ui-collapsible-content > form.ui-filterable { margin-top: -.5em; }
.ui-collapsible-content > .ui-input-search.ui-filterable { margin-top: 0; }
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn { border-top-width: 1px; }

.ui-selectmenu.ui-popup .ui-form-search .ui-input-search { width: calc(100% - 35px); display: inline-block; margin-left: .5em; margin-top: 0px; vertical-align: top; }

.ui-page.ui-dialog .ui-form-search { width: calc(100% - 45px); margin-left: auto; margin-right: 0.5em; }

.ui-page.ui-dialog .ui-form-search + .ui-title,
.ui-page.ui-dialog .ui-form-search > .ui-btn[data-icon=delete] { display: none; }

.ui-selectmenu.ui-dialog .ui-content { padding-top: 0; }

.ui-selectmenu.ui-dialog .ui-selectmenu-list { margin-top: 0; }

.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn { border-top-width: 1px; border-radius: 0; -webkit-border-radius: 0; }

.ui-selectmenu.ui-dialog .ui-header { border-bottom-width: 1px; }

.ui-select { display: grid; width: 100%; }
