@import url("../css/font-michelin.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500, 500i, 600i,700i,800i,900&display=swap');

html { height: 100%;}
body { display: flex; flex-direction: column; height: 100vh; margin:0px; padding:0px; background-color:#FFF; color:#000; }

.content { flex: 1 0 auto; padding: 0px 0px 0px 0px; margin:0px; /*background-color: #FFF;*/ background-position: center bottom; background-repeat: no-repeat; /*background-image: url(../img/background.jpg); background-size: cover; position: relative;*/}
.rowcol0 {margin: 0px; padding: 0px}
@media (min-width: 992px)  and (max-width: 1023px){
	.col-lg-5 {	-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
	.col-lg-7 {	-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;}
}
.checkbox label.changed  {color:#d50404 !important}
.checkbox label.changed:before { border: 1px solid #d50404;}


#footer {margin: 0px; padding: 0px 0px 15px 0px; background-color: #efefef;}
.imgFooter {background-image: url("../img/footer.png"); background-position: bottom center; background-repeat: no-repeat; height: 211px;}
.contentFooter {  margin: 0px auto; padding:0px 0px; text-align:center}
.contentFooter ul {  margin:0px auto; padding:5px 0px 5px 0px;}
.contentFooter ul li { display:inline; list-style-type:none; list-style:none; font-family: 'Open Sans'; font-size: 12px;font-weight: 500; font-stretch: normal;font-style: normal;	line-height: normal; letter-spacing: normal;	text-align: center;	color: #000;  }
.contentFooter ul li a {color: #000;  padding:0px 9px 0px 9px; font-weight: normal;text-decoration:none}
.contentFooter ul li a:hover {color: #000; text-decoration:none}
@media screen and (max-width: 575px) {
	.contentFooter ul li {display: block; line-height: 2.5; }
	.contentFooter ul li::after {content:none; color: #000}
	.contentFooter ul li.ult::after {content:none; color: #000}
	.imgFooter {background-image: url("../img/footer_smart.png"); background-position: bottom right;}
}
#footerMain {margin: -62px 0px 0px 0px; padding: 20px 0px 0px 0px;}
@media screen and (max-width: 1024px) {
	#footerMain {margin: 0px; padding: 20px 0px 20px 0px; background-color: #FFF;}
	.imgFooter {background-image: url("../img/footer_tablet.png"); background-position: bottom right;}

}

.checkbox { padding:0px; margin:5px 0px 0px 0px;  font-family:'Open Sans';  }
.checkbox label {  display: inline-block; position: relative; color:#000 !important;  margin: 0px; font-family: 'Open Sans'!important; font-size: 12px!important;  font-weight: normal!important; font-style: normal; font-stretch: normal; padding-left:22px !important; margin-top:0px;  /*white-space: nowrap; */ line-height: 1!important; text-align: left !important}
.checkbox label a {color:#000; text-decoration:none}
.checkbox label::before {  content: ""; display: inline-block; position: absolute; width: 14px; height: 14px; left: 0; border: solid 1px #000; border-radius: 3px; background-color: transparent; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; top: -3px;}
.checkbox label::after { display: inline-block; position: absolute; width: 14px; height: 14px; left: 0; top: -2px; padding-left: 3px; margin-top: 0px; font-size: 11px; color: #555555; }
.checkbox input {display:none;}
.checkbox input[type="checkbox"] {  opacity: 0;  border: #000 solid 1px}
.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #000; cursor: not-allowed; border: solid 0.5px #000; }
.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #000; border-color:#000; }
.checkbox-primary input[type="checkbox"]:checked + label::after { color:transparent; background-image: url("../img/ok.png"); background-repeat:no-repeat; background-position:center }
@media screen and (max-width: 410px){.checkbox label { white-space:normal; }}





.containerInicio {padding:0px 0px 0px 0px; width:100%; max-width:4000px; height:100%}
.intro {width:100%; max-width: 470px; margin:0px auto; padding: 0px 15px;}
.logoMain {text-align: left; padding:0px 0px 0px 85px; margin:0px 0px 120px 0px}
.intro_h1 { margin-bottom:15px; color: #f7a600; font-family: 'Open Sans'; font-size: 32px; font-weight: 500; font-stretch: normal; font-style: normal;  line-height: normal;  letter-spacing: normal; text-align: center;}
.intro_h2 {  margin-bottom:10px !important; max-width:380px; margin:auto; font-family: 'Open Sans'; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal;  line-height: normal;  letter-spacing: normal; color: #000; text-align: center}
.intro_h2 span {color: #f7a600;}
.intro_h2_just {text-align:justify;}
.intro_error {  font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.14;  letter-spacing: normal;  color: #e50707; text-align: left; background-image: url("../img/alert.png"); background-position: top left; background-repeat: no-repeat; padding:2px 0px 20px 45px; margin:auto}
.info {max-width:390px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: center; color: #000; margin:auto}
.info_just { margin-bottom:10px; text-align:justify; padding: 5px 10px;}
#intro_frm {width:305px; margin:25px auto; padding:0px}
.intro_frm_plus {width:100% !important}
#intro_frm input {background-image: url("../img/email_especial.png"); background-position: top right; background-repeat: no-repeat; padding:10px 15px 9px 15px; margin:10px auto 25px auto; border-radius: 4px; background-color: #fff;; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: normal; text-align: left; color: #807d78; border:1px solid #aca496}
#intro_frm input[type="password"] {background-image: url("../img/password.png"); margin:0px auto 0px auto}
#intro_frm input:focus {color:#000;}
#intro_frm input.error { background-color: #fdf1df}
.intro_recuperar { text-align: right; margin:0px; padding: 0px;}
.a_intro_recuperar{ text-decoration: none; font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal;  font-style: normal;  line-height: normal;  letter-spacing: normal; color: #005B90;}
.intro_generar { text-align: center; margin:-10px 0px 0px 0px; padding: 0px;}
.intro_generar .a_intro_recuperar {font-size: 14px;}
.intro_btn {width:100%; max-width:300px; cursor:pointer; padding:14px; border-radius: 4px; background-color: #005B90;   font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #FFF; text-align: center; margin:30px auto;}
#wheelintro {background-image: url("../img/intro.png"); background-position: top center; background-repeat: no-repeat; background-size:cover;}
.wheelcontacto {background-image: url("../img/contacto.png") !important}
.col_pass_c {padding-right: 12px !important;}
.col_pass_c2 {padding-left: 12px !important;}
.col_btn_c {padding-right: 6px !important;}
.col_btn_c2 {padding-left: 6px !important;}
#intro_frm input.error { background-image: url("../img/password_error.png");   background-color: #fddede;}
.info_error { padding-left:5px; font-family: 'Open Sans'; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #d50404;}
.intro_recuperar_bis {margin-top:-30px; margin-bottom: 50px; text-align: center;}
@media screen and (max-width: 1024px) {
	 #wheelintro {min-height: 600px;}
	 .col_pass_c {padding-right: 0px !important; padding-bottom:15px}
	 .col_pass_c2 {padding-left: 0px !important; padding-bottom:15px}
	 .col_btn_c {padding:0px !important; order:2}
	 .col_btn_c2 {padding:0px !important; order: 1}
	 .intro_btn {margin:30px auto 0px auto}
	 .intro_generar {  margin:10px 0px 0px 0px;}

}
@media screen and (max-width: 575px) {
	.logoMain {text-align: left; padding:0px 0px 0px 5px; margin:0px 0px 50px 0px}
	.logoMain img {width:135px}
	#intro_frm  {width:100%; max-width: 295px;}
	#wheelintro {min-height: 400px;}
	#wheelintro {background-image: url("../img/intro_smart.png");  /*background-size:contain;*/}
	.wheelcontacto {background-image: url("../img/contacto_smart.png") !important;  /*background-size:contain;*/}
}

#intro_frm_especial {width:305px; margin:25px auto; padding:0px}
#intro_frm_especial input {background-image: url("../img/email.png"); background-position: top right; background-repeat: no-repeat; padding:10px 15px 9px 15px; margin:10px auto 0px auto; border-radius: 4px; background-color: #fdf1df;; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: normal; text-align: left; color: #807d78; border:1px solid #aca496}
#intro_frm_especial input[type="password"] {background-image: url("../img/password.png"); margin:0px auto 0px auto}
#intro_frm_especial input:focus {background-image: url("../img/email_especial.png"); color:#000; border: solid 2px #005B90; background-color: #fff;}
#intro_frm_especial label.especial {margin-left:10px; padding:8px 10px 0px 10px; pointer-events: none; position:absolute;  left:0;  top:0;  transition: 0.2s;  transition-timing-function: ease;  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);  opacity:0.5;  background: transparent; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: normal; text-align: left; }
#intro_frm_especial input:focus + label, #intro_frm_especial  input:not(:placeholder-shown) + label {
	opacity:1; transform: scale(0.75) translateY(-70%) translateX(-14px);
	background-color: #FFF;   color: #005B90;
}
@media screen and (max-width: 1024px) {
	#intro_frm_especial {margin-bottom: 150px;}
}
@media screen and (max-width: 575px) {
	#intro_frm_especial { margin-bottom: 50px;}
	#intro_frm_especial  {width:100%; max-width: 295px;}
}











.logoBO {background-image: url("../img/headBO.png"); background-position:  top center; background-repeat: no-repeat; height:380px; background-color: #27509b;}
.botonesBO {width:945px; margin:0px auto; text-align: right;}
.botonesBO div {display: inline-block; cursor: pointer;}
@media screen and (max-width: 1024px) {
	.logoBO {background-image: url("../img/headBO_tablet.png"); background-position:  top left; background-size:contain;height:260px;  }
	.botonesBO {width:100%}
}
@media screen and (max-width: 575px) {
	.logoBO {background-image: url("../img/headBO_smart.png"); background-position:  top left;  height: 120px;}	
	.botonesBO {padding-right: 10px}	
	.botonesBO img {height:50px;}
}

.containerBO {padding:0px 0px 0px 0px; width:100%; max-width:4000px; height:100%}
.divBO {width:945px; margin:0px auto; padding:30px 0px 100px 0px} 
.divBO .nav-link {color:#bfbfbf;  font-family: 'Open Sans';font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; padding:15px 48px }
.divBO .nav-link.active { color:#000 !important; border:0px !important; border-bottom:2px solid #292929 !important}
.h1BO {  font-family: 'Open Sans'; font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; text-align: left; padding:0px; margin:40px 0px 20px 0px;}
.h2BO {  font-family: 'Open Sans'; font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; text-align: left; padding:0px; margin:40px 0px 20px 0px;}
#perfil_izda {padding:0px 16px 0px 0px}
.flotadet { border-radius: 22px; background-color: #f9f9f9; padding:13px 40px 13px 40px; margin:0px 0px 15px 0px;  font-family: 'Open Sans'; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.flotadet p {margin:0px; padding: 13px 0px;}
.flotadet p span {font-family: 'Open Sans'; padding-left:10px; font-size:13px }
.flotadet p span.activo { color:#1dbe73}
.table_perfil {  border-radius: 11px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.23); background-color: #fff; margin:5px 7px 20px 0px; display: inline-block; height:230px; vertical-align: top;}
.table_perfil_ult {margin-right: 0px;}
.table_perfil_head { margin:0px 0px 16px 0px; border-radius: 11px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: center; padding:25px 0px;  font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff;}
.table_perfil_head_tipo { width:145px}
.table_perfil_head_acum{width:105px; }
.table_perfil_head_cons {width:105px; }
.table_perfil_head_dis {width:105px; }
.table_perfil_head_tipo .table_perfil_head {background-color: #005B90; }
.table_perfil_head_acum .table_perfil_head { opacity: 0.83; background-color: #005B90; }
.table_perfil_head_cons .table_perfil_head { opacity: 0.64; background-color: #005B90;}
.table_perfil_head_dis .table_perfil_head { opacity: 0.39; background-color: #005B90;}
.table_perfil p {text-align: center; padding: 0px 8px 22px 8px; font-family: 'Open Sans'; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; }
.table_perfil p.perfil_tit {  text-align:left; font-family: 'Open Sans'; color: #005B90; }
.infodet { width:490px; margin:30px 0px 40px 0px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #000;}
.infodet span { font-family: 'Open Sans';}
@media screen and (max-width: 1024px) {
	.divBO {width:100%; padding:30px 20px 100px 20px} 
	#perfil_izda {padding:0px 0px 0px 0px}
}
@media screen and (max-width: 575px) {
	.divBO .nav-link {padding:15px 15px; font-size: 14px }
	.h1BO {font-size:25px;}
}

.tableBO { border-radius: 11px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.23);	}
.tableBO .trMain { border-top-left-radius: 11px ;border-top-right-radius: 11px ; border-radius: 11px; /*background-image: linear-gradient(to left, #f9cb2f 100%, #005B90 1%);*/}
.tableBO tr {border:0px}
.tableBO th { padding:10px 8px;background-color:#005B90; text-align: center; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff;border:0px}
.tableBO td { text-align: center; padding:12px 20px; font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;border:0px}
.tableBO td.tdMain {color:#005B90; font-family: 'Open Sans';}
.tableBO td.td_estado_1 {color:#005B90;}
.tableBO td.td_estado_2 {color:#35b922;}
.tableBO td.td_estado_3 {color:#c30404;}
.tableBO td.td_estado_4 {color:#7e29ba;}

#cliente_superior { margin:0px 0px 17px 0px}
.cliente_nuevo {float:right; cursor:pointer; text-align: center; padding:9px 10px 9px 10px; width:206px; border:1.5px solid #000; font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.cliente_nuevo span {padding-left:10px}
.cliente_buscador { width:325px;  border-radius: 4px;  background-color: #f4f4f4; background-image: url("../img/lupa.png"); background-position: left; background-repeat: no-repeat; padding:10px 10px 10px 36px }
.cliente_buscador input { border:0px; font-family: 'Open Sans'; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #d4d4d4;  background-color: #f4f4f4;}
.cliente_buscador input:focus {color:#000; background-color: transparent;}
.cliente_buscador input::placeholder {color: #d4d4d4;}
@media screen and (max-width: 575px) {
	.cliente_nuevo {float:none; width:100%; margin-bottom: 20px;}
	.cliente_buscador {width:100%}
}
.res_cliente { border-radius: 8px; margin:15px 0px; border: solid 1px #f5f5f5; padding: 10px 40px 10px 50px; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.res_cliente_impar {background-color: #f9f9f9;}
.res_cliente span {padding-right:10px; word-break: break-all;  font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.res_cliente .row {padding:5px 0px}
.res_cliente span.td_estado_1 {color:#005B90;}
.res_cliente span.td_estado_2 {color:#35b922;}
.res_cliente span.td_estado_3 {color:#c30404;}
.res_cliente span.td_estado_4 {color:#7e29ba;}
.cliente_info {width:225px; background-color: #d1e8ff; cursor:pointer; border-radius: 5px; padding:10px 10px 10px 50px; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #005B90;  background-image: url("../img/cliente_edit.png"); background-position: left; background-repeat: no-repeat; }
.cliente_nueva {width:225px; background-color: #d1e8ff; cursor:pointer;  border-radius: 5px; padding:10px 10px 10px 50px; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #005B90;  background-image: url("../img/cliente_mas.png"); background-position: left; background-repeat: no-repeat; }
.cliente_estado_col {padding-top:16px;}
.cliente_estado_col span {font-size: 15px !important;  font-family: 'Open Sans';}
@media screen and (max-width: 991px) {
	.res_cliente { padding: 17px 20px 17px 30px; }
	.res_cliente .row {padding: 0px 0px 0px 0px !important;}
	.res_cliente .rowcol0 {padding: 7px 0px 7px 0px;}
}

.alta_frm {  border-radius: 5px; border: solid 1px #f1f1f1; padding:35px 100px; margin:0px auto}
.alta_tit {margin:10px auto 35px auto; padding:0px; text-align: center;; font-family: 'Open Sans'; font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.alta_p {  max-width:637px; margin:10px auto; text-align: center; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.64; letter-spacing: normal; text-align: center; color: #000;}
.alta_frm label { font-family: 'Open Sans'; font-size: 13px; font-weight: normal;font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.alta_frm input {  padding:11px 12px 12px 12px; border-radius: 4px; font-family: 'Open Sans'; font-size: 12px; font-weight: 500;font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; border: solid 1px #dbdbdb;}

.colalta {height:80px; padding:0px 15px}
.alta_error { padding:5px 0px 0px 2px; margin:0px; font-family: 'Open Sans'; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #f00;}
.alta_error_txt { background-color: #f3d4d4;}
.alta_iban {  border-radius: 5px; background-color: #fcf4e6; padding:5px 5px}
.alta_iban_p { padding:10px 15px 0px 15px; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.alta_iban_p span { font-family: 'Open Sans';}
input.alta_iban  {background-color: #fcf4e6 !important;}
input.alta_certificado { background-image: url("../img/certificado.png"); background-position: top right; background-repeat: no-repeat;}
.alta_btn_group { margin:30px auto auto auto; text-align: center;}
.alta_btn { cursor:pointer; width:175px; padding: 10px 10px; border-radius: 4px; background-color: #005B90; font-family: 'Open Sans'; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #FFF; display: inline-block; margin:0px 20px;}
#alta_cliente_2 {  border-radius: 5px; border: solid 1px #f1f1f1; padding:35px 100px; margin:0px auto}
#alta_cliente_2_cerrar {  border-radius: 5px; border: solid 1px #f1f1f1; padding:35px 100px; margin:0px auto}

@media screen and (max-width: 768px) {
	.alta_btn {width:100%; display: block; margin:0px auto 15px auto;}
}
@media screen and (max-width: 575px) {
	.alta_frm { padding:25px 20px; margin:0px auto}
	#alta_cliente_2 { padding:25px 20px; margin:0px auto}
}


#contacto_frm {width:305px; margin:25px auto 50px auto; padding:0px}
#contacto_frm input { background-position: top right; background-repeat: no-repeat; padding:10px 15px 9px 15px; margin:10px auto 25px auto; border-radius: 4px; background-color: #fff;; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: normal; text-align: left; color: #807d78; border:1px solid #aca496}
#contacto_frm input:focus {color:#000;}
#contacto_frm input.comentario_error_txt { background-color: #fdf1df}
#contacto_frm textarea { background-position: top right; background-repeat: no-repeat; padding:10px 15px 9px 15px; margin:10px auto 25px auto; border-radius: 4px; background-color: #fff;; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal;  letter-spacing: normal; text-align: left; color: #807d78; border:1px solid #aca496}
#contacto_frm textarea:focus {color:#000;}
#contacto_frm textarea.comentario_error_txt { background-color: #fdf1df}
.comentario_error { padding:5px 0px 0px 2px; margin:-25px 0px 10px 0px; font-family: 'Open Sans'; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #f00;}
.contacto_ok { padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; color: #004da6; text-align: center; background-color: #c2ddff; border-radius: 6px; padding: 20px 5px;}
.contacto_ok .intro_btn { width:90%; font-size: 12px;}
@media screen and (max-width: 575px) {
	#contacto_frm {width:100%; padding: 10px;}
}



.btn_volver_main { margin-top:-10px; cursor:pointer; float:right; padding: 5px 10px 10px 40px; width:140px;  background-image: url("../img/volver.png"); background-position: top left; background-repeat: no-repeat; font-family: 'Open Sans'; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing:normal; text-align: left; color: #000}
.det_cliente { margin:17px 0px;  padding: 17px 0px 17px 0px; font-family: 'Open Sans'; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.det_cliente .rowcol0 {margin-bottom: 25px;}
.det_cliente span {padding-right:10px; word-break: break-all;  font-family: 'Open Sans'; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.det_cliente span.td_estado_1 {color:#005B90;}
.det_cliente span.td_estado_2 {color:#35b922;}
.det_cliente span.td_estado_3 {color:#c30404;}
.det_cliente span.td_estado_4 {color:#7e29ba;}
@media screen and (max-width: 991px) {
	.det_cliente { padding: 17px 20px 17px 30px; }
	.det_cliente .row {padding: 0px 0px 0px 0px !important;}
	.det_cliente .rowcol0 {padding: 7px 0px 7px 0px;}
}
@media screen and (max-width: 575px) {	
	.det_cliente { padding: 17px 0px 17px 0px; }
	.btn_volver_main {margin:20px 0px 0px auto; float:none}
}


.participacion_nueva {border-radius: 5px; border: solid 1px #f1f1f1; padding:0px 10px; margin:0px auto 30px auto}
.btn_participacion_nueva { cursor:pointer; margin:30px 0px 30px 30px; padding:15px 20px 20px 70px;  background-image: url("../img/participacion_nuevo.png"); background-position: top left; background-repeat: no-repeat;  font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.alta_participacion {width:700px; margin:20px auto; padding:0px 0px 30px 0px}
.alta_participacion label { font-family: 'Open Sans'; font-size: 13px; font-weight: normal;font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}
.alta_participacion input {  padding:11px 12px 12px 12px; border-radius: 4px; font-family: 'Open Sans'; font-size: 12px; font-weight: 500;font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; border: solid 1px #dbdbdb;}
.alta_participacion select {  padding:11px 12px 12px 12px; border-radius: 4px; font-family: 'Open Sans'; font-size: 12px; font-weight: 500;font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; border: solid 1px #dbdbdb;}
.alta_participacion input.txtSubir {background-image: url("../img/subir.png"); background-position:  top right; background-repeat: no-repeat;}
.alta_participacioninput[type="date"]::-webkit-inner-spin-button,
.alta_participacioninput[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
.txtFecha {  padding: 10px !important;background-image: url("../img/calendario.png"); background-position:  top right; background-repeat: no-repeat;}
.alta_cuadro { padding:12px 4px 13px 4px; margin-top:24px; border-radius: 4px; background-color: #e9e9e9; text-align: center;  font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000;}

@media screen and (max-width: 768px) {	
	.alta_participacion {width:100%}
}



#filtros_tabla select {font-size: 12px !important; width:80%; margin-top:20px}








.logo_contacto {background-image: url("../img/especial.png"); background-position:  top left; background-repeat: no-repeat; height:481px}
.logo_contacto img {display: none;}
@media screen and (max-width: 1024px) {
	.logo_contacto {background-image: url("../img/especial_tablet.png"); background-position:  top left; }
}
@media screen and (max-width: 768px) {
	.logo_contacto {background-image: url("../img/especial_tablet_2.png"); background-position:  top left; }
}
@media screen and (max-width: 575px) {
	.logo_contacto {background-image:none; height: auto}
	.logo_contacto img {display: block;}
}
.containerContacto {padding:0px 0px 0px 0px; width:100%; max-width:4000px; height:100%}
.divBO_contacto {width:700px; margin:0px auto; padding:30px 0px 100px 0px} 
.tit1_con { text-align:center; font-family: 'Open Sans'; font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; margin:9px auto}
.tit2_con { text-align:center; font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; margin:9px auto}
.tit3_con { text-align:center; font-family: 'Open Sans'; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000; margin:9px auto}

@media screen and (max-width: 1024px) {
	.divBO_contacto {width:100%; padding:30px 40px 100px 40px} 
	.tit1_con {font-size: 18px;}
	.tit2_con {font-size: 16px;}
	.tit3_con {font-size: 14px;}
}


.txtSSL{font-size: 10px; font-family: 'Open Sans'; color:#292929; text-align: justify; padding:5px 0px; border-top:1px solid #292929; border-bottom:1px solid #292929; margin:10px 0px}




#tabla_importacion_filter { display:inline-block; margin-left: 30px; margin-bottom: 20px}
#tabla_importacion_length { display:inline-block;}
#drop_file_zone { background-color: #EEE; border: #999 2px dashed;  /*width: 290px; height: 200px;*/ padding: 8px; font-size: 14px;}
#drag_upload_file { width:50%; margin:0 auto;}
#drag_upload_file p {  text-align: center;}
#drag_upload_file #selectfile {  display: none;}

#masivo_listado_informes {font-family: 'Open Sans'; font-size: 12px; }
#masivo_listado_informes input { margin:0px 0px 7px 0px}
.importacionOK {  font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #198754; background-color:#d1e7dd; border:1px solid #198754; text-align: left; padding:20px; margin:0px 0px 20px 0px;  border-radius: 10px;}
.importacionERROR {  font-family: 'Open Sans'; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #a01126; background-color:#fff6f6; border:1px solid #a01126; text-align: left; padding:20px; margin:20px 0px 20px 0px;  border-radius: 10px;}