/* nombre_original: styleservi_linea.css */

#caja_servicio{
	width:186px;
	padding:0px 0 0 0;
}

#tipusua {
	width:175px;
	height:17px;
	/*background:url(../images/sombra_personas.jpg) no-repeat;*/
	text-align:center;
	margin:5px 0 0 0;
}

#tipusua .personasel a {
	background:#004E98;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	height:17px;
	float:left;
	padding:0 0 0 5px;
	width:85px;
}

#tipusua .empre a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#004E98;
	width:80px;
	height:17px;
	float:right;
	padding:3px 0 0 5px;
}
	
.vincula {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#004E98;
	text-decoration:underline;
}
	
.vinculaemp{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#004E98;
	text-decoration:underline;
}

/*.txtser{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#515559;
	float:left;
	margin:5px 0 5px 2px; 
}

.txtser a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#004E98;
	font-weight:bold;
}*/

.form_servicio {
	background:#fff;width:176px;
	padding:3px 0 0px 5px;
	font-size:10px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:5px 0 5px 0; 
	height:16px;
}

.form_servicioemp {
	background:#fff;width:176px;
	padding:3px 0 0px 5px;
	font-size:10px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:5px 0 5px 0; 
	height:16px;
	width:90px;
	float:left;
}

.form_servicioempnit {
	background:#fff;width:176px;
	padding:3px 0 0px 5px;
	font-size:10px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:5px 10px 5px 0; 
	height:16px;
	width:50px;
	float:right;
}
	
.form_serviciopass {
	background:#fff;
	/* width:70px; */  /* se remueve porque el ancho correcto es 60 px que esta definido inline */
	width:60px;	
	padding:3px 0px 0px 5px;
	font-size:10px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:5px 0 5px 2px; 
	float:left; 
	height:18px;
}

.form_serviciopassemp{
	background:#fff;
	width:100px;
	padding:4px 0px 0px 5px;
	font-size:10px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:5px 0 3px 2px; 
	float:left; 
	/*height:18px;*/
	height:16px;
}

.form_servicio_small{
	background:#fff;
	width:50px;
	padding:3px 0px 0px 5px;
	font-size:12px;
	color:#0A5273;
	border:1px solid #C7C7C7;
	margin:3px 0 2px 0px;
	height:16px;
	float:left;
}

.img_rec {
	/* padding:0 4px; */
	float:left;
	/* margin:2px 0 5px 0; */
}

.img_ingresa {
	float:right;
	padding:3px 0 0 0;
	padding:0;
	margin-top:2px;
}

.img_ingresaemp {
	float:right;
	padding:3px 6px 0 0;  /* sube y corre a la derecha el boton */
	/* padding:5px 10px 0 0;   esta es la original */
	/* padding:5px 15px 0 0;   se borra por duplicidad */
}

.punteado {
	background:url(../../img/loginIframe/iframeLoginBox_dot.gif) repeat-x 0px;
	width:160px;
	float:left;
	margin:8px 0px 2px 0px;
	height:1px;
	padding:0;
	height:1px;
	font-size:1px;
	line-height:0;
}
#persobox{
	width:165px;
	height:135px;
}
input{
	width:160px;
	height:20px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515559;
    margin-bottom:1rem;

	}
.inputa {
	width:160px;
	height:20px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515559;
	margin-top:7px;
	}
#textocaptcha{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.8px;
	color:#999;
	margin-top:5px;
	}
.inpucaptcha {
	width:88px;
	height:20px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515559;
}
.tablecaptcha{
	height: 29px;
}
.textilink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00517a;
	text-decoration:underline;
	}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00517a;
	text-decoration:underline;
	}

#hogarbox{
	width:165px;
	height:88px;
}
#movil_emprebox{
	width:165px;
	height:121px;
}
.cajanit1{
	width:100px;
	height:20px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515559;
	}
.cajanit2{
	width:52px;
	height:20px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515559;
	}
.tablenit{
	margin-top:0;
	}
.txtser {
    color: #515559;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 5px 0 0 0;
    width: 100%;
}
.txtser a {
    color: #00517a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
}
.txtestado2{
	text-align:center;
    color: #515559;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
	margin:2px 0 0 0;
}
.bt_volvermimov{
	margin-top:7px;}
.loading{
	margin:30px;}
.ajuste
{
   height: 39px;
}
.ajusteboton
{
   width: 79px;
}
.ajustebacceso
{
   width: 79px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity:0.50;
}

.updateProgress
{
	position: absolute;	
	width: 185px;
	height: 150px;

}

.updateProgress2
{
	position: absolute;	
	width: 255px;
	height: 210px;

}

.BtnIngresarLoginSelu
{
	background-image: url('../../images/BtnIngresov2.gif');
	background-repeat:no-repeat;  	
	cursor:pointer;
	background-color:White;
	height:32px;
	width:85px;
	border-style:none;	
}
html, body {
    overflow-x: hidden;
    background-color: var(--light-grey);
    color: var(--steel);
    font-family: 'TelefonicaRegular';
}

header {
    background: #00A9E0;
    height: auto;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

::placeholder {
    color: #86888c;
    text-align: center;
}

.container h4 {
    font-family: 'TelefonicaBold';
}

.lb-bold {
    font-family: 'TelefonicaBold';
}

.btn-form {
    background-color: var(--eggplant) !important;
    color: var(--white) !important;
}

    .btn-form:hover {
        background-color: var(--movistar-blue) !important;
    }

a {
    color: var(--movistar-blue);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: var(--movistar-blue);
}

.text-success {
    color: var(--movistar-green) !important;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
    }

    to {
        bottom: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.nav-tabs .nav-item .nav-link {
    color: #88868c !important;
}

    .nav-tabs .nav-item .nav-link.active {
        background-color: var(--white) !important;
        border-bottom: 4px solid var(--eggplant) !important;
        color: #50535a !important;
    }

select {
    text-align-last: center;
    color: #009966;
}