body
{
    background-position: top;
    background-color: White;
    margin: 0px;
    padding: 0px;
    font-family: 'Barlow', sans-serif !important;
}

#box
{
    padding: 15px; border-radius: 15px;
}


.botonProcesos{
   padding:10px;margin:5px;display: flex; align-items: center; flex-direction:column; justify-content: center;
    transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease; background:#f0f0f0
}
.botonProcesos:hover{
   background:#3974f2; cursor:pointer; color:White!important;
}


.contenedorLogo {
    width: 210px; margin-left: 15px; margin-top: 18px; margin-bottom: 3px; margin-right: 5px;
}




a:link,a:visited{
  color:#1c91dd;
}
a:hover {
  color:Black;
}






h1
{
    font-family: 'Barlow', sans-serif;
    font-size: 20px; line-height:25px;
    color: Black;
    font-weight:500;
}

.fondoEstadisticas{background-color: #f1f1f1; margin: 10px 0px 30px 0px; display:block; overflow:hidden; text-align:center; padding:15px}


#btnTextBoxStyleFondo:link {
   color:#1c91dd; text-decoration:underline
}


#btnTextBoxStyleFondo:hover {
    color:Black; text-decoration: none
}





::-webkit-scrollbar{
    width: 5px; border-radius:20px; height:5px

}
::-webkit-scrollbar-track{
    border-radius: 0px;
    background: rgba(0,0,0,0.1); border-radius:20px
}
::-webkit-scrollbar-thumb{
    border-radius: 0px;
    background:rgba(0,0,0,0.5); border-radius:20px
}









.cabeceraReservaUsuario { line-height:22px}


.contenedorReservaListado{color:black;font-weight:500; border-bottom:1px solid #e5e5e5; padding-top:5px; padding-bottom:0px; font-size:13px !important; line-height:18px; display:block}


.bannerColores{
    padding-bottom: 4px; padding-top: 2px;text-align: left;
    padding-left: 10px; font-family: Barlow; color: Black; font-size: 11px; line-height: 12px
}

.div2Columnas{float:left; width:49.3%; margin-right:25px}

.div2Columnas2{float:left; width:58%; margin-right:20px}
.div2Columnas2b{float: right; width:38%;}

.contenedorTexto{ margin-left:90px; display: block; margin-top:15px}
.contenedorTexto2{border: 1px solid #cfe6e2; background-color: White; display:block; overflow:hidden; padding: 5px;  margin-top: 10px}
.imagen4Columnas{float:left; text-align:center; width:23%; margin-right:15px; margin-top:15px}

h2
{
    font-family: 'Barlow', sans-serif;
    font-size: 15pt;
    font-weight: 400; 
}

h3
{
    font-family: 'Barlow', sans-serif;
    font-size: 13pt;
    font-weight: 300;
}

h4
{
    font-family: 'Barlow', sans-serif;
    font-size: 13px; line-height:18px; margin-top:5px; margin-bottom:5px; 
    font-weight:200; color:#1c91dd
}

.contenedorPanelNivelJuego1{float: left; width: 25%; margin-right: 15px; background-color: White;  min-height: 373px; border: 1px solid White; padding: 10px}
.contenedorPanelNivelJuego2{background-color: White; height: 373px; border: 1px solid White; padding: 10px; display: block; overflow: auto}



p
{
    font-family: 'Barlow', sans-serif;
    color: #4e4e4e;
    font-size: 12px;
    line-height: 17px;
}

#HW_badge{ height:15px !important; width: 15px !important; top: 3px !important; left:8px !important}
.HW_softHidden {margin-top:-2px}
#HW_badge_cont{ margin-top:0px; width:60px !important; height:60px !important; margin-left:0px}
#headwayappNews {display: inline-block; overflow:hidden; width:40px; height:40px; float:left; border-radius:50px; margin-top:42px; margin-left:5px; background:#205cd9; margin-bottom:5px}
#headwayappNews:link, #headwayappNews:visited {
    display: inline-block; overflow:hidden;padding:50px; float:left; border-radius:50px; background:#205cd9;
    
}
a.headwayappNews:hover {
    background:#497ce4; border-radius:50px;
}






a.botonAyuda:link, a.botonAyuda:visited 
{
    width:50px; height:50px; background-color:#eca835; position:absolute; right:100px; bottom:40px; border-radius:90px; display:block; overflow:hidden;
    border:4px solid White; color:White; font-weight:500; font-size:14px; text-align:center; text-decoration:none;
    box-shadow: 0px 0px 20px #8c8c8c; 
    -webkit-box-shadow: 0px 0px 20px #8c8c8c;
    -moz-box-shadow: 0px 0px 20px #8c8c8c;
}

a.botonAyuda:hover
{
    background:#1c91dd
}

#cabecera
{
    display: block; overflow:hidden;
    width: 100%;
    color: black;
    text-align: right;
    padding-top: 0px;
    background:White
}

.clasePExp
{
    font-size: 12px;
    color: #676767;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 15px;
    background-color: White;
    padding: 5px;
}
.claseTituloExp
{
    font-size: 14px;
    color: #1c91dd;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 15px;
    background-color: White;
    padding: 5px;
    font-weight: normal;
}


#fondoDatos
{
    background-color: #D0E0EB;
    margin-top: 5px;
    margin-bottom:10px;
    padding: 10px;
    text-align: left;
    display: block;
    height: auto;
    color:White; border-radius:0px 15px 15px 0px
}


#fondoDatos2
{
    background-color: #D0E0EB;
    margin-top: 0px;
    margin-bottom:0px;
    text-align: left;
    display: block;
    height: auto;
    color:Black; border-radius:15px; display:inline-block; width:100%;
    line-height:21px
}

#fondoDatos span
{
    color:Black!important; font-size:16px
}

#fondomenuasistente
{
    background-image: url('../images/fondo-menu-asistente.jpg');
    display: block;
    margin-right: 25px;
    height: 50px;
    margin: 0px auto;
}


#fondosubmenuasistente
{
    background-image: url('../images/fondo-menu-asistente.jpg');
    background-position: center;
    display: block;
    height: 15px;
    padding: 12px;
    margin: 0px auto;
    text-align: center;
}

#fondoImage
{
    background-color:#D0E0EB;
    padding: 4px;
    display: block;
    height: auto;
    margin-top: 5px;
    float: left; border-radius:15px 0px 0px 15px
}
.FotoCliente {border-radius:180px;  width:90px; height:90px; display:block; overflow:hidden; margin-top:5px; border:2px solid White; margin-left:10px; margin-bottom:5px}

.img
{
    border: solid 1px #dfdfdd;
}

.FotoCliente2 {border-radius:180px;  width:60px; height:60px; display:block; overflow:hidden; border:3px solid #d5e4ee; margin-right:5px}

#contenedorMenu
{
    height: 78px;
    text-align: left;
    width: auto;
}

#navegacion
{
    position: relative;
    font-family: 'Barlow', sans-serif;
    color:#858585;
    font-size: 30px; line-height:5px;
    text-align: left;
    padding-top: 7px; padding-bottom:5px;
    padding-left: 11px;padding-right: 11px;
    background-color:White; display:block; overflow:hidden;
  font-weight: 100;
    background-color:#D0E0EB
}

#navegacion a
{
    font-family: 'Barlow', sans-serif;
    color: #1c91dd;
    font-size: 15px;
    text-decoration: none;
}





.textoNavegacionAzul
{
    font-family: 'Barlow', sans-serif;
    color: #1c91dd;
    font-size: 15px;
}

#contenedorGeneral
{
    margin-top: 0px; /*padding-bottom:15px;*/
    display: block; /*-moz-border-radius:7px; 	-webkit-border-radius:7px;*/
    -webkit-overflow-scrolling: touch;
    padding: 5px 5px 20px 5px;
    background-color:White
}

#tituloSeccion
{
    font-family: 'Barlow', sans-serif;
    color: #404040;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    display:block; overflow:hidden;
    height:auto !important;
}


.tituloSeccion
{
    height: 34px;
    font-family: 'Barlow', sans-serif;
    color: #1c91dd;
    font-size: 14px;
    background-image: url('../images/fondo-titulo-seccion.jpg');
    background-repeat: repeat-x;
    text-align: left;
    border: solid 1px #c6d7a8;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: middle;
}




.LabelTituloFicha 
{
  font-size:26px; font-weight:500;  display:block; padding-bottom:10px; line-height:29px;
  border-bottom:0px solid #d1d1d1;border-top:0px solid #d1d1d1; color:#404040
}
.LabelTituloFicha2
{
  font-size:26px; font-weight:500;  display:block; padding-bottom:10px; line-height:29px;
  border-bottom:0px solid #d1d1d1;border-top:0px solid #d1d1d1; color:#404040
}

#tituloSeccion2
{
    height: 28px;
    font-family: 'Barlow', sans-serif;
    color: #1c91dd;
    font-size: 14px;
    background-image: url('../images/fondo-seccion-2.jpg');
    background-repeat: repeat-x;
    text-align: left;
    border: solid 1px #c6d7a8;
    padding-left: 10px;
    padding-top: 9px;
    text-align: left;
    display: block;
}
#contenidoTablas
{
    font-family: 'Barlow', sans-serif;
    background-color: #FFFFFF;
    color: #1c91dd;
    font-size: 19px;
    background-repeat: repeat-x;
    text-align: left;
    border: solid 1px #c6d7a8;
    padding-left: 10px;
    padding-top: 9px;
    text-align: left;
    display: block;
    margin: 15px;
}

#contenedorFicha
{
    margin-top: 10px;
    margin-bottom: 10px;
    display: flow-root;
}

#contenedorDatosGen
{
    margin-top: 5px;
    display: table;
    width: 100%;
}
#contenedorDatosBlanco
{
    display: table;
    width: 100%;
}
#contenedorDatosGenBusqueda
{

    margin-top: 5px;
}


#contenedorDatos
{
    margin-left:200px;
    text-align: left;
}

#contenedorMenu2
{
    height: auto;
    float: left;
}
.tituloTabla
{
    font-family: 'Barlow', sans-serif;
    font-size:18px;
    font-weight:500;
    color: Black;
    padding: 8px;
    border-bottom: 0px;
    width: 90px;
}

#fondoTabla
{
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}
.cuerpoTabla
{
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: Black;
    margin-bottom: 10px;
    min-height:400px;
background: #f1f1f1;
    border-radius: 15px;
    padding: 20px;
    height: auto !important;
}

#contenedorElementosPag
{
    float: right;
    text-align: left;
    margin-top: 10px;
    font-weight:400;
    font-size:13px
}
#ContenedorFiltro
{
    font-family: 'Barlow', sans-serif;
    font-size: 13px; font-weight:500;
    color: #404040;
    background-color: #f4f4f4;
    padding: 12px; border-radius:10px;
    width:100%;
}

#contenedorTablas
{
    margin-top: 5px;overflow-x:auto;
}



a.botonesAyuda:link, a.botonesAyuda:visited 
{
   color:Black; font-weight:400; font-size:22px; text-decoration:none; width:100%; padding:15px; display:block; overflow:hidden; 
}

a.botonesAyuda:hover
{
    background:#3a76f4; color:White
}


.Calendario
{
    width: 500px;
    background-position: bottom;
    background-repeat: repeat-x;
    margin-bottom: 25px; color:White
}
.Calendario table
{
    padding: 0px;
    margin: 0px;
}
.Calendario td
{
    border: solid 1px #c8d7f6;
    margin: 0px;
    padding: 5px;color:White

}


.Calendario td:link
{
    color:White

}

.Calendario th
{
    padding: 5px;
    background-color: White;
    border: solid 1px #c8d7f6;
}

a.TextoLink:link, a.TextoLink:visited
{
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #1c91dd;
    font-size: 13px;
}

a.TextoLink:hover
{
    color: #9f9f9f;
}


.boton
{
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 9px; border-radius:8px;
    margin: 0;
    text-decoration: none;
    color:White!important;
    border:1px solid #1c91dd; background-color:#1c91dd;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}

.boton[Disabled]
{
 filter: alpha(opacity=50); cursor:inherit;
 -khtml-opacity: 0.5; 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.boton:hover
{
    border:1px solid #d8e2ec; outline:0px;  background-color:#e7eff7; color:#1c91dd!important
}
.boton:visited
{
        display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 9px; border-radius:8px;
    margin: 0;
    text-decoration: none;
    color:White!important;
    border:1px solid #1c91dd; background-color:#1c91dd;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}

.botonCancelar
{
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 10px; border-radius:8px;
    margin: 0;
    text-decoration: none;
    color:White!important;
    border:1px solid #d52d2d;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#d52d2d
}
.botonCancelar:hover
{
    border:1px solid #d52d2d; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#d52d2d;font-weight:500; 
}

.botonAnyadir
{
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 10px; border-radius:8px;
    margin: 0;
    text-decoration: none;
    color:White!important;
    border:1px solid #6abd11;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#6abd11
}
.botonAnyadir:hover
{
    border:1px solid #6abd11; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#6abd11!important;font-weight:500; 
}

.botonQuitar
{
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 10px; border-radius:8px;
    margin: 0;
    text-decoration: none;
    color:White!important;
    border:1px solid #d52d2d;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#d52d2d
}
.botonQuitar[disabled]
{
    cursor: auto !important;
    filter: alpha(opacity=50); cursor:inherit;
 -khtml-opacity: 0.5; 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.botonQuitar:hover
{
    border:1px solid #d52d2d; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#d52d2d;font-weight:500; 
}



a.botonMenuBasic[disabled], a.botonbasicrojo[disabled]
{
    float: left; font-family: 'Barlow', sans-serif;
    text-align: center;
    border-radius:8px;
    background-color: #e2e2e2;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #c6c6c6; transition: all 0.3s ease;
}

a.botonMenuBasic:hover[disabled], a.botonbasicrojo:hover[disabled]
{
    float: left; font-family: 'Barlow', sans-serif;
    text-align: center;
    border-radius:8px;
    background-color: #e2e2e2;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5!important;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #c6c6c6; transition: all 0.3s ease;
}


a.botonMenuBasic:link, a.botonMenuBasic:visited
{
    float: left;
    text-align: center;
    background: #1c91dd;
    border-radius:8px;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: White!important;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #1c91dd; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}

a.botonMenuBasic:hover
{
    color: #1c91dd!important; background-color:#e7eff7;
    border: 1px solid #d8e2ec; transition: all 0.3s ease;
}




a.botonMenuBasicGris:link, a.botonMenuBasicGris:visited
{
    text-align: center;
    background-image: url('../images/fondo-boton-basic-gris.jpg');
    padding-top: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #cfcfcf;
    margin-left: 0px;
    margin-right: 1px;
    margin-top: -4px;
}

a.botonMenuBasicGris:hover
{
    color: white;
    background-image: url('../images/fondo-boton-basic-gris-hover.jpg');
}

a.botonMenuBasicVerde:link, a.botonMenuBasicVerde:visited
{
    text-align: center;
    background-image: url('../images/fondo-boton-basic-verde.jpg');
    padding-top: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #cfcfcf;
    margin-left: 0px;
    margin-right: 1px;
    margin-top: -4px;
}

a.botonMenuBasicVerde:hover
{
    color: white;
    background-image: url('../images/fondo-boton-basic-verde-hover.jpg');
}

a.botonMenuBasicRojo:link, a.botonMenuBasicRojo:visited
{
    text-align: center;
    background-image: url('../images/fondo-boton-basic-rojo.jpg');
    padding-top: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #c02c2c;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #cfcfcf;
    margin-left: 0px;
    margin-right: 1px;
    margin-top: -4px;
}

a.botonMenuBasicRojo:hover
{
    color: white;
    background-image: url('../images/fondo-boton-basic-rojo-hover.jpg');
}

span.botonMenuH, input.botonMenuH, a.botonMenuH:link, a.botonMenuH:visited
{

    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    margin-left: 0px;
    margin-right: 1px;
    border-radius:150px;
    margin-bottom:0px;vertical-align: text-bottom;
}

a.botonMenuH:hover
{
    color: white;
    background-color:White;
}








input[type=button] {
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 10px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:White;
    border:1px solid #1c91dd;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#1c91dd; transition: all 0.3s ease;
}

input[type=button]:hover,
input[type=button]:focus {
    border:1px solid #6491ef; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#1c91dd;font-weight:500; 
}


input[type=button]:disabled 
{
 filter: alpha(opacity=50); cursor:inherit;
 -khtml-opacity: 0.5; 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}







          .menu-wrapper {
              position: relative;
              overflow: hidden;margin-top: 1px;
            }
            .menu-wrapper .menu-item {
              height: 100%;
              overflow: auto;
              white-space: nowrap;
            }
            .menu-wrapper .menu-item a {
              display: inline-block;

            }
            


            .menu-wrapper .menu-item a:hover {
              text-decoration: none;
            }
            .menu-wrapper .menu-item a:first-child {
              padding-left: 5px;
            }
            .menu-wrapper .menu-item::-webkit-scrollbar {
              display: none;
            }
            .menu-wrapper .pointer {
              height: 40px;
              width: 55px;
              line-height: 38px;
              position: absolute;
              top: 0;

            }
            .menu-wrapper .pointer i {
              color: #858585;
              cursor: pointer;    font-size: 15px;
            }
            .menu-wrapper .left-pointer {
            text-align:left;left: 0;background: rgb(208,224,235);background: linear-gradient(90deg, rgba(208,224,235,1) 0%, rgba(208,224,235,1) 27%, rgba(208,224,235,0) 100%);
            }
            .menu-wrapper .right-pointer {
            text-align:right;right: 0;background: rgb(208,224,235);background: linear-gradient(90deg, rgba(208,224,235,0) 0%, rgba(208,224,235,1) 63%, rgba(208,224,235,1) 100%);
            }

            .menu-wrapper .dis {
              display:none
            }
            .menu-wrapper .dis i {
              display:none;
            }


        .fa {
            height: 40px;
            width: 55px;
            padding-top: 10px; padding-top: 10px;
        }





a.botoncerrarsesion:link, a.botoncerrarsesion:visited
{
    float: right;
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    border-radius:150px;background-color:#f0f7fb;
    margin-bottom:3px;transition: all 0.3s ease;
}

a.botoncerrarsesion, input.botoncerrarsesion[enabled]
{
    float: right;
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    margin-right: 6px;
}

.botoncerrarsesion[disabled], .botoncerrarsesion[disabled]:hover
{
    float: right;
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    text-decoration: none;
    margin-right: 6px;
    color: grey;
    background: lightgrey;

}

a.botoncerrarsesion:hover
{
    color: white;
    background-color:White;
}





a.botonbasicazul[disabled], a.botonbasicrojo[disabled]
{
    float: left; font-family: 'Barlow', sans-serif;
    text-align: center;
    border-radius:8px;
    background-color: #e2e2e2;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #c6c6c6; transition: all 0.3s ease;  margin-bottom:3px;
    height:auto !important; width:auto !important
}

a.botonbasicazul:hover[disabled], a.botonbasicrojo:hover[disabled]
{
    float: left; font-family: 'Barlow', sans-serif;
    text-align: center;
    border-radius:8px;
    background-color: #e2e2e2;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #c6c6c6; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}

a.botonbasicazul:link, a.botonbasicazul:visited
{
    float: left;
    text-align: center;
    background: #1c91dd;
    border-radius:8px;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: White;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #1c91dd; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}

a.botonbasicazul:hover
{
    color: #1c91dd; background-color:#e7eff7;
    border: 1px solid #d8e2ec; transition: all 0.3s ease;
}


a.botonbasicrojo:link, a.botonbasicrojo:visited
{
    float: left;
    text-align: center;
    border-radius:8px;
    background-color:#e11a1a;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: White;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #e11a1a; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}

a.botonbasicrojo:hover
{
    color: #e11a1a; transition: all 0.3s ease;
    border: 1px solid #ce8f8f; background-color: #f0d6d6
}







input.botonsubmenuAsistente, .botonsubmenuAsistente:link, .botonsubmenuAsistente:visited
{
    background-image: url('../images/fondo-submenu-asistente.jpg');
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Barlow', sans-serif;
    margin-left: 3px;
    border: 1px solid #5fbae8;
    color: white;
    padding: 5px 5px 5px 5px;
}


.botonsubmenuAsistente[DISABLED]
{
    font-size: 12px;
    font-weight: bold;
    color: #b3b3b3;
    background-color: #eeeeee;
    text-decoration: none;
    border: 1px solid #d7d7d7;
    padding: 5px 5px 5px 5px;
}

.botonsubmenuAsistente:not([DISABLED]):hover
{
    background-image: url('../images/fondo-submenu-asistente-hover.jpg');
    font-size: 12px;
    font-weight: bold;
    color: #b3b3b3;
    text-decoration: none;
    border: 1px solid #5fbae8;
    padding: 5px 5px 5px 5px;
}


.botones, .botones:visited, .botones, .botones:visited
{
    float: left;
    text-align: center;
    background: #1c91dd;
    border-radius:8px;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: White;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #1c91dd; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}

.botones:not([DISABLED]):hover
{
    color: #1c91dd; background-color:White;
    border: 1px solid #1c91dd; transition: all 0.3s ease;
}

.botones[DISABLED]
{
    float: left; font-family: 'Barlow', sans-serif;
    text-align: center;
    border-radius:8px;
    background-color: #e2e2e2;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5;
    text-decoration: none;
    margin-right: 6px;
    border: 1px solid #c6c6c6; transition: all 0.3s ease; margin-bottom:3px;
    height:auto !important; width:auto !important
}



a.botonIniciarAsistente:link, a.botonIniciarAsistente:visited
{
    background-color: #f2fcfb;
    font-size: 12px;
    font-weight: bold;
    color: #1c91dd;
    text-decoration: none;
    font-family: 'Barlow', sans-serif;
    margin-left: 7px;
    padding: 5px;
    border: 1px solid #d3f6ef;
}

a.botonIniciarAsistente:hover
{
    background-color: #dae6c2;
    font-size: 12px;
    font-weight: bold;
    color: #1c91dd;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #d3f6ef;
}

a.botonDiaSemana:link, a.botonDiaSemana:visited
{
    background-image: url('../images/fondo-menu-vertical.jpg');
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    color: #1c91dd;
    text-decoration: underline;
    font-family: 'Barlow', sans-serif;
    padding: 3px 6px 6px 6px;
    border: 1px solid #c7d8ab;
    margin-right: -5px;
    outline: none;
}

a.botonDiaSemana:hover
{
    padding: 6px;
    text-decoration: none;
}

a.botonDiaSemanaSelected
{
    background-image: url('../images/fondo-menu-vertical.jpg');
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    padding: 3px 6px 6px 6px;
    border: 1px solid #c7d8ab;
    margin-right: -5px;
    padding: 6px;
    text-decoration: none;
    outline: none;
}


#ContenedorDesplegableCalendario
{
    margin-bottom: 14px; color:#404040; font-weight:500;
    vertical-align: middle;
    display: flex; overflow:hidden; width:100%; height:auto !important; padding-top:5px; padding-bottom:5px;flex-wrap: wrap;
 }

.desplegableCalendario
{
    text-align: left;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    color: #404040;
    border-right: 1px solid #cdcdcd;
    vertical-align: middle;
    width: auto;
    vertical-align: middle;
}

.desplegableCalendario a
{
    text-align: left;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    color: #404040;
    text-decoration: none; 
}


.desplegableCalendario #ImageButtonReports
{
   border:1px solid #b3b3b3; padding:8px; border-radius:8px;filter: grayscale(100%)
}

.desplegableCalendario #ImageButtonEstadisticas
{
   border:1px solid #b3b3b3; padding:8px; border-radius:8px;filter: grayscale(100%)
}

.desplegableCalendario #ImageButtonReports:hover
{
    background-color:#e7eff7;
    border:1px solid #d8e2ec
}

.desplegableCalendario #ImageButtonEstadisticas:hover
{
    background-color:#e7eff7;
    border:1px solid #d8e2ec
}

.desplegableCalendario.fecha
{
    padding-top:3px
}

.desplegableCalendario.dia
{
    padding-top:13px; padding-bottom:10px
}
.desplegableCalendario.botonera
{
    padding-top:8px; padding-bottom:5px
}




/*- Menu Tabs --------------------------- */

.tabs7
{
    width: 100%;
    line-height: normal;
    font-weight: normal;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    overflow-x: auto;padding-bottom: 10px;
}

.tabs7 ul
{
    margin: 0;
    list-style: none;display: -webkit-inline-box;
}

.tabs7 li
{
    margin: 0;
    padding: 0;
}
.tabs7 a
{
    float: left;
    margin: 0;
    margin-right: 15px;
    text-decoration: none;
    border-bottom:1px solid #080808;color:#080808; border-radius:10px 10px 0px 0px;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}
.tabs7 a span
{
    float: left;
    display: block;
    padding: 5px 5px 5px 5px;
    color:#080808; font-weight:500; transition: 0.3s ease; border-radius:10px 10px 0px 0px;
    -o-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs7 a span
{
    float: none;
}
/* End IE5-Mac hack */
.tabs7 a:hover span
{
    color:Black!important;
}
.tabs7 a:hover
{
   color:Black!important; background-color:#ebf0f5;
  border-bottom:1px solid Black;
}


.tabs7 a.selected
{
    border-bottom:3px solid #1c91dd!important; color:#1c91dd!important
}
.tabs7 a.selected span
{
    color:#1c91dd!important
}






/*Estilo Ranking*/

.contenedorTituloRanking
{
    background: White;
    padding: 8px;
    width: 235px;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    color: #1c91dd;
    font-weight: bold;
    font-style: italic;
}

.contenedorContenidoRanking
{
    clear: both;
    background-color: White;
    width: 525px;
    display: table;
    padding-bottom: 6px;
    margin-bottom: 25px;
}



.contenedorPrimeroRanking
{
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #1c91dd;
    background-color: White;
    padding: 1px 1px 0px 1px;
    display: table;
    width: 518px;
}

.contenedorPrimeroRanking .posicion
{
    float: left;
    padding: 21px 3px 20px 3px;
    width: 50px;
    background-image: url(../images/fondo-ranking-1.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 14px;
    background-color: #f7ed7e;
}

.contenedorPrimeroRanking .nombre
{
    float: left;
    background-image: url(../images/fondo-ranking-1-2.jpg);
    background-repeat: repeat-x;
    background-color: #fcf9b6;
    background-position: bottom;
    padding: 3px;
    width: 340px;
    text-align: left;
}

.contenedorPrimeroRanking .puntuacion
{
    float: left;
    padding: 22px 3px 20px 3px;
    width: 110px;
    background-image: url(../images/fondo-ranking-1.jpg);
    background-color: #f7ed7e;
    background-repeat: repeat-x;
    background-position: bottom;
}



.contenedorFilaRanking
{
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5f5f5f;
    background-color: White;
    padding: 1px 1px 0px 1px;
    display: table;
    width: 518px;
}

.contenedorFilaRanking .posicion
{
    float: left;
    background-image: url(../images/fondo-ranking-2.jpg);
    padding: 21px 3px 20px 3px;
    width: 50px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #dae6f6;
    font-size: 14px;
}

.contenedorFilaRanking .nombre
{
    float: left;
    background-image: url(../images/fondo-ranking-2-2.jpg);
    padding: 3px;
    width: 340px;
    height:50px;
    text-align: left;
    background-color: #e8f2fc;
    background-repeat: repeat-x;
    background-position: bottom;
}

.contenedorFilaRanking .puntuacion
{
    float: left;
    background-image: url(../images/fondo-ranking-2.jpg);
    padding: 22px 3px 20px 3px;
    width: 110px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #dae6f6;
}




.contenedorFilaAlternativaRanking
{
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #5f5f5f;
    background-color: White;
    padding: 1px 1px 0px 1px;
    display: table;
    width: 518px;
}

.contenedorFilaAlternativaRanking .posicion
{
    float: left;
    background-image: url(../images/fondo-ranking-3.jpg);
    padding: 21px 3px 20px 3px;
    width: 50px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #e3eee6;
    font-size: 14px;
}

.contenedorFilaAlternativaRanking .nombre
{
    float: left;
    background-image: url(../images/fondo-ranking-3-2.jpg);
    padding: 3px;
    width: 340px;
    height:50px;
    text-align: left;
    background-color: #ecf6ee;
    background-repeat: repeat-x;
    background-position: bottom;
}

.contenedorFilaAlternativaRanking .puntuacion
{
    float: left;
    background-image: url(../images/fondo-ranking-3.jpg);
    padding: 22px 3px 20px 3px;
    width: 110px;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #e3eee6;
}



.contenedorTablaResumen
{
    border: 1px solid #cfe6e2;
    background-color: White;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contenedorTablaResumen .TextoAzul
{
    font-size: 13px;
    color: #1c91dd;
    font-family: 'Barlow', sans-serif;
    margin-left: 3px;
}

.contenedorTablaResumen .TextoGris
{
    font-size: 13px;
    color: #6f6f6f;
    font-family: 'Barlow', sans-serif;
    margin-left: 3px;
}


.TextoAzul
{
    color: Black; font-weight:600
}





.menu1
{
    width: 100%;
    float: left;
}

.menu1 ul
{
    font-family: 'Barlow', sans-serif, Helvetica, sans-serif;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.menu1 li
{
    display: inline; /* for IE5 and IE6 */
}

.menu1 a
{
    color: #1c91dd;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 3px;
}


.menu1 a:link, .menu1 a:visited
{
    color: #1c91dd;
    text-decoration: none;
}

.menu1 a:hover
{
    background-color: #1c91dd;
    color: #fff;
}
li.seleccionado a:active
{
    background-color: #1c91dd;
}
li.seleccionado a:link
{
    color: #fff;
    background-color: #1c91dd;
}
.menu1 li a.current
{
    border-bottom: 3px solid #DAD6B7;
    background: #00BEE4;
}

.fichaEnvio *
{
    display: inline-block;
}

.BloqueAutoCompletar
{
    max-height: 120px;
    overflow: auto;
    border: 1px solid black;
}





/*VISOR CÁMARA FOTO CLIENTE HTML*/

.containerGeneral
{
    float: left;
    width: 47%; background-color : #e3e4df;
}
.frameCamara
{
    background: #d6deb9;
    padding: 10px;
}


@media all and (max-width:1830px)
{
    .div2Columnas{width:49%; }
}
@media all and (max-width:1170px)
{
    .contenedorLogo {
        margin-top: 10px; margin-bottom: 10px; position:inherit
    }
}
@media all and (max-width:1330px)
{
    .div2Columnas{width:48.5%; }
}
@media all and (max-width:930px)
{
    .div2Columnas{width:48%;}
        .div2Columnas2{width:45%;}
    .div2Columnas2b{width:50%;}

}

@media all and (max-width:800px)
{
    .imagen4Columnas{width:45%;}
    .div2Columnas{float:none; width:100%; margin-right:0px !important}

    .containerGeneral
    {
        float: none;
        width: 100%;
    }

}


@media all and (max-width:700px) {
    #contenedorMenu2{height:auto; float:none;width: 100%; overflow-x: auto;margin-bottom: 15px;padding-bottom: 10px;}
    #contenedorDatos{margin-left: 0px; display: block;margin-bottom: 15px;padding-bottom: 10px;}
    #fondoTabla{margin-left: 0px;}
}



@media all and (max-width:600px)
{
    .contenedorFoto {width:100%; display:block; overflow:hidden}
    .contenedorTexto{ margin-left:0px; margin-top:25px; margin-left:5px}
    a.botonAyuda:link, a.botonAyuda:visited {display:none}

        .div2Columnas2{width:100%;}
    .div2Columnas2b{width:100%;margin-top:10px}

}


@media all and (max-width:400px)
{
    .imagen4Columnas{width:100%;}
}