* {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
	-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	-webkit-overflow-scrolling: touch;	
	font-size:16px;
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	background: #fff;
	/* max-height:568px; */
}

.ui-page-theme-a .ui-panel-wrapper, .ui-page-theme-a{
	background: #fff
}

label,legend{
	text-transform:uppercase;
	font-size:.8rem !important;
	font-weight:bold !important;;
	color:#444;
}
header{
	/* background-color:red; */
}
header>.ui-btn{
	background:none !important;
	border:0; 
	box-shadow:none; 
	color:#fff !important;
	text-shadow:none !important:
}


header i {
    color: #fff !important;
    font-size: 1rem !important;
    text-shadow: none !important;
    vertical-align: middle;
}
#mypanel{
	background:#fff;
}

#mypanel .ui-panel-inner{
	padding:0;
}
figure{	margin:0;}

nav figure{
	background: #2e4c92;
	padding:2rem 1rem;
	text-align:center;
}
nav img{
	width: 100%;
}
nav i{
	color:#333;
	margin-right:1.5rem;
}
nav a{
	color:#555 !important;
	text-shadow:none;
	display:block;
	font-size: .90rem;
	font-weight: bold;
	padding:1rem 1.5rem;
	text-decoration:none;
}

#loader{
	text-align:center;
	margin:0 auto;
}

#loader figcaption{
	color:#444;
	text-transform:uppercase;
	font-size:.8rem;
	font-weight:bold;
}

.fst{-
	padding:1rem 0 !important;
	margin:0 !important;
}

#doc, #cod{ 
	font-size:.8rem;
}
.ac{text-align:center}
.pr{position:relative;}
.doc_title{
	margin:0;
}
.filters{
	font-weight:bold;
	color: #999;
}

.master{
	margin-top:1rem;
	background: #99;
}

.record{
	padding: .25rem 0;
	border-bottom: 1px solid #bbb;
}
.record .title{
	padding: 0  5rem 0 0rem;
	line-height: 1;
	/* background: red; */
}
.record .title i.di{
	padding: .75rem .0rem;
	display: inline-block;
	color: #ddd;
	text-shadow: none;
	background: blue;
	text-indent: -5rem;
}
.record .title span{
	width:75%;
	vertical-align: middle;
	line-height: 1.5;
}

.record .title em{
	position: absolute;
	right: .5rem;
	top: .3rem;
	color: #222;
	/* background: green; */
}
.record .title em.comparativo{
	position: absolute;
	right: .5rem; 
	font-weight: bold;
	top:auto;
	font-size: .7rem;
	bottom: .2rem;
}
.cr{color: #1565C0;}
.master_record .importe{
	font-weight:bold;
	font-style:normal;
}

#cod .master .importe{
	top: 50%;
	margin-top: -.4rem;
}
.details .record{
	padding-left:.25rem;
}
.expandable{ margin-top:1px;}
em.positivo{
	color: #007005 !important;
	font-style: normal;
}
em.negativo{
	color: red !important;
	font-style: normal;
}
#reporte .ui-content, #anterior .ui-content{
	padding-left:0;
	padding-right:0;
	overflow: auto;
	max-height: 100%;
}
.ib{
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.expandable a{
	padding:.75rem;
	/* font-size:1rem; */
	vertical-align:middle;
}


.details{
	/* padding: 0 .5rem; */
	background: #ddd;
}

.th{
	background: #2e4c92;
	color: #fff;
	padding: .75rem;
	font-weight:bold;
	margin-top: 1rem;
	text-shadow: none;
}

.th .importe{
	position:absolute;
	right:.5rem;
}

#cf label{
	display: inline-block !important;
	margin: 0 0 1.5rem 0;
	/* width: 25%; */
}

#cf input{
	border:0;
	background:transparent;
	border-bottom:1px solid #ccc;
	/* width: 50%; */
	text-align:center;
}
#cf a:focus{
	box-shadow:none;
	-webkit-box-shadow:none;
}


.ui-header{
	width: 100%;
	background: #2e4c92 !important;
	border: 0;
	top: 0;
	left: 0;
	z-index: 1000;
}

header h1 {
    color: #fff;
    text-shadow: none;
}

.ui-navbar{
	padding: .5rem;
	/* background: #fff; */
}
.ui-navbar ul{
	overflow:hidden;
	border: 1px solid #ffffff;
	border-radius: 4px;
	overflow: hidden;
}

#tabs li a{
	background: none;
	border:0;
	border-right: 1px solid #fff;
	color: #ffffff;
	text-shadow: none;
	font-size: .8rem;
	font-weight: normal;
	padding: .3rem 0em;
	/* border-radius: 51px; */
}

.ui-navbar .current-page{
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #2d3a7f !important;
	text-shadow: none;
}


.it{
	color:#999;
}
.w50{width: 50%}
.w45{width: 45%}

#cont_estacion{
	margin-top: 1rem;
}


.fst select{
	width:100%;
	font-size:.8rem;
	font-weight:bold;
	color:#333;
	height:2rem;
	line-height:1;

}

.hidden{display: none;}
.ui-popup.ui-body-inherit{
	border:0;
	border-radius:.5rem
}
.ui-listview{
	background: #f6f6f6;
	border:0;
	box-shadow: 0 0 10px #9E9E9E;
}


.ui-listview>li>a.ui-btn{
	color:#777;
	border-top:1px solid #ccc;
	font-size: .75rem;
}
.ui-listview>li>a.ui-btn:hover,.ui-listview>li>a.ui-btn:active{
	background: #2e4c92;
	color: #fff;
}
.ui-radio:focus, .ui-radio .ui-btn{
	box-shadow:none !important;
	-webkit-box-shadow:none !important;	
	outline: none !important;	
}

.btnHome img{
	vertical-align: middle;
}

#frmPlaza fieldset{
	margin-bottom: 1.5rem
}

.warning{
	background:red;
	bottom:0;
	color:#fff;
	left: 0;
	margin:0;
	padding: .5rem 0;
	position:absolute;
	text-align:center;
	text-shadow: none;
	width:100%;
	z-index:10005;
}


.login{
	background: #2e4c92;
}

#login form label{
	color:#fff;
	text-shadow:none;
	margin-top:1rem;
}

#login form .ui-corner-all{
	border-radius:.2rem
}

#login form .btnLogin{
	margin-top:2rem;
	background-color: #3c69cf;
	color:#fff;
	text-shadow:none;
	border-color: #2e4c92;
}

#login form input{
	font-size: 12.5px;
    padding: .75rem .5rem;	
}

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active{
    background-color: #2e4c92;
    border-color: #2e4c92;
    color: #fff;
    text-shadow: 0 1px 0 #2e4c92;
}

.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after {
    border-color: #2e4c92;
}

.app section{
	box-sizing:border-box !important;
	margin:0 auto;
	max-width: 375px;
	/* min-height:568px !important; */
	/* max-height:568px !important; */
	/* height:568px !important; */
	overflow: auto;
}

#login{
	height:100%;
}


/*
.record .title em.comparativo,
.expandable .master_title em.comparativo{
	font-size:.8rem;
}

.record .title span, 
.record .title em,
.expandable .master_title span,
.expandable .master_title em{
	font-size:1rem;
}
*/

.version{
	position:fixed;
	color:#fff;
	text-shadow:none;
	font-size:.8rem;
	bottom:.5rem;
	left:0;
	width:100%;
}


.ui-controlgroup-label, .ui-controlgroup-controls, .ui-controlgroup{
	width: 100% !important;
}

#filter_gb1{
	margin:0
}

div.ui-mobile-viewport {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 375px;
    margin: 0rem auto;
    /* box-shadow:0 0 10px #111; */
}

#btnPrint{
	box-shadow: 2px 2px 5px #999 !important;
	width:60%;
	margin : 1rem auto 0 auto;
}
@media screen and (min-width:414px) {

	html,body{
		background:#333;
		max-height:667px;
		overflow:hidden;		
		height:667px;
	}
	body{
				margin-top:1rem;
	}

	.app section {
		 min-height: 667px !important; 
		 max-height: 667px !important; 
		 height: 667px !important; 
		 overflow:hidden !important;
	}	

	div.ui-mobile-viewport {
		overflow: hidden;

	}
	
	.ui-header{
		position: absolute;
	}

	.ui-content{
		box-sizing:border-box;
	}
}



.sincompra{
	color:#950a0a;
	font-style:italic
}