/* Minification failed. Returning unminified contents.
(229,135): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

#divImagenCoca 
{
    position: absolute;
    top: 50%;
    left: 50%;    
}

.divCentrado
{
    margin-left: auto;
    margin-right: auto;
}

/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active  {
    text-shadow: none;
}


/*****  Contenido Pedidos   ****/

.contenidoPrincipal
{
	margin: 0 auto;
	max-width: 70%;
	text-align: center;	
}
.titulo-Principal
{
    font-size: 16px;
    color:rgb(150,10,10);
    font-weight:bold;
}
.titulo-ao
{
    font-size: 16px;
    color:rgb(150,10,10);
    font-weight:bold;
    padding-left:10px;
}
.instrucciones-ao
{
    font-size: 16px;
    color:rgb(0,0,0);
    font-weight:bold;
    padding:10px;
}

@media screen and (max-width: 800px) {
	.contenidoPrincipal
	{
		margin: 0 auto;
		max-width: 80%;
		text-align: center;	
	}
}

@media screen and (max-width: 480px) {
	.contenidoPrincipal
	{
		margin: 0 auto;
		max-width: 100%;
		text-align: center;	
	}
}

.ui-select .ui-btn-inner {
    height: 25px;
}
        
.ui-select .ui-btn-inner .ui-btn-text 
{
    top: 50%; 
    margin-top: -9px;
}

/*****  Dashboard   ****/

.btn-dashboard {
    width: 45%;
    height: 250px;
    margin: 5px;
    padding: 0px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    -webkit-background-clip: padding-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px 0px;
    background-attachment: scroll;
    background-clip: padding-box;
    background-color: rgb(246, 224, 224);
    background-image: linear-gradient(rgb(255, 255, 255), rgb(246, 224, 224));
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.disabled .inner 
{
    background-color: #dadada !important;
    background-image: linear-gradient(#dadada, #c9c9c9) !important;
}

.disabled .inner:hover, .active
{
    background-color: #c9c9c9 !important;
    background-image: linear-gradient(#c9c9c9, #b0b0b0) !important;
}

.btn-dashboard .inner:hover, .active
{
    background-color: rgb(246, 224, 224);
    background-image: linear-gradient(rgb(237, 201, 201), rgb(229, 197, 197));
}

.btn-dashboard .inner 
{
    background-color: rgb(246, 224, 224);
    background-image: linear-gradient(rgb(246, 227, 227), rgb(237, 218, 218));
    width: 100%;
    height: 100%;
}

.btn-dashboard .text 
{
    width: 100%;
    text-align: center;
    height: auto;
    display: block;
    padding-top: 100px;
    font-size: 12pt;
}

.btn-dashboard .clientes
{
    padding-top: 105px;
    font-size: 20pt !important;
}

.btn-dashboard .values 
{
    width: 100%;
    text-align: center;
    height: auto;
    display: block;
    font-size: 18pt;
    padding: 5px 0px 5px 0px;
}


/*Estilos de los botones header e inicio*/
.ui-btn-active {
	border: 1px solid 		#505050 /*{global-active-border}*/;
	background: 			#505050 /*{global-active-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #505050 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #3c3c3c /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #505050 /*{global-active-background-start}*/, #3c3c3c /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #505050 /*{global-active-background-start}*/, #3c3c3c /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #505050 /*{global-active-background-start}*/, #3c3c3c /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #505050 /*{global-active-background-start}*/, #3c3c3c /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #505050 /*{global-active-background-start}*/, #3c3c3c /*{global-active-background-end}*/);*
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

div.ui-btn {
    overflow: hidden;
}

.btn-active
{
    background-color: rgb(246, 224, 224) !important;
    background-image: linear-gradient(rgb(237, 201, 201), rgb(229, 197, 197)) !important;
}

.respuestas-contenedor {
    display: block;
}

.respuestas-contenedor label {
    font-weight: 100;
    padding: 5px;
    margin: 5px;
    margin-left: 0px;
}

.respuestas-contenedor label span 
{
    color: #898585;
}

.respuestas-contenedor input[type="checkbox"],input[type="radio"] {
    display: inline;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 5px;
    margin: 5px;
    width:20px; height:20px;
}

.respuestas-contenedor .ui-checkbox, .ui-radio {
    position: relative;
    margin: 0;
    display: inline;
}

#tablero 
{
    display: none;
    font-size: 14pt;
    background: rgb(237, 218, 218);
    position: fixed;
    top: 100px;
    right: 0px;
    padding: 15px 20px 15px 20px;
    z-index: 999;
    font-weight: bold;
}

ul li {
    list-style: none;
}

/****BOTONES ICE****/

.btn-ice {
    width: 98%;
    height: auto;
    margin: 5px;
    padding: 0px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    -webkit-background-clip: padding-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px 0px;
    background-attachment: scroll;
    background-clip: padding-box;
    background-color: rgb(246, 224, 224);
    background-image: linear-gradient(rgb(248, 229, 229), rgb(236, 217, 217));
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
}

.vencida 
{
    overflow: hidden;
    background-color: rgb(246, 224, 224) !important;
    background-image: linear-gradient(rgb(235, 235, 235), rgb(223, 223, 223)) !important;
}


.btn-ice .inner 
{
    margin: 0 auto;
    width: 100%;
    display:inline-block;
    text-align: center;
    overflow: hidden;
}

.btn-ice .inner .text 
{
    display: inline-block;
    text-align: center;
    padding: 5px 8px 5px 0px;
}

.btn-ice .check-
{
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: green;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 10pt;
}

.btn-ice .check-vencida
{
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: gray;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 10pt;
}

.btn-ice .inner-icon 
{
    width: 10%;
    float: right;
    text-align: right;
    /*padding: 10px 8px 10px 0px;*/
}

.btn-ice .check-holder 
{
    display: inline-block;
    float: right;
    padding: 10px 8px 10px 0px;
}
