input[type="email"][class~="form-new"],
input[type="number"][class~="form-new"],
input[type="password"][class~="form-new"],
input[type="search"][class~="form-new"],
input[type="tel"][class~="form-new"],
input[type="text"][class~="form-new"],
textarea.form-control.form-new {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none;
    border-radius: 12px !important;
    background-color: var(--color-neutral-blanco);
    padding: 10px 12px;
    height: 44px;
    border: 1px solid var(--color-neutral-grises-10);
    transition: unset !important;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-neutral-negro) !important;
}

form .icon-date {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
    z-index: 9;
    padding: 8px 12px;
}

form .radio.form-new{
    border-radius: 12px !important;
    border: 1px solid var(--color-neutral-grises-10, #DDD) !important;
    background: var(--color-neutral-blanco, #FFF);
    display: inline-flex;
    padding: 12px !important;
    padding-right: 0px !important;
    flex-direction: column;
    height: 44px;
    line-height: normal;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

form .radio.form-new > label,
form .radio.form-new > label > label{
    margin-bottom: 0 !important;
    width: 100%;
    cursor: pointer;
}

.destinos_bien {
    padding: 8px !important;
}

.destinos_bien:last-child {
    padding-right: 0 !important;
}

#destinos_bien .radio.form-new{
    padding: 8px !important;
    height: auto !important;
}

#st-login .form-registro .cod-telefono {
    border-radius: 12px;
    height: 44px !important;
    width: fit-content !important;
    padding: 12px;
    line-height: normal !important;
    background-color: var(--color-neutral-grises-10, #DDD) !important;
}

.tel_cel {
    width: fit-content !important;
}

#st-login .form-registro .telefonoR2 {
    width: 100%;
}

#mi_cuenta label.texto_input {
    font-weight: 500 !important;
    color: var(--color-neutral-negro) !important;
}

#mi_cuenta .form-control.tel_cel {
    height: 44px !important;
}


#grupo-destino-bien {
    --bs-gutter-x: 0;
}

/* #destinos_bien.destinos_bien {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */

@media screen and (max-width: 767.9px) {
    #destinos_bien.destinos_bien {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #destinos_bien.destinos_bien:first-child {
        padding-right: 8px !important;
    }
    
    #destinos_bien.destinos_bien:last-child {
        padding-left: 8px !important;
    }
}

#destinos_bien.destinos_bien:first-child {
    padding-left: 0px !important;
}

#destinos_bien.destinos_bien:last-child {
    padding-right: 0px !important;
}



@media screen and (max-width: 355.9px) {
    #destinos_bien.destinos_bien:last-child {
        padding-left: 8px !important;
    }
}

.rb-destino{
    width: 100%;
}

.rb-destino label{
    width: 100%;
    white-space: nowrap;
}

form .radio.form-new > label,
form .radio.form-new > label > label{
    margin-bottom: 0 !important;
}

form .radio.form-new:hover{
    background-color: var(--color-neutral-grises-5);
    border: 1px solid var(--color-neutral-grises-60) !important;
    color: var(--color-neutral-grises-80) !important;
}

form .form-new:hover .icon-date{
    background-color: var(--color-neutral-grises-5);
    border: 1px solid var(--color-neutral-grises-60) !important;
    color: var(--color-neutral-grises-80) !important;
}

form .radio.form-new:hover .iradio{
    background-color: var(--color-neutral-grises-5) !important;
    border-color: var(--color-neutral-grises-80) !important;
}

form .radio.form-new:has(.iradio.checked){
    background-color: var(--color-neutral-blanco) !important;
    border: 2px solid var(--color-neutral-grises-100) !important;
    color: var(--color-neutral-negro) !important;
}

/* form .radio.form-new > label,
#st-login .radio.form-new .iradio label {
    line-height: 0px !important;
} */

/* #st-login label.rb-sexo {
    align-items: center;
    padding: 0 !important;
} */

form .radio.form-new .iradio{
    width: 20px !important;
    height: 20px !important;
    box-shadow: none !important;
    border: 1px solid var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-blanco);
}

.container-radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}

form .radio.form-new .iradio.checked{
    border: 1px solid var(--color-neutral-grises-100) !important;
}

form .radio.form-new .iradio.checked:after{
    width: 10px !important;
    height: 10px !important;
    background-color: var(--color-secundario-opacidad-100) !important;
    border-color: var(--color-secundario-opacidad-100) !important;
    transition: none !important;
}

form .form-control.text-disabled {
    border-radius: 12px;
    background-color: var(--color-neutral-grises-10);
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-neutral-grises-50);
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--color-neutral-grises-50);
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--color-neutral-grises-50);
   opacity: 1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--color-neutral-grises-50);
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--color-neutral-grises-50);
}

.form-control::placeholder { /* Most modern browsers support this now. */
   color: var(--color-neutral-grises-50);
}

.form-control:hover::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-neutral-grises-80);
}
.form-control:hover:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--color-neutral-grises-80);
   opacity:  1;
}
.form-control:hover::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--color-neutral-grises-80);
   opacity: 1;
}
.form-control:hover:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--color-neutral-grises-80);
}
.form-control:hover::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--color-neutral-grises-80);
}

.form-control:hover::placeholder { /* Most modern browsers support this now. */
   color: var(--color-neutral-grises-80);
}

.form-control:focus::placeholder {
    color: transparent;
}

input[type="email"][class~="form-new"]:hover,
input[type="number"][class~="form-new"]:hover,
input[type="password"][class~="form-new"]:hover,
input[type="search"][class~="form-new"]:hover,
input[type="tel"][class~="form-new"]:hover,
input[type="text"][class~="form-new"]:hover,
textarea.form-control.form-new:hover {
    background-color: var(--color-neutral-grises-5);
    border: 1px solid var(--color-neutral-grises-60) !important;
    color: var(--color-neutral-grises-80) !important;
}

#form input[type="email"][class~="form-new"]:focus,
#form input[type="number"][class~="form-new"]:focus,
#form input[type="password"][class~="form-new"]:focus,
#form input[type="search"][class~="form-new"]:focus,
#form input[type="tel"][class~="form-new"]:focus,
#form input[type="text"][class~="form-new"]:focus,
#form textarea.form-control.form-new:focus {
    background-color: var(--color-neutral-blanco) !important;
    border: 2px solid var(--color-neutral-grises-100) !important;
    color: var(--color-neutral-negro) !important;
}

input[type="email"][class~="form-new"]:focus,
input[type="number"][class~="form-new"]:focus,
input[type="password"][class~="form-new"]:focus,
input[type="search"][class~="form-new"]:focus,
input[type="tel"][class~="form-new"]:focus,
input[type="text"][class~="form-new"]:focus,
textarea.form-control.form-new:focus {
    background-color: var(--color-neutral-blanco) !important;
    border: 2px solid var(--color-neutral-grises-100) !important;
    color: var(--color-neutral-negro) !important;
}

form .input-group:has(.form-new):focus .icon-date{
    color: var(--color-neutral-negro) !important;
}

input[type="email"][class~="form-new"].disabled,
input[type="number"][class~="form-new"].disabled,
input[type="password"][class~="form-new"].disabled,
input[type="search"][class~="form-new"].disabled,
input[type="tel"][class~="form-new"].disabled,
input[type="text"][class~="form-new"].disabled,
textarea.form-control.form-new.disabled {
    border: 1px solid var(--color-neutral-grises-10) !important;
    color: var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-grises-5)!important;
}

form .input-group:has(.form-new.disabled) .icon-date{
    color: var(--color-neutral-grises-40) !important;
}

input[type="email"][class~="form-new"].disabled:focus,
input[type="number"][class~="form-new"].disabled:focus,
input[type="password"][class~="form-new"].disabled:focus,
input[type="search"][class~="form-new"].disabled:focus,
input[type="tel"][class~="form-new"].disabled:focus,
input[type="text"][class~="form-new"].disabled:focus,
textarea.form-control.form-new.disabled:focus {
    border: 1px solid var(--color-neutral-grises-10) !important;
    color: var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-grises-5)!important;
}

form .input-group:has(.form-new.disabled):focus .icon-date{
    color: var(--color-neutral-grises-40) !important;
}

#mi_cuenta .form-control.disabled {
    color: var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-grises-5)!important;
}

#mi_cuenta .form-control.disabled:hover {
    border: 1px solid var(--color-neutral-grises-10) !important;
    color: var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-grises-5)!important;
}

#mi_cuenta .form-control[disabled]{
    cursor: not-allowed;
    pointer-events: auto;
}


/*
* Buttons
*/

button.secondary,
a.secondary,
button.eliminar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    background-color: var(--color-neutral-blanco);
    border: 1px solid var(--color-secundario-opacidad-100) !important;
    border-radius: 999px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 48px;
    /* min-width: 120px; */
    text-align: center;
    text-decoration: none;
    text-decoration: initial;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

button.secondary .text-btn-secondary,
a.secondary .text-btn-secondary {
    /* font-family: "Albert Sans"; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 0px;
    color: var(--color-secundario-opacidad-100);
    margin-top: 2px;
    margin-left: 5px;
}
button.secondary svg path,
button.eliminar svg path,
a.secondary svg path {
    fill: var(--color-secundario-opacidad-100);
}

button.secondary:hover,
button.eliminar:hover,
a.secondary:hover {
    border-radius: 999px !important;
    color: var(--color-neutral-blanco, #FFF) !important;
    background-color: var(--color-secundario-opacidad-100) !important;
}

button.secondary:hover .text-btn-secondary,
a.secondary:hover .text-btn-secondary {
    color: var(--color-neutral-blanco, #FFF);
}
button.secondary:hover svg path,
button.eliminar:hover svg path,
a.secondary:hover svg path {
    fill: var(--color-neutral-blanco, #FFF);
}

button.primary,
a.descargar,
button.descargar,
a.btn_ver,
input.primary {
    display: inline-flex;
    height: 48px;
    min-width: 150px;
    padding: 8px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-secundario-opacidad-100) !important;
    border-radius: 999px !important;
    background-color: var(--color-secundario-opacidad-100) !important;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

a.btn_ver span,
.descargar span {
    font-weight: 500 !important;
}

button.primary.disabled,
a.descargar.disabled,
a.btn_ver.disabled,
button.descargar.disabled,
input.primary.disabled {
    color: var(--color-neutral-blanco, #FFF) !important;
    border: 1px solid var(--color-neutral-grises-40, #B6B6B6) !important;
    background-color: var(--color-neutral-grises-40, #B6B6B6) !important;
}

button.primary.disabled .text-btn-primary,
a.descargar.disabled .texto,
a.btn_ver.disabled .texto,
button.descargar.disabled .texto,
input.primary.disabled .text-btn-primary {
    color: var(--color-neutral-blanco, #FFF) !important;
}

button.primary.disabled svg path,
a.primary.disabled svg path,
a.btn_ver.disabled svg path,
button.primary.disabled svg path,
input.primary.disabled svg path {
    fill: var(--color-neutral-blanco, #FFF) !important;
}

button.primary:not(.disabled):hover,
a.descargar:not(.disabled):hover,
a.btn_ver:not(.disabled):hover,
button.descargar:not(.disabled):hover,
input.primary:not(.disabled):hover {
    background-color: var(--color-neutral-blanco, #FFF) !important;
    border: 1px solid var(--color-secundario-opacidad-100) !important;
    color: var(--color-secundario-opacidad-100) !important;
}

button.primary:not(.disabled):hover .text-btn-primary,
a.descargar:not(.disabled):hover .texto,
a.btn_ver:not(.disabled):hover .texto,
button.descargar:not(.disabled):hover .texto,
input.primary:not(.disabled):hover .text-btn-primary {
    color: var(--color-secundario-opacidad-100) !important;
}

button.primary:not(.disabled):hover svg path,
a.descargar:not(.disabled):hover svg path,
a.btn_ver:not(.disabled):hover svg path,
button.descargar:not(.disabled):hover svg path,
input.primary:not(.disabled):hover svg path {
    fill: var(--color-secundario-opacidad-100) !important;
}

button.primary.disabled,
a.descargar.disabled,
a.btn_ver.disabled,
button.descargar.disabled,
input.primary.disabled {
    border-radius: 999px !important;
    background-color: var(--neutral-grises-40, #B6B6B6) !important;
}

button.primary:not(.disabled),
a.descargar:not(.disabled),
a.btn_ver:not(.disabled),
button.descargar:not(.disabled),
input.primary:not(.disabled) {
    color: #ffffff;
}



/*
* Elementos de la PAC
*/

.input-group > .input-group-addon{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none;
    border-radius: 12px !important;
    padding: 7px 12px;
    height: 44px;
    border: 1px solid var(--color-neutral-grises-10);
    background-color: var(--color-neutral-grises-5, #EEE);
    transition: unset !important;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-neutral-negro) !important;
}

.input-group > .input-group-addon > .input-group-text {
    padding: 0 0.75rem;
    width: fit-content;
    margin: auto;
    border: none;
}

/*
* Dropdown Select Bootstrap
*/

.dropdown.form-new > .dropdown-toggle {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none;
    border-radius: 12px !important;
    background-color: var(--color-neutral-blanco);
    padding: 10px 12px;
    height: 44px;
    border: 1px solid var(--color-neutral-grises-10);
    transition: unset !important;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-neutral-negro) !important;
    line-height: 19px;
    outline: none !important;
    outline-offset: unset !important;
    line-height: inherit;
}

.dropdown.form-new > .dropdown-toggle:hover {
    background-color: var(--color-neutral-grises-5);
    border: 1px solid var(--color-neutral-grises-60) !important;
    color: var(--color-neutral-grises-80) !important;
}

.dropdown.form-new > .dropdown-toggle:hover:after {
    color: var(--color-neutral-grises-80) !important;
}

.dropdown.form-new > .dropdown-toggle:focus {
    background-color: var(--color-neutral-blanco) !important;
    border: 2px solid var(--color-neutral-grises-100) !important;
    color: var(--color-neutral-negro) !important;
}


/*
* Input Search Select
*/
.dropdown.form-new >.dropdown-menu .bs-searchbox input[type=search] {
    border: 1px solid var(--color-neutral-grises-10, #E5E5E5) !important;
    background: var(--color-neutral-blanco, #FFF) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.dropdown.form-new >.dropdown-menu .bs-searchbox input[type=search]:focus {
    border: 1px solid var(--color-neutral-grises-10, #E5E5E5) !important;
    background: var(--color-neutral-blanco, #FFF) !important;
    border-radius: 12px !important;
}

.dropdown.form-new > .dropdown-menu {
    width: 100% !important;
    border-radius: 12px !important;
    background: var(--neutral-blanco, #FFF);
    border: none;
    box-shadow: 0px 8px 16px 0px rgba(51, 51, 51, 0.16), 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
}
.dropdown.form-new.prefix > .dropdown-menu {
    width: auto !important;
}

.dropdown.form-new > .dropdown-menu > .inner {
    width: 100%;
    overflow-x: hidden;
}

.dropdown.form-new > .dropdown-menu > .inner .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.dropdown.form-new .filter-option-inner-inner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.dropdown.form-new > .dropdown-toggle.disabled {
    border: 1px solid var(--color-neutral-grises-10) !important;
    color: var(--color-neutral-grises-40) !important;
    background-color: var(--color-neutral-grises-5)!important;
}

.dropdown.form-new > .dropdown-toggle.disabled:after {
    color: var(--color-neutral-grises-40) !important;
}

.dropdown.form-new > .dropdown-toggle:after {
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    line-height: inherit;
    color: var(--color-neutral-negro);
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon-right"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M2.05666 5.80764C2.11472 5.74944 2.18369 5.70326 2.25962 5.67175C2.33555 5.64024 2.41696 5.62402 2.49916 5.62402C2.58137 5.62402 2.66277 5.64024 2.73871 5.67175C2.81464 5.70326 2.88361 5.74944 2.94166 5.80764L9.99916 12.8664L17.0567 5.80764C17.1148 5.74953 17.1838 5.70343 17.2597 5.67199C17.3356 5.64054 17.417 5.62435 17.4992 5.62435C17.5813 5.62435 17.6627 5.64054 17.7386 5.67199C17.8146 5.70343 17.8836 5.74953 17.9417 5.80764C17.9998 5.86575 18.0459 5.93474 18.0773 6.01066C18.1088 6.08659 18.125 6.16796 18.125 6.25014C18.125 6.33232 18.1088 6.4137 18.0773 6.48962C18.0459 6.56554 17.9998 6.63453 17.9417 6.69264L10.4417 14.1926C10.3836 14.2508 10.3146 14.297 10.2387 14.3285C10.1628 14.36 10.0814 14.3763 9.99916 14.3763C9.91695 14.3763 9.83555 14.36 9.75962 14.3285C9.68369 14.297 9.61472 14.2508 9.55666 14.1926L2.05666 6.69264C1.99846 6.63458 1.95228 6.56561 1.92077 6.48968C1.88927 6.41375 1.87305 6.33235 1.87305 6.25014C1.87305 6.16793 1.88927 6.08653 1.92077 6.0106C1.95228 5.93467 1.99846 5.8657 2.05666 5.80764Z" fill="%236D6D6D"/></g></svg>');
    font-size: 18px;
    position: absolute;
    top: 4px;
    right: 0px;
    border: none !important;
    padding: 8px 12px;
    transition: all .6s;
    width: 45px;
    height: 35px;
}

.dropdown.form-new > .dropdown-toggle.show:after {
    transform: rotate(180deg);
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--color-secundario-opacidad-10) !important;
}

.dropdown-item.active, .dropdown-item.selected, .dropdown-item:active {
    background-color: var(--color-secundario-opacidad-10) !important;
    color: var(--color-secundario-opacidad-100) !important;
    font-weight: 700 !important;
}

/*--color-primario-100-bnEstado = colorPrincipal */
/*--color-secundario-100-bnEstado = colorSecundario */
/*--color-terciario-100-bnEstado = colorSecundario */
/*--color-terciario-10-bnEstado = color-secundario-opacidad-10 */


form .icheckbox:has(input[type="checkbox"][class~="form-new"]) {
    border: 1px solid var(--color-neutral-negro);
}

form .icheckbox:has(input[type="checkbox"][class~="form-new"]):hover {
    background-color: var(--color-neutral-grises-5);
}

form .icheckbox.checked:has(input[type="checkbox"][class~="form-new"]):after {
    color: var(--color-secundario-opacidad-100) !important;
}
/*
label.form-new-label:has(.icheckbox.checked) {
    font-weight: 700 !important;
}
*/


/*
*  Boton Login
*/

#st-login .btn-login-account.primary {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: unset;
    border-radius: 12px;
    /* height: auto !important; */
    background-color: var(--color-secundario-opacidad-100) !important;
    border: 1px solid var(--color-secundario-opacidad-100) !important;
}

#st-login .btn-login-account.primary:not(.disabled):hover {
    background-color: var(--color-neutral-blanco, #FFF) !important;
    border: 1px solid var(--color-secundario-opacidad-100) !important;
    color: var(--color-secundario-opacidad-100) !important;
}