/* RELOJ JAVASCRIPT */
.mostrar{
    display: block;
}
.ocultar{
    display: none;
}
 body{
      overflow-x:hidden;
  }
.body-control{
    background: lightgray;
}
  .wrap {
	width: 90%;
    max-width: 1000px;
    margin-left: 500px;
    position: absolute;
	
}

.widget {
	width: 40%;
	margin: 2em;
	display: inline-flex;
	margin-top: 50px;
    font-size: 18px;
}

.widget p {
	display: inline-block;
	line-height: 1em;
}

.fecha {
	font-family: Oswald, Arial;
    text-align: center;
    margin-bottom: 0.3125rem;
    padding: 20px;
    border-radius: 20px;
    height: 10px;
	
}

.reloj {
	font-family: Oswald, Arial;
    text-align: center;
    height: 30px;
    border-radius: 90px;
    margin-top: 38px;
}

.reloj p{

	position: relative;
    top: -20px;
    font-size: 18px;
}

.reloj .caja-segundos {
	display: inline-block;
    position: relative;
    top: 30px;
    
}

.reloj .segundos,
.reloj .ampm {
	font-size: 15px;
    display: inline-block;
    position: relative;
    top: -49px;
	
}

.botones-accion{
    position: absolute;
    left: 170px;
    top: 5px
} 

.botones-ventas{
    position: relative;
    left: 1110px;
    top: 50px;
    z-index: 500;
}

/*VISTA DE TIENDAS*/
footer.app-footer {
    padding-left: 30px;
    padding-right: 30px;
}
footer.app-footer .footer-copyright {
    margin-bottom: 30px;
    color: #8d9293;
    font-size: 0.9em;
}
.label.label {
    background-color: #8d9293;
}

/*ESTILO DE BOTON DE ACTUALIZAR DATOS EN CONTROL*/
.btn-update{
    position: relative;
    margin-top: -58px;
    margin-left: 20px;
    
}
/*BOTON AGREGAR ACOMPAÑANTES EN CONTROL*/
.btn-addpart{
    position: absolute;
    left: 230px;
    top: 11px;
}

/*BOTON PARA CAMBIAR EL TIPO DE PAGO*/
.btn-editTipo{
    position: absolute;
    left: 414px;
    top: 11px;
}

/*BOTON PARA VENTAS DEL DÍA*/
.btn-ventasdia{
    position: absolute;
    top: 11px;
    left: 415px;
}

/*BOTON PARA INFORME CRÉDITOS*/
   
.btn-infocre{
     position: absolute;
    top: 11px;
    left: 545px;
}

.btn-panelcontrol{
     position: absolute;
    left: 1000px;
    top: 10px;

 }  
 
.btn-cierres{
        position: absolute;
    left: 705px;
    top: 10px;
}


#totalGanancia{
    position: absolute;
    top: 20px;
}
/*ESTILOS PARA ACTUALIZAR DATOS*/
.contenedor-cedula{
        margin-top: 20px;
}

.contenedor-cedula form input{
    width: 50%;
    margin-left: 380px;
}
.contenedor-cedula form button{
    
    margin-top: 5px;
    width: 50%;
    margin-left: 380px;
}

.contenedor-datos-usuario input, .contenedor-datos-usuario label, .contenedor-datos-usuario button{
    width: 50%;
    margin-left: 380px;
}
.contenedor-datos-usuario button{
    margin-top: 5px;
}

/*ESTLOS PARA LA VISTA DE AGREGAR ACOMPAÑANTES*/
.msj-ok-compa{
    color: green;
}

.msj-mal-cedula{
    color: red;
}

/*CONTENEDOR PARA AÑADIR PRODUCTOS*/
.contenedor-update-productos{
    margin-top: 20px;
}

.contenedor-acompañante{
    margin-top: -20px;
}

.contenedor-acompañante{
    margin-left: 50px;
}

.contenedor-update-productos .content-section .section-edit{
    margin-left: 25%;
}
.contenedor-add-productos{
    margin-top: 20px;
}
.contenedor-add-productos .content-section .section-edit{
    margin-left: 30px;

}
.contenedor-add-productos .content-section .section-edit input{
    margin-top: 5px;
    width: 340px;
}
.contenedor-add-productos .content-section .section-edit button{
    width: 340px;
    margin-top: 5px;
}
.contenedor-update-productos .content-section .section-edit button{
    width: 100%;
}

.contenedor-acompañante .content-section .section-edit select,
.contenedor-acompañante .content-section .section-edit button,
.contenedor-acompañante .content-section .section-edit input{
    margin-top: 5px;
    width: 400px;
}