/* Add here all your CSS customizations */

@-webkit-keyframes iluminar {
    from {-webkit-filter: grayscale(100%);}
    to {-webkit-filter: grayscale(0%);}
}
@-moz-keyframes iluminar { 
    from {-moz-filter: grayscale(100%);}
    to {-moz-filter: grayscale(0%);}
}
@-ms-keyframes iluminar {
    from {-ms-filter: grayscale(100%);}
    to {-ms-filter: grayscale(0%);}
}
@-o-keyframes iluminar {
    from {-ms-filter: grayscale(100%);}
    to {-ms-filter: grayscale(0%);}
}
@keyframes iluminar {
    from {filter: grayscale(100%);}
    to {filter: grayscale(0%);}
    from {-webkit-filter: grayscale(100%);}
    to {-webkit-filter: grayscale(0%);}
} 

/******** ELEMENTOS GENERALES ***********/
h1 {
    font-weight:bolder;
    margin: 0 0 0.1rem;
}
.h1Titulo {
    margin: 0 0 0.3rem;
}
h1, h2, h3, h4, h5, h6, legend {
    font-family: 'Open Sans',Verdana,Arial,Helvetica,sans-serif;
}
#divInformacionPagina {
    margin: 0 0 1rem;
}
body .btn-primary, body .btn-success, body .btn-primary[disabled] {
    margin: 0px 0.5em;
}
.btn-primary, .pagination > .active > a, body.dark .pagination > .active > a, .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}

/***Cabecera***/
#header {
    clear: both;
    border-top: 5px solid #EDEDED;
    min-height: 100px;
    padding: 8px 0px;
}
#header > .container {
    height: 111px;
    margin-bottom: -35px;
    position: relative;
    display: table;
    max-width: 1170px;
}
#header .logo {
    transition: all 0.2s ease-in 0.2s;
    margin: 0px;
    padding: 5px 0px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: transparent;
    float: left;    
}
#header .logo a {
    position: relative;
    z-index: 1;
}

#header .logo-sticky-active
{
    margin-top: 25px;
    margin-bottom: 25px;
}


#header .logo img {
    position: relative;
    color: transparent;
}
#header > .navbar-collapse > .container {
    position: relative;
}
body.sticky-menu-active #header {
    border-bottom: 1px solid #E9E9E9;
    position: fixed;
    top: -57px;
    width: 100%;
    z-index: 1001;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    filter: none;
    background: linear-gradient(#F6F6F6, #FFF) repeat scroll 0% 0% transparent;
}

#divMultiinstalacion {
    float: left;

}

/* Login */
.imagenCentralLogin
{
    background: url(/Personalizar/Img/fondo-login.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 1px;
}

#imgLogoLogin
{
    width:50%;
}

#divPanelSing
{
    margin-top:60px;
}

.botonLogin
{    
    width: 100%;
    margin-top: 5px;
}

/* Inicio */
.imagenCentralInicio
{
    background: url(/Personalizar/Img/fondo-inicio.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 1px;
    min-height: 100vh;
}
#divContainerWell {
    height: auto;
}

#divContainerInternoTextoPublico
{
    min-height: 400px;
}

/*#btnLogin
{
    width:45%;
}

#btnAlta
{
    width:45%;
    float:right;
}*/


/*MenuNavegacion*/
#header nav {
    float: right;
}
#header nav ul.nav-main {
    margin: -7px 10px 8px 0px;
}
#header nav ul.nav-main li a {
    padding: 10px 15px;
}
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    color: #FFF;
}
.btn-responsive-nav {
    display: none;
}

/*PanelIdiomas*/
.navbar-collapse .container {
    min-width: 17rem;
}
#header ul#idiomaPanel, #header [id$=idiomaPanel] {
    position: absolute;
    right: 1rem;
    top: 0;
    margin: 0px;
    padding: 0px;
    width: auto;
}
ul#idiomaPanel li,  [id*=idiomaPanel] li {
    display: inline-block;
    padding: 0px;
}
ul#idiomaPanel input[type=image], [id*=idiomaPanel] input[type=image]{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
ul#idiomaPanel input[type=image]:hover, [id*=idiomaPanel] input[type=image]:hover {
    -webkit-animation: iluminar 1s forwards;    
    -moz-animation: iluminar 1s forwards;
    -ms-animation: iluminar 1s forwards;
    -o-animation: iluminar 1s forwards;
    animation: iluminar 1s forwards; 
}

/*PantallasModales*/
#divPantallaMensajeEspera
{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(255,255,255,0.5);
}
#divMensajeEspera
{
    visibility: hidden;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 9999;
}
.mensajeEspera
{    
    text-align: center !important;
}
.modal-text h4 {
    color: #777;
}

.dialogAlerta {
    padding: 15px;
    /* margin-bottom: 20px; */
    border: 1px solid transparent;
    border-radius: 4px;
}


/* Imagen Pesas */
.imagenPesas
{
    background: url(/Personalizar/Img/fondo-pesas.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 1px;
    height: 100vh;
}

/*imagenBajaMailing*/
.imagenBajaMailing
{
    background: url(/Personalizar/Img/fondo-pesas.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 1px;
    height: 100vh;
}

/*Footer*/
#footer {
    margin-bottom: 1rem;
}
#footer .container .row > div {
    margin-bottom: 25px;
}
#footer .footer-copyright #sub-menu ul {
    list-style: none;
    padding-left: 0;
}
#footer .footer-copyright #sub-menu ul li {
    display: inline-block;
    margin-right: 2rem;
    line-height: 1em;
}

.devBy {
    float: right;
    min-height: 2em;
    margin-top: 20px;
}
.devBy:hover {
    text-decoration:none;
}
.devBy:hover span {
    text-decoration: underline;
}
.devBy:hover img {
    text-decoration:none;
    -webkit-animation: iluminar 1s forwards;
    -moz-animation: iluminar 1s forwards;
    -ms-animation: iluminar 1s forwards;
    -o-animation: iluminar 1s forwards;
    animation: iluminar 1s forwards;
}
.devBy span {
    margin-right: 0.2em;
    display: inline-block;
}
.devBy img {
    display: inline-block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}


/***PROCESO DE ALTA***/

/*PasoEstadoProceso*/
html .wizard-progress.wizard-progress-lg ul li, html.dark .wizard-progress.wizard-progress-lg ul li {
    max-width: 100%;
}
html .wizard-progress.wizard-progress-lg ul li.active, html.dark .wizard-progress.wizard-progress-lg ul li.active {
    max-width: 100%;
}
html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
    color: #ccc;
}
html .wizard-progress.wizard-progress-lg ul li a[href="#"], html.dark .wizard-progress.wizard-progress-lg ul li a[href="#"] {
    cursor: default;
}

/*PasoDatosPersonales*/
input[id$=txtNIF]{
    margin-bottom: 5px;
}
#radioTipoDocumento .radio-custom:last-child {
    margin-bottom: 7px;
}
[id$=divFechaDeNacimiento] select {
    display:inline-block;
    width:auto;
    margin-right:0.5rem;
}
.formCampo {
    margin-bottom:1em;
}
.form-group {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-right: 0.5rem;
    margin-bottom: 0;
    color: #555;
}

#h3YaFuiSocioDatosPersona, #h3YaFuiSocioDatosPersona:active {
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 13px;
    text-transform: initial;
    float: right;
    cursor: pointer;
    border: 3px solid #165EC8;
    border-spacing: 10px 10px;
    border-radius: 5px;
    display: inline-table;
    font-size: 25px;
}


#h3YaFuiSocioDatosPersona:hover {
    color: #637F87
}

#MainContent_divAccionesComerciales {
    border: 3px solid #165EC8;
}

#radioAccionesComerciales{
    margin-bottom: 10px;
}

#MainContent_divPermitirCompartirDatosATerceros {
    border: 3px solid #165EC8;
}

#radioDatosATerceros {
    margin-bottom: 10px;
}

#MainContent_divPermitirCompartirImagenRedesSociales {
    border: 3px solid #165EC8;
}

#radioImagenRedesSociales {
    margin-bottom: 10px;
}

/*[id$=txtNumBanco], [id$=txtNumSucursal], [id$=txtDC], [id$=txtNumCuenta], [id$=optTipoDeVia], [id$=txtDireccion], [id$=txtNumero], [id$=txtBloque], [id$=txtEscalera], [id$=txtPiso], [id$=txtPuerta] {
    display:inline-block;
    margin-right:0.5rem;
}
[id$=txtNumBanco], [id$=txtNumSucursal] {
    width:4.5em;
}
[id$=txtDC] {
    width:3.2em;
}
[id$=txtNumCuenta] {
    width:8em;
}
[id$=optTipoDeVia]{
    width:10.5em;
}
[id$=txtDireccion] {
    width:30em;
}
[id$=txtNumero] {
    width:8em;
}
[id$=txtBloque], [id$=txtEscalera], [id$=txtPiso], [id$=txtPuerta] {
    width:12em;
}*/
.checkbox {
    display: block;
}
.checkbox input[type="checkbox"] {
    margin-left: 0;
}
.lblBlock {
    display:block;
}
fieldset {
    margin:2em 0;
}
.fromItemButtons {
    text-align: center;
    clear: both;
    margin: 3rem auto;
}
[id*=astPregunta] {
    margin-left:0.3em;
}
.textoScroll
{
    overflow-y: scroll;
    height: 200px;
    border: 1px solid #999;
    margin-bottom: 8px;
    padding: 4px 9px;
    text-align: left;
}
.textoScroll p
{
    text-align: left;
    width: 100%;
}
.textoScroll ul li
{
    margin-bottom: 18px;
}
.textoScroll ul
{
    margin: 6px 0;
}

[id$=divFechaDeNacimiento]
{
    margin-bottom:33px;
}

/*Agrupaciones*/
.btn-agrupacion
{
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    margin-left: 0px !important;
}

/*PasoSeleccionCuota*/
.featured-box-primary i.icon-featured, .featured-box-secondary i.icon-featured {
    display:none;
}
.featured-box h4.panel-title {
    text-transform: initial;
    font-style: italic;
    color:#999;
}
.modal-block.modal-header-color .panel-heading .fa-calendar, .modal-block.modal-header-color .panel-heading h2 {
    color:#fff;
    display:inline-block;
}
.datepicker table tbody tr td.disabled:hover {
    background: none repeat scroll 0% 0% transparent !important;
    color: #999 !important;
}
.datepicker table tbody tr td span.old:hover, 
.datepicker table tbody tr td span.new:hover,
.datepicker table tr td.old.disabled, .datepicker table tr td.old.disabled:hover, 
.datepicker table tbody tr td.day.new.disabled, .datepicker table tbody tr td.day.new.disabled:hover {
	color: #CCC !important;
}

/*PasoResumenCompra*/
[id$=divPanelImportes] div.col-md-6 {
    margin:auto;
    float:none;
}
[id$=btnValidar] i {
    padding-right: 12px;
}
.pricing-table h3 {
    color: #fff;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
    background: #08C;
}
.pricing-table h3 span {
    height: 150px;
    width: 150px;
    line-height: 13rem;
}

/*Cuestionario*/
.parrafo {
    margin-bottom: 25px;
}


/*PasoRegresoTPV*/
.body-compra {
    display: table;
    height: calc(100vh - 350px);
    margin: 0px auto;
    max-width: 730px;
    padding: 0px 15px;
    width: 100%;
}
    .body-compra .center-compra {
        display: table-cell;
        padding-top: 20px;
        vertical-align: middle;
    }

/*Localización*/
.toggle.active > label {
    margin-bottom: 0;
}
#gmap-basic-marker h2 {
    margin-bottom: 0;
}

/* Variables */
.well4 
{
    border-radius: 4px !important;
}

/*CLASES COLECTIVAS*/
.sinpadding [class*="col-"] 
{
    padding: 0;
}

/* INICIO ESTILOS DROPDOWN */
/* Estilos botón dropdown de seleccionar centro */
#header #divMultiinstalacion{
    width: 245px;
    height: 45px;
    float:right;
    margin-right: -1%;
    margin-top: 0%;
    transition: all 0.2s ease-in 0.2s;
}

@media only screen and (max-device-width: 570px) {
    #header #divMultiinstalacion {
        width: 245px;
        height: 45px;
        float: left;
        margin-right: -1%;
        margin-top: 0%;
    }
}

.open > .dropdown-menu {
    display: inline-block !important;
    margin-top: -17%;
}

.dropdown-menu{
    position: inherit !important;
}
/* Estilos botón dropdown de seleccionar centro */
a.dropdownGruposFamiliares:hover {
    margin: 0 !important;
}
/* FIN ESTILOS DROPDOWN */

/* Estilos resumen de Compra */
.subrayarConPuntos {
    border-bottom: #afafaf dashed 1px ;
}

.total{
    font-size:15px;
    font-weight:bold;
}

@media only screen and (max-device-width: 570px) 
{
    #divIconoResumen
    {
        display:none;
    }
}

.transaccion {
    background-color: #08C;
    text-align:center; 
    border: 1px solid #ddd; 
    border-radius: 5px;
}

.labelTransaccion {
    color:white; 
    font-family: 'Times New Roman', Georgia, Serif; 
    font-size:18px; 
    padding:3px; 
    vertical-align:-10px;
}

#lblFooterApps {
    font-weight: bold;
    margin-bottom: 15px;
}
#AppsAndroid {
    margin-right: 6px;
}

#AppsIos {
    margin-left: 6px;
}

#mainMenu > li {
    padding: 0%;
    top: 5px;
}

#mainMenu > li :hover {
    height: 100% !important;
}

li.dropdown ul li {
    background-color: #637F87;
    height: -webkit-fill-available;
}

li.dropdown ul {
    height: 100%;
    background-color: #637F87;
}

li.dropdown ul li:hover {
    background-color: #165EC8;
}


/* VISUALIZACION DE TARJETAS EN ALTAS */
.allTarjetas {
    text-align: left;
    margin-left: 40%;
    margin-top: 5%;
}

.allTarjetas > input {
    margin-right: 5%;
}

.dropdown-menu li a:hover {
    background-color: #165EC8 !important;
}


.invitadoPor {
    text-align: center;
}