/* CSS Document */

    @media only screen and (min-width: 800px) {
        #tercerHeader{
            display: none;
        }
    }

    @media only screen and (max-width: 799px) {
        
        #primerHeader{
            display: none;
        }
        
        #segundoHeader{
            display: none;
        }
    }

.formato-seccion-fechas {
    background-color: #00adf1;
    color: #afffff;
    font-family: arial;
    font-size: 12px;
    min-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#primerHeader{
   background: #3d3f78; 
}

.header-text-top{
    color: yellow;
}

.img-header{
    content: url("../imagenes/portal/pdv-logo.png");
    width: 160px; 
    height: 100px; 
    padding-left: 10px;
}

.img-responsive{
    content: url("../imagenes/portal/pdv-logo.png");
    width: 160px; 
    height: 100px; 
}


.formulario-nombre-producto{
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
}

.formulario-datos-producto{
    margin-left: 15px;
    margin-right: 30px;
}

.formulario-datos-etiqueta{
    display: block;
    margin-top: 10px;
}

.formulario-imagen-producto{
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}
.formulario-total-venta{
    color: red;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.formulario-confirmacion-venta{
    text-align: center;
}

.dropdown-menu{
    background-color: #ababab;
    
    
}
.navbar-nav .dropdown-menu > li > a {
    font-weight: 800;
}
.dropdown-menu > li > a {
    color: white !important;
}

.navbar-nav .dropdown-menu > li > a:hover {
    background-color: #5e6773;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #1c2387;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #1c2387;
}

 
.navbar-btn button:hover, .navbar-btn button:focus {
    color: #1c2387;
}

#wrapper .sidebar{
    background-color: #1c2387 !important;
    left: -240px;
}
.accordion-item{
    background-color: #1c2387;
    
}
.accordion-button {
    color: white !important;
    background-color: #1c2387;
}
.accordion-button:not(.collapsed) {
    color: white !important;
    background-color: #1c2387;
}
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: white !important;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

#wrapper #sidebar-nav, #wrapper .main {
    margin-top: 130px;
    padding-top: 5px;
}


.borderless td, .borderless th {
    border: none;
}
.nav-link{
    color: white !important;
    font-weight: 600 !important;
}
.navbar-text{
    color: white !important;
    font-weight: 600 !important;
}


.encabezado{
    background-color: #3d3f78;
    height: 100px;
    max-height: 130px;
}

.encabezado-login {
    background-repeat: repeat;
    height: 130px;
    max-height: 130px;
}

.cuerpo{
    /*background-image:url(../imagenes/portal/master-texturafondo.jpg);*/
    background-repeat:repeat;
    min-height: 300px;
    vertical-align:top;
}

.pie-login{
    background-image:url(../imagenes/portal/master-textura-footer.png);
    background-repeat:repeat;
    height: 144px;
    position:relative;
    margin: -144px auto 0;
}

#page-wrap{
    width: 960px;
    margin: auto;
    height: auto;
    min-height:100%;
}

#page-wrap:after{
    width: 100%;
    height:1440px;
    display:block;
    clear:both;
}

.sombra-cuerpo{
    /*background-image:url(../imagenes/portal/master-sombra-center.png);*/
    background-repeat:repeat;
    height: 20px;
}

.logo-cajero-login{
    top: 35px;
    position:relative;
}


.logo-cajero{
    position: relative;
    top: -15px;
    width: 205px;
    margin-left: 20px;
}

div.titulo_tienda{
    left: 23%;
    height: 130px;
    max-height: 130px;
    width: 570px;
    word-wrap: break-word;
    top: -60px;
    position: relative;
}
.titulo_tienda{
    position: relative;
    top: -50px;
    color:#F05A28;
    width:100%;
    font-family:Arial;
    font-size: 18px;
    font-weight:bold;
}

.titulo_distribuidor{
    position: relative;
    text-align: center;
    color:#F05A28;
    width:100%;
    top: 15px;
    font-family:Arial;
    font-size: 17px;
}

.datos_pos{
    text-align:right;
    position: relative;
    top: -180px;
    color:#000000;
    width:98%;
    font-family:Arial;
    font-size: 12px;    
}

.cerrar-sesion{
    text-align:right;
    position: relative;
    top: -250px;
    color:#CC3300;
    width:98%;
    font-family:Arial;
    font-size: 10px;
}

.texto-titulo-pie{
    color:#FFFFFF;
    font-family:Arial;
    font-size: 17px;
    font-weight:bold;
    width: 200px;
    height: 30px;
}

.texto-pie{
    color:#FFFFFF;
    font-family:Arial;
    font-size: 12px;
}

.formato-tabla-pie{
    position:relative;
    top: 20px;
    left: 30px;
}

.formato-botones-azules{
    text-align:center;
}

.formato-tabla-botones-azules{
    position:relative;
    top: 60px;
}

.cuadro-boton-producto-vacio{
    width: 168px;
    height: 157px;
}

.cuadro-inicio-sesion{
    width:353px;
    height:425px;
    background:url(../imagenes/login/distribuidor-log-pestana-cuadrolog.png);
    position: relative;
    top: 50px;
}

.titulo-inicio-sesion{
    width:149px;
    height:54px;
    background:url(../imagenes/login/master-log-pestana-inicio.png);
    position: relative;
    top: -480px;
}

.cuerpo-login{
    /*background-image:url(../imagenes/portal/master-texturafondo.jpg);*/
    background-repeat:repeat;
    height: 420px;
    vertical-align:top;
}

.contenedor-login-total{
    height:100px;
}

.boton-inicio-sesion{
    width:137px;
    height:40px;
    background:url(../imagenes/login/distribuidor-log-boton-inicio.png) 0px 0px;
    position: relative;
    margin-top: 80px;
}

.boton-inicio-sesion-over{
    width:137px;
    height:40px;
    background:url(../imagenes/login/distribuidor-log-boton-inicio.png) 0px -40px;
    position: relative;
    margin-top: 80px;
}

.boton-descargar-manual{
    width:210px;
    height:38px;
    background:url(../imagenes/login/master-log-descargar.png) 0px 0px;
    position: relative;
    top: -100px;
    left: 750px;
}

.boton-descargar-manual-over{
    width:210px;
    height:38px;
    background:url(../imagenes/login/master-log-descargar.png) 0px -38px;
    position: relative;
    top: -100px;
    left: 750px;
}

.menu{
    position: absolute;
    top: 110px;
    width: 100%;
    z-index: 1000;
}

.imagen-separacion{
    width:297px;
    height:4px;
    background:url(../imagenes/login/linea-separacion.png);
    position: relative;
    top: -220px;
}

.texto-direccion-ip {
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    position: relative;
    text-align: center;
    top: 30px;
}

.cuadro-texto-login{
    border: none;
    background: none;
    position: relative;
    width: 230px;
    color: #e3e6f2;
}

.imagen-cuadro-texto-login {
    background-image: url(../imagenes/login/cuadro-texto.png);
    height: 62px;
    width: 248px;
    background-repeat: no-repeat;
    padding-top: 7px;
    padding-left: 10px;
    text-align: left;
}

.contenedor-formulario-inicio-sesion {
    margin-left: 70px;
    position: relative;
    text-align: left;
    top: 60px;
    width: 248px;
}

.texto-etiquetas-formulario{
    color: #000000;
    font-family:Arial;
    font-size: 17px;
    text-align:center;
}

.checkbox-inicio-sesion{
    height: 15px;
    background-image:url(../imagenes/login/check-box.png) 0px 0px;
    background-repeat: no-repeat;
}

.contenedor-checkbox-inicio-sesion{
    width: 100%;
    text-align:center;
    color: #000000;
    font-family:Arial;
    font-size: 13px;
    padding-top: 12px;
}

.etiqueta-ruta-navegacion{
    width: 100%;
    color: #000000;
    font-family:Arial;
    font-size: 13px;
    position:relative;
    top: 10px;
    left: 25px;
}

.etiqueta-ruta-navegacion-activo {
    width: 100%;
    color: #01C0F4;
    font-family: Arial;
    font-size: 13px;
}

.contenido-cuerpo{
    
    margin-top: 30px;
}

.contenedor-botones-acciones{
    margin-top: 15px;
    width: 880px;
    text-align: right;
    margin-left: 5px;
}

.margen-cuerpo-bottom{
    height: 20px;
}

.tabla-botones-recarga{
    width: 800px;
    text-align: center;
}

.fila-botones-recarga{
    height: 200px;
}

.titulo-secciones-cuerpo{
    background-color: #01c0f4;
    color: #afffff;
    font-family: Arial;
    font-size: 17px;
    min-height: 40px;
    padding-left: 40px;
    padding-top: 10px;
    position: relative;
    top: 25px;
}

.titulo-tabla-html-estandar {
    color: #616161;
    font-family: Arial;
    font-size: 16px;
    background-color: #FFFFFF;
    padding: 5px 20px 5px 20px;
    text-align: center;
}

.contenido-tabla-html-estandar {
    color: #566978;
    font-family: Arial;
    font-size: 13px;
    padding: 5px 20px 5px 20px;
}

.contenido-tabla-html-estandar-disabled{
    color: #CDD6DC;
    font-family:Arial;
    font-size: 13px;
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 5px 20px 5px 20px;
    border: #566978 solid 1px;
    border-collapse: collapse;
}

.etiqueta-deshabilitada{
    color: #CDD6DC;
}

.formato-celda-informativa {
    border-collapse: collapse;
    color: #566978;
    font-family: Arial;
    font-size: 10px;
    font-weight: lighter;
    padding: 0 0 0 5px;
    width: 150px;
}

.imagen-saldo-disponible{
    width: 100px;
}

.nueva-seccion-cuerpo{
    position: relative;
    left: 100px;
    margin-top: 20px;
    margin-left: -100px;
}

.boton-imagenes-instrucciones{
    background-image: url(../imagenes/boton-instrucciones.png);
    background-repeat: no-repeat;
    position: relative;
    left: 200px;    
    width: 168px;
    height: 148px;
    padding-top: 20px;
    padding-left: 20px;
}

.boton-imagenes-consultar{
    background-image: url(../imagenes/boton-consultar.png);
    background-repeat: no-repeat;
    position: relative;
    left: 200px;    
    width: 168px;
    height: 148px;
    padding-top: 20px;
    padding-left: 20px;
}

.formato-imagenes-boton-instrucciones{
    margin-top: 20px;
}

.cursor-mano{
    cursor: pointer;
}

.texto-mensaje-firma{
    color: #000000;
    font-family:Arial;
    font-size: 14px;
    font-weight: bold;
}

.tabla-cambiar-password{
    position: relative;
    left: 250px;
}

.tabla-periodo-movimientos{
    position: relative;
    left: 250px;
}

.tabla-saldo-distribuidor{
    position: relative;
    left: 200px;
}

.formato-grid-movimientos{
    position: relative;
    left: -50px;
}

.lista-cambiar-password{
    list-style-type: none;
}

.lista-cambiar-password li{
    background-image: url("../imagenes/estilo-lista.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 5px 20px;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html,body{
    /*overflow-x: hidden;*/
    height:100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.celda-tabla-html-estandar-disabled {
    background-color: #F5F5F5;
    border: 1px solid #566978;
    border-collapse: collapse;
    color: #CDD6DC;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 20px;
}
/*NUEVA INTERFAZ*/

body{

}

.menu-nuevo{
    width: 100%;
    background: #707070;
}

.menu-nuevo ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 4px 4px 5px 0;
    list-style: none;
    background: #707070;
}

.menu-nuevo ul li {
    font: bold 12px/18px sans-serif;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 5px 50px;
    background: #707070;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
    padding: 10px 50px;
}

.menu-nuevo ul li:hover {
    background: #3A345A;
    color: #C6C0DC;
}

.menu-nuevo ul li ul {
    padding: 0;
    position: absolute;
    top: 38px;
    left: 0;
    width: 180px;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}
.menu-nuevo ul li ul li { 
    background: #a1a1a1; 
    display: block; 
    color: #fff;
    text-align: left;
    padding: 15px 5px 15px 5px;
}
.menu-nuevo ul li ul li:hover { 
    background: #6C6C6C; 
    color: white;
}

.menu-nuevo ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

.menu-nuevo ul a {
    text-decoration : none;
    color : #000000;
}

ul a:visited {
    text-decoration : none;
    color : #000000;
}

ul a:hover {
    text-decoration : none;
    color : #000000;
}
ul a:active {
    text-decoration : none;
    color : #000000;
}
ul a:focus {
    text-decoration : none;
    color : #000000;
    outline : none;
}

.tabla-body{

    background-color: #FFF;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.50);
}

.fondo-login {
    background-image: url("../imagenes/login/XC_UI_BG980X805px.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #838FC5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #838FC5;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #838FC5;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #838FC5;
}

.recuadro-informacion-comercio {
    color: #ffffff;
    float: left;
    font-size: 8pt;
    height: 90px;
    left: 610px;
    min-width: 50px;
    position: relative;
    top: 10px;
    font-family: Arial;
}

.imagen-usuario{
    background-image: url("../imagenes/portal/icono_usuario.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
}

.imagen-cerrar-sesion{
    background-image: url("../imagenes/portal/cerrar_sesion.png");
    background-repeat: no-repeat;
    text-align: center;
    width: 50px;
    height: 40px;
}

.imagen-id-comercio{
    background-image: url("../imagenes/portal/icon_id.png");
    background-repeat: no-repeat;
    text-align: center;
    width: 50px;
    height: 40px;
}


.estilo-cuadros-encabezado {
    color: #ffffff;
    float: left;
    font-size: 8pt;
    height: 90px;
    min-width: 50px;
    padding-top: 50px;
    position: relative;
}


.borde-inferior-tabla-html-estandar {
    border-bottom: 2px solid #eaeaea;
}

.tabla-borde-redondeado {
    border-collapse: separate;
    border: 2px solid #eaeaea;
    border-radius: 10px 10px 10px 10px;
    border-spacing: 2px;
}

.formato-seccion-fechas {
    background-color: #00adf1;
    color: #afffff;
    font-family: arial;
    font-size: 12px;
    min-height: 35px;
    padding-top: 30px;
    padding-bottom: 15px;
}

.etiqueta-fecha {
    height: 25px;
}

.cuadros-consultas{
    padding: 5px 20px 5px 20px;
}

.formato-cuadro-agrupaciones {
    border-right: 1px solid #eaeaea;
}

.div-flotante-izquierdo{
    float: left;
}

.contenedor-botones-proveedores{
    width: 100%;
    min-height: 150px;
}

.texto-elemento-proveedores{
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    color: #3B3F78;
}

.formato-elemento-proveedores{
    text-align: center;
    width: 100px;
}