body{
    padding: 0px !important;
    margin: 0px !important;
}

.backgroundLinear-login{
    background: linear-gradient(0deg, rgba(203,255,222,1) 0%, rgba(255,255,255,1) 50%) !important;
}


.login-img, .recover-img {
    width: 100%;
    height: 85vh;
    background-image: url(../assets/img/background-login.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: relative;
    top: -8px
}

.logoSize-login{
height: 4rem !important;
    max-width: 100%;
}


.box-register{
    margin-top: calc(50vh - 18rem);
    border: none !important;
    width: 64%;
}

    .box-login{
    margin-top: calc(50vh - 18rem);
    border: none !important;
    width: 28rem;
}

/* .box-register , .box-recover{
    width: 55%;

} */

.box-recover{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: calc(50vh - 14rem);
    border: none !important;
    width: 70%;
}

.box-formRegister{
    border: none !important;
    width: 75%;
}

.main-register{
    height: calc(100vh - 24rem) !important;
    overflow-y: OVERLAY;
    overflow-x: hidden;
    position: relative;
}

.login .box-recover{
    margin-top: calc( 50vh - 190px );
}

.Ojito-icon,
.OjitoConfirm-icon{
  width: 24px;
  cursor: pointer;
  background-color: transparent;
}

.login input::placeholder{
    color: var(--color-line)
}

form footer{
    width: 80% !important;
    background: white !important;
}
.text-success {
    --bs-text-opacity: 1;
    color: var(--color-green) !important;
}
/* BUTTON TOGGLE REGISTER */



.btn-check:checked+.custom-btn{
    background-color: var(--color-green) !important;
    color: white !important;
    z-index: 1 !important;
}

.btn-check:not(:checked)+.custom-btn{
    background-color: white !important;
    color: var(--color-green) !important;
}

.box-password{
    margin-top: calc(50vh - 15rem);
    border: none !important;
    width: 64%;
}

.register-confirmado{
    width: 100vw !important;
    height: 100vh !important;
    z-index: 200 !important
}

.height-session{
    height: calc( 100vh - var(--header-heigth-session) - var(--footer-heigth)) !important;
}

.sizeForma1-session{
    width: 15rem;
}

.sizeForma2-session{
    width: 8rem;
}

.sizeForma3-session{
    width: 65rem;
}

.positionForma1-session{
    right: -3rem;
    top: -2rem;
}

.positionForma2-session{
    left: -10rem;
    bottom: 9rem;
}

.positionForma3-session{
    left: -10rem;
    bottom: 5rem;
}

.positionForma4-session{
    bottom: 8rem;
    right: 22rem;
}

.w-icon-segurity-modal-session {
    width: 118px;
}

.size-icon-ox-session {
    width: 25%;
    height: 100%;

}
.size-icon-ox-register-session {
    width: 25%;
    height: auto;

}

.country-flag-session {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border-radius: 2px;

}

.select-country-modal .country-checkbox {
    display: none;
}


.input-with-icon-session:has(#country-mobile:not(:placeholder-shown)) #search-icon-mobile {
    display: none !important;
}

    /* Para cuando el select2 está abierto o seleccionado */
    .form-group-primary.has-selected-value .input-with-icon-session .icon-pais::before {
        color: #17B030 !important;
    }


    /* Si también necesitas cambiar cuando está en foco */
    .input-with-icon-session:has(.select2-container--open) .icon-pais::before,
    .input-with-icon-session:has(.select2-selection--single:focus) .icon-pais::before {
        color: #17B030 !important;
    }


        /* Estilo para cambiar el color del icono del país cuando el select está en focus */
        .input-with-icon-session:focus-within .icon-pais::before {
            color: var(--color-green) !important;
        }

        /* Estilo para el campo de búsqueda de Select2 */
        .select2-search--dropdown .select2-search__field {
            padding-left: 30px !important;
            /* Espacio para la lupa */
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2390EE90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>') !important;
            background-repeat: no-repeat !important;
            background-position: 10px center !important;
            background-size: 16px !important;
            color: var(--color-green-light) !important;
        }

        .select2-search--dropdown .select2-search__field:focus {
            color: var(--color-green) !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23228B22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>') !important;
        }
        .country-flag-session {
            width: 30px;
            height: 30px;
            margin-right: 12px;
            border-radius: 2px;

        }

        .space-betwenn-country {
            padding-top: 0.6rem;
            padding-bottom: 0.6rem;

        }
@media (min-width: 768px) and (max-width: 991px) {
    .size-icon-ox-session {
        display: none;
        width: auto !important;
        height: auto !important;
    }

    .size-icon-ox-register-session {
        display: none;
        width: auto !important;
        height: auto !important;

    }
    .positionForma1-session {
        right: -11rem;
        top: -1rem;
    }
    .sizeForma1-session {
        width: 13rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {


    .size-icon-ox-session {
        display: none;
        width: auto !important;
        height: auto !important;
    }

    .size-icon-ox-register-session {
        display: none;
        width: auto !important;
        height: auto !important;

    }
    .positionForma1-session {
        right: -11rem;
        top: -1rem;
    }
    .sizeForma1-session {
        width: 13rem;
    }

}
@media (min-width:769px) and (max-width:992px){

    .w-md-75{
        width: 75% !important;
    }

    .w-md-50{
        width: 50% !important;
    }
}

@media screen and (max-width: 576px) {



    .w-sico_lock {
        width: 130px;
    }

    .position-ox-form-register-session {
        right: -1rem !important;
        top: -2.5rem !important;
    }
    .size-icon-ox-session {
        width: auto !important;
        height: auto !important;
    }

    .positionForma2-session {
        left: -2rem;
        bottom: -2rem;
    }
    .position-recover-session {
        left: -2rem !important;
        bottom: -5rem !important;
    }
    .register-position-3-session {
     top: -4.5rem !important
    }
    .positionForma1-session {
    right: -2.3rem;
    top: -6rem;
    }
    .sizeForma2-session {
        width: 3rem;
    }
    .sizeForma1-session {
        width: 7rem;
    }
    .w-icon-segurity-modal-session {
        width: 110px;
    }

    .size-exitoso{
        transform: scale(0.8);
    }

    .height-session{
    height: calc( 100vh - var(--footer-heigth) ) !important;
}

.login .box-login,
    .box-recover,
    .box-register{
        padding-left: 25px;
        padding-right: 25px;
        margin-top: calc(50vh - 18rem);
        border: none !important;
        width: 100% !important;
    }

    form footer{
        width: 100% !important;
        background: transparent !important;
        font-size: 0.8rem;
    }

    .box-formRegister {
    border: none !important;
    width: 90%;
}

}

@media (min-width: 576px) and (max-width: 768px) {
    .login .box-login,
    .box-recover,
    .box-register{
        padding-left: 25px;
        padding-right: 25px;
        margin-top: calc(50vh - 18rem);
        border: none !important;
        width: 100% !important;
    }

    form footer{
        width: 100% !important;
        background: transparent !important;
        font-size: 0.8rem;
    }

    .box-formRegister {
    border: none !important;
    width: 90%;
}
}

@media(min-width:768px) and (max-width:992px){

.box-register{
    margin-top: calc(50vh - 18rem);
    border: none !important;
    width: 70%;
}

    .box-formRegister {
    border: none !important;
    width: 90%;
}

    .height-session{
    height: 100vh;
}
}

@media (min-width:992px) {
    .widthRecover-session{
    width: 23rem;
}
}


@media screen and (max-height:620px){
    .scale-075{
        transform: scale(0.75);
    }

    .positionForma1-session{
    right: -3rem;
    top: -4rem;
    }

    .sizeForma3-session{
    width: 75rem;
}

    .positionForma4-session{
    bottom: 9rem;
    right: 20.5rem;
}

    /* .password form{
        transform: scale(0.75);
    } */

    .box-login {
    margin-top: calc(50vh - 15rem);
    border: none !important;
}

    .box-recover {
    margin-top: calc(50vh - 14rem);
    border: none !important;
    width: 80%;
    align-items: start !important;
}

.main-register{
    height: calc(100vh - 17rem) !important;
    overflow-y: OVERLAY;
    overflow-x: hidden;
    position: relative;
}

.box-formRegister {
    margin-top: calc(50vh - 18rem);
    border: none !important;
    width: 90%;
}

}

/* -----------------------------------------------------------------
   CUSTOM SELECTS --------------------------------------------------
-------------------------------------------------------------------*/

:root {
    --session-color-danger: #dc3545;

    --session-icon-arrow-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cdffe0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    --session-icon-arrow-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2317B030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    --session-icon-search-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23cdffe0' class='bi bi-search' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");

    --session-icon-search-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2317B030' class='bi bi-search' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");

    --session-icon-alert: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
}

.session-site .select2 .select2-selection{
    height: 46px !important;
    font-size: 1rem !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
    padding: 8px 42px 8px 15px !important;
    outline: none !important;
}
.session-site .select2 .select2-selection::after {
    transition: background-image 0.3s ease;
    position: absolute;
    content: '';
    top: 50%;
    right: 15px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-image: var(--session-icon-arrow-light);
}

.session-site .select2 .select2-selection .select2-selection__rendered {
    color:var(--color-gray) !important;
}
.session-site .select2 .select2-selection .select2-selection__placeholder {
    transition: color 0.3s ease !important;
    color:var(--color-gray-light) !important;
    display: none !important;
}

.session-site .select2 .select2-selection:not(:has(.select2-selection__placeholder)) {
    border-color: var(--color-green) !important;
}
.session-site .select2 .select2-selection:not(:has(.select2-selection__placeholder))::after {
    background-image: var(--session-icon-arrow-dark) !important;
}

/*----------------------------------------*/

.session-site .select2.select2-container--open .select2-selection,
.session-site .select2.select2-container--focus .select2-selection {
    border-color: var(--color-green) !important;
}

.session-site .select2.select2-container--open .select2-selection::after,
.session-site .select2.select2-container--focus .select2-selection::after {
    background-image: var(--session-icon-arrow-dark) !important;
}

.session-site .select2.select2-container--open .select2-selection .select2-selection__placeholder,
.session-site .select2.select2-container--focus .select2-selection .select2-selection__placeholder {
    color: var(--color-gray) !important;
    display: block !important;
}

/*----------------------------------------*/

.session-site .select2-container .select2-dropdown{
    border: solid 2px var(--color-green) !important;
    background-color: #ffffff !important;
    color: var(--color-gray) !important;
    border-radius: 7px !important;
    margin-top: 3px !important;
}

.select2-container .select2-dropdown .select2-search{
    padding: 16px 15px 15px !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field{
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    background-image: var(--session-icon-search-light) !important;
    background-size: 1rem !important;
    border: solid 2px var(--color-green-light) !important;
    transition: all 0.3s ease !important;
    color: var(--color-gray) !important;
    padding: 8px 12px 8px 36px !important;
    border-radius: 7px !important;
    margin: 0 !important;

}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus{
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green) !important;
    background-image: var(--session-icon-search-dark) !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus::placeholder{
    color: var(--color-gray) !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus::-moz-placeholder{
    color: var(--color-gray) !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus::-webkit-input-placeholder{
    color: var(--color-gray) !important;
}

.select2-container .select2-dropdown .select2-results .select2-results__option{
    transition: all 0.2s ease !important;
    padding: 8px 15px !important;
}
.select2-container .select2-dropdown .select2-results .select2-results__option .select2-results__icon{
    margin-right: 12px !important;
}

.session-site .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__message{
    padding: 8px 15px 15px !important;
    text-align: center !important;
}

/* INVALID SELECTS --------------------------------------------------*/

.session-site .is-invalid+.select2 .select2-selection{
    border-color: var(--session-color-danger) !important;
    padding-right: 36px !important;
}
.session-site .is-invalid+.select2 .select2-selection::after {
    right: 10px !important;
    width: 18px !important;
    height: 18px !important;
    background-size: 18px 18px !important;
    background-image: var(--session-icon-alert) !important
}

.session-site .is-invalid+.select2 .select2-selection .select2-selection__rendered,
.session-site .is-invalid+.select2 .select2-selection .select2-selection__placeholder {
    color: var(--session-color-danger) !important;
}

.session-site .is-invalid+.select2.select2.select2-container--open .select2-selection,
.session-site .is-invalid+.select2.select2.select2-container--focus .select2-selection {
    border-color: var(--session-color-danger) !important;
}

/* INPUT SESSION ICON --------------------------------------------------*/

.session-site .input-with-icon-session .select2 .select2-selection:has(.select2-selection__placeholder) {
    padding-left: 50px !important;
}

.session-site .input-with-icon-session .select2 .select2-selection .select2-results__icon {
    margin-right: 10px !important;
    height: 20px !important;
    width: 20px !important;
}

.session-site .input-with-icon-session:has(.select2-results__icon) .input-icon-session {
    display: none !important;
}

/*----------------------------------------*/

.session-site .input-with-icon-session:has(.custom-select) .floating-label {
    left: 45px !important;
    top: 51% !important;
    padding: 0 5px !important;
    color: var(--color-gray-light) !important;
    font-size: 1rem !important;
}
.session-site .input-with-icon-session:has(.select2-results__text) .floating-label,
.session-site .input-with-icon-session:has(.select2-container--open) .floating-label,
.session-site .input-with-icon-session:has(.select2-container--focus) .floating-label{
    top: 0 !important;
    font-size: 12px !important;
    color: var(--color-green) !important;
    font-weight: 500 !important;
    left: 10px !important;
    padding: 0 8px !important;
}