@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:100;
	src:local('??'), url("/bundles/common/css/fonts/MyriadPro-Regular.otf") format("opentype");
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}
@font-face {
	font-family:'Myriad Set Pro';
	font-style:italic;
	font-weight:100;
	src:local('??'), url("/bundles/common/css/fonts/MyriadPro-LightIt.otf") format("opentype");
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:200;
	src:local('??'),  url("/bundles/common/css/fonts/MyriadPro-Light.otf") format("opentype");
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}
@font-face {
	font-family:'Myriad Set Pro';
	font-style:italic;
	font-weight:200;
	src:local('??'), url("/bundles/common/css/fonts/MyriadPro-LightIt.otf") format("opentype");
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}
textarea{
    resize: vertical;
}
b{
	font-size: 23px;
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Tahoma","arial";
}
.ui-aar-center-big{
    padding: .6em;
    text-align: center;
    margin: .3em 0em;
}

.ui-aar-span{
    padding: 0.5em;
}

.bold{
    font-weight: bold;
}

.no-bold{
    font-weight: normal;
}

.izq{
    float: left;
}

.dcha{
    float: right;
}

.peque{
    font-size: .8em;
}

.invisible{
    display: none;
}

.overflow{
    overflow: auto;
}

.ui-aar-tabla-citas > div, .ui-aar-tabla-citas-un-solo-empleado > div{
    padding-top: 0.2em;
}

.ui-aar-tabla-segundo-div-dcha > :nth-child(n){
    width: 100%;
	border-bottom: 1px solid rgba(77,167,221,1);
}


.ui-aar-tabla-segundo-div-dcha > div > div:nth-child(n){
    width: 50%;
    padding: 0.3em;
}

.ui-aar-tabla-segundo-div-dcha > div > div:nth-child(even){
    text-align: right;  
}

.ui-aar-tabla-segundo-div-dcha.desglose-cierres > div > div:nth-child(n){
    padding: 0.3em;
}

.ui-aar-tabla-segundo-div-dcha.desglose-cierres > div > div:nth-child(even){
    width: 20%;
    text-align: right;  
}

.ui-aar-tabla-segundo-div-dcha.desglose-cierres > div > div:nth-child(odd){
    width: 60%;
}
.ui-aar-tabla-segundo-div-dcha.desglose-cierres > div > div:nth-child(2n+3){
    width: 20%;
    text-align: right;  
}
.ui-aar-tabla-citas > :nth-child(n), .ui-aar-tabla-citas-un-solo-empleado > :nth-child(n){
    width: 100%;
}



.ui-aar-tabla-citas > div > div:nth-child(3n+1){
    width: 20%;
    font-weight: bold;
}

.ui-aar-tabla-citas > div > div:nth-child(3n+2){
    width: 30%;
}

.ui-aar-tabla-citas > div > div:nth-child(3n+3){
    width: 50%;
    font-size: 90%;
}



.ui-aar-tabla-citas-un-solo-empleado > div > div:nth-child(3n+1){
    width: 20%;
    font-weight: bold;
}

.ui-aar-tabla-citas-un-solo-empleado > div > div:nth-child(3n+2){
    width: 80%;
    font-size: 90%;
}

.ui-aar-tabla-citas.peque > div > div:nth-child(3n+3), .ui-aar-tabla-citas-un-solo-empleado.peque > div > div:nth-child(3n+3){
    font-size: 100%;
}

.ui-aar-tabla-citas > div > div, .ui-aar-tabla-citas-un-solo-empleado > div > div{
    padding: 0.2em;
}

.ui-aar-tabla-citas div.vacio, .ui-aar-tabla-citas div.ocupado, .ui-aar-tabla-citas-un-solo-empleado div.vacio, .ui-aar-tabla-citas-un-solo-empleado div.ocupado{
    min-height: 1.7em;
    text-shadow: none;
}

div.vacio{
    background: #4ebeff;
    color: #111;
}

div.ocupado{
    background: #555;
    color: #FFF;
}

.ui-aar-tabla-citas.peque div.overflow, .ui-aar-tabla-citas-un-solo-empleado.peque div.overflow{
    padding-top: 0;
    margin-top: 0.2em;
}

form div ul{
    padding-left: 0;
}

form div ul li{
    list-style: none;
    padding: 0.3em;
    background: #FF3A3A;
    text-shadow: none;
    border-radius: 0.3em;
    color: #EEE;
}
div#logo{
    text-align: center;
    padding: 10px;
    }
div#loginform{
    text-align: center;
    margin: 0px 15% 0px 15%;
    }
.ui-body-o, .ui-overlay-o {
    border: 1px solid #0B8B00;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background: #12DD00;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#C7FCC2),to(#92E28B));
    background-image: -webkit-linear-gradient(#C7FCC2,#92E28B);
    background-image: -moz-linear-gradient(#C7FCC2,#92E28B);
    background-image: -ms-linear-gradient(#C7FCC2,#92E28B);
    background-image: -o-linear-gradient(#C7FCC2,#92E28B);
    background-image: linear-gradient(#C7FCC2,#92E28B);/*(#5FEE53,#0FB800);*/
}
.ui-listview-filter {
    margin: 1em 0px;
}
.ui-bar-c {
    background: 0;
}
#flash-wrapper > div{
    margin-bottom: 0.8em;
}

/* Fix para que no se mezcle con los estilos de SF2 */
.sf-toolbar{
    text-shadow: none;
}
.ui-body{
    background: 0;
    color: #000000;
    text-shadow: none;
    font-size: 80%;
    margin: 1em 0em 0em 0em;
}
.ui-body>p{
    text-shadow: none;
    font-size: 100%;
    font-family: Tahoma, Arial;
    margin: -1em 0em 0em 0em;
}
.ui-body>p2{
    text-align: center;
    display: block;
    margin-top: -0.5em;
    margin-left: -1.5em;
    margin-right: -1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #4DA7DD;
    color: #FFF;
}
.ui-body>p2>p3{
    font-size: 90%;
}
.ui-body>p3{
    text-shadow: none;
    font-size: 100%;
    font-family: Tahoma, Arial;
    margin: 0em 0em 0em 0em;
}
.ui-body>p>p4{
    margin: 0em 0em 0em 0em;
}
.ui-bar-j{
    background: 0;
    color: #0;
    border: 0;
    font-size: 100%;
    margin-right: -40%;
    padding: 3px 3px;
}
.ui-bar-k{
    background: 0;
    color: #0;
    border: 0;
    font-size: 100%;
    margin-left: 40%;
    padding: 3px 3px;
}
.ui-bar-jj{
    background:none repeat scroll 0% 0% rgba(227, 227, 227, 1);
    color: #0;
    border: 0;
    font-size: 100%;
    margin-right: -40%;
    padding: 3px 3px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.ui-bar-kk{
    background: none repeat scroll 0% 0% rgba(227, 227, 227, 1);
    color: #0;
    border: 0;
    font-size: 100%;
    margin-left: 40%;
    padding: 3px 3px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.ui-filter-inset {
    margin-top: 0;
}
.ui-content .ui-listview-inset{
    margin: 0.34em 0px;
}
.ui-grid-a .ui-block-a .ui-emanager{
    margin-right: 1%;
    width: 99%;
}
.nombrecliente>p{
    text-align: center;
    display: block;
    font-weight: bold;
}
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: 0;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	text-shadow: initial;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: rgba(212,231,246,1);
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 8px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
table.tablesorter thead tr th { width: 0%; text-align: center;}
table#myTableTicket {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableTicket thead tr th, tabletable#myTableTicket tfoot tr th {
	font-size: 10pt;
}
table#myTableTicket td:nth-child(3n+1) {
    width: 10%;
    text-align: center;
}
table#myTableTicket td:nth-child(3n+2) {
    width: 80%;
}
table#myTableTicket td:nth-child(3n+3) {
    width: 10%;
    text-align: right;
}
table#myTableTicket2 {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableTicket2 thead tr th, tabletable#myTableTicket2 tfoot tr th {
	font-size: 10pt;
}
table#myTableTicket2 td:nth-child(3n+1) {
    width: 10%;
    text-align: center;
}
table#myTableTicket2 td:nth-child(3n+2) {
    width: 70%;
}
table#myTableTicket2 td:nth-child(3n+3) {
    width: 10%;
    text-align: center;
}
table#myTableTicket2 td:nth-child(3n+4) {
    width: 10%;
    text-align: center;
}
table#myTableDetalleTicket {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableDetalleTicket thead tr th, tabletable#myTableDetalleTicket tfoot tr th {
	font-size: 10pt;
}
table#myTableDetalleTicket td:nth-child(3n+1) {
    width: 80%;
    text-align: left;
}
table#myTableDetalleTicket td:nth-child(3n+2) {
    width: 15%;
    text-align: center;
}
table#myTableDetalleTicket td:nth-child(3n+3) {
    width: 5%;
    text-align: center;
}
table#myTableDetalleTicket td:nth-child(3n+4) {
    display: none;
}
table#myTableDetalleTicket td:nth-child(3n+5) {
    display: none;
}
table#myTableDetalleTicket2 {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableDetalleTicket2 thead tr th, tabletable#myTableDetalleTicket2 tfoot tr th {
	font-size: 10pt;
}
table#myTableDetalleTicket2 td:nth-child(3n+1) {
    width: 80%;
    text-align: left;
}
table#myTableDetalleTicket2 td:nth-child(3n+2) {
    width: 20%;
    text-align: center;
}

table#myTableZonas {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableZonas thead tr th, table.tablesorter tfoot tr th {
	background-color: transparent;
	border: transparent;
	font-size: 8pt;
	padding: 8px;
	width: 20%;
}
table#myTableFamilias {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableFamilias thead tr th{
	background-color: transparent;
	border: transparent;
	font-size: 8pt;
	padding: 2px;
	width: 10%;
}
table#myTableFamiliasProducto {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableFamiliasProducto thead tr th{
	background-color: transparent;
	border: transparent;
	font-size: 8pt;
	padding: 2px;
	width: 10%;
}
table#myTableServicios {
	font-family:tahoma,arial;
	font-size: 10px;
	line-height: 1;
	height: auto;
}
table#myTableServicios thead tr th, table.tablesorter tfoot tr th {
	background-color: transparent;
	border: transparent;
	font-size: 8pt;
	padding: 2px;
	width: 10%;
}
table#myTablePacks {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTablePacks thead tr th, table.tablesorter tfoot tr th {
	background-color: transparent;
	border: transparent;
	font-size: 8pt;
	padding: 8px;
	width: 20%;
}
table#myTablePacks .ui-btn-inner{
    font-size: 12px;
}
table#myTableFamilias .ui-btn{
    font-size: 10px;
	line-height: 1;
	min-height: 2em;
	padding: 4px;
	border-radius: 5px;
}
table#myTableServicios .ui-btn{
	font-size: 10px;
	line-height: 1;
	min-height: 3em;
	padding: 4px;
	border-radius: 5px;
	white-space: normal;
}
table#myTableServicios .ui-btn > span{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
table#myTableFamiliasProducto .ui-btn{
    font-size: 10px;
	line-height: 1;
	min-height: 2em;
	padding: 4px;
	border-radius: 5px;
}
table#myTableZonas .ui-btn-inner{
    font-size: 12px;
}
table#myTableDetalleTicket .ui-btn-inner{
    font-size: 12px;
}
.ui-btn-text{
   white-space: normal;
}
table.tablesorter .ui-btn{
   margin: 0em 0em;
}
div#servicioscaja{
   border: 2px solid rgba(77,167,221,1);
}
div#datoszonas{
   margin-left: -0.15em;
   margin-right: -0.15em;
}
div#titulo-cliente{
   text-align: center;
   background: rgba(32,103,178,1);
   color: rgba(221,232,243,1);
   text-shadow: initial;
   font-family: tahoma,arial;
}
div#titulo-servicios{
   text-align: center;
   background: rgba(77,167,221,1);
   color: #fff;
   text-shadow: initial;
   font-family: tahoma,arial;
   margin-top:-1em;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}
div#titulo-detalle{
   text-align: center;
   background: rgba(77,167,221,1);
   color: #fff;
   text-shadow: initial;
   font-family: tahoma,arial;
   margin-top:-1em;
}
div caption{
   background: rgba(77,167,221,0.5);
   margin-top:-0.5em;
   color: rgba(77,167,221,1);
}
div#contenedorsalon{
   overflow: hidden;
}
div#agenda{
   float: left;
   width: 49.5%
}
div#agenda .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#agenda .ui-li-divider>b{
   margin-left: 2em;
}
div#agenda2{
   float: left;
   width: 42%
}
div#agenda2 .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#agenda2 .ui-li-divider>b{
   margin-left: 2em;
}
div#clientes{
   float: right;
   width: 49.5%;
}
div#clientes .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#clientes .ui-li-divider>b{
   margin-left: 2em;
}
div#clientes2{
   float: right;
   width: 57%;
}
div#clientes2 .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#clientes2 .ui-li-divider>b{
   margin-left: 2em;
}
div#caja .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#caja .ui-li-divider>b{
   margin-left: 2em;
}
div#cierrecaja{
   float: left;
   width: 49.5%;
}
div#cierrecaja .ui-li-divider{
   height: 22px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#cierrecaja .ui-li-divider>b{
   margin-left: 2em;
}
div#estadisticas{
   float: left;
   width: 49.5%;
}
div#salones .ui-li-divider{
   height: 22px;
   font-size: 16px;
   background-color: white;
   color: rgba(77,167,221,1);
}
div#salones .ui-li-divider>b{
   margin-left: 2em;
}
.ui-corner-all{
   border-radius: 0.3em;
}
.ui-bar-b{
   background: rgba(77,167,221,1);
   text-shadow: 0px 0px 0px rgba(88,142,161,1);
   border-bottom: 2px solid orange;
}
.ui-btn-corner-all{
   border-radius: 0.3em;
}
.ui-btn-up-b{
   background: rgba(32,103,178,1);
   text-shadow: 0px 0px 0px rgba(88,142,161,1);
   border: 0px solid rgba(164, 167, 168, 1);
}
.ui-btn-hover-b{
   background: rgba(77,167,221,1);
   text-shadow: 0px 0px 0px rgba(88,142,161,1);
   border: 0px solid rgba(164, 167, 168, 1);
}

.ui-shadow{
   -webkit-appareance: none;
   box-shadow: 0px 1px 3px rgba(77,167,221,0.2);
}
div#nombrecaja img{
   margin-bottom: -1em;
}
div#diasCierreDatos p{
   text-align: center;
   background: #4DA7DD;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 1em;
   padding-bottom: 1em;
   border-radius: 6px;
}
div#nombrecaja{
   text-align: center;
   background: #4DA7DD;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 1em;
   padding-bottom: 0.1px;
}
div#zonacierre{
   background: rgba(77,167,221,1);
   color: #fff;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}
.ui-aar-tabla-segundo-div-dcha.desglose-cierres{
   margin-top: -1em;
   float: left;
   width: 60%;
}
.ui-aar-tabla-segundo-div-dcha2.desglose-cierres{
   margin-top: -1em;
   float: left;
   width: 100%;
}
.ui-aar-tabla-segundo-div-dcha.desglose-cierres-visitas{
   margin-top: -1em;
   float: right;
   width: 38%;
}
div#detalletecnicos{
   border: 1px solid #4DA7DD;
}
div#passwordform{
   width: 500px;
   display: block;
   margin: 0px auto;
}
div#publiform{
   width: 500px;
   display: block;
   margin: 0px auto;
}
div#passwordform .ui-field-contain div.ui-input-text {
   width: 45%;
}
div#passwordform .ui-field-contain label.ui-input-text{
   width: 50%;
}
div#emailform{
   width: 500px;
   display: block;
   margin: 0px auto;
}
div#emailform .ui-field-contain div.ui-input-text {
   width: 60%;
}
div#emailform .ui-field-contain label.ui-input-text{
   width: 35%;
}
div#cierredecaja{
   width: 400px;
   display: block;
   margin: 0px auto;
}
div#coger_cita{
   width: 600px;
   display: block;
   margin: 0px auto;
}
div#coger_cita3{
   width: 600px;
   display: block;
   margin: 0px auto;
}
div#coger_cita_pack{
   width: 600px;
   display: block;
   margin: 0px auto;
   background-color: #daeefb;
   padding-bottom: 3px;
}
div#coger_cita_pack > p{
   margin-left: 2em;
}
div#tecnicoform{
   width: 600px;
   display: block;
   margin: 0px auto;
}
div#boton_nuevo_ticket{
   width: 400px;
   display: block;
   margin: 0px auto;
}
div#nuevo_cliente{
   width: 600px;
   display: block;
   margin: 0px auto;
}
div#centrado{
	text-align: center;
	color: rgba(77,167,221,1);
	text-shadow: initial;
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Tahoma","arial";
	font-size: 2rem;
	margin-bottom: -1em;
	margin-top: -1em;
}
.ui-btn-icon-left::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after {
   background-color: #4DA7DD;
}
.ui-btn-icon-notext::after,.ui-btn-icon-right::after{
   background-color: orange;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn{
   color: rgb(255, 6, 6);
}
.percircle.orange {
	margin: 0 0.03em 0.1em 0;
}
.ui-blanco{
    background: 0;
	border-bottom: 1px solid #74c8e9;
}
.ui-gris{
	border-bottom: 1px solid #74c8e9;
}
.gris{
	color: #4DA7DD;
}
div#centrado2{
	text-align: center;
	color: rgba(77,167,221,1);
	text-shadow: initial;
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Tahoma","arial";
	font-size: 1rem;
	margin-bottom: -1em;
	margin-top: -1em;
}
.Myriad{
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Tahoma","arial";
}
.separar{
	padding-left: 1.5em;
	padding-bottom: 1em;
}
.telefono{
	font-size: 1.4em;
}
.gris{
	color: #4DA7DD;
	margin-bottom: 5px;
}
div#publi>img{
   width: 100%;

}
.ui-listview > li > a.ui-btn{
	font-weight: 300;
}
.ui-footer-fixed{
	border-color: rgba(77,167,221,1);
	border-width: 2px 0 0;
	border-top-color: orange;
}
.ui-select .ui-btn{
	font-weight: 300;
	font-size: 1.1em;
}
table#myTableInventario td:nth-child(3n+1) {
 
    text-align: left;
}
table#myTableInventario td:nth-child(3n+2) {
    text-align: left;
}
table#myTableInventario td:nth-child(3n+3) {
    text-align: left;
}
table#myTableInventario td:nth-child(3n+4) {
    text-align: left;
}
table#myTableInventario td:nth-child(3n+5) {
    text-align: right;
}
table#myTableInventario td:nth-child(3n+6) {
    text-align: right;
}
table#myTableInventario td:nth-child(3n+7) {
    text-align: right;
}
div#estadisticasglobales{
	text-align: center;
	
}
div#estadisticasglobales p{
   text-align: center;
   background: #4DA7DD;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 1em;
   padding-bottom: 1em;
   border-radius: 6px;
}
div#estadisticasglobales p#estadistica{
   text-align: center;
   background: #C0C5C9;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 0em;
   padding-bottom: 0em;
   border-radius: 6px;
   margin-top: -2em;
}
div#estadisticasglobales p#estadistica2{
   text-align: center;
   background: #81EF50;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 0em;
   padding-bottom: 0em;
   border-radius: 6px;
   margin-top: -2em;
}
div#estadisticasglobales p#estadistica3{
   text-align: center;
   background: #50CDEF;
   color: #FFF;
   text-shadow: initial;
   font-family: tahoma,arial;
   padding-top: 0em;
   padding-bottom: 0em;
   border-radius: 6px;
   margin-top: -2em;
}
table#myTableDetalleConsumo {
	font-family:tahoma,arial;
	font-size: 10pt;
	height: 1.5em;
}
table#myTableDetalleConsumo thead tr th, tabletable#myTableDetalleConsumo tfoot tr th {
	font-size: 10pt;
}
table#myTableDetalleConsumo td:nth-child(3n+1) {
    width: 80%;
    text-align: left;
}
table#myTableDetalleConsumo td:nth-child(3n+2) {
    width: 15%;
    text-align: center;
}
table#myTableDetalleConsumo td:nth-child(3n+3) {
    width: 5%;
    text-align: center;
}
table#myTableDetalleConsumo td:nth-child(3n+5) {
    display: none;
}
table#myTableDetalleConsumo td:nth-child(3n+6) {
    display: none;
}
div#scroll{
	height: 300px;
	overflow: auto;
}
.orange{
	background-color: orange;
	border-color: orange;
	color: #fff;
	text-shadow: 0 1px 0 orange;
}
.overlay {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.overlay__content {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-height: 90%;
    max-width: 800px;
}
.overlay__close {
    position: absolute;
    right: 0;
    padding: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: white;
    cursor: pointer;
    border: 3px solid black;
    font-size: 1.5rem;
    margin: -1rem;
    border-radius: 2rem;
    z-index: 100;
    box-sizing: content-box;
}
.overlay__content video {
    width: 100%;
    height: 100%;
}
div#datosservicios{
	max-height: 300px;
	overflow: auto;
}
ul#selectarticuloconsumo{
	position: absolute;
	top: 2.3em;
	left: 6.8em;
	z-index: 99;
	overflow: auto;
	max-height: 223px;
}
table.tablainforme{
	text-align: right;
	font-family: arial;
	font-size: 12px;
	float: left;
	margin-left: 0px;
	width: 50%;
	height: auto;
}
table.tablainforme tbody tr td:first-child{
	text-align: left;
}
table.tablainforme tbody tr:first-child td:first-child{
	text-align: center;
}
table.tablainforme tbody tr:first-child{
	text-align: center;
	background-color: rgba(42, 42, 42, 0.46);
	color: white;
	text-shadow: none;
	height: 1em;
}
table.tablainforme tbody tr td{
	border-right: 1px solid #0003;
	border-bottom: 1px solid #0003;
}
table.dgempleados,table.facturaciondiaria{
	width: 100%;
}
table.tablainforme thead{
	display: none;
}
div.separadorinformes{
	display: flex;
	overflow: auto;
}
table.dgfamilias tbody tr:last-child,table.dgcierre tbody tr:last-child,table.dgdesglose tbody tr:nth-child(8){
	font-weight: bold;
}
table.dgempleados tbody tr td:nth-child(1n+2){
	width: 80px;
}
table.dgempleados tbody tr td:nth-child(1n+10){
	width: 70px;
}
table.dgempleados tbody tr:first-child td{
	font-size: 11px;
}
td.verde{
	background-color: #9fe79f;
}
td.rojo{
	background-color: #f3b9b9;
}
table.dgfamilias,table.dgresumen{
	background-color: beige;
	border-color: #cfcfb1;
	border-style: solid;
	border-radius: 6px;
}
table.dgcierre,table.dgservicios{
	background-color: antiquewhite;
	border-color: #c6b9a7;
	border-style: solid;
	border-radius: 6px;
}
table.dggastos,table.dgproductos{
	background-color: #cee3f8;
	border-color: #a1b2c3;
	border-style: solid;
	border-radius: 6px;
}
table.dggastos2{
	background-color: #f8cece;
	border-color: #c2a2a2;
	border-style: solid;
	border-radius: 6px;
}
table.dgdesglose{
	background-color: #cef8f5;
	border-color: #9dbfbc;
	border-style: solid;
	border-radius: 6px;
}
table.dgestadisticas{
	background-color: #e8cef8;
	border-color: #ad9bb9;
	border-style: solid;
	border-radius: 6px;
}
table.dgempleados{
	background-color: #cef8d7;
	border-color: #9bb9a1;
	border-style: solid;
	border-radius: 6px;
}
table.facturaciondiaria{
	background-color: #d0eef5;
	border-color: #6e99f0;
	border-style: solid;
	border-radius: 6px;
}
input#inputtxt{
	width: 40px;
	text-align: right;
	padding: 0px;
	
}
td.inventario{
	color: #80808080;
}
td.modificado{
	background-color: #e16b1f80;
	color: white;
}
table.dataTable.hover tbody tr.online:hover,table.dataTable tbody tr.online,table.dataTable tbody tr.online.odd,table.dataTable tbody tr.online.even,
table.dataTable.hover tbody tr.odd.online:hover,
table.dataTable.hover tbody tr.even.online:hover, table.dataTable.display tbody tr.online:hover,
table.dataTable.display tbody tr.online.odd:hover,
table.dataTable.display tbody tr.online.even:hover {
  font-weight: bold;
  color: blue;
}
table#table_id > caption > p{
	font-size: 12px;
	color: black;
	margin: 0px;
}
p#contadormodificados{
	float: right;
}
div#botonerainventario{
	position: fixed;
	bottom: 50px;
	background-color: #0000ff1a;
	border-radius: 5px;
	padding: 10px;
}
div#table_id_info{
	float: right;
}
div#novedades{
	background-color: white;
	border-radius: 18px;
	margin-top: 2em;
	border: 5px solid #ff91254d;
}
div#novedades > h3{
	color: orange;
}
div#novedades > p{
	margin-right: 2em;
	margin-left: 2em;
}
div#novedades > img{
	float: left;
	border-radius: 90px;
}
div#page1{
	background: none;
}
#interactive.viewport {
    position: fixed;
	top: 7em;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 2001;
	text-align: center;
}
#interactive2.viewport {
	position: fixed;
	top: 0em;
	width: 100%;
	background-color: white;
	color: black;
	height: 100%;
	z-index: 2000;
	left: 0px;
	text-align: center;
}
#interactive.viewport > canvas, #interactive.viewport > video {
    max-width: 100%;
    width: 100%;
	height: 100%;
	z-index: 2002;
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}
a#botoncbconsumo,a#botoncbconsumo2{
	float: right;
	position: absolute;
	margin-left: -35px;
	margin-top: 5px;
}
a#botoncbinventario,a#botoncbinventario2{
	position: absolute;
	right: 0px;
	z-index: 2;
	top: 54px;
}
div#table_id_filter{
	margin-right: 31px;
}
form#form_login{
	padding: 1em;
	max-width: 400px;
	margin: 0px auto;
	border: 2px solid #f4c787;
	border-radius: 10px;
	margin-top: 4em;
}
div#contenido_form_login{
	padding: 2em;
}
li.otrosalon, li.otrosalon > a.ui-btn{
	background-color: #f8e1c3;
}
span.peque{
	color: #ffd78c;
}
span.onlyorange{
	color: orange;
}