@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');

@import url("bootstrap.min.css");
@import url("fontawesome.min.css"); /* font-awesome */
@import url("solid.min.css"); /* font-awesome */
@import url("jquery.fancybox.min.css");

body, html {  height: 100%;  margin: 0; }
body { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; color: #000000;  overflow-y:scroll; overflow-x:hidden;   margin: 0;  background:#F4F4F4;
    /*min-height: 100vh;*/
    /*padding-bottom: 1282px;*/
    /*    padding-top: 4.7rem; */
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    background:#FFFFFF;
    
    /*
    padding-right: var(--bs-gutter-x, 1.2rem);
    padding-left:  var(--bs-gutter-x, 1.2rem);
    */
}
.bg_fondo { background: #F4F4F4;}
input, textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

a { color: #000000;  text-decoration: none; } 
a:hover { color: #000000; } 
.verif { display: none; }
.w100 { width: 100%; }
.semibold { font-weight: 600!important; }
.bold { font-weight: 700!important; }
.err { color:red; font-size: 14px; margin-top: 5px;}
.tx_peq { font-size: 14px; color: #414141; margin-top:5px;}
.tx-14 { font-size: 14px; }

#div_file_otros_adjuntos .tx_peq { font-size: 12px; }

.titular_rojo { font-size: 24px; color:#771425; font-weight: 600;  }
.blink {    animation: blinker 1s infinite;}
  
@keyframes blinker {
    from { opacity: 1.0; }
    50% { opacity: 0; }
    to { opacity: 1.0; }
}


#login_form, .recordar_content { min-height: 600px; }
.container-fluid { padding: 0; }


.cp-hidden { display: none; }
.cp-notice * { box-sizing: border-box; }
.cp-notice { position: fixed; bottom: 0; left: 0;    right: 0;    z-index: 99999; }
.cp-bg {    background-color: black;    opacity: .90; padding: 20px; color:#FFFFFF; }
.cp-bg .container{   background-color: transparent;   }
.cp-bg a.enlace { color: #FFFFFF; text-decoration: underline; } 



.rounded-10 { border-radius: 10px !important; }

.btn { font-size: 18px; font-weight: 600; border-radius: 10px !important; padding: 0.8rem 4rem; }
#btn-s9 .btn { font-size: 22px; border-radius: 1.25rem !important;}
.btn-primary { color: #FFFFFF; background-color: #A6192E; border-color: #A6192E; }
.btn-primary:hover {color:#FFFFFF!important; background-color:#B1243E; border-color:#B1243E;}
.btn-primary.focus, .btn-primary:focus { color:#FFFFFF; background-color:#B1243E; border-color:#B1243E; box-shadow: unset; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {  color: #FFFFFF;  background-color: #B1243E; border-color: #B1243E; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {  box-shadow: unset; }
.btn-primary.disabled, .btn-primary:disabled {    color: #fff;    background-color: #a2a2a2;    border-color: #a2a2a2;  }


.btn-danger { color: #A6192E; background-color: #FFFFFF; border-color: #A6192E; }
.btn-danger:hover {color:#A6192E!important; background-color:#FFFFFF; border-color:#A6192E;}
.btn-danger.focus, .btn-danger:focus { color:#A6192E; background-color:#FFFFFF; border-color:#A6192E; box-shadow: unset; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {  color: #A6192E;  background-color: #FFFFFF; border-color: #A6192E; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {  box-shadow: unset; }
.btn-danger.disabled, .btn-danger:disabled {    color: #A6192E;    background-color: #a2a2a2;    border-color: #A6192E;  }



.btn-secondary { color: #FFFFFF; background-color:transparent; border-color: #FFFFFF; }
.btn-secondary:hover {color:#FFFFFF!important; background-color:transparent; border-color:#FFFFFF;}
.btn-secondary.focus, .btn-secondary:focus { color:#FFFFFF; background-color:transparent; border-color:#FFFFFF; box-shadow: unset; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {  color: #FFFFFF;  background-color: transparent; border-color: #FFFFFF; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {  box-shadow: unset; }
.btn-secondary i { margin-left:10px; }

#cookie-policy .btn-primary, #cookie-config .btn-primary { color: #000000; padding: .3rem 3rem .3rem 3rem; background-color: transparent; border-color:#000000; background-color: #FFFFFF; text-transform: uppercase; font-size: 16px;}
#cookie-policy .btn-primary:hover { color: #FFFFFF!important;  background-color: #000000!important;  border-color: #FFFFFF; }
#cookie-config .btn-primary:hover { color: #FFFFFF!important;  background-color: #000000!important;  border-color: #000000; }
.pop_config_cookies  { padding: 0.3rem 3rem 0.3rem 3rem; }

.fa-star-of-life { color: #d6504f!important; }
/* .terminar-y-enviar { font-size: 24px; line-height: 2; } */
.vertical-align {  display: flex;  align-items: center;  justify-content: center;  flex-direction: row; }

.config-bg { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.config-box { background: #FFFFFF; width: 70%; margin:0 auto; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.config-box .tit {font-size: 20px; font-weight: 700; }

.config-box .row {    margin-right: -15px;    margin-left: -15px; }
.config-box .btn-cookie1, .config-box .btn-cookie2 {   padding: 8px 25px; }
.config-box .panel {    background-color: #fff;    border:1px solid transparent;    border-radius: 0px;    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);    box-shadow: 0 0px 0px rgba(0, 0, 0, .05); }
.config-box .panel-default > .panel-heading {    color: #333;    background-color: #FFFFFF;    border-color: #FFFFFF; border-bottom:1px solid #ddd;  position:relative; padding: 10px 0;}
.config-box .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; padding: 10px 0;}
.config-box .panel-title a { text-decoration:none; font-size: 15px; }
.config-box .panel-title i { margin-right:10px; }
.config-box .form-group { position:absolute; z-index: 999; right: 95px; top:0px; }
.config-box .s_activo { position:absolute; z-index: 999; right: 80px; top:22px; font-weight: 600; font-size: 15px; color:#000000; }
.config-box .s_activo:hover {  color:#000000; }

.help_phone {position: absolute; top: 25px; left:0; right:0; width: 300px; margin: 0 auto; font-weight: 500;}
.fa-phone { margin-left: 15px; color: #d6504f;}

/* --------------------------------------------------
Project : CSS Checkbox Switch
---------------------------------------------------- */
.checkbox.checbox-switch {    padding-left: 0;  }
.checkbox.checbox-switch label, .checkbox-inline.checbox-switch { display: inline-block;    position: relative;    padding-left: 0; }
.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input { display: none; }

.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span { width: 52px; height: 30px; border-radius: 30px; border: 1px solid #dbdbdb; background-color: rgb(180, 182, 183); border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s; display: inline-block;    vertical-align: middle;    margin-right: 5px; }

.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {    display: inline-block;    width: 27px;    height: 27px;    border-radius: 50%;    background: rgb(255,255,255);    content: " ";    top: -20;    position: relative;    left: 0;    transition: all 0.3s ease;    box-shadow: 0 1px 4px rgba(0,0,0,0.4);    cursor:pointer; }
.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before { left: 23px; }

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: #A6192E;
    border-color: #A6192E;
    box-shadow: #A6192E 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}


/*    Styles for animated modal    =========================    */
.animated-modal {   border-radius: 4px; overflow: hidden; transform: translateY(-80px); transition: all .5s; }
.animated-modal a {  color: #FFFFFF; }
.animated-modal h2, .animated-modal p { transform: translateY(-40px); opacity: 0; transition-property: transform, opacity; transition-duration: .3s; }
/* Final state */
.fancybox-slide--current .animated-modal,    .fancybox-slide--current .animated-modal h2,    .fancybox-slide--current .animated-modal p {   background: #000000; color:#FFFFFF;     transform: translateY(0);        opacity: 1;        transition-duration: .3s;    }
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 { transition-delay: .1s;    }
.fancybox-slide--current .animated-modal p { transition-delay: .4s;    }
.fancybox-slide--current .animated-modal p:first-of-type { transition-delay: .2s; }

.fancybox-slide--html .fancybox-close-small { color:#FFFFFF; }
.titular_modal { font-family: 'EB Garamond', serif; font-size: 40px; font-weight: 400; margin-top:8px; padding-bottom: 15px;}
.tx_tramitacion_urgente { margin-left: 40px; }

input[type="radio"], input[type="checkbox"] { margin: 2px 0px 0px;}

/* -------------------------------------
    CSS for Radio Button Type-1 
---------------------------------------- */
.radio_group input[type="radio"] { display:none; }
.radio_group input[type="radio"] + label { padding-left:26px; display:inline-block; /*line-height:26px;*/ background-repeat:no-repeat; cursor:pointer; }
.radio_group input[type="radio"]:checked + label { background-position: 0 -27px; }
.radio_group label { background-image:url('../images/radio.png'); font-size: 14px; font-weight: normal; height:26px; }
.radio_group input[type="radio"] + label          { position: relative;    top: 6px; }
.radio_group input[type="radio"] + label.left     { margin-left: 10px;  }
.radio_group input[type="radio"] + label.right    { margin-right: 10px;  }

.was-validated .radio_group input[type="radio"]:invalid + label { background-image:url('../images/radio_invalid.png'); }



/* -------------------------------------
    CSS for Checkbox Type-2
---------------------------------------- */
.checkbox_group input[type="checkbox"] {display:none;}
.checkbox_group input[type="checkbox"] + label { padding-left:26px; display:inline-block; /*line-height:26px;*/ background-repeat:no-repeat; cursor:pointer; }
.checkbox_group input[type="checkbox"]:checked + label { background-position: 0 -27px; }
.checkbox_group label{ background-image: url('../images/check2.png') ; /*padding-right:15px;*/ font-size: 14px; font-weight: normal; height:26px;}
.checkbox_group input[type="checkbox"] + label    { position: relative;    top: 6px; }
.checkbox_group input[type="checkbox"] + label.left   { margin-left: 10px; }
.checkbox_group input[type="checkbox"] + label.right  { margin-right: 10px; }
.was-validated .checkbox_group input[type="checkbox"]:invalid + label { background-image:url('../images/check2_invalid.png'); }

.div_new_clave {display:none; }
.canviar_clave {cursor:pointer; color: #000000; margin-bottom:10px; text-decoration:none;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;}

.cambiar_clave.active { -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); }    
.notificaciones-push { width: calc(100% - 62px);}

h2 { font-size: 26px; font-weight: 600;}

.navbar-light .navbar-nav .nav-link     { color: #191919;  font-size: 16px; }
.navbar-light .navbar-nav .nav-link i   { color: #d6504f;  font-size: 18px; padding-left: 5px; margin-right: 15px; }
.navbar-nav.left { border-left: 1px solid #d6504f; }
 
.navbar-brand { padding-top: 0; padding-bottom: 0; }
.navbar-brand img { height: 60px; }
.caja_blanca { padding: 30px 15px; background-color: #FFFFFF;}
.form-control { font-size: 15px; margin-bottom: 15px; text-transform: uppercase; border:0px solid; border-bottom: 1px solid #ced4da; border-radius: 0;}
.form-select  { font-size: 15px; margin-bottom: 15px; text-transform: uppercase; border:0px solid; border-bottom: 1px solid #ced4da; border-radius: 0;}

textarea.form-control { border: 1px solid #ced4da; }

input[type="password"], #clave, #clave2 { text-transform:none!important; }

#declaracion_form .form-control { margin-bottom: 0px; }
#declaracion_form .tx { margin-top: 15px; }

.bg_gris { background: #f1f1f1; }
.form_padd { padding:30px; }
.form_padd2 { padding:30px; }

.cab h1 { font-size: 32px; font-weight: 400; text-align: center; }

.g-recaptcha div { width: 100%!important; }

#recordar_div { display: none;}
.invalid-feedback {   margin-top: -15px;    font-size: 14px;    margin-bottom: 15px;   }

footer { z-index: 999; width: 100% ;/*margin-bottom: 82px;*/ }
footer ul { list-style: none; margin:0; padding:0; color: #414141;}
footer ul li  { padding:10px 8px; display:inline-block; }
footer ul li:first-child { padding-left:0px;}
footer ul li:last-child { padding-right:0px;}
footer, footer a{ color: #414141; font-size: 14px; font-weight: 400; text-decoration:none; }

.accordion-header { position: relative;}


label {  color: #6C6C6C;  font-size: 14px;  }

/* Style the navigation menu */
.menu { width: 100%; background-color: #FFFFFF; overflow: auto; }
/* Navigation links */
.menu a { float: left; padding: 12px; color: #000000; text-decoration: none; font-size: 17px; width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */ text-align: center; }
.menu a:hover   { background-color: #d6504f; color:#FFFFFF; }
.menu a.active  { background-color: #d6504f; color:#FFFFFF; }

.menu a.disabled,  .menu a.disabled:hover  { background-color: #FFFFFF; color: #afafaf; cursor:default; }


.accordion-item { background-color: #f4f4f4;    border: 0px solid rgba(0,0,0,.125); border-bottom: 1px solid #d2d2d2; }
.accordion-button { font-size: 24px; font-weight: 500; }
.accordion-button:not(.collapsed) { color: #000000; background-color: #f4f4f4;    box-shadow: none; /*inset 0 -1px 0 rgba(0,0,0,.125);*/ }
.accordion-button:focus { border-color: #FFFFFF; }
.accordion-button.collapsed.top { border-top: 1px solid #d2d2d2;}
.accordion-button:disabled { color: #CCCCCC  }

h2.header {font-size: 24px;    font-weight: 500;    color: #212529;  }

#div_hijos, #div_ascendientes, #div_alquilado_rci, #div_vendido_acciones_gpp_declarante, #div_vendido_sociedad_conyuge,#div_vendido_sociedad_declarante, #div_vendido_propiedades_gpp_declarante, #div_vendido_acciones_gpp_conyuge, #div_vendido_propiedades_gpp_conyuge { display: none;}
#div_hijos hr, #div_ascendiente hr, #listado_ascendientes hr, #rendimientos_inmobiliario_declarante hr, #rendimientos_inmobiliario_conyuge hr { margin: 20px 0 5px 0; border: 1px dashed #ced4da;  border-style: none none dashed; opacity: 1;  background-color: transparent; }

input[type=date].empty {   color: #CCCCCC; }
#div_datos_domicilio_conyuge { display: none; }

.go_to, .link_cab { font-size: 24px;    font-weight: 500; text-decoration: none; }
.go_to i, .link_cab i {    color: #3365ba;    font-size: 20px;    padding-left: 5px;    margin-right: 15px;  }

.tx_resumen_cab { font-weight: 600; margin-bottom: 2px;}
.tx_resumen { font-family: "Helvetica Neue", Helvetica , Arial, sans-serif; font-size: 16px; font-weight: 400; }
.tx_resumen a {color: #3365ba; text-decoration: none; }
.doc_link {color: #3365ba; text-decoration: none;  padding-left:0;}
.doc_link:hover {color: #3365ba; text-decoration: underline;  padding-left:0;}
#s9 hr { margin: 0 0 5px 0; }
.loader { display: none; margin-left: 10px; }

.tx_comprobacion { margin-bottom: 4px;}

.table { font-family: "Helvetica Neue", Helvetica , Arial, sans-serif;  }
.table td { font-size: 16px;  }
.table td.sep  {   border-color: #000000; } 
.table td.sep2  {   border-color: #000000; padding:0; height: 0; } 
.info_pago { display: none; /* font-size: 16px; */ margin: 10px 5px 10px 5px;}


#declaracion_form .invalid-feedback {    margin-top: 0px;    font-size: 14px;    margin-bottom: 0px;   }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;    margin: 0;    }
input[type=number] { -moz-appearance:textfield; }

.stripe-button-el { width: 100%; line-height: 1.5; border: 1px solid transparent; padding: .375rem .75rem; background: #d6504f!important;  background-image: none!important;  -webkit-border-radius: .25rem!important;    -moz-border-radius: .25rem!important;    -ms-border-radius: .25rem!important;    -o-border-radius: .25rem!important;    border-radius: .25rem!important; }
.stripe-button-el span { background: #d6504f!important; padding: .375rem .75rem!important; height:auto!important;  font-family: 'Raleway', sans-serif!important; font-weight: 500!important; font-size: 18px!important; text-shadow: none!important;}

.stripe-button-el:hover { background: #c14948!important; }
.tx_error { color: #d6504f; }

.politica_privacidad span { margin-left:10px; font-size: 13px; }

.relative { position:relative; }
.div_pass {    color: #212529;    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;    z-index: 2;    position: absolute;    background: #FFFFFF;    border: 1px solid #ced4da;
    border-radius: .25rem;    bottom: calc(100% + 8px);    left: 0px;    text-align: left;    padding: 15px;    pointer-events: none;
    opacity: 0;
  }
.div_pass.v{    opacity: 1;  }
.div_pass p {    display: flex;    -moz-box-align: center;    align-items: center;    font-size: 14px;    margin-bottom: 6px;  font-family: "Helvetica Neue", Helvetica , Arial, sans-serif;}  
.div_pass p.invalid span  { color: rgb(255, 92, 97);  }
.div_pass p.valid span    { color: rgb(51, 209, 87);  }
.div_pass > div p {    padding-left: 16px;  }
.div_pass p span {    margin-right: 6px;  }

.botonera   { position: fixed; z-index:999999; bottom: 0px; left:0px; width: 100%;  }
.botonera .container { background-color:rgba(255,255,255, 0.9); border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
.botonera .container .btn { margin: 15px 0;}

#carouselDesktop img { max-height: 370px; margin: 10px 0;}
.carousel-item { background: #f1f1f1;  }
#carouselDesktop h2 { font-size: 40px; font-weight: 400; margin: 20px 0;}
#carousel-item-1 { background: url('../images/fondo-slider-web-rosa.jpg') no-repeat center center;   -webkit-background-size: cover;     -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;  }
#carousel-item-1 h2 { color:#FFFFFF; }
.carousel-indicators [data-bs-target] {    width: 10px;    height: 10px;    border-radius: 10px;    background-color: #FFFFFF;  border: 1px solid #A6192E;    opacity: 1; margin-right: 8px;    margin-left: 8px; }
.carousel-indicators .active {    background-color: #A6192E;  }

.carousel-inner .py { padding-left: 80px;  padding-right: 80px;}
.link { color:#A6192E; font-size: 18px; font-weight: 500; text-decoration: underline; }
.link-gris { color:#6F6F6F; text-decoration: none; }


.link-l { color: #A6192E; font-size:16px; font-weight: 500; text-decoration: none; display: block; margin-bottom:15px; }
.link-l:after {	font-family: "Font Awesome 6 Free";      content: "\2192";  padding-left:8px;  display: inline-block; }
.link-l:hover:after  { 	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	-webkit-animation-name: animation-arrow-left !important; animation-name: animation-arrow-left !important; -webkit-transform-origin: center bottom !important; transform-origin: center bottom; }


.link-r { color: #6F6F6F; font-size:16px; font-weight: 400; text-decoration: none;}
.link-r:before {	font-family: "Font Awesome 6 Free";      content: "\2190";  padding-right:8px;  display: inline-block; }
.link-r:hover:before  { 	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	-webkit-animation-name: animation-arrow-right !important; animation-name: animation-arrow-right !important; -webkit-transform-origin: center bottom !important; transform-origin: center bottom; }

.link-r.volver { font-size:14px; }

.pie { background: url('../images/pie-web.png') no-repeat left bottom; min-height: 188px; padding-top: 120px; }
.pie .row { margin-right: 30px;    margin-left: 30px; }
.pie ul a { color: #FFFFFF; }

.card { background-color: #F5F5F5; border: 0px solid; margin-bottom: 30px;}
.card i { color: #A6192E; font-size: 28px; }
.card-body {   padding: 1.5rem 1.5rem; }
.header-select { border:0px solid; font-size: 14px; background: transparent; cursor:pointer;}

.card.metodo-de-pago { cursor:pointer; }
.card.active { background-color: #A6192E; color:#FFFFFF; cursor:default; }
.card.active i { color: #FFFFFF; }



.rounded {    border-radius: 10px !important;  }

h2 { font-size: 40px; font-weight: 400;}
h3 { font-size: 24px; font-weight: 400;}

.form-floating > .form-control { height: 50px;  line-height: 1.25;  padding: .5rem .15rem; }
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {    padding-top: 1.625rem;    padding-bottom: .325rem;  }
.form-floating > .form-select  { height: 50px; padding-top: 1.625rem;    padding-bottom: .5rem; padding-left: .15rem; }

.form-floating > label {    padding: 1rem 0.15rem;  }
.form-floating > .form-control:focus ~ label,  .form-floating > .form-control:not(:placeholder-shown) ~ label,  .form-floating > .form-select ~ label {    opacity: 0.65;    transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);  }
.show_password {    background-color: transparent;    color: #6c6c6c;    border: 0px solid;    border-bottom: 1px solid  #ced4da;    height: 50px;    line-height: 1.25;    padding: 0 .55rem;  }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {    color: #A6192E;  font-weight: 500;}

.img-noticia { background-position: center top; -webkit-background-size: cover;     -moz-background-size: cover;    -o-background-size: cover;    background-size: cover; height: 290px; position:relative; }
.img-noticia .caja { background: rgba(255,255,255, 0.9); padding: 15px; margin: 15px 30px; position: absolute; bottom:0; min-width: 88%;}

.tit-noticia {font-size: 32px; font-weight: 400;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {    -webkit-box-shadow: 0 0 0px 1000px #FFF inset; border-color: #ced4da; }

.footer-mov { display:none; }
.notificaciones-div { display:none; margin-top: 20px;  }
.notificaciones-div  i { color: #B5B5B5; font-size: 25px;}


.salir-div { display:none; margin-top: 10px;  }
.salir-div a { color: #A6192E; }

.badge {    font-weight: 400; height: 22px;    width: 22px;    padding: 3px 0 0 0;    font-size: 12px; top: -5px;    left: 20px; background-color: #A6192E;}
.listado-notificaciones { min-height: 400px; padding-right: 0px!important;  padding-left: 0px!important;}
.leido { width: 15px; height: 15px; background-color: #B5B5B5; border-radius: 100%; margin-top:5px;}
.no-leido { width: 15px; height: 15px; background-color: #A6192E; border-radius: 100%; margin-top:5px;}
.listado-notificaciones  .feccha { color:#B5B5B5; font-size: 13px; margin-bottom: 5px;}

.caja_gris_background { 
    background-color: #333;
    background-image: url('../images/fondo-datos.jpg');
    background-repeat: no-repeat;
    background-position: top;
    padding:25px; 
    color: #FFFFFF;
}

.caja_gris_background a, .caja_gris_background a:hover { color: #FFFFFF;} 

.caja_gris { background: #f1f1f1; padding:25px;  -webkit-border-radius: 15px;    -moz-border-radius: 15px;    border-radius: 15px; min-height: 130px; position: relative; font-size: 16px; cursor:pointer; }
.estado   {  font-weight: bold;}
.caja_gris.completado .estado   {  color: #00B907;}
.caja_gris.pendiente .estado    { color: #A6192E; }
.caja_gris.no-procede .estado   { color: #757575; }
.caja_gris.revisar .estado   { color: #ffc107; }

.caja_gris .bottom { font-weight: 500; font-size: 21px; line-height:1; position: absolute; bottom: 15px; } 
.caja_gris.no-procede .bottom   { color: #757575; }
.caja_gris.no-procede { cursor: default; }

.parts { position: relative; overflow-x: hidden; height:auto; }

.form-renta {
    position: absolute; 
    top:0px; 
    left: 0;
    width: 0; 
    height:0; z-index: 999; background: #FFFFFF; visibility: hidden; overflow: hidden; margin-bottom: 80px;
    transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: left .5s ease-in-out; /** Firefox **/
    -o-transition: left .5s ease-in-out; /** Opera **/ 
   
}
.form-renta.active {  position: relative; width: 100%; height:auto; left: 0px; visibility: visible; min-height:500px; margin-bottom: 0px }
.link-inicio { font-size: 24px; font-weight: 600; text-decoration: none;}
#s0 { position:relative; width: 100%; height:auto; visibility: visible; display: block;  margin-bottom: 0px;}
.precio-fin { font-size: 40px; }
.iva-incluido { line-height: 60px; }
.tramitacion_urgente span { font-size: 20px;}
.tx_tramitacion_urgente { margin-top: 10px; color:#757575; font-size: 15px;}
.div-tramitacion-urgente { display:none; }

.animated-modal .container { background-color: #000000; }

@media all and (max-width: 991.98px) {
    .navbar-nav.left { border-left: 0px solid #d6504f; }
    .caja_gris .bottom {    font-size: 16px;  }
}  

@media all and (max-width: 767.98px) {

    body { font-size: 16px; }

    .cab { /*display: none; */}
    .cab h1 { font-size: 30px; /*text-align: left; padding-bottom: 0px!important;*/ }

    h2 { font-size: 20px;}
    .form_padd  { padding: 15px; }
    .form_padd2 { padding: 0px;  }
    .caja_blanca { margin:0px; }

    .menu a { display: block; width: 50%;  }
    .form-control { font-size: 14px; }

    .accordion-button { font-size: 18px; }

    .carousel-inner .py { padding-left: 20px;  padding-right: 20px;}
    .card-body {   padding: 20px 5px; }

    #inicio .card .card-body div, #renta .card .card-body div  { 
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
     }

    .caja_gris { min-height: 140px; font-size: 12px; padding: 15px 12px; min-height: 130px; }
    .caja_gris .bottom {    font-size: 16px;  }
    .btn {    font-size: 16px;   /* padding: 1rem 15px; */ }
}  

@media all and (max-width: 575.98px) {
    body { font-size: 18px; /*margin-bottom: 220px;*/ }

    .cab h1 { font-size: 28px; /*text-align: left; padding-bottom: 0px!important;*/ }

    h2.header { font-size: 18px; }

    #s1 .radio_group span, #s2 .radio_group span  { display: inline-block; min-width: 110px;  }
    .mt-xs-0 { margin-top:0;}
    #declaracion_form .tx {   margin-bottom: 0px;  }

    .help_phone {position: relative; top: 0; left:0; right:0; width: auto;  background: #f8f9fa; padding-bottom:5px; font-size: 20px;}

    .navbar-toggler { display:none; }
    .notificaciones-div { display:block; }
    .salir-div { display:block;  }

    .navbar-brand { margin: 10px auto 0 auto;   }
    .navbar-brand img { height: 50px; margin-left:20px; }

    .footer-mov { display: block; position: fixed; width: 100%; z-index: 9998; bottom: 0; background-color:#F5F5F5; display: block; }
    .footer-mov a {  color:#B5B5B5; font-size: 24px; padding: .4rem 1rem; }
    .footer-mov a:hover, .footer-mov a.active {  color:#A6192E; }

    .pie { background: url('../images/pie-app.png') no-repeat left top; min-height: 280px; padding-top: 180px; padding-right: 0px!important;  padding-left: 0px!important; }
    .pie .row { margin-right: 0px; margin-left: 0px; }
    footer ul li { padding: 10px 5px;} 
    footer, footer a { font-size: 10px; }

    .link-inicio { font-size: 20px; }
    .precio-fin { font-size: 36px; }
    .tx_peq { font-size: 12px; }

    .botonera { bottom: 50px; }
    .botonera .container .btn { margin: 10px 0; }   
}

@keyframes animation-arrow-left {
    0%  { transform: translate3d(0, 0px, 0); }
    20% { transform: translate3d(5px, 0, 0); }
    40% { transform: translate3d(0, 0px, 0); }
    60% { transform: translate3d(5px, 0, 0); }
}

@-webkit-keyframes animation-arrow-left {
    0%  { -webkit-transform: translate3d(0, 0px, 0); }
    20% { -webkit-transform: translate3d(5px, 0, 0); }
    40% { -webkit-transform: translate3d(0, 0px, 0); }
    60% { -webkit-transform: translate3d(5px, 0, 0); }
}

@keyframes animation-arrow-right {
    0% { transform: translate3d(0, 0px, 0); }
    20% { transform: translate3d(5px, 0, 0); }
    40% { transform: translate3d(0, 0px, 0); }
    60% { transform: translate3d(5px, 0, 0); }
}
  
@-webkit-keyframes animation-arrow-right {
    0% { -webkit-transform: translate3d(0, 0px, 0); }
    20% { -webkit-transform: translate3d(5px, 0, 0); }
    40% { -webkit-transform: translate3d(0, 0px, 0); }
    60% { -webkit-transform: translate3d(5px, 0, 0); }
}

.pension_hijo { display:none; }
.pension_hijo.visible { display: block; }

.n_soporte_declarante, .n_soporte_conyuge { display: none;}
.n_soporte_declarante.visible, .n_soporte_conyuge.visible { display: block;}
.porcent_ambos, .contrato_alquiler { display: none;}
.pdf {width: 30px;}
.ml { margin-left: 30px; }

#div_deduccion_vehiculo_electrico_datos, #div_puntos_recarga, #div_obras_mejora_eficiencia_energetica { display: none; }
#div_entregado_vehiculo_si, #div_entregado_vehiculo_no { display: none; }