.registroSHS {
    background: #b0dbb2;
    margin-bottom: 0 !important;
}

.registroFormSHS {
    background-color: white;
    font-family: Calibri;
    font-size: 17px;
    color: #626262;
    width: 50%;
    /*float:right;*/
}

.logos{
    width:50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    /*float: left;*/
}

.container-fluid{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.registroFormTextBox {
    border: 1px solid #39c;
    border-radius: 3px;
    width: 100%;
}

.optionDiv {
    padding-left: 3%;
    padding-bottom: 1rem;
}

.registroMensaje{
    text-align: center;
    margin-top: 1.5rem;
    font-weight: bold;
    color: #008780;
    font-size: 20px;
}

.registroFormDropDown {
    border: 1px solid #39c;
    border-radius: 3px;
    width: 100%;
    background-color: #FFF;
}

.avisoForm {
    padding-left: 3%;
    color: orange;
    font-size: 15px;
}

.logoRegistro{
    display: block;
    margin-right: auto;
    margin-left:auto;
    width: 25%;
    padding-bottom: 1rem;
    padding-top: 3rem;
}

.avisoLink {
    cursor: pointer;
    text-decoration: underline;
    color: #626262;
}

.btnEnviar{
    padding-bottom: 0.3rem;
}

.errorMsg{
    color: red;
    font-size: 15px;
    display: none;
}

.areaConfirmar{
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.logoAgencia{
    /*margin-top: 2rem;
    height: 30%;
    width: 30%;*/
    max-width: 80%;
    height: auto;
}

.imgContainer{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoHogar{
    /*margin-top: 18rem;*/
    margin-top: 2rem;
    max-width: 80%;
    height: auto;
}

.btn-primary {
    background-color: #008780 !important;
    border-color: #008780 !important;
}

.confirmarArea {
    font-family: Calibri;
    font-size: 17px;
    color: #626262;
}

.regresarSolicitud {
    background-color: #ed7900 !important;
    border-color: #ed7900 !important;
}

.btnConsulta{
    border-color: #ed7900;
    background-color: #ed7900;
    color: white;
    font-weight: bold;
    width: 40%;
    margin-top: 1.5rem;
}

.page-wrapper {
    display: flex;
    min-height: 100vh;
}

@media (max-width: 768px) {

    .page-wrapper {
        flex-direction: column;
        gap: 2rem;
    }

    .logos,
    .registroFormSHS {
        width: 100%;
        height: auto;
    }

    .logos {
        display: block;
        min-height: auto;
        justify-content: flex-start;
    }

    .logoHogar,
    .logoAgencia {
        margin-top: 1.5rem;
        max-width: 80%;
        height: auto;
    }

    .imgContainer {
        min-height: unset;
    }

    main.pb-3 {
        padding-bottom: 0 !important;
    }

    .container-fluid {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .registroFormSHS {
        padding: 1rem !important;
    }
}