@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.google.com/share?selection.family=Red+Hat+Display:ital,wght@0,300..900;1,300..900);
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);

#steps-text {
    position: static;
    width: auto;
    height: 1em;
    left: 1.5em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #805adc;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: .5em 0
}

#steps-time-line {
    position: relative;
    height: 12px;
    background: #dedede;
    border-radius: 24px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

.step-fill {
    position: absolute;
    height: 12px;
    left: 0;
    top: 0;
    background: #805adc;
    border-radius: 8px
}

.containerOperador {
    display: grid;
    max-height: 23em
}

.spinner {
    margin: 16px 0;
    text-align: center
}

#containerIS {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 2.5em auto 0;
    padding: 3em 1em 3em 2em;
    max-width: 27em;
    max-height: 30em
}

#containerFormIS {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #fff;
    margin-top: 24px
}

.tituloIS {
    margin-top: 0;
    width: 24.688em;
    margin-bottom: 2.5em
}

.btnIS {
    width: 23.75em !important
}

#inputImgIS {
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    top: 1em;
    right: 2.625em
}

#inputPositionIS {
    position: relative
}

#inputBlancoIS {
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 50px 16px 16px;
    width: 380px;
    height: 56px;
    left: 552px;
    top: 356px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 436px) and (max-width:667px) {
    #containerIS {
        display: grid;
        grid-template-rows: auto 4.25em auto auto 13.125em auto;
        min-height: 100vh;
        margin: inherit;
        padding: 0 3.5em
    }

    #containerFormIS {
        grid-template-columns: inherit
    }

    .tituloIS {
        width: 18.688em
    }

    #inputBlancoIS {
        width: 22.2em
    }

    #inputImgIS {
        right: 1.3em
    }

    .btnIS {
        width: 18.5em !important
    }
}

.headerMobile {
    height: 56px;
    background: #fff;
    width: auto;
    margin-bottom: 2px;
    left: 0;
    top: 24px;
    border-radius: 0;
    border-bottom: .8px solid #e5e5e5
}

#back {
    padding-left: 24px;
    padding-top: 14px;
    width: 32px;
    height: 24px;
    float: left
}

.container-general-enviarInvitacion {
    height: 100vh;
    width: 100%;
    background-color: #f4f4f4
}

.containerOperador {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    max-height: 28.75em;
    width: 21em;
    margin: 1em auto;
    padding: 48px;
    font-family: "Roboto";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #333
}

.containerOperador p {
    font-size: 14px !important;
    line-height: 22px;
    margin: 0
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28.75em
}

.Button,
.Buttonflecha {
    display: flex;
    flex-direction: row;
    align-items: center
}

.Buttonflecha {
    padding: 16px;
    justify-content: space-between;
    cursor: pointer
}

.containerDni {
    margin-left: 1em
}

.containerCellPhone,
.containerEmail {
    width: 256px
}

.modal-background {
    background-color: rgba(0, 0, 0, .3) !important
}

.modal_card_Operador {
    display: block;
    margin: 7.25em auto 0;
    background-color: #fff;
    border-radius: 5px;
    padding: 16px 40px 40px;
    width: 340px;
    border-radius: 8px
}

.message-alta-operador {
    font-size: 16px;
    padding: 1em 3em 3em !important;
    max-height: 30.75em !important
}

.content-message-alta-operador {
    display: flex;
    flex-direction: column;
    width: 24.125em;
    grid-gap: 1em;
    gap: 1em
}

.subtitle-message-alta-operador,
.text-message-alta-operador,
.title-message-alta-operador {
    width: 100%;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.title-message-alta-operador {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0 16px
}

.subtitle-message-alta-operador {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 767px) {
    .containerOperador {
        width: 432px;
        height: 420px;
        padding: 48px
    }
}

@media (max-width: 673px) {
    .containerOperador {
        height: 394px;
        width: 80%;
        padding: 24px
    }
}

@media (max-width: 360px) {
    .containerOperador {
        height: 394px;
        width: 80%;
        padding: 24px
    }
}

.form-invitacion-expirada {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    margin: 100px 24px 0;
    padding: 48px
}

@media (max-width: 673px) {
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    margin:100px 24px 0 24px;
    padding:48px
}

@media (max-width: 360px) {
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    margin:100px 24px 0 24px;
    padding:48px
}

.containerformMC {
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    display: grid;
    padding-bottom: 32px
}

.containerformMC-border {
    border-bottom: 1px solid #e5e5e5 !important
}

.icon-cuit-search {
    margin-left: -3em;
    margin-bottom: -.5em
}

.containerList {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    min-height: auto;
    margin: 0 auto;
    padding-bottom: 16px;
    height: 50vh !important
}

.elementList {
    position: "relative";
    height: "400px";
    margin-bottom: "100px"
}

.searInput {
    padding: 0 24px;
    width: 368px;
    height: 56px
}

#containerMultipleCuit {
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 5em;
    max-width: 27em;
    display: grid
}

.botonEmpresaME {
    background: #fff;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-sizing: border-box;
    color: #5c5c5c;
    font-family: "Roboto";
    font-style: normal;
    font-width: 336px;
    font-height: 48px;
    font-left: 552px;
    font-top: 722px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    height: auto !important;
    text-align: left;
    align-items: center;
    justify-items: left;
    padding-left: 0;
    padding: 16px 24px !important;
    display: grid;
    grid-template-columns: 1fr 6fr .5fr;
    cursor: pointer
}

.botonEmpresaME:active {
    border: 1px solid #06ca75;
    box-sizing: border-box;
    border-radius: 8px
}

.botonEmpresaME:focus {
    box-sizing: border-box;
    border-radius: 8px
}

.botonEmpresaME:disabled {
    background: #e5e5e5
}

.botonEmpresaME:hover {
    transition: .1s;
    background: #f4f4f4;
    background: var(--Grey-background, #f4f4f4)
}

.imagen-empresa-menu-multiple-cuits {
    border: 1px solid transparent
}

.botonEmpresaME:hover .imagen-empresa-menu-multiple-cuits {
    transition: .1s;
    border: 1px solid #dedede;
    border-radius: 100px
}

.item1 {
    width: 278px
}

.item1,
.item11 {
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 0 24px
}

.gridBotones {
    grid-template-columns: auto auto
}

.containerformBTN {
    grid-template-columns: 13em 1em;
    display: grid;
    margin: 2.5em auto 0;
    background-color: #fff
}

.ButonInterno {
    display: grid;
    grid-template-columns: 16em 16em 16em
}

#nombreEmpresa {
    margin-left: 16px;
    font-size: 14px;
    line-height: 16px;
    color: #000
}

#cuitEmpresa {
    margin-left: 16px;
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c
}

.header-back {
    height: 56px;
    background: #fff;
    width: auto;
    left: 0;
    top: 24px;
    border-radius: 8px 8px 0 0
}

#header-back-img {
    padding-left: 24px;
    padding-top: 14px;
    width: 32px;
    height: 24px;
    float: left
}

.header-back-container {
    position: static;
    top: 50%;
    left: 50%
}

#header-back-responsive {
    display: none
}

@media (max-height: 700px) {
    .containerList {
        height: 40vh !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #header-back-responsive {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 16px;
        height: 56px;
        left: 0;
        right: 0;
        top: 24px
    }

    .header-back-container {
        margin-bottom: 40px;
        border-bottom: 1px solid #e5e5e5
    }

    #header-back-img {
        display: none
    }

    .header-back {
        border-radius: 0
    }

    .search-cuit-responsive {
        border: none;
        width: 100% !important;
        padding-right: 62px !important
    }

    .search-cuit-responsive:focus {
        outline: none
    }

    .icon-cuit-search {
        margin-left: 0
    }

    #containerMultipleCuit {
        display: inherit;
        width: 100%;
        max-width: inherit;
        height: 100vh;
        margin: 0
    }

    .searInput {
        display: none
    }

    .item1 {
        width: 512px;
        padding: 0 32px;
        margin: 0
    }

    .containerformMC {
        padding-bottom: 48px;
        display: inherit;
        left: 32px;
        right: 32px;
        top: 120px
    }

    .containerformMC-border {
        border-bottom: none !important
    }

    .botonEmpresaME {
        padding: 16px 32px 16px 31px !important;
        grid-template-columns: 1fr 27fr 1fr
    }
}

@media (max-width: 673px) {
    #header_desktop {
        display: none
    }

    .containerList {
        height: 70vh !important
    }

    #header-back-responsive {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 16px;
        height: 56px;
        left: 0;
        right: 0;
        top: 24px
    }

    .header-back-container {
        margin-bottom: 40px;
        border-bottom: 1px solid #e5e5e5
    }

    #header-back-img {
        display: none
    }

    .header-back {
        border-radius: 0
    }

    .search-cuit-responsive {
        border: none;
        width: 100% !important;
        padding-right: 62px !important
    }

    .search-cuit-responsive:focus {
        outline: none
    }

    .icon-cuit-search {
        margin-left: 0
    }

    #containerMultipleCuit {
        display: inherit;
        width: 100%;
        max-width: inherit;
        height: 177vh;
        margin: 0
    }

    .searInput {
        display: none
    }

    .item1 {
        width: auto;
        padding: 0 100px 0 32px;
        margin: 0
    }

    .containerformMC {
        padding-bottom: 48px;
        display: inherit;
        left: 32px;
        right: 32px;
        top: 120px
    }

    .containerformMC-border {
        border-bottom: none !important
    }

    .botonEmpresaME {
        padding: 16px 32px 16px 31px !important;
        grid-template-columns: 1fr 27fr 1fr
    }
}

.posicion {
    width: 100%;
    position: fixed;
    bottom: 0
}

.footerDesktop {
    padding: 24px;
    align-self: stretch;
    background: #fff
}

#footerButton,
.footerDesktop {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    gap: 16px
}

#footerButton {
    height: 48px;
    padding: 0 24px;
    justify-content: center;
    color: #805adc;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

#footerButton:hover {
    color: #06ca75
}

.footerDecoration {
    text-decoration: inherit
}

.footerOption {
    display: flex;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px
}

.footerLegal {
    position: static;
    height: 16px;
    left: 24px;
    top: 40px;
    line-height: 16px;
    flex: none;
    flex-grow: 1
}

.CBancoHipotecario {
    font-family: Roboto;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    font-line-height: 16px;
    color: #969696
}

@media (min-width: 992px) and (max-width:1199px) {
    .footerLegal {
        position: static;
        width: 18%;
        left: 24px;
        top: 24px;
        line-height: 16px;
        flex: none;
        margin: 0 16px 0 24px
    }

    .footerOption {
        width: 852px;
        left: 116px;
        margin: 0 16px 0 0
    }

    .CBancoHipotecario {
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .footerDesktop {
        flex-direction: column;
        height: 225px;
        left: 0;
        top: 890px;
        border-radius: 0;
        padding: 16px
    }

    .footerOption {
        flex-direction: column;
        align-items: center;
        left: 16px;
        top: 48px;
        flex: none;
        align-self: inherit;
        flex-grow: 0;
        margin: 16px 0
    }

    .footerLegal {
        width: auto;
        left: 301.5px;
        top: 16px;
        line-height: 16px;
        flex-grow: inherit
    }

    #footerButton {
        padding: 0 24px 4px
    }

    .CBancoHipotecario {
        margin-left: auto
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .footerDesktop {
        flex-direction: column;
        justify-content: center;
        padding: 16px;
        margin: 16px;
        height: 240px;
        border-radius: 8px
    }

    .footerOption {
        width: 544px;
        flex-direction: column;
        align-items: center;
        left: 16px;
        top: 48px;
        flex: none;
        align-self: inherit;
        flex-grow: 0;
        margin: 16px 0 0
    }

    .footerLegal {
        width: auto;
        left: 301.5px;
        top: 16px;
        line-height: 16px;
        flex-grow: inherit
    }

    #footerButton {
        padding: 0 24px 4px
    }

    .footerButtonLast {
        padding: 0 24px !important
    }

    .CBancoHipotecario {
        margin-left: auto
    }
}

@media (max-width: 673px) {
    .posicion {
        display: none
    }

    .footerDesktop {
        flex-direction: column;
        justify-content: center;
        padding: 16px;
        margin: 16px;
        height: 240px;
        border-radius: 8px
    }

    .footerOption {
        width: 296px;
        flex-direction: column;
        align-items: center;
        left: 16px;
        top: 48px;
        flex: none;
        align-self: inherit;
        flex-grow: 0;
        margin: 16px 0 0
    }

    .footerLegal {
        width: auto;
        left: 301.5px;
        top: 16px;
        line-height: 16px;
        flex-grow: inherit
    }

    #footerButton {
        padding: 0 24px 4px
    }

    .footerButtonLast {
        padding: 0 24px !important
    }

    .CBancoHipotecario {
        margin-left: auto
    }
}

#text_TerminosCondiciones {
    position: static;
    padding: 10px;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    flex-grow: 0
}

#containerformFA {
    margin: 2.5rem auto 0;
    display: flex;
    width: 27rem;
    padding: 3rem 2rem;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 24px;
    gap: 24px;
    border-radius: .5rem;
    background: #fff
}

.botonFA {
    width: 23.75rem;
    height: 3.188rem;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    padding: 1rem;
    text-align: left;
    font-family: "Roboto";
    font-style: bold;
    font-width: 126px;
    font-height: 19px;
    font-left: 16px;
    font-top: 16px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer
}

.botonFA:active,
.botonFA:focus {
    border: 1px solid #06ca75;
    box-sizing: border-box;
    border-radius: 8px
}

#ButtonsFac {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
    align-self: stretch
}

#containerforRusuario {
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    padding: 48px;
    max-width: 24em;
    display: grid
}

.h1QueEmpresa {
    width: 396px;
    height: 28px;
    margin-left: 250px;
    top: 247px
}

.grid-container {
    display: grid
}

.labletam {
    width: 3356px;
    height: 556px
}

.botonEmpresa {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-sizing: border-box;
    color: #5c5c5c;
    font-family: "Roboto";
    font-style: normal;
    font-width: 336px;
    font-height: 48px;
    font-left: 552px;
    font-top: 722px;
    font-weight: 500;
    font-size: 16px;
    width: 250px;
    height: 81px;
    padding-left: 0;
    padding-top: 0
}

.botonEmpresa:active,
.botonEmpresa:focus {
    border: 1px solid #06ca75;
    box-sizing: border-box;
    border-radius: 8px
}

.botonEmpresa:disabled {
    background: #e5e5e5
}

.gridBotones {
    display: grid
}

.botonCerrarSesion {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 48px;
    left: 552px;
    bottom: 492px;
    border: 1px solid #06ca75;
    box-sizing: border-box;
    border-radius: 8px;
    color: #06ca75;
    font-family: "Roboto";
    font-style: normal;
    font-width: 336px;
    font-height: 48px;
    font-left: 552px;
    font-top: 722px;
    font-weight: 500;
    font-size: 16px;
    background-color: #fff
}

.botonCerrarSesion:hover {
    border: 1px solid #00ab8e;
    color: #00ab8e
}

.TituloText {
    width: 336px
}

.botonSiguiente {
    background: #06ca75;
    border: none;
    border-radius: 8px;
    font-family: "Roboto";
    color: #fff;
    font-style: medium;
    font-width: 96px;
    font-height: 19px;
    font-left: 120px;
    font-top: 14.5px;
    font-weight: 500;
    font-size: 16px;
    width: 160px;
    height: 48px;
    left: 728px;
    bottom: 492px;
    cursor: pointer
}

.containerformBTNRecUsuario {
    grid-template-columns: auto 170px;
    display: grid;
    background-color: #fff
}

#errorCuitCuilEmpresa,
.CuitCuilEmpresa {
    margin-bottom: 16px;
    padding: 16px;
    width: 380px;
    height: 56px;
    left: 552px;
    top: 380px
}

#containerformRS {
    margin: 5.5em auto 0;
    display: grid;
    grid-gap: 1em;
    background-color: #fff;
    width: 27em;
    border-radius: 8px;
    text-align: center;
    padding: .75em 1em
}

.botonAceptarRS {
    background: #06ca75;
    border: none;
    border-radius: 8px;
    font-family: "Roboto";
    color: #fff;
    font-style: medium;
    font-width: 96px;
    font-height: 19px;
    font-left: 120px;
    font-top: 14.5px;
    font-weight: 500;
    font-size: 16px;
    width: 187px;
    height: 43px;
    left: 627px;
    top: 500px;
    cursor: pointer
}

.botonAceptarRS:hover {
    background: #00ab8e
}

.botonAceptarRS:disabled {
    background: #e5e5e5;
    color: #fff
}

#ContainerOpass {
    background: #fff;
    border-radius: .5rem;
    margin: 2.5em auto 0;
    width: 21rem;
    padding: 3rem;
    align-items: center
}

#ContainerOpass,
#inputs_Cuits {
    display: flex;
    flex-direction: column
}

#inputs_Cuits {
    grid-gap: 1.5rem;
    gap: 1.5rem;
    width: 100%
}

#buttons,
#TituloText {
    display: flex;
    align-items: flex-start;
    grid-gap: 1rem;
    gap: 1rem
}

#TituloText {
    flex-direction: column;
    align-self: stretch
}

#cuitCuilEmpresa,
#errorCuitCuilEmpresa {
    margin-bottom: 16px;
    padding: 16px;
    width: 380px;
    height: 56px;
    left: 552px;
    top: 380px
}

#errorCuitCuilEmpresa {
    margin-bottom: 16px;
    border: 2px solid #ff0202
}

#message_error {
    margin-bottom: 12px
}

#container-captcha {
    display: flex;
    width: 336px;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px
}

#container {
    background-image: url(media/fondo.png);
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 100%;
    background-color: #fff
}

#loginBody {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap
}

.loginBody-right {
    flex-direction: column;
    align-items: flex-end
}

.loginBody-left,
.loginBody-right {
    display: flex;
    padding: 16px;
    grid-gap: 10px;
    gap: 10px;
    align-self: stretch
}

.loginBody-left {
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    min-width: 500px
}

.loginBody-security {
    display: flex;
    max-width: 500px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    border-radius: 8px;
    border: 1.137px solid #dedede;
    background: #fff
}

.login-security-img {
    display: flex;
    width: 100px;
    height: 100px;
    padding: 8px;
    justify-content: center;
    align-items: center
}

.link-cuenta-riesgo {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    font-size: 1rem;
    color: #06ca75;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 500;
    width: 100%
}

#headerSidebarCuentaRiesgo {
    display: inline-flex;
    width: 30em;
    right: 0;
    top: 0;
    background: #fff
}

.step1 {
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem 0
}

.loginBody-security-text,
.step1 {
    display: flex;
    flex-direction: column
}

.loginBody-security-text {
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px;
    align-self: stretch;
    font-family: "Roboto";
    color: #333;
    font-style: normal;
    font-weight: 500
}

.loginBody-security-text h1 {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.loginBody-security-text-detail {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
    margin: 0;
    padding-inline-start: 24px;
    font-family: "Roboto";
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px
}

.loginBody-security-text-detail span {
    font-weight: 400;
    margin: 0
}

#help-block {
    margin-top: 12px
}

#containerform {
    background: #fff;
    border-radius: .5em;
    width: 100%;
    max-width: 27em;
    min-width: min-content;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 2em;
    left: 504px
}

#FormContainer {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 32px;
    gap: 32px
}

.form-container-button,
.form-container-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px;
    align-self: stretch
}

h1#titulo {
    width: 6.75em
}

#welcome {
    width: 7.75em;
    font-weight: 400
}

#errorBorder,
#inputBlanco,
.errorBorder,
.errorBorderRecupero {
    width: -webkit-fill-available;
    padding: 16px;
    font-size: 16px;
    height: 56px
}

#errorBorder,
.errorBorderRecupero {
    border: 2px solid #ff0202
}

.errorBorderRecupero {
    margin-bottom: 16px
}

.inputBlanco {
    width: -webkit-fill-available;
    padding: 16px;
    font-size: 16px;
    height: 56px
}

.errorBorder {
    border: 2px solid #ff0202
}

#TextRusuario {
    color: #9b9b9b
}

#container_check_destokp {
    display: grid;
    grid-template-columns: 30px 200px
}

#botonVerde,
label {
    font-family: "Roboto"
}

#botonVerde {
    background: #06ca75;
    align-items: center;
    width: auto;
    height: 3em;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-style: medium;
    font-width: 96px;
    font-height: 19px;
    font-left: 120px;
    font-top: 14.5px;
    font-weight: 500;
    font-size: 16px;
    transition: .8s
}

#cardHInfo {
    width: 25em;
    left: 0;
    border-radius: .25em;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    right: 0;
    top: calc(50% - 39px);
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    justify-content: space-between;
    padding: 1em 1em 1em .813em;
    flex: none;
    flex-grow: 1;
    margin: 0 auto;
    position: static;
    border-left: .188em solid #805adc;
    align-self: stretch
}

#cardHInfoContainer {
    display: grid;
    grid-template-columns: 1.438em 22.25em 1.438em
}

#cardHInfoTitle {
    width: 233px;
    height: 14px;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #805adc;
    flex: none;
    order: 0;
    flex-grow: 0
}

#cardHInfoText {
    flex: none;
    flex-grow: 0;
    margin: .25em 0
}

#cardHInfoClose {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.cardHInfoLink {
    color: #805adc;
    padding-right: 2px
}

#cardHInfoC,
#cardHInfoMob {
    display: none
}

#cardInfo {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: row;
    padding: 0;
    height: auto;
    left: 31.5em;
    top: 8.75em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em;
    border-left: .188em solid #805adc
}

.cardAlert-animation {
    animation: slide-in-right 1s ease-in-out both
}

.cardInfo-center {
    width: 443px;
    margin: 48px auto 0
}

.cardInfo-right {
    width: 380px;
    margin-bottom: 16px
}

#cardInfo-container {
    padding: 1em 1em 1em .813em;
    left: .188em;
    top: calc(50% - 39px);
    order: 1;
    margin: 0
}

#cardInfo-container,
#cardInfo-container section {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    position: static;
    flex: none;
    flex-grow: 1
}

#cardInfo-container section {
    padding: 0;
    height: auto;
    left: .813em;
    top: 1em
}

#cardInfo-img {
    position: static;
    border-radius: 2.188em;
    flex: none;
    flex-grow: 0
}

#cardInfo-text {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 2.875em;
    left: 1.5em;
    top: 0;
    flex-grow: 1;
    margin: 0 .5em;
    width: 100%
}

#cardInfo-container h1 {
    top: 0;
    font-weight: 500;
    color: #805adc;
    margin: 0 0 4px
}

#cardInfo-container h1,
#cardInfo-container h5 {
    position: static;
    left: 0;
    font-family: "Roboto";
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    flex: none;
    flex-grow: 0
}

#cardInfo-container h5 {
    width: 224px;
    top: 1.125em;
    font-weight: 400;
    display: flex;
    align-items: flex-end;
    color: #333;
    align-self: stretch;
    margin: 0
}

@media (min-width: 1200px) and (max-width:1439px) {
    #containerform {
        left: 384px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #container {
        min-width: 100%;
        width: 992px
    }

    #cardHInfoDesk {
        display: none
    }

    #containerform {
        width: 372px;
        left: 280px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #cardHInfoDesk {
        display: none
    }

    #containerform {
        left: 168px
    }

    #loginBody {
        min-height: 89vh
    }

    .loginBody-left {
        display: none
    }

    .loginBody-right {
        align-items: center;
        flex: 1 1;
        min-width: 500px
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #cardHInfoDesk {
        display: none
    }

    #cardHInfo {
        margin-bottom: 20px
    }

    #container {
        width: 576px;
        background-color: #f5f5f5;
        background-image: inherit;
        min-height: inherit;
        background-size: inherit;
        background-repeat: inherit
    }

    #loginBody {
        min-height: auto
    }

    #containerform {
        left: 0;
        margin: 0;
        max-width: inherit
    }

    .loginBody-left {
        display: none
    }
}

@media (max-width: 673px) {
    #cardHInfoDesk {
        display: none
    }

    #cardHInfo {
        margin-bottom: 20px;
        width: 328px
    }

    #cardHInfoContainer {
        width: 328px;
        display: flex;
        justify-content: space-between
    }

    #container {
        background-color: #f5f5f5;
        background-image: inherit;
        min-height: inherit;
        background-size: inherit;
        background-repeat: inherit
    }

    #containerform {
        left: 0;
        margin: 0;
        max-width: inherit
    }

    #loginBody {
        min-height: auto
    }

    .loginBody-left {
        display: none
    }

    .btnProblema {
        padding: 5px !important
    }
}

@media (max-width: 360px) {
    #cardHInfoDesk {
        display: none
    }

    #cardHInfo {
        margin-bottom: 20px;
        width: 280px
    }

    #cardHInfoContainer {
        width: 280px;
        display: flex;
        justify-content: space-between
    }

    .loginBody-left {
        display: none
    }
}

@media (max-width: 289px) {
    #container {
        background-color: #f5f5f5;
        background-image: inherit;
        min-height: inherit;
        background-size: inherit;
        background-repeat: inherit;
        width: 332px
    }

    #cardHInfoDesk,
    .loginBody-left {
        display: none
    }
}

.continuar-button {
    height: 48px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    background-color: #06ca75;
    color: #fff;
    cursor: pointer;
    transition: .2s;
    width: 200px
}

.continuar-button:active {
    transform: scale(.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.continuar-button:disabled {
    border: none;
    background-color: #dedede;
    cursor: not-allowed
}

.continuar-button-step2and3 {
    height: 48px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    background-color: #06ca75;
    color: #fff;
    cursor: pointer;
    transition: .2s;
    width: 24.625em
}

.continuar-button-step2and3:active {
    transform: scale(.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.continuar-button-step2and3:disabled {
    border: none;
    background-color: #dedede;
    cursor: not-allowed
}

.width-130 {
    width: 130px
}

.width-400 {
    width: 400px
}

@media (max-width: 436px) {
    .continuar-button-step2and3 {
        width: 100%
    }
}

.grid-perfil {
    grid-template-rows: .9fr .1fr !important
}

#main {
    background: linear-gradient(270deg, #fff 0, #fff 10%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 0);
    flex-grow: 1
}

#main .header {
    background: linear-gradient(90deg, var(--bg-left), var(--bg-right))
}

@media (orientation: landscape) {
    #main .header .title {
        transition: left var(--secs), right var(--secs)
    }

    #main .header .title.left-closed {
        left: var(--header-height)
    }

    #main .header .title.right-closed {
        right: var(--header-height)
    }
}

#left,
#right {
    transition: width var(--secs);
    width: 0
}

@media (orientation: landscape) {

    #left.open,
    #right.open {
        width: calc(1%*var(--landscape-width))
    }
}

#left .icon,
#right .icon {
    position: fixed;
    z-index: 10;
    width: var(--header-height);
    height: var(--header-height);
    line-height: var(--header-height);
    font-size: var(--header-height);
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

#left .sidebar,
#right .sidebar {
    transition: transform var(--secs)
}

@media (orientation: portrait) {

    #left .sidebar,
    #right .sidebar {
        width: var(--portrait-width)
    }
}

@media (orientation: landscape) {

    #left .sidebar,
    #right .sidebar {
        width: calc(1vw*var(--landscape-width))
    }
}

#left .sidebar .header,
#right .sidebar .header {
    width: calc(100% - var(--header-height))
}

#left {
    z-index: 5
}

#left .sidebar {
    background: var(--bg-left)
}

#left .sidebar.closed {
    transform: translateX(-100%)
}

#left .sidebar .header {
    left: var(--header-height)
}

.container {
    padding-top: 2em;
    display: grid;
    grid-row-gap: 1em;
    row-gap: 1em;
    grid-template-rows: auto;
    justify-items: center
}

#headerMiPerfil {
    margin-left: -32px;
    width: 448px;
    height: 56px;
    right: 0;
    top: 0;
    background: #fff;
    margin-bottom: 22px;
    padding-left: 10px
}

#backMiPerfil {
    padding-left: 24px;
    padding-right: 17px;
    padding-top: 14px;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer
}

#titleMiPerfil {
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 53px
}

#containerMiPerfil {
    position: fixed;
    width: 26em;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    display: inherit !important;
    grid-template-rows: inherit !important;
    padding: 0 2em;
    overflow-y: scroll;
    overflow-x: hidden
}

#mainMiPerfil {
    background: linear-gradient(270deg, #fff 0, #fff 10%, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .3) 0)
}

#main-panel-right,
#mainMiPerfil {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#main-panel-right {
    z-index: 1
}

.fondo {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fondoShow {
    display: none
}

#cerrar-rightsidebar-svg {
    transition: .1s
}

#cerrar-rightsidebar-svg:hover {
    transform: scale(1.05)
}

#sidebar {
    background: #add8e6;
    width: 448px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(-260px);
    opacity: 0;
    transition: transform 1s, opacity 1s
}

#sidebar.active {
    transform: translateX(0);
    opacity: 1
}

#editarPerfilLink {
    display: inline-grid;
    grid-template-columns: 6.5em .625em;
    flex-direction: row;
    cursor: pointer
}

#lineaPerfil {
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 55px;
    background: #e5e5e5
}

#containerDatosPerfil {
    display: grid;
    justify-items: center;
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 15em
}

.itemPerfil {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 384px;
    height: 56px;
    left: 1024px;
    top: 314px
}

.botonPerfil {
    background: #fff;
    border: none !important;
    box-sizing: border-box;
    color: #5c5c5c;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    height: auto !important;
    text-align: left;
    align-items: center;
    justify-items: left;
    padding-left: 0;
    padding: 1.25em 0 !important;
    display: grid;
    grid-template-columns: 1fr 6fr .1fr;
    cursor: pointer
}

.botonPerfil,
.btnCerrarSesion {
    width: 24em !important
}

@media (max-width: 436px) {
    .btnCerrarSesion {
        width: 21.5em !important
    }

    .botonPerfil {
        grid-template-columns: .1fr .75fr .1fr
    }
}

.sidebar {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 448px;
    right: 0;
    top: 0;
    background: #fff;
    margin: 0;
    transform: translateX(0);
    opacity: 1;
    z-index: 9999999999
}

.sidebar,
.sidebar--isHidden {
    transition: transform 1s, opacity 1s
}

.sidebar--isHidden {
    transform: translateX(448px);
    opacity: 0
}

.sidebarContent {
    padding: 5px 20px
}

.sidebarBody,
.sidebarContent {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px
}

.nuevocbu-input input,
.numberFormat-input input {
    font-size: 16px;
    padding: 16px;
    background-color: #fff;
    height: 3.125em;
    width: 24.5em;
    border: 1px solid #9b9b9b;
    transition: .2s;
    word-wrap: break-word
}

.nuevocbu-input input:hover,
.numberFormat-input input:hover {
    cursor: pointer
}

.w-90 {
    width: 90%
}

.numberFormat-input .numberFormat-input-disabled {
    border: 1px solid #dedede !important;
    cursor: auto !important
}

.nuevocbu-input-error input {
    font-size: 16px;
    padding: 16px;
    background-color: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ff0202;
    transition: .2s;
    word-wrap: break-word;
    color: #ff0202
}

.nuevocbu-input-error input:hover {
    cursor: pointer
}

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

    .nuevocbu-input input,
    .numberFormat-input input {
        width: 100%
    }
}

@media (max-width: 673px) {

    .nuevocbu-input input,
    .numberFormat-input input {
        width: 100% !important
    }
}

#stepsV2-text {
    position: static;
    width: auto;
    height: 1em;
    left: 1.5em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #805adc;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: .5em 0
}

#stepsV2-time-line {
    position: relative;
    height: 2px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 24px;
    overflow: hidden
}

.stepV2-segment {
    height: 100%;
    background: #dedede
}

.stepV2-segment.completed {
    background: #805adc
}

.stepV2-gap {
    height: 100%;
    background: #fff
}

#mainBajaTCO {
    background: linear-gradient(270deg, #fff 0, #fff 10%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#mainFBajaTCO {
    display: none
}

#containerBajaTCO {
    position: fixed;
    width: 28em;
    height: 59.9em;
    right: 0;
    top: 0;
    background: #f4f4f4;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: .1fr .16fr .3fr .5fr;
    padding: 0 2em;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

#text-body-preguntas {
    height: 7.063em;
    width: 23.75em;
    left: 64.25em;
    top: 31.375em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #333;
    margin-bottom: 1.563em
}

.btnBajaTCO {
    width: 100% !important;
    margin-bottom: 24px
}

.text-body-preguntasMob {
    display: block
}

@media (max-width: 436px) {
    #containerBajaTCO {
        left: 0;
        right: 0;
        padding: 0 1em 0 .5em;
        grid-template-rows: .05fr .12fr .55fr
    }

    #cardInfoContainer {
        grid-template-columns: 1.438em 19.25em 1.438em
    }

    .text-body-preguntasMob {
        display: none
    }
}

.grid-EditPhoneMail {
    grid-template-rows: .1fr .1fr 1fr .1fr !important;
    height: 91vh !important
}

.text-dark {
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem
}

#ContainerVmetodos {
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    padding: 2rem 1.5rem;
    max-width: 27em;
    display: grid;
    grid-gap: 1.5rem
}

#Buttons {
    display: grid;
    grid-gap: 1em
}

.linkFA {
    display: grid;
    grid-template-columns: auto .625em;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 16px;
    height: 51px;
    left: 1024px;
    top: 252px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 8px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #333;
    cursor: pointer
}

#Inputs {
    font-weight: 500;
    font-weight: 700
}

@media (max-width: 436px) {
    .linkFA {
        width: 296px
    }
}

#text-reenviar-email {
    position: static;
    height: auto;
    left: 0;
    top: 80px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 0
}

#ContainerRMetodos {
    width: 330px;
    padding: 48px;
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    display: grid;
    grid-gap: 2em
}

#buttons {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #fff
}

#Inputs {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-sizing: border-box;
    color: #5c5c5c;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 16px;
    height: 3em;
    text-align: inherit;
    width: 100%
}

@use "../../../../styles/thypography";

#ContainerNclave {
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    padding: 3em;
    max-width: 27em;
    display: grid;
    grid-gap: 2em;
    justify-items: center
}

@media (max-width: 436px) {
    #ContainerNclave {
        padding: 10em 1em .75em;
        width: 368px;
        height: 100vh;
        grid-template-rows: 0fr .1fr .1fr;
        grid-gap: inherit;
        margin: 0
    }
}

#containerFormChangePassBlock {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 2.5em auto 0;
    padding: .75em 1em;
    max-width: 27em;
    max-height: 23em
}

#containerformBTNVctoPassBlock {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #fff
}

#containerTextPassBlock {
    width: 350px;
    margin-top: 4px
}

.error,
.inputBlancoVctoPassBlock {
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 50px 16px 16px;
    width: 336px;
    height: 56px;
    left: 552px;
    top: 356px
}

#inputPositionPassBlock {
    position: relative
}

#inputImg {
    top: 18px;
    right: 16px
}

.error {
    border: 2px solid #ff0202
}

@media (max-width: 436px) {
    .grid-changePass {
        grid-template-rows: 0fr 0fr 1fr 5fr 9fr !important
    }
}

#containerForm {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 1em auto 0;
    padding: 3em 1em;
    max-width: 26em;
    max-height: inherit
}

.containerform-usr {
    margin: 5.5em auto 0 !important
}

#container_ChangePass {
    background: #fff;
    border-radius: .5em;
    max-width: 26em;
    min-width: min-content;
    width: 30%;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 0;
    margin: 1em auto 0;
    place-content: center;
    padding: 3em
}

#title_ChangePass {
    margin-bottom: 2.5em;
    text-align: left
}

#containerformBTNVctoPass {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #fff
}

#containerText {
    width: 350px;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 0
}

.error-claveVencida,
.inputBlancoVctoPass {
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 50px 16px 16px;
    width: 336px;
    height: 56px;
    left: 552px;
    top: 356px;
    font-size: 16px;
    line-height: 24px
}

#inputPosition {
    position: relative
}

#inputImg {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 16px;
    right: 30px
}

.error-claveVencida {
    border: 2px solid #ff0202
}

#containerformChangePass {
    background: #fff;
    border-radius: .5em;
    max-width: 27em;
    min-width: min-content;
    width: 30%;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 2em;
    margin: 5.5em auto 0;
    place-content: center;
    text-align: center;
    padding: .75em 1em
}

#FormContainerChangePass {
    display: grid;
    justify-items: center;
    margin-left: 3em;
    margin-right: 3em;
    grid-gap: .5em
}

#logoChangePass {
    height: 9.375em;
    width: 9.375em;
    margin-left: 74
}

@media (max-width: 436px) {
    #containerChangePass {
        background-image: none;
        min-width: inherit;
        display: grid
    }

    #containerformChangePass {
        grid-template-rows: repeat(2, 1fr)
    }
}

#containerChangePass {
    background-image: url(media/fondo.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 100vh;
    background-color: #fff
}

.mbChangePass {
    margin-bottom: 0
}

#containerformChangePassBloqueado {
    width: 524px;
    height: 412px;
    margin: 78px auto
}

#containerformChangePassBloqueado,
#containerFormUserYaMigrado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 458px;
    top: 170px;
    background: #fff;
    border-radius: 8px
}

#containerFormUserYaMigrado {
    width: 400px;
    height: auto;
    padding: 24px
}

#containerTextUserMigrado {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 48px;
    top: 220px;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#containerTextUserMigrado h1 {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

#containerTextUserMigrado h3 {
    position: static;
    height: 32px;
    left: 0;
    top: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    line-height: 32px
}

#containerformUserBloqueadoOld {
    width: auto;
    height: auto;
    left: 458px;
    top: 170px;
    background: #fff;
    border-radius: 8px
}

#containerformUserBloqueadoOld,
.containerformUserBloqueadoOld-loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.containerformUserBloqueadoOld-loading {
    padding: 0;
    width: 428px;
    height: 348px;
    left: 336px;
    top: 98px
}

#containerlogoBloqueado {
    position: static;
    left: 172px;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 24px
}

.logoBloqueado {
    width: 151.2px;
    height: 152.64px;
    left: 14.4px;
    top: 12.96px
}

#containerTextBloqueado {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 48px;
    top: 220px;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#containerTextBloqueado h3 {
    height: 32px;
    top: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    align-self: stretch;
    margin: 0 0 16px
}

#containerTextBloqueado h1,
#containerTextBloqueado h3 {
    position: static;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    text-align: center;
    color: #333;
    flex: none;
    flex-grow: 0
}

#containerTextBloqueado h1 {
    width: 428px;
    top: 48px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
    margin: 0 0 24px
}

#containerButtonBloqueado {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 70%;
    height: 48px;
    left: 104px;
    top: 316px;
    flex: none;
    flex-grow: 0;
    margin: 0
}

#footerChangePassBloqueado {
    display: block
}

.posicion-footerChangePassBloqueado {
    width: 100%;
    position: fixed;
    bottom: 0
}

@media (min-width: 1200px) and (max-width:1439px) {
    #containerformChangePassBloqueado {
        left: 384px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #containerformChangePassBloqueado {
        left: 280px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #containerformChangePassBloqueado {
        margin: 78px auto
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #containerformChangePassBloqueado {
        margin: 78px auto;
        padding: 30px 0
    }

    #containerChangePass {
        background-color: #f5f5f5;
        background-image: inherit;
        min-height: inherit;
        background-size: inherit;
        background-repeat: inherit
    }

    #containerFormUserMigrado {
        margin-left: 0;
        width: auto
    }
}

@media (max-width: 673px) {
    #containerformChangePassBloqueado {
        height: 100vh;
        margin: 0;
        width: inherit
    }

    #footerChangePassBloqueado {
        display: none
    }

    #containerButtonBloqueado {
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        height: 160px
    }

    #containerChangePass {
        background-image: inherit !important;
        min-height: inherit !important;
        background-size: inherit !important;
        background-repeat: inherit !important
    }

    #containerFormUserMigrado {
        margin-left: 0;
        width: auto
    }
}

#containerNewUser {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 2.5em auto 0;
    padding: .75em 1em;
    max-width: 27em;
    max-height: 43.75em
}

#containerFormNewUser {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #fff
}

#inputPositionNewUser {
    position: relative
}

#inputBlancoNuevoUsuario {
    margin-bottom: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 50px 16px 16px;
    width: 380px;
    height: 56px;
    left: 552px;
    top: 356px
}

.tituloNuevoUsuario {
    margin-top: 0 !important;
    width: 25em;
    color: #333
}

.btnNuevoUsuario {
    width: 23.75em !important
}

#inputImgNuevoUsuario {
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    top: 1em;
    right: 2.625em
}

@media (max-width: 436px) and (max-width:667px) {
    #containerforRusuarioGrid {
        width: 18.5em
    }

    #containerNewUser {
        display: grid;
        grid-template-rows: auto auto auto auto auto auto;
        min-height: 100vh;
        margin: inherit;
        padding: 2em 3.5em
    }

    .tituloNuevoUsuario {
        width: 19.688em
    }

    #inputBlancoNuevoUsuario {
        width: 23em
    }

    #inputImgNuevoUsuario {
        right: 1.15em
    }

    #containerFormNewUser {
        grid-template-columns: inherit
    }
}

#containerError {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    padding: 3em;
    max-width: 27em;
    max-height: 23em;
    text-align: center
}

.title-error {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #333
}

.subtitle-error,
.title-error {
    font-family: "Roboto";
    font-style: normal
}

.subtitle-error {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

#containerNewUserSuccess {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 2.5em auto 0;
    padding: .75em 1em;
    max-width: 27em;
    max-height: 43.75em
}

#containerBtnNUSuccess {
    text-align: center
}

#boxUsuarioSuccess {
    margin: 0 auto;
    padding: 3.875em 0 .8em
}

.btnNUSuccess {
    height: 2.688em;
    width: 11.688em !important;
    left: 40.813em;
    top: 29.813em;
    border-radius: .5em;
    padding: .75em 1em;
    cursor: pointer
}

.textFirstNUSuccess {
    width: 100%;
    height: 1.188em;
    left: 38.313em;
    top: 24.125em;
    line-height: 1.188em;
    color: #333;
    text-align: center
}

.textSecondNUSuccess {
    width: 20.875em;
    height: 2em;
    left: 36.188em;
    top: 26.313em;
    line-height: 1em;
    text-align: center;
    color: #333;
    margin-top: 0
}

@media (max-width: 436px) and (max-width:667px) {
    #containerNewUserSuccess {
        display: grid;
        grid-template-rows: auto 4.25em auto auto 13.125em auto;
        min-height: 100vh;
        margin: inherit;
        padding: 0 3.5em
    }
}

#titleHelp {
    margin: 40px 225px 0;
    padding: .75em 1em;
    max-width: 650px
}

#containerHelp {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    width: 990px;
    height: 239px;
    left: 225px;
    top: 232px;
    margin: 0 225px
}

.boxHelp {
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    width: 239px;
    height: 239px;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 8px;
    flex: none;
    flex-grow: 0;
    margin: 0 16px 0 0
}

.boxHelp,
.iconOptionHelp {
    display: flex;
    align-items: flex-start;
    position: static;
    order: 0
}

.iconOptionHelp {
    width: 48px;
    top: 109px;
    background: #f4f4f4;
    border-radius: 28px
}

.iconOptionHelp,
.optionHelp {
    flex-direction: row;
    height: 48px;
    left: 24px;
    flex: none;
    flex-grow: 0;
    margin: 10px 0
}

.optionHelp {
    display: flex;
    align-items: flex-end;
    padding: 0;
    position: static;
    width: 191px;
    top: 167px;
    order: 1;
    align-self: stretch;
    cursor: pointer
}

.optionHelp p {
    position: static;
    width: 159px;
    height: 48px;
    left: 0;
    top: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0 8px
}

.arrow-point {
    height: 24px;
    left: 167px;
    top: 24px;
    flex: none;
    flex-grow: 0;
    margin: 0 8px
}

.arrow-img {
    width: 24px;
    height: 24px
}

@media (max-width: 436px) {
    #titleHelp {
        margin: 32px 16px 0;
        padding: 0
    }

    #containerHelp {
        margin: 0 16px;
        padding: 0
    }
}

@media (max-width: 992px) {
    #containerHelp {
        flex-direction: column;
        width: auto;
        height: auto
    }

    .boxHelp {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 16px;
        width: 328px;
        height: 72px;
        left: 16px;
        top: 196px;
        margin-bottom: 8px
    }

    .optionHelp p {
        width: 235px;
        height: 32px
    }

    .arrow-point {
        height: 32px
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 100
}

.modal-detalle-loading {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.alignRight {
    text-align: right
}

.display-block {
    display: block
}

.display-none {
    display: none !important
}

#boxModal {
    display: grid;
    grid-template-rows: .1fr 1.7fr;
    grid-gap: 0 0;
    gap: 0 0;
    grid-auto-flow: row;
    background: #fff;
    border-radius: .5em;
    padding: 1.5em
}

#boxModal,
#boxModal-basic {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#closeModal {
    width: 1.5em;
    height: 1.5em;
    cursor: pointer
}

#titleModal,
#titleModal-redirigir {
    text-align: center;
    width: auto;
    height: 1.375em;
    left: 32.938em;
    top: 17em;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375em;
    color: #333;
    margin-block-start: 1em;
    margin-block-end: 1em
}

#titleModal-redirigir {
    text-align: left;
    margin-block-start: 2em;
    margin-block-end: 1.375em
}

#textModal {
    width: 22.688em;
    height: auto;
    left: 32.938em;
    top: 19.875em;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125em;
    color: #333;
    margin: 0 0 1.5em
}

.display-desk {
    display: block
}

.display-mob {
    display: none
}

.btnGreenModal {
    display: flex;
    width: 100% !important
}

#closeContainerTimeOut {
    display: none
}

.button-loading {
    width: 276px !important;
    padding: 15px !important
}

#containerButton {
    display: grid;
    grid-template-columns: 200px 200px;
    background-color: #fff;
    margin: 0 60px
}

#containerModal {
    display: grid;
    grid-row-gap: 1em;
    row-gap: 1em;
    grid-template-rows: auto;
    justify-items: center
}

.boxUniUsuario {
    width: 548px
}

.textUniUsuario {
    width: 95% !important
}

.btnUniUsuario {
    display: flex;
    width: 180px !important;
    position: static;
    top: 14.5px;
    line-height: 19px;
    flex: none;
    margin: 0 16px;
    cursor: pointer
}

#headerRightModal {
    margin-left: -32px;
    width: 448px;
    height: 56px;
    right: 0;
    top: 0;
    background: #fff;
    margin-bottom: 22px;
    padding-left: 10px
}

#layout {
    display: flex;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#layout .header {
    position: relative;
    height: var(--header-height);
    text-align: center
}

#layout .header .title {
    position: absolute;
    left: 0;
    right: 0
}

#layout .content {
    overflow: auto;
    box-sizing: border-box;
    height: calc(100vh - var(--header-height));
    padding: 1rem
}

#right {
    background: #fff
}

#right .icon {
    right: 0
}

#right .sidebar {
    background: var(--bg-right)
}

@media (orientation: portrait) {
    #right .sidebar.open {
        transform: translateX(-100%)
    }
}

#modal-lista-cuit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.875em 3em 3em;
    width: auto;
    height: auto;
    left: 28.625em;
    top: 10.75em;
    background: #fff;
    border-radius: .5em
}

#img-lista-cuit {
    position: static;
    left: 10.75em;
    top: 1em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 1.5em
}

#content-lista-cuit {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    width: 26.75em;
    height: auto;
    left: 3em;
    top: 13.75em;
    flex: none;
    order: 1;
    align-self: auto;
    flex-grow: 0;
    margin-bottom: 1.5em
}

#content-lista-cuit p {
    height: auto;
    top: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    order: 0;
    margin: 0 0 1em
}

#content-lista-cuit p,
#content-lista-cuit span {
    position: static;
    width: 428px;
    left: 0;
    font-family: "Roboto";
    font-style: normal;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#content-lista-cuit span {
    height: 24px;
    top: 5em;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    order: 1;
    margin: 0
}

.link-lista-cuit {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #805adc;
    order: 2;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 2px
}

#button-lista-cuit {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 100%;
    height: auto;
    left: 6.5em;
    top: 21.75em;
    flex: none;
    order: 2;
    flex-grow: 0
}

#box-uniUsuario {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em;
    width: auto;
    height: auto;
    left: 28.625em;
    top: 10.75em;
    background: #fff;
    border-radius: .5em
}

#img-uniUsuario {
    left: 10.75em;
    top: 1em;
    flex: none;
    order: 0;
    flex-grow: 0
}

#img-uniUsuario,
#info-uniUsuario {
    position: static;
    margin-bottom: 1.5em
}

#info-uniUsuario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    width: 26.75em;
    height: auto;
    left: 3em;
    top: 13.75em;
    flex: none;
    order: 1;
    flex-grow: 0
}

#info-uniUsuario p {
    top: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    order: 0;
    margin: 0 0 1em
}

#info-uniUsuario p,
#info-uniUsuario span {
    position: static;
    width: 428px;
    height: auto;
    left: 0;
    font-family: "Roboto";
    font-style: normal;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#info-uniUsuario span {
    top: 5em;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    order: 1;
    margin: 0
}

#box-btn-uniUsuario {
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    left: 3.375em;
    top: 24.75em;
    order: 2;
    margin: 0
}

#box-btn-uniUsuario,
.button-UniUsuario {
    display: flex;
    position: static;
    flex: none;
    flex-grow: 0
}

.button-UniUsuario {
    width: 12.5em !important;
    order: 0;
    margin: 0 .5em
}

#boxModal-session {
    align-items: center;
    padding: 0;
    width: 32.75em;
    font-size: 16px
}

#boxModal-flex,
#boxModal-session {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: .5em;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff
}

#boxModal-flex {
    max-width: 56.25em;
    padding: 1.5em
}

#close-session {
    align-items: flex-end;
    padding: 1em;
    top: 0;
    cursor: pointer
}

#close-session,
#container-session {
    display: flex;
    flex-direction: column;
    position: static;
    left: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#container-session {
    justify-content: center;
    align-items: center;
    width: 32.75em;
    height: auto;
    top: 3em
}

#container-logo-session {
    position: static;
    left: 10.75em;
    top: 1em;
    flex: none;
    flex-grow: 0;
    margin: .75em 0
}

#content-session {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 3em;
    top: 13.75em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: .75em 0
}

#content-session p {
    position: static;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #333;
    margin: 0
}

#button-session {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    left: 6.5em;
    top: 17.25em;
    flex: none;
    flex-grow: 0;
    margin: .75em 0 3em
}

.btn-session {
    width: 9.375em !important;
    margin: 0 .5em
}

.btn-EnviarBandejaFirmas {
    display: flex;
    padding: 12px 24px;
    grid-gap: 16px;
    gap: 16px;
    width: auto !important
}

#containerFirmarOperacion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em 1.5em;
    width: auto;
    height: auto;
    left: 28.625em;
    top: 14.625em
}

.imgFirmarOperacion {
    width: 180px;
    height: 180px
}

#containerConfirmarCambiosOperador,
#containerEliminarOperador {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em 1.5em;
    width: auto;
    height: auto;
    left: 28.625em;
    top: 14.625em
}

#containerlogoEliminarOperador {
    position: static;
    left: 10.75em;
    top: 1em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 1.5em
}

.logoBuho {
    width: 180px;
    height: 180px
}

#containerTextConfirmarCambiosOperador,
#containerTextEliminarOperador {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    height: auto;
    left: 3em;
    top: 13.75em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 1em 0 1.5em
}

#TextEliminarOperador {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0 0 24px;
    text-align: center;
    width: 26.75em
}

#containerTextConfirmarCambiosOperador h2,
#containerTextEliminarOperador h2 {
    position: static;
    width: auto;
    left: 0;
    top: 0;
    width: 466px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto
}

#containerTextConfirmarCambiosOperador h3,
#containerTextEliminarOperador h3 {
    position: static;
    width: auto;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto
}

#containerButtons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    grid-gap: 1em;
    gap: 1em
}

#containerButtonConfirmarCambiosOperador,
#containerButtonEliminarOperador {
    display: grid;
    grid-template-columns: 160px 160px;
    justify-content: center;
    grid-column-gap: 2em;
    column-gap: 2em;
    width: 100%;
    padding: 0;
    left: 6.5em;
    top: 19.25em;
    flex: none
}

.btnButton_FirmaConjuntaRedirect {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 12.875em !important;
    margin-left: 1em
}

.btnButton_ConfirmarCambiosOperador,
.btnButton_EliminarOperador {
    display: flex;
    padding: .75em 1.5em !important;
    position: static;
    width: 9.375em !important;
    top: 0;
    flex: none;
    flex-grow: 1
}

.btnButtonCancel_ConfirmarCambiosOperador,
.btnButtonCancel_EliminarOperador {
    display: flex;
    padding: .75em 1.5em !important;
    position: static;
    width: 9.375em !important;
    flex: none;
    flex-grow: 0;
    margin-left: 1em
}

#containerTextConfirmarCambiosOperador h3 {
    position: static;
    width: 428px;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto
}

.factores-btn {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 0 16px 0 19px;
    color: #805adc;
    cursor: pointer
}

.factores-content {
    padding: 0 48px
}

.factores-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin: 1.5em 0 1em
}

.factores-subtitle,
.factores-title {
    font-family: "Roboto";
    text-align: center;
    font-style: normal;
    color: #333
}

.factores-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 1.5em
}

.factores-button {
    display: flex;
    height: 3em;
    justify-content: center;
    align-items: center;
    grid-gap: 1em;
    gap: 1em;
    flex: 1 0;
    border-radius: .5em;
    background: #06ca75
}

.titleDownload {
    width: 272px;
    height: 48px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    flex: none;
    flex-grow: 1;
    padding-bottom: .5em
}

#option-download {
    display: flex;
    flex-direction: column;
    width: 20em;
    height: auto
}

#option-download label {
    display: flex;
    flex-direction: row
}

#option-download label span {
    padding: .5em 0 0;
    height: 4.5em;
    width: 100%;
    align-self: stretch;
    cursor: pointer
}

#option-download label span,
.icon-option-download {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: none;
    flex-grow: 0
}

.icon-option-download {
    justify-content: center;
    padding-right: 1em
}

#option-download label p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 13em;
    height: 1em;
    flex: none;
    flex-grow: 1;
    margin: 0
}

.spinner-modal {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 20em;
    height: 13.5em
}

#containerTextOperadorExistente {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 48px;
    top: 220px;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#containerTextOperadorExistente h1 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    height: auto;
    margin: 0
}

#containerTextOperadorExistente h3 {
    position: static;
    height: auto;
    left: 0;
    top: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    line-height: 32px;
    margin: 0
}

#modal-menu-mobile-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 40px;
    height: 100%
}

#modal-menu-mobile-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.5em;
    width: auto;
    height: auto;
    left: 67.25em;
    top: 17.063em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    margin-left: -202px
}

.modal-menu-mobile-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .5em .5em 0;
    width: auto;
    height: 2.5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

@media (min-width: 576px) and (max-width:767px) {
    #modal-lista-cuit {
        height: 540px;
        padding: 0
    }

    #boxModal {
        width: auto
    }

    #content-lista-cuit p {
        align-self: auto !important;
        width: 200px;
        margin: auto 0
    }

    #modal-menu-mobile-list {
        display: flex;
        flex-direction: inherit;
        background: inherit;
        width: 100vw !important;
        padding: 0;
        margin-left: inherit
    }

    .modal-menu-mobile-margin {
        width: auto !important
    }
}

@media (max-width: 673px) {
    #modal-lista-cuit {
        height: 540px;
        padding: 0
    }

    #button-lista-cuit {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
        line-height: 4
    }

    #boxModal {
        width: auto
    }

    #content-lista-cuit p {
        align-self: auto !important;
        width: 200px;
        margin: auto 0
    }

    #modal-menu-mobile-list {
        display: flex;
        flex-direction: inherit;
        background: inherit;
        width: 100vw !important;
        padding: 0;
        margin-left: inherit
    }

    .menu-acciones-list-margin-mob {
        width: auto !important
    }

    #containerConfirmarCambiosOperador,
    #containerEliminarOperador {
        height: 304px
    }

    #containerConfirmarCambiosOperador img,
    #containerEliminarOperador img {
        display: none
    }

    #containerButtonConfirmarCambiosOperador,
    #containerButtonEliminarOperador {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
        position: static;
        left: 6.5em;
        top: 19.25em;
        flex: none;
        flex-grow: 0
    }
}

@media (max-width: 436px) {
    #modal-lista-cuit {
        height: 540px;
        padding: 0
    }

    #button-lista-cuit {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
        line-height: 4
    }

    #titleModal-redirigir {
        margin-block-end: 1em;
        height: auto
    }

    #textModal {
        width: 20em;
        margin-bottom: 1em
    }

    .display-desk {
        display: none
    }

    .display-mob {
        display: block
    }

    #containerButton {
        display: inline-grid;
        grid-template-columns: none;
        width: 100%;
        grid-template-rows: 3.5em 0;
        margin: 0 auto
    }

    .boxUniUsuario {
        width: 19em;
        height: 22em
    }

    .btnUniUsuario {
        margin: 0 !important
    }
}

@media (max-width: 673px) {
    #containerFirmarOperacion {
        width: 20.313em;
        height: 28.125em;
        padding: 0
    }

    .imgFirmarOperacion {
        width: 130px;
        height: 130px
    }

    #containerTextConfirmarCambiosOperador h2,
    #containerTextEliminarOperador h2 {
        width: 261px;
        height: 64px
    }
}

#modal-calendario-cedip {
    width: "330px";
    height: "370px";
    display: "flex";
    flex-direction: "column";
    justify-content: "center";
    top: "30%";
    align-items: "center"
}

#modal-calendario-cedip p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

#modal-calendario-cedip .invalid-text {
    color: #ff0202;
    margin-bottom: 0;
    font-size: 14px
}

#modal-calendario-cedip button {
    background: transparent;
    font-size: 16px;
    line-height: 24px;
    float: right;
    border: none;
    color: #06ca75;
    cursor: pointer
}

#modal-calendario-cedip button:disabled {
    color: #b9b9b9
}

.GenericButton {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    padding: 12px 24px;
    text-align: center;
    transition: .1s
}

.GenericButton:active {
    transform: scale(.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .116)
}

.GenericButton-disabled {
    background-color: #dedede !important;
    color: #fff;
    cursor: default
}

.GenericButton-primary {
    border: none;
    background-color: #06ca75;
    color: #fff
}

.GenericButton-primary:hover {
    background: #00ab8e
}

.GenericButton-secondary {
    border: 1px solid #06ca75;
    background-color: #fff;
    color: #06ca75
}

.GenericButton-secondary:hover {
    border: 1px solid #00ab8e;
    color: #00ab8e
}

.GenericButton-text {
    font-weight: 500;
    margin: 0;
    width: 100%;
    text-align: center;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    justify-content: center
}

.GenericButton-image,
.GenericButton-image-left {
    width: 18px
}

.ModalContainer {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ModalContainer-body {
    text-align: center;
    width: 428px
}

.ModalContainer-body .ModalContainer-title {
    font-size: 24px;
    font-weight: 500
}

.ModalContainer-body .ModalContainer-titlesubtitle {
    font-size: 16px
}

.ModalContainer-footer {
    grid-gap: 16px;
    gap: 16px;
    display: flex;
    justify-content: space-around;
    padding-bottom: 16px
}

.fila {
    padding: 1rem 2rem 1rem 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: .125rem;
    gap: .125rem;
    align-self: stretch;
    font-family: Roboto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

.marco_rojo {
    background-color: rgba(255, 0, 0, .1)
}

.columna {
    background: #dedede;
    background: var(--Gray-100, #dedede);
    padding: 1rem 2rem 1rem 1rem;
    border: 0 solid #dedede;
    border: 0 solid var(--Gray-100, #dedede);
    text-align: justify;
    font-family: Roboto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    min-width: 65px
}

.tabla th:first-child {
    border-radius: 8px 0 0 0
}

.tabla th:last-child {
    border-radius: 0 8px 0 0
}

.tabla {
    min-width: 100%;
    border-radius: .5rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede)
}

#tabla ::-webkit-scrollbar {
    width: 8.25rem;
    height: .5rem
}

#tabla ::-webkit-scrollbar-track {
    background: #f4f4f4
}

#tabla ::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background: #dedede;
    background: var(--Gray-100, #dedede)
}

.contenedorTabla {
    width: 72vw;
    overflow-x: auto;
    white-space: nowrap;
    min-height: 300px
}

.tabla1,
.tabla2 {
    display: inline-block;
    background: #fff;
    background: var(--White, #fff)
}

.tablas {
    border-radius: 1rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    width: -moz-fit-content;
    width: fit-content;
    display: flex
}

.tabla1 th:first-child {
    border-radius: 8px 0 0 0
}

.tabla2 th:last-child {
    border-radius: 0 8px 0 0
}

.tabla1 {
    position: sticky;
    top: 0;
    left: 0;
    box-shadow: 4px 0 15px 0 rgba(0, 0, 0, .2)
}

.tabla2 {
    flex-grow: 1
}

.paginado {
    flex-direction: row;
    grid-gap: .5rem;
    gap: .5rem;
    align-self: stretch
}

.botonPagina,
.paginado {
    display: flex;
    justify-content: center;
    align-items: center
}

.botonPagina {
    width: 2rem;
    height: 2rem;
    flex-direction: column;
    grid-gap: .625rem;
    gap: .625rem;
    color: #805adc;
    color: var(--Secondary-Color, #805adc);
    cursor: pointer;
    text-align: center;
    font-family: Roboto;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: .875rem
}

.paginas {
    display: flex;
    font-size: 16px
}

.chevron {
    cursor: pointer
}

.active {
    border-radius: .5rem;
    background: #805adc;
    background: var(--Secondary-Color, #805adc);
    color: #fff;
    color: var(--White, #fff)
}

.container-item {
    position: relative
}

.container-item-no-hover {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 8px;
    transition: .2s
}

.container-item-no-hover:hover {
    background-color: inherit !important
}

.GenericItem-cabecera {
    grid-gap: 8px;
    gap: 8px
}

.GenericItem-cuerpo {
    padding-left: 8px
}

.titulo-cuota-custom .GenericItem-tituloTexto {
    font-family: Roboto;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.subtitulo-cuota-custom .GenericItem-subtitulo {
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    height: auto
}

.no-border {
    border: none
}

.no-padding-left {
    padding-left: 0 !important
}

.GenericItem-subtitulo-amount {
    color: #333 !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    font-size: 16px !important
}

.img-icon-ajustado {
    margin-left: 3px;
    width: 80%;
    height: 80%
}

.GenericSelectList,
.GenericSelectListSeacher {
    max-width: 276px;
    position: absolute;
    margin-left: -12px
}

.GenericSelectList,
.GenericSelectListPosition,
.GenericSelectListPositionAbsolute,
.GenericSelectListSeacher {
    margin-top: 26px;
    z-index: 99;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    transform: translateY(-20px);
    max-height: 304px;
    padding-left: "8px";
    padding-right: "8px"
}

.GenericSelectListPosition,
.GenericSelectListPositionAbsolute {
    max-width: 360px;
    position: relative
}

.GenericSelectListPositionAbsolute {
    position: absolute
}

.GenericSelectListSeacher {
    max-height: 536px;
    margin-left: 0
}

.item-SelectListSeacher {
    max-height: 448px
}

.genericSelectItem-text {
    width: 172px
}

.genericSelectItem-text,
.genericSelectItem-text-long {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.genericSelectItem-text-long {
    width: auto
}

.GenericSelectListV2 {
    margin-top: 26px;
    max-width: 276px;
    z-index: 99;
    position: absolute;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    transform: translateY(-20px);
    margin-left: -12px;
    max-height: 304px;
    padding-left: "8px";
    padding-right: "8px"
}

.badge {
    padding: .25em .5em;
    align-items: flex-start;
    grid-gap: .5em;
    gap: .5em;
    border-radius: .25em
}

.badge,
.circular-badge {
    display: flex;
    font-family: "Roboto";
    font-size: 12px !important;
    color: #fff !important;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.circular-badge {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: red;
    width: 1.5em;
    height: 1.5em
}

.wrg-toggle {
    touch-action: pan-x;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.wrg-toggle-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.wrg-toggle-check,
.wrg-toggle-uncheck {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 0;
    opacity: 0;
    transition: opacity .25s ease
}

.wrg-toggle-check {
    left: 8px
}

.wrg-toggle-uncheck {
    opacity: 1;
    right: 10px
}

.wrg-toggle-check span,
.wrg-toggle-uncheck span {
    align-items: center;
    display: flex;
    height: 10px;
    justify-content: center;
    position: relative;
    width: 10px
}

.wrg-toggle-container {
    width: 32px;
    height: 20px;
    padding: 0;
    border-radius: 30px;
    background-color: #9b9b9b;
    transition: .2s
}

.wrg-toggle-container-checked {
    width: 32px;
    height: 20px;
    padding: 0;
    border-radius: 30px;
    background-color: #805adc;
    transition: all .2s ease
}

.wrg-toggle-circle {
    transition: all .5s cubic-bezier(.23, 1, .32, 1) 0ms;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    background-color: #fafafa;
    box-sizing: border-box;
    transition: all .25s ease
}

.wrg-toggle--checked .wrg-toggle-check {
    opacity: 1
}

.wrg-toggle--checked .wrg-toggle-uncheck {
    opacity: 0
}

.wrg-toggle--checked .wrg-toggle-circle {
    left: 13px;
    border: 1px solid #805adc
}

.alert-component-body {
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 16px
}

.MensajeAlertaAbajo {
    padding-right: 1rem;
    width: 61.9375rem;
    height: 104px;
    position: fixed;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: row;
    bottom: 1.6rem;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em
}

.MensajeAlertaAbajo .MensajeAlertaAbajo-text {
    padding: 16px 0 0 8px;
    width: 100%
}

.MensajeAlertaAbajo .MensajeAlertaAbajo-close,
.MensajeAlertaAbajo .MensajeAlertaAbajo-icono {
    height: 1rem;
    width: 1rem;
    padding: 24px 0 16px 16px
}

.MensajeAlertaAbajo .MensajeAlertaAbajo-close {
    cursor: pointer
}

.MensajeAlertaAbajo .MensajeAlertaAbajo-btn {
    color: #805adc;
    color: var(--Secondary-Color, #805adc);
    font-size: 1rem;
    margin: 0;
    font-weight: 400;
    text-align: end;
    cursor: pointer
}

.MensajeAlertaAbajo h1 {
    font-size: 16px;
    margin: 0
}

.MensajeAlertaAbajo h5 {
    font-size: 14px;
    margin: 0;
    line-height: 1.5
}

.MensajeAlerta {
    width: 320px;
    height: 104px;
    position: fixed;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: row;
    padding: 0;
    right: 2.125em;
    top: -1.45em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em
}

.MensajeAlerta .MensajeAlerta-text {
    padding: 16px 0 0 8px;
    width: 100%
}

.MensajeAlerta .MensajeAlerta-icono {
    height: 16px;
    padding: 24px 0 16px 16px
}

.MensajeAlerta .MensajeAlerta-close {
    height: 12px;
    padding: 24px 16px;
    cursor: pointer
}

.MensajeAlerta h1 {
    font-size: 16px;
    margin: 0
}

.MensajeAlerta h5 {
    font-size: 14px;
    margin: 0;
    line-height: 1.5
}

.file-uploader {
    text-align: center;
    transition: background-color .3s ease;
    width: 57rem;
    height: 19rem;
    position: relative;
    margin: auto;
    border-radius: .5rem;
    border: 1px dashed #9b9b9b;
    border: 1px dashed var(--Gray-200, #9b9b9b)
}

.content,
.file-uploader {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    grid-gap: .5rem;
    gap: .5rem;
    font-family: Roboto
}

.drag {
    border: 2px dashed #805adc;
    border: 2px dashed var(--Secondary-Color, #805adc);
    border-radius: .5rem
}

.blur {
    background: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.subdragging {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    grid-gap: .25rem;
    gap: .25rem;
    border-radius: .5rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    background: #fff;
    background: var(--White, #fff);
    font-size: 16px;
    font-family: Roboto
}

.file-uploader p {
    margin: 0
}

.contenedor {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    background: #fff;
    background: var(--White, #fff);
    font-size: 16px
}

.texto {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    width: 25rem
}

.cuentas {
    font-size: .875rem;
    line-height: 1.375rem
}

.archivo {
    padding: 1rem 0 .5rem;
    flex-direction: column;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px dashed #9b9b9b;
    border: 1px dashed var(--Gray-200, #9b9b9b);
    background: #fff;
    background: var(--White, #fff)
}

.archivo,
.descarga {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem
}

.descarga {
    cursor: pointer;
    padding: .75rem 1.5rem;
    border-radius: .5rem
}

.descargaTexto {
    color: #06ca75;
    color: var(--Main-Green, #06ca75);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.eliminar {
    font-size: 16px;
    justify-content: flex-end;
    grid-gap: 1rem;
    gap: 1rem;
    align-self: stretch
}

.eliminar,
.eliminarImg {
    display: flex;
    align-items: center
}

.eliminarImg {
    cursor: pointer;
    height: 1.5rem;
    grid-gap: .25rem;
    gap: .25rem
}

.elminarTexto {
    color: #9b9b9b;
    color: var(--Gray-200, #9b9b9b);
    font-family: Roboto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

.info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem
}

.footer {
    align-items: flex-end;
    display: inline-flex;
    position: absolute
}

.footer,
.footerFixed {
    padding: 16px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    justify-content: flex-end;
    grid-gap: 24px;
    gap: 24px;
    left: 0;
    right: 0;
    bottom: 0
}

.footerFixed {
    align-items: center;
    display: flex;
    position: fixed;
    width: 100%;
    height: 60px
}

.total {
    font-size: 14px;
    line-height: 22px
}

.total,
.totalImporte {
    text-align: right;
    color: #333;
    font-family: "Roboto", sans-serif;
    word-wrap: break-word
}

.totalImporte {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.totalTitulo {
    color: #333;
    color: var(--Dark-Gray, #333);
    text-align: right;
    font-family: Roboto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

.ceseLaboral {
    display: flex;
    padding: .75rem 0;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    flex: 1 0
}

.ceseLaboral span {
    overflow: hidden;
    color: #333;
    color: var(--Dark-Gray, #333);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem
}

.Detalles-container {
    width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #dedede
}

.DetalleCuenta-header {
    font-size: 14px;
    padding: 8px 16px;
    border-bottom: 1px solid #dedede
}

.DetalleCuenta-titulo {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px
}

.DetalleCuenta-subtitulo {
    font-size: 12px;
    color: #757575
}

.box-border {
    display: flex;
    width: 24em;
    padding: 1em;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: .25em;
    gap: .25em;
    border-radius: .5em;
    border: .063em solid #dedede
}

.box-border h1 {
    font-size: 12px;
    color: #757575;
    line-height: 14px
}

.box-border h1,
.box-border h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    margin: 0
}

.box-border h2 {
    font-size: 14px;
    color: #000;
    line-height: normal
}

.DayPicker {
    display: flex !important
}

.DayPicker,
.months-options {
    justify-content: center
}

.hide-calendar {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    width: 300px;
    height: 66%;
    padding-bottom: 100px;
    margin-left: -22px;
    padding-left: 4px
}

.hide-calendar::-webkit-scrollbar {
    display: none
}

.hide-calendar-years {
    display: flex;
    position: absolute;
    justify-content: center;
    background-color: #fff;
    z-index: 999;
    width: 300px;
    padding-bottom: 200px;
    margin-left: -12px
}

.calendar-month-item {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #333;
    margin: 10px 4px;
    width: 82px;
    padding: 5px;
    transition: .2s;
    border-radius: 100px;
    cursor: pointer;
    align-self: center;
    font-size: 14px
}

.calendar-month-item:hover {
    background-color: #805adc;
    color: #fff
}

.calendar-month-item:active {
    transform: scale(.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.DayPicker-Caption-title {
    display: flex
}

.DayPicker-Caption-title p {
    cursor: pointer;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #757575;
    transition: .2s
}

.center-daypicker {
    margin: 0 4%;
    width: 100%
}

.calendario-titulo-fijo {
    font-size: 14px;
    margin-left: 13.5px
}

.daypicker-monthYear-selected {
    background-color: #805adc;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: left
}

.DayPicker-wrapper {
    position: relative;
    flex-direction: row;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.DayPicker-Month {
    display: table;
    margin: .5em 24px 0;
    border-spacing: 0;
    border-collapse: collapse;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.DayPicker-NavButton {
    position: absolute;
    top: 1.3em;
    right: 1.5em;
    left: auto;
    display: inline-block;
    margin-top: 2px;
    width: 1.25em;
    height: 1.25em;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #8b9898;
    cursor: pointer
}

.DayPicker-NavButton:hover {
    opacity: .8
}

.DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #757575
}

.DayPicker-WeekdaysRow {
    display: table-row
}

.DayPicker-Weekday {
    display: table-cell;
    padding: .5em;
    text-align: center
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none
}

.DayPicker-Body {
    display: table-row-group
}

.DayPicker-Week {
    display: table-row;
    border-collapse: separate
}

.DayPicker-WeekNumber {
    display: table-cell;
    padding: .5em;
    min-width: 1em;
    border-right: 1px solid #eaecec;
    color: #8b9898;
    vertical-align: middle;
    text-align: right;
    font-size: .75em;
    cursor: pointer
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default
}

.DayPicker-Footer {
    padding-top: .5em
}

.DayPicker-TodayButton {
    border: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #4a90e2;
    font-size: .875em;
    cursor: pointer
}

.DayPicker-Day--sunday {
    background-color: #f7f8f8
}

.DayPickerInput {
    display: inline-block
}

.DayPickerInput-OverlayWrapper {
    position: relative
}

.DayPickerInput-Overlay {
    position: absolute;
    left: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.DayPicker {
    display: inline-block;
    font-size: 1rem
}

.DayPicker-NavButton--prev {
    margin-right: 2.5em;
    background-image: url(/OB/static/media/arrow-point-prev.10ec4264.svg)
}

.DayPicker-NavButton--next {
    background-image: url(/OB/static/media/arrow-point-next.7ceee3ed.svg)
}

.DayPicker-NavButton--interactionDisabled {
    display: none
}

.DayPicker-Caption,
.DayPicker-year-month-form {
    display: table-caption;
    margin-bottom: .5em;
    text-align: left
}

.DayPicker-year-month-form {
    padding: 0 .5em !important;
    font-size: 14px
}

.DayPicker-Day {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    padding: 12px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333
}

.DayPicker-Day--today {
    color: #d0021b;
    font-weight: 700
}

.DayPicker-Day--outside {
    color: #8b9898;
    cursor: default
}

.DayPicker-Day--disabled {
    color: #dce0e0;
    cursor: default
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #dce0e0
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative
}

.Selectable .DayPicker-Day.DayPicker-Day--start.DayPicker-Day--from.DayPicker-Day--firstSelected.DayPicker-Day--selected.DayPicker-Day--to {
    border-radius: 50% !important
}

.singleSelected {
    background-color: red
}

.Selectable .DayPicker-Day--start {
    border-radius: 100px 0 0 100px !important
}

.Selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.Selectable .DayPicker-Day--start.DayPicker-Day--end {
    border-radius: 50% !important
}

.DayPicker-Day--today {
    color: #805adc
}

.DayPicker-Day:hover {
    background-color: #ccbdf1 !important;
    color: #000
}

.DayPicker-Day--disabled:hover {
    background-color: inherit !important;
    color: #dce0e0 !important
}

.Selectable .DayPicker-Day--selected:first-of-type:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.Selectable .DayPicker-Day--selected:last-of-type:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.Selectable .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
    background-color: #ccbdf1 !important;
    color: #000;
    border-radius: 0 !important
}

@media (min-width: 576px) and (max-width:767px) {
    .center-daypicker {
        margin: 0
    }
}

@media (max-width: 673px) {
    .center-daypicker {
        margin: 0
    }
}

.qr-title-error {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 15px
}

.qr-subtitle-error,
.qr-title-error {
    font-family: Roboto;
    text-align: center
}

.qr-subtitle-error {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px
}

.title-modal-qr {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    width: 400px
}

#menu-acciones-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.5em;
    width: auto;
    height: auto;
    left: 67.25em;
    top: 17.063em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    margin-left: -202px
}

@media (min-width: 576px) and (max-width:767px) {
    #menu-items {
        display: none
    }

    #menu-items-mob {
        display: block
    }

    #menu-acciones-list {
        display: flex;
        flex-direction: inherit;
        background: inherit;
        width: 100vw !important;
        padding: 0;
        margin-left: inherit
    }

    .item-menu-acciones,
    .item-menu-acciones-img-40,
    .item-menu-acciones-img-40-arrow {
        padding: 0 1.5em 1em;
        height: 3.375em;
        margin: 0
    }

    .item-menu-acciones-close,
    .item-menu-acciones-margin-close {
        width: 39em
    }
}

@media (max-width: 673px) {
    #menu-items {
        display: none
    }

    #menu-items-mob {
        display: block
    }

    #menu-acciones-list {
        display: flex;
        flex-direction: inherit;
        background: inherit;
        width: 100vw !important;
        padding: 0;
        margin-left: inherit
    }

    .item-menu-acciones-margin-close {
        width: 100% !important;
        align-items: center
    }

    .item-menu-acciones,
    .item-menu-acciones-img-40,
    .item-menu-acciones-img-40-arrow {
        padding: .5em 1.5em;
        height: 3.375em;
        margin: 0
    }
}

.fondo-modal-grisado {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid grey
}

.modal-content {
    transition: .1s;
    z-index: 1001;
    border-radius: 8px
}

#containerInfo {
    margin: 0;
    min-height: 100vh;
    min-width: 100vh;
    overflow-y: hidden;
    background-image: url(media/fondo.png);
    background-size: cover;
    background-repeat: no-repeat
}

#containerformMigracion {
    width: 524px;
    height: 412px;
    margin: 78px auto
}

#containerformMigracion,
#containerFormUserMigrado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 458px;
    top: 170px;
    background: #fff;
    border-radius: 8px
}

#containerFormUserMigrado {
    width: 400px;
    height: auto;
    padding: 24px;
    margin-left: 200px
}

#containerlogoMigracion {
    position: static;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 1.5rem
}

.logoMigraciom {
    height: 11.25rem;
    width: 11.25rem
}

#containerTextMigracion {
    color: #333;
    text-align: center;
    font-family: "Roboto"
}

#containerTextMigracion h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    align-self: stretch;
    margin: 0 0 1rem
}

#containerTextMigracion h1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 1.5rem
}

#containerButtonMigracion {
    display: flex;
    width: 150px;
    height: 48px;
    justify-content: center;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
    border-radius: .5rem;
    background: #06ca75
}

.header-mobile-unificar {
    padding: 18px 18px 12px;
    border-bottom: .8px solid #e5e5e5;
    background-color: #fff
}

#footer-desktop-unificar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    position: static;
    width: 432px;
    left: 0;
    top: 556px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto
}

#stepper-unificar-usuario {
    align-items: center;
    width: 432px;
    top: 124px;
    margin: 2.5em auto 20px
}

#container-unificar-usuario,
#stepper-unificar-usuario {
    display: flex;
    flex-direction: column;
    left: 504px;
    border-radius: 8px
}

#container-unificar-usuario {
    align-items: flex-start;
    padding: 48px;
    width: 336px;
    height: 100%;
    top: 176px;
    background: #fff;
    place-content: center;
    margin: 32px auto 0;
    max-width: 27em;
    max-height: 35em
}

#container-unificar-usuario content {
    height: auto;
    left: 48px;
    top: 48px;
    order: 0;
    margin-bottom: 16px
}

#container-unificar-usuario content,
#form-inicio-unificar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    flex: none;
    flex-grow: 0
}

#form-inicio-unificar {
    left: calc(50% - 168px);
    top: 212px;
    order: 1;
    align-self: stretch
}

#title-unificar-usuario {
    width: 331px;
    top: 0;
    font-size: 24px;
    line-height: 32px;
    order: 0;
    align-self: stretch;
    margin-bottom: 16px
}

#text-unificar-usuario,
#title-unificar-usuario {
    position: static;
    height: auto;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    color: #333;
    flex: none;
    flex-grow: 0
}

#text-unificar-usuario {
    width: 336px;
    top: 80px;
    font-size: 14px;
    line-height: 22px;
    order: 1
}

.inputContent-unificar-usuario {
    height: 56px
}

.inputContent-unificar-usuario,
.inputContent-unificar-usuario-email {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 16px
}

.input-unificar-usuario {
    flex-direction: row;
    align-items: center;
    padding: 16px;
    position: static;
    width: 336px;
    height: 56px;
    left: calc(50% - 168px);
    top: 0;
    border: 1px solid #9b9b9b;
    box-sizing: border-box;
    border-radius: 8px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 8px 0
}

.input-red-border {
    border-color: #ff0202;
    color: #ff0202 !important
}

.input-red-border:focus {
    outline-color: #ff0202
}

.img-unificar-usuario {
    margin-bottom: -.5em;
    margin-left: -2.5em;
    height: 1.5em;
    width: 1.5em;
    padding: 16px 16px 0 0
}

.back-unificar-usuario {
    position: static;
    width: 24px;
    height: 24px;
    left: 32px;
    top: 24px;
    flex: none;
    order: 0;
    flex-grow: 0
}

#selector-unificar-usuario {
    padding: 0;
    width: 432px;
    margin: 1em auto 0;
    background-color: #fff
}

#selector-unificar-usuario,
#selector-unificar-usuario content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: static;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    border-radius: 8px 8px 0 0
}

#selector-unificar-usuario content {
    padding: 24px 32px 16px;
    margin: 0
}

#selector-header-unificar {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 368px;
    left: 32px;
    top: 72px;
    flex: none;
    flex-grow: 0;
    margin-top: 24px
}

#selector-header-unificar,
#todo-unificar-usuario {
    display: flex;
    position: static;
    order: 1;
    align-self: stretch
}

#todo-unificar-usuario {
    flex-direction: row;
    align-items: center;
    padding: 0 24px 0 32px;
    width: auto;
    height: 48px;
    left: 0;
    top: 204px;
    flex: none;
    flex-grow: 0;
    margin: 0
}

#todo-unificar-usuario p {
    position: static;
    width: 376px;
    height: 19px;
    left: 32px;
    top: 14.5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #805adc;
    flex: none;
    order: 2;
    flex-grow: 1;
    cursor: pointer;
    margin: 0
}

#empresas-unificar-usuario {
    display: flex;
    flex-direction: row;
    padding: 8px 8px 0 0;
    position: static;
    height: auto;
    max-height: 296px;
    left: 0;
    top: 252px;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#lista-unificar-usuario {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 408px;
    height: auto;
    left: 0;
    top: 8px;
    flex: none;
    order: 0;
    flex-grow: 1
}

.lista-item-unificar-usuario {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 26px 16px 32px;
    position: static;
    height: auto;
    left: calc(50% - 204px);
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.container-lista-item-unificar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 320px;
    height: auto;
    left: 32px;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0
}

.icon-empresa-unificar {
    position: static;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    background: #f4f4f4;
    border-radius: 32px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 8px
}

.info-empresa-unificar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 264px;
    height: auto;
    left: 56px;
    top: 0;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0 8px
}

.info-empresa-unificar span {
    height: auto;
    top: 0;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    order: 0;
    margin-bottom: 8px
}

.info-empresa-unificar p,
.info-empresa-unificar span {
    position: static;
    width: 264px;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.info-empresa-unificar p {
    height: 14px;
    top: 24px;
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c;
    order: 1;
    margin: 0
}

.check-empresa-unificar {
    position: static;
    width: 24px !important;
    height: 24px !important;
    left: 360px;
    top: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 6px 0
}

#footer-selector-unificar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    position: static;
    width: 432px;
    left: 0;
    top: 556px;
    background: #fff;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, .1);
    border-radius: 0 0 8px 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 auto
}

.footer-margin-step3 {
    margin-left: -48px
}

#lista-requisitos-unificar {
    flex-direction: column;
    align-items: flex-start;
    top: 216px;
    flex: none;
    flex-grow: 0;
    margin: 8px 0
}

#lista-requisitos-unificar,
.item-lista-requisitos {
    display: flex;
    padding: 0;
    position: static;
    width: 336px;
    left: 0;
    align-self: stretch
}

.item-lista-requisitos {
    flex-direction: row;
    align-items: center;
    height: 22px;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 4px 0
}

.img-check-requisito {
    position: static;
    width: 16px;
    height: 16px;
    left: 0;
    top: 3px;
    background: #dedede;
    border-radius: 31px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 8px
}

.text-check-requisito {
    position: static;
    width: auto;
    height: 22px;
    left: 24px;
    top: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0 8px
}

.red-text {
    color: #ff0202;
    font-family: Roboto
}

.green-text {
    color: #06ca75
}

#container-message-unificar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 48px 48px;
    width: 336px;
    text-align: center;
    height: auto;
    left: 458px;
    top: 172px;
    background: #fff;
    border-radius: 8px;
    margin: 80px auto
}

#img-message-unificar {
    position: static;
    left: 172px;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 24px
}

#container-message-unificar content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 48px;
    top: 220px;
    flex: none;
    align-self: auto;
    flex-grow: 0
}

.item-lista-empresas {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em 1.875em;
    position: static;
    width: 24.375em;
    height: auto;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.content-lista-empresa {
    height: 492px;
    width: 100%
}

#mensaje-unificar-usuario {
    position: static;
    height: 48px;
    top: 64px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ff0202;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 8px 0
}

.padding-buho {
    padding-bottom: 48px
}

#container-confirm-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px;
    width: 336px;
    height: 100%;
    left: 504px;
    top: 176px;
    background: #fff;
    border-radius: 8px;
    place-content: center;
    margin: 1em auto 196px;
    max-width: 27em;
    max-height: 30em
}

#container-confirm-data head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    left: 48px;
    top: 48px;
    flex: none;
    order: 0;
    flex-grow: 0
}

#container-confirm-data head p {
    position: static;
    width: 336px;
    height: 28px;
    left: 0;
    top: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 16px 0 0
}

.img-back-confirm-data {
    position: static;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0
}

#container-confirm-data form {
    height: 144px;
    left: 48px;
    top: 148px;
    order: 1;
    margin: 32px 0
}

#container-confirm-data form,
#container-confirm-data form section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#container-confirm-data form section {
    height: 72px;
    left: 0;
    top: 0;
    order: 0;
    margin: 0
}

#container-confirm-data form section label {
    align-items: flex-start;
    padding: 16px 0;
    position: static;
    width: 336px;
    left: calc(50% - 168px);
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.container-confirm-data-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    height: 40px;
    left: 0;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0 8px 0 0
}

.container-confirm-data-content-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 280px;
    height: 38px;
    left: 56px;
    top: 0;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0
}

.container-confirm-data-content-label p {
    height: 16px;
    top: 0;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    order: 0
}

.container-confirm-data-content-label p,
.container-confirm-data-content-label span {
    position: static;
    width: 280px;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 0 8px
}

.container-confirm-data-content-label span {
    height: 14px;
    top: 24px;
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c;
    order: 1
}

.bodySidebar-validadores {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.img-confirm-data {
    position: static;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-right: 16px
}

#footer-confirm-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    left: 48px;
    top: 324px;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0
}

#footer-confirm-data label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: static;
    width: 336px;
    height: 48px;
    left: 0;
    top: 0;
    border-radius: 8px;
    flex: none;
    order: 0;
    flex-grow: 0
}

#footer-confirm-data label p {
    cursor: pointer;
    position: static;
    width: 86px;
    height: 19px;
    left: 125px;
    top: 14.5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #805adc;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0 16px 16px
}

#edit-data-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    left: 48px;
    top: 48px;
    order: 0;
    margin-bottom: 24px
}

#edit-data-header,
#edit-data-header p {
    position: static;
    width: 336px;
    flex: none;
    flex-grow: 0
}

#edit-data-header p {
    height: 28px;
    left: 0;
    top: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    order: 1;
    margin: 16px 0 0
}

#edit-data-form {
    left: calc(50% - 168px);
    top: 156px;
    order: 1;
    align-self: stretch
}

#edit-data-form,
#edit-data-form section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 336px;
    flex: none;
    flex-grow: 0
}

#edit-data-form section {
    left: 0;
    top: 0;
    order: 0
}

#edit-data-form section label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0
}

#edit-data-form section label,
#edit-data-form section label p {
    position: static;
    width: 336px;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0
}

#edit-data-form section label p {
    height: 22px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    align-self: stretch;
    margin: 16px 0 8px
}

.button-data-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: static;
    width: 336px;
    left: 0;
    bottom: 72px;
    border-radius: 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 24px
}

.button-data-form-cancel {
    width: 336px !important
}

.buttons-crear-usuario {
    margin-top: 24px;
    padding: 24px
}

.disable-click {
    pointer-events: none
}

.validadores-spinner-bottom {
    margin-bottom: 15%
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.ml-40-negative {
    margin-left: -40px !important
}

@media (min-width: 576px) and (max-width:767px) {
    #stepper-unificar-usuario {
        margin: 0 auto;
        width: 512px
    }

    #container-unificar-usuario {
        padding: 0
    }

    #container-confirm-data {
        padding: 20px
    }

    #container-confirm-data head p {
        white-space: break-spaces;
        margin-bottom: 8px
    }
}

@media (max-width: 673px) {
    #container-message-unificar {
        width: auto
    }

    #stepper-unificar-usuario {
        width: 90%
    }

    #container-unificar-usuario {
        padding: 0
    }

    #container-confirm-data {
        padding: 20px
    }

    #container-confirm-data head p {
        white-space: break-spaces;
        margin-bottom: 8px
    }

    .info-empresa-unificar,
    .lista-item-unificar-usuario {
        width: 200px
    }
}

@media (max-width: 360px) {
    #stepper-unificar-usuario {
        width: 90%
    }

    #container-unificar-usuario {
        padding: 0
    }

    #container-confirm-data {
        padding: 20px
    }

    #container-confirm-data head p {
        white-space: break-spaces;
        margin-bottom: 8px
    }

    #text-unificar-usuario {
        width: auto
    }

    .info-empresa-unificar,
    .lista-item-unificar-usuario {
        width: 200px
    }
}

.width-auto {
    width: auto !important
}

#containerRedirect {
    display: grid;
    place-content: center;
    background: #fff;
    border-radius: 8px;
    margin: 5.5em auto 0;
    padding: 3em 1em;
    max-width: 27em;
    max-height: 23em;
    text-align: center
}

#containerRedirect-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    text-align: left;
    width: 21em;
    left: 3em;
    top: 3em;
    flex: none;
    flex-grow: 0;
    margin: 0 0 .5em
}

#containerRedirect-text h1 {
    font-size: 18px;
    line-height: 1.5em;
    align-self: stretch
}

#containerRedirect-text h1,
#containerRedirect-text h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    color: #333;
    flex: none;
    flex-grow: 0;
    margin: 0 0 1em
}

#containerRedirect-text h2 {
    font-size: 14px;
    line-height: 1.375em
}

header {
    height: 92px
}

#logo {
    padding-top: 26px;
    height: 40px
}

header {
    width: 100%
}

#headerLogin,
header {
    background: #06ca75;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

#headerLogin {
    height: 56px;
    padding: 12px 16px
}

#logo {
    margin: all;
    padding-left: 24px;
    padding-top: 6px;
    padding-bottom: 26px;
    width: 114.46px;
    height: 32px;
    background: url(/OB/static/media/Logo.dbbcf6e1.svg) no-repeat 100%;
    float: left
}

#logoLogin {
    width: 91.57px;
    height: 32px
}

#version {
    position: absolute;
    width: auto;
    height: 13px;
    right: 36px;
    top: 39px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.posicion_header {
    position: static;
    top: 50%;
    left: 50%
}

#iconProfile {
    width: 24px;
    height: 24px;
    margin-left: 6px
}

#iconDropDown {
    height: 16px;
    width: 16px;
    left: 12.75px;
    top: 5.75px;
    border-radius: 0;
    cursor: pointer
}

#userName {
    position: static;
    width: auto;
    height: 14px;
    left: 32px;
    top: 5px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    color: #fff;
    flex: none;
    flex-grow: 0;
    margin: 0 8px
}

.menu-trigger {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .25em .5em .25em .25em;
    position: absolute;
    width: auto;
    height: 2em;
    right: 2.125em;
    top: .875em;
    background: rgba(0, 0, 0, .2);
    border-radius: 2.375em
}

.menu-trigger-cursor {
    cursor: pointer
}

.menu-trigger-arrow {
    content: url(/OB/static/media/arrow-down-white.fc163853.svg)
}

@media (min-width: 576px) and (max-width:1199px) {
    .menu-trigger {
        justify-content: left;
        position: static;
        width: 252px;
        height: auto;
        left: 24px;
        top: 104px;
        background: #dedede;
        margin: 0 24px 24px
    }

    #userName {
        color: #333;
        text-align: left;
        height: auto;
        font-size: 16px;
        max-width: 12em;
        width: 12em
    }

    .menu-trigger-arrow {
        content: url(/OB/static/media/flecha_avanzar.7ceee3ed.svg)
    }
}

@media (max-width: 673px) {
    .menu-trigger {
        justify-content: left;
        position: static;
        width: 252px;
        height: auto;
        left: 24px;
        top: 104px;
        background: #dedede;
        margin: 0 24px 24px
    }

    #userName {
        color: #333;
        text-align: left;
        height: auto;
        font-size: 16px;
        max-width: 12em;
        width: 12em
    }

    .menu-trigger-arrow {
        content: url(/OB/static/media/flecha_avanzar.7ceee3ed.svg)
    }
}

#headerMenuMultipleCuit {
    height: 56px;
    right: 0;
    top: 0;
    background: #fff
}

#bodyMenuMultipleCuit {
    position: fixed;
    width: 28em;
    height: 59.9em;
    right: 0;
    top: 0;
    background: #fff;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: .1fr .16fr .3fr .5fr;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

#containerMenuMultipleCuit {
    background: #fff;
    width: auto;
    display: grid
}

#backMenuMultipleCuit {
    padding-left: 16px;
    padding-right: 17px;
    padding-top: 14px;
    width: 24px;
    height: 24px;
    float: left;
    cursor: pointer
}

@media (min-width: 576px) and (max-width:767px) {
    #bodyMenuMultipleCuit {
        width: 100%
    }

    #headerMenuMultipleCuit {
        display: none
    }
}

@media (max-width: 673px) {
    #bodyMenuMultipleCuit {
        width: 100%
    }

    #headerMenuMultipleCuit {
        display: none
    }
}

#avatar-40 {
    height: 40px;
    width: 40px
}

.acronym {
    width: 25px;
    height: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.AvatarGenerico {
    font-family: "Roboto" !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #f4f4f4;
    border-radius: 100px;
    border: 1px solid transparent
}

.divItemAvatar>*+* {
    margin-top: -19px
}

.itemAvatar-1 {
    position: relative;
    top: -6px
}

.itemAvatar-2 {
    position: relative;
    text-align: right
}

#posicionConsolidada {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999999
}

#menu-botones {
    display: grid;
    justify-items: start;
    grid-gap: .5em;
    padding-top: 1.6875em
}

#menu-contenedor {
    grid-area: menu;
    height: auto;
    width: 224px;
    background: #fff;
    position: absolute;
    left: 0
}

#menu-botones #invisible,
#menu-botones .nav-menu-item {
    color: #333;
    margin-left: 1.5em
}

#iconClose {
    height: 1em;
    width: 1em;
    cursor: pointer
}

#menuUser {
    color: #343232;
    margin: 0 0 3px
}

#linkPerfil {
    color: #805adc;
    line-height: 16px !important;
    font-style: medium !important;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer
}

#linkPerfilGrid {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    position: static;
    width: 84px;
    height: 16px;
    left: 0;
    top: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 2px 0
}

#linkPerfilFlecha {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#btnCloseMenu {
    display: none
}

#sidebar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2em 1.5em 1.563em;
    position: static;
    left: 0;
    top: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: .063em 0
}

.sidebar-avatar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.sidebar-seccion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    max-width: 8.75em;
    width: auto;
    left: 4.625em;
    top: 2em;
    flex: none;
    flex-grow: 0;
    margin: 0 .625em
}

#avatar {
    height: 64px;
    width: 64px;
    padding-right: 10px
}

.imgMenu {
    height: 16px;
    width: 16px
}

#bodyMenu {
    width: 224px
}

.nav-menu {
    list-style: none;
    margin-top: 0;
    padding: 0 24px
}

.nav-menu-item {
    display: flex;
    align-items: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 3.125em;
    padding-bottom: 8px;
    height: 54px;
    cursor: pointer
}

#main,
#main a,
#main li,
#main ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-family: "Open Sans", sans-serif;
    font-size: .875em;
    position: relative
}

.nav-menu-link {
    color: #333;
    text-decoration: none;
    padding-top: .25em;
    padding-left: .75em;
    font-weight: 500;
    line-height: 22px
}

.nav-menu-link:hover,
.nav-menu-link_active {
    color: #06ca75;
    transition: .1s
}

#sidebar-empresa {
    display: none
}

@media (min-width: 576px) and (max-width:1199px) {
    #menu-botonesMob {
        background: linear-gradient(90deg, #fff 10%, #fff 0, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .3) 0);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    #btnCloseMenu {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 1em;
        position: static;
        left: 0;
        top: 0;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin: 0
    }

    #sidebar-header {
        padding: 1.5em 1.5em 1.563em
    }

    #sidebar-empresa {
        display: flex;
        width: 312px
    }
}

@media (max-width: 673px) {
    #menu-botonesMob {
        background: linear-gradient(90deg, #fff 10%, #fff 0, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .3) 0);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    #btnCloseMenu {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 1em;
        position: static;
        left: 0;
        top: 0;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin: 0
    }

    #sidebar-header {
        padding: 1.5em 1.5em 1.563em
    }

    #sidebar-empresa {
        display: flex;
        width: 312px
    }
}

#containerMenu {
    padding: 0 0 0 1em;
    display: grid;
    grid-template-columns: 2em auto;
    flex-direction: row;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    background: #06ca75;
    height: 56px
}

#iconMenu {
    height: 1.5em;
    width: 1.5em;
    cursor: pointer
}

.alignLogo {
    text-align: center
}

#title-header-mob {
    position: static;
    width: 280px;
    height: 24px;
    left: 64px;
    top: 16px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0 16px 2px 0
}

.filtros-white-background {
    background-color: #fff;
    width: 96.5%;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #dedede
}

#container-dash {
    display: flex;
    flex-direction: row
}

.columnFlex {
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px
}

#left-dash {
    flex-direction: column;
    width: 20.5em
}

.left-dash-operador-mob {
    display: none
}

#right-dash {
    flex-direction: column;
    width: 40em
}

.right-dash-operador-mob {
    display: block
}

.card-item {
    width: 100%;
    padding: 0 0 1em 1.563em
}

.card-item-bottom {
    padding-bottom: 1em
}

.card {
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.card,
.card-pago-servicio {
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    box-sizing: border-box
}

.card-pago-servicio {
    border: 1px solid #e5e5e5;
    border-radius: 0 0 8px 8px
}

.card-header-14 {
    font-size: 14px
}

.card-header-14,
.card-header-16 {
    font-family: "Roboto";
    font-weight: 400;
    max-height: 436px
}

.card-header-16 {
    font-size: 16px
}

.cardLink {
    padding: 1.5em 0;
    width: 20.5em
}

.cardInversion {
    height: 10.625em;
    width: 20.5em
}

.cardPF {
    height: auto;
    width: 20.5em
}

#headerHomeMob,
.cardLinkMob {
    display: none
}

.card-movimientos-dsk {
    display: block
}

.card-column-mob {
    display: none
}

#img-search {
    height: 1.5em;
    width: 1.5em;
    margin-bottom: -.5em;
    margin-left: -2.5em
}

#img-search-back {
    margin: 1em 0 0 1em;
    position: absolute;
    height: 1.5em;
    width: 1.5em;
    border-radius: 0
}

#input-search {
    flex-direction: row;
    align-items: center;
    position: static;
    width: 100%;
    height: 3.5em;
    left: calc(50% - 495px);
    top: 0;
    background: #fff;
    border: inherit;
    border-radius: .5em;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: .5em 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    padding: 1em 3.125em 1em 1em
}

:-ms-input-placeholder {
    color: #9b9b9b
}

::placeholder {
    color: #9b9b9b
}

@media (min-width: 992px) and (max-width:1199px) {
    #right-dash {
        width: 26.5em
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #container-dash {
        flex-direction: column;
        flex-wrap: wrap
    }

    .card-item {
        padding: 0 0 1em
    }

    #left-dash {
        width: 36em
    }

    .left-dash-operador {
        height: 20.313em
    }

    .left-dash-operador-mob {
        display: block
    }

    #right-dash {
        width: 36em
    }

    .card-movimientos-dsk,
    .right-dash-operador-mob {
        display: none
    }

    .card-column-mob {
        display: block
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #container-dash {
        flex-direction: column;
        flex-wrap: wrap
    }

    #left-dash {
        width: 100%
    }

    #right-dash {
        width: auto
    }

    .card-item {
        padding: 0 0 1em
    }

    .card-movimientos-dsk {
        display: none
    }

    .card-column-mob {
        display: block;
        width: 34em
    }

    .card-item-bottom-0 {
        padding-bottom: 0
    }

    #card-comitente {
        width: 34em !important
    }

    .cards-body-mob {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        border-top: 1px solid #e5e5e5;
        height: auto;
        left: 0;
        right: 0;
        background: #f4f4f4;
        border-radius: .5em .5em 0 0;
        margin-top: 0;
        padding: 1em
    }

    .card-border-none {
        border: none !important
    }

    .card-first-border {
        border-top: none;
        border-right: none;
        border-left: none
    }

    .search-none {
        display: none
    }
}

@media (max-width: 673px) {
    #container-dash {
        flex-direction: column;
        flex-wrap: wrap
    }

    #left-dash,
    #right-dash {
        width: auto
    }

    .card-item {
        padding: 0 0 1em
    }

    .card-movimientos-dsk {
        display: none
    }

    .card-column-mob {
        display: block
    }

    .card-item-bottom-0 {
        padding-bottom: 0
    }

    #card-comitente {
        width: 20.5em !important
    }

    .cards-body-mob {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
        border-top: 1px solid #e5e5e5;
        height: auto;
        left: 0;
        right: 0;
        background: #f4f4f4;
        border-radius: .5em .5em 0 0;
        margin-top: 0;
        padding: 1em
    }

    .card-border-none {
        border: none
    }

    .card-first-border {
        border-top: none;
        border-right: none;
        border-left: none
    }

    .search-none {
        display: none
    }
}

#card-cuenta {
    width: 100%;
    height: auto
}

#card-cuenta-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: auto;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-cuenta-container section {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
    padding: 0;
    position: static;
    width: auto;
    height: 28px;
    left: 16px;
    top: 54px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

#card-cuenta-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 16px;
    border-bottom: .063em solid #dedede;
    left: calc(50% - 164px);
    top: 0;
    align-self: stretch
}

#card-cuenta-item,
#card-cuenta-item-title {
    position: static;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

#card-cuenta-item-title {
    width: auto;
    height: 14px;
    left: 16px;
    top: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333
}

.section-link {
    cursor: pointer
}

.title-tooltips {
    position: static;
    width: auto;
    height: 14px;
    left: 16px;
    top: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0
}

#card-cuenta-item section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    left: 16px;
    top: 54px;
    order: 1;
    align-self: stretch;
    margin-top: 16px
}

#card-cuenta-item section,
#card-cuenta-item section span {
    position: static;
    width: auto;
    height: 28px;
    flex: none;
    flex-grow: 0
}

#card-cuenta-item section span {
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    order: 0;
    margin: 0
}

.card-cuenta-next {
    position: static;
    width: 16px;
    height: 16px;
    left: 280px;
    top: 6px;
    flex: none;
    order: 1;
    flex-grow: 0
}

#card-cuenta-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    left: calc(50% - 164px);
    top: 81.54%;
    bottom: 0;
    order: 1;
    align-self: stretch
}

#card-cuenta-footer,
#card-cuenta-footer p {
    position: static;
    flex: none;
    flex-grow: 0;
    margin: 0
}

#card-cuenta-footer p {
    width: 105px;
    height: 22px;
    left: 16px;
    top: 13px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #805adc;
    order: 0
}

.card-cuenta-footer-next {
    position: static;
    width: 16px;
    height: 16px;
    left: 296px;
    top: 16px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0
}

@media (min-width: 768px) and (max-width:991px) {
    #card-cuenta-item section {
        width: 100%
    }

    #card-cuenta-footer {
        width: 542px
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-cuenta-item {
        padding: 24px 32px
    }

    #card-cuenta-footer {
        padding: 16px 32px
    }

    .card-center {
        justify-content: center;
        align-items: center !important
    }
}

@media (max-width: 673px) {
    .card-center {
        justify-content: center;
        align-items: center !important
    }
}

#containerCardMensaje {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center
}

#containerCardMensaje p {
    width: auto;
    height: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    color: #000
}

#imgCardMensaje {
    width: 11.25em;
    height: 11.25em
}

#containerCardError {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center
}

#containerCardError p {
    width: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    color: #000
}

#imgCardError {
    width: 11.25em;
    height: 11.25em
}

#card-movimientos {
    width: 40em;
    height: auto
}

#card-movimientos-title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    left: 0;
    top: 0;
    align-self: stretch
}

#card-movimientos-title,
#card-movimientos-title p {
    position: static;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

#card-movimientos-title p {
    width: 152px;
    height: 24px;
    left: 16px;
    top: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

#card-movimientos-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 6px;
    height: auto;
    left: 0;
    top: 56px;
    order: 1
}

#card-movimientos-container,
#card-movimientos-date {
    position: static;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-movimientos-date {
    left: calc(50% - 320px);
    top: 0;
    order: 0;
    border-bottom: 1px solid #dedede
}

#card-movimientos-date p {
    width: 70px;
    height: 14px;
    left: 16px;
    top: 8px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    padding: 8px 16px;
    margin: 0
}

#card-movimientos-list {
    flex-direction: column;
    padding: 0;
    left: 0;
    top: 31px;
    flex: none;
    order: 1;
    flex-grow: 0
}

#card-movimientos-list,
#card-movimientos-list main {
    display: flex;
    align-items: flex-start;
    position: static;
    align-self: stretch;
    margin: 0
}

#card-movimientos-list main {
    flex-direction: row;
    justify-content: space-between;
    left: calc(50% - 320px);
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    border-bottom: 1px solid #dedede
}

#card-movimientos-list main section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

#card-movimientos-list main section label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: auto;
    max-width: 18.875em;
    left: 16px;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 0
}

#card-movimientos-list main section h1 {
    height: auto;
    top: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    order: 0;
    margin: 0 0 8px
}

#card-movimientos-list main section h1,
#card-movimientos-list main section p {
    position: static;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    flex: none;
    flex-grow: 0
}

#card-movimientos-list main section p {
    width: 101px;
    height: 14px;
    top: 24px;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    order: 1;
    margin: 0
}

#titleHMovimientos {
    border-bottom: .125em solid #f4f4f4;
    padding: 8px 16px
}

#card-movimiento-monto {
    position: static;
    width: auto;
    height: 22px;
    left: 527px;
    top: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 0
}

#dataCuentaMovimiento {
    font-family: "Roboto";
    font-size: 12px;
    color: #c4c4c4;
    font-style: normal;
    font-weight: 400;
    line-height: .875em;
    left: 0;
    top: 24px;
    color: #757575
}

.positiveMovimiento {
    color: #06ca75 !important
}

#btnMovimiento {
    background: #fff;
    border: none;
    color: #805adc;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em
}

#flechaHMovimiento {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (min-width: 992px) and (max-width:1199px) {
    #card-movimientos {
        width: 26.5em
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #card-movimientos {
        width: 36em !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-movimientos {
        width: 34em !important
    }
}

@media (max-width: 673px) {
    #card-movimientos {
        width: 20.5em !important
    }

    #card-movimientos-list main section label {
        width: 9.5em
    }
}

#card-container,
#card-container-column,
#card-container-row,
#card-link-item,
#card-transfer-left,
#card-transfer-right {
    display: flex;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: auto;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-container-row,
#card-link-item,
#card-transfer-left,
#card-transfer-right {
    flex-direction: column
}

#card-link-item {
    justify-content: center;
    align-items: center;
    padding: .5em
}

.card-link-flex-container {
    display: flex
}

.card-link-flex-container.card-link-wrap {
    flex-wrap: wrap;
    width: 18.75em
}

.card-link-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 6.25em;
    height: 6.25em;
    left: .5em;
    top: .5em;
    margin: 0;
    cursor: pointer
}

.card-link-action,
.card-link-icon {
    position: static;
    flex: none;
    flex-grow: 0
}

.card-link-icon {
    width: 2.5em;
    height: 2.5em;
    left: 1.875em;
    top: 1em;
    order: 0;
    margin: .5em 0
}

.card-link-button {
    font-size: 12px;
    line-height: 14px;
    text-align: center
}

.card-link-button,
.card-link-button-one {
    position: static;
    left: calc(50% - 42px);
    top: 64%;
    bottom: 22%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    color: #333;
    background: #fff;
    border: .063em solid #fff;
    cursor: pointer
}

.card-link-button-one {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: 224px;
    height: 22px;
    flex: none;
    flex-grow: 1
}

.card-link-footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: .813em 1em .313em;
    grid-gap: 9.25em;
    gap: 9.25em;
    width: 20.563em;
    border-top: .063em solid #dedede;
    flex: none;
    flex-grow: 0;
    cursor: pointer
}

.card-link-footer p {
    height: 1.375em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #805adc;
    flex: none;
    flex-grow: 0;
    margin: 0
}

.card-link-read-more {
    overflow: hidden;
    max-height: 100px;
    transition: max-height .25s ease-in
}

.card-link-read-less {
    overflow: hidden;
    max-height: 200px;
    transition: max-height .25s ease-out
}

#card-link-item-one {
    padding: .5em 1em;
    grid-gap: 8px;
    grid-gap: .5em;
    gap: .5em;
    width: 17.5em;
    height: 2.813em;
    order: 0;
    cursor: pointer
}

#card-link-item-one,
#card-link-item-one section {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

#card-link-item-one section {
    justify-content: space-between;
    padding: 0;
    position: static;
    width: auto;
    height: 2.75em;
    left: 1em;
    top: 3.375em;
    order: 1
}

#card-link-item-one section span {
    position: static;
    width: auto;
    height: 36px;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.img-item-two {
    width: 9.375em;
    height: 4.875em
}

@media (min-width: 768px) and (max-width:991px) {
    #card-link-item {
        padding: .5em 0
    }

    .card-link-footer {
        width: 100%
    }

    #card-link-item-one {
        width: 542px
    }

    #card-link-item-one section {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-link-item {
        border-bottom: none !important;
        padding: .5em 0
    }

    .card-link-footer {
        display: none
    }

    #card-link-item-one {
        width: 576px
    }

    #card-link-item-one section {
        width: 99%
    }
}

@media (max-width: 673px) {
    #card-link-item {
        border-bottom: none !important;
        padding: .5em 0
    }

    .card-link-footer {
        display: none
    }
}

.panel-right-transferencia {
    align-items: flex-start;
    font-family: "Roboto"
}

.panel-right-comex,
.panel-right-transferencia {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    grid-gap: 16px;
    gap: 16px;
    height: 65vh;
    background: #fff;
    width: 448px;
    left: 0;
    top: calc(50% - 275.5px)
}

.sizeCuadrado1 {
    width: 400px;
    height: 180px
}

#footerSide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    grid-gap: 16px;
    gap: 16px;
    width: 400px;
    height: 144px;
    background: #fff;
    left: 32px;
    top: 759px;
    margin-bottom: 24px;
    width: 100%
}

@media (min-width: 767px) {
    .paddingLeft-footer-firmar {
        padding-left: 15% !important
    }
}

.containerFirmas {
    display: flex;
    width: 400px;
    height: 76px
}

.iconTransfer {
    width: 40px;
    align-self: center;
    height: 40px;
    padding: 8px
}

.footerAlert {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    grid-gap: 16px;
    gap: 16px;
    background: #fff;
    left: 32px;
    top: 759px
}

.fadeIn-alert {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .5s linear;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw
}

.fadeOut-alert {
    opacity: 0;
    transform: translateX(-100%);
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    position: relative;
    z-index: 1
}

.hideDiv {
    animation: hideAnimation .5s ease-in;
    animation-fill-mode: forwards
}

@keyframes hideAnimation {
    0% {
        visibility: hidden;
        height: 50%;
        opacity: 0;
        position: relative
    }

    to {
        visibility: hidden;
        height: 0;
        opacity: 0;
        position: relative
    }
}

.open-panel {
    position: absolute;
    height: 100vh;
    animation: openAnimation 1s ease-in both;
    top: 0;
    right: 0
}

@keyframes openAnimation {
    0% {
        transform: translate(100vw)
    }

    to {
        transform: translate(0)
    }
}

.close-panel {
    animation: closeAnimation 1s ease-out both;
    top: 0;
    right: 0
}

@keyframes closeAnimation {
    to {
        transform: translate(100vw)
    }

    0% {
        transform: translate(0)
    }
}

.open-top {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    animation: openAnimationTop .3s linear both
}

@keyframes openAnimationTop {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.close-top {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    animation: closeAnimationTop .3s linear both
}

@keyframes closeAnimationTop {
    to {
        transform: translateY(-100%)
    }

    0% {
        transform: translateY(0)
    }
}

.open-down {
    position: absolute;
    height: 100vh;
    top: 100vh;
    right: 0;
    animation: openAnimationDown .5s linear both
}

@keyframes openAnimationDown {
    to {
        transform: translateY(-100%)
    }

    0% {
        transform: translateY(0)
    }
}

.close-down {
    position: absolute;
    width: 100vw;
    height: 0;
    top: 0;
    right: 0;
    animation: closeAnimationDown .5s linear both
}

@keyframes closeAnimationDown {
    to {
        transform: translateY(0)
    }

    0% {
        transform: translateY(-100%)
    }
}

.load-home {
    height: 100vh
}

.load-card,
.load-cards-home,
.load-home {
    animation: fadeInAnimation 1s linear both
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        position: relative
    }

    to {
        opacity: 1;
        position: relative
    }
}

.fadeIn-select {
    animation: moveUpDownAnimation 1s linear both;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #daa520 !important
}

@keyframes moveUpDownAnimation {

    0%,
    to {
        bottom: 0
    }

    50% {
        bottom: 100px
    }
}

.cardBandejaFirmas {
    width: 637.77px
}

.cardBandejaFirmas-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 1em;
    grid-gap: .5em;
    gap: .5em;
    max-width: 28em;
    height: auto;
    flex: none;
    flex-grow: 1
}

@media (min-width: 992px) and (max-width:1199px) {
    .cardBandejaFirmas {
        width: 421.77px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .cardBandejaFirmas {
        width: 573.77px
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .cardBandejaFirmas {
        width: 325.77px
    }
}

@media (max-width: 673px) {
    .cardBandejaFirmas {
        width: 325.77px
    }
}

.container-message-factor {
    width: 32em;
    flex-shrink: 0;
    border-radius: .5em;
    border: .063em solid #dedede;
    background: #fff
}

.container-message-factor,
.section-message-factor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.section-message-factor {
    padding: 1em 3em 3em;
    grid-gap: 1.5em;
    gap: 1.5em;
    align-self: stretch
}

.section-message-factor h1 {
    font-family: "Roboto";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #333;
    text-align: center;
    margin: 0;
    padding: 0
}

.container-envioCodigo {
    flex-direction: row-reverse;
    padding: 0 1.5em;
    justify-content: center;
    align-items: center;
    grid-gap: .5em;
    gap: .5em;
    border-radius: 6.25em
}

.container-envioCodigo,
.text-field {
    display: flex;
    align-self: stretch;
    background: #fff
}

.text-field {
    padding: 12px 16px;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #9b9b9b
}

.text-field-message {
    color: #9b9b9b;
    margin: .5em 0 0
}

.container-count-down,
.text-field-message {
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.container-count-down {
    display: flex;
    color: #333
}

#card-mensaje-permiso {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em;
    grid-gap: .5em;
    gap: .5em;
    left: 7em;
    right: 48.5em;
    top: 2em;
    background: #fff;
    border: .063em solid #805adc;
    border-radius: .25em
}

.card-mensaje-permiso-row {
    display: flex;
    flex-direction: row
}

.card-mensaje-permiso-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    grid-gap: .25em;
    gap: .25em;
    height: auto;
    flex: none;
    flex-grow: 1
}

.card-mensaje-permiso-title {
    align-items: center;
    padding: 0;
    height: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
    color: #333
}

.card-mensaje-permiso-text,
.card-mensaje-permiso-title {
    display: flex;
    flex-direction: row;
    grid-gap: .5em;
    gap: .5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    font-size: 16px
}

.card-mensaje-permiso-text {
    align-items: flex-start;
    padding-left: 1.5em;
    width: 15.75em;
    height: auto
}

.card-mensaje-permiso-text p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 4px 0 0
}

.card-mensaje-permiso-button {
    height: 1.375em;
    display: flex;
    justify-content: right;
    align-items: center;
    text-align: right;
    color: #805adc;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.card-mensaje-permiso-button p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    cursor: pointer
}

.card-mensaje-permiso-next {
    position: static;
    width: 1em;
    height: 1em;
    left: 17.5em;
    top: .375em;
    flex: none;
    flex-grow: 0;
    margin-left: .25em;
    cursor: pointer
}

@media (min-width: 768px) and (max-width:991px) {
    #card-mensaje-permiso {
        width: 100%
    }

    .card-mensaje-permiso-section {
        width: 32.75em
    }

    .card-mensaje-permiso-text {
        width: 95%
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-mensaje-permiso {
        width: 100%
    }

    .card-mensaje-permiso-section {
        width: 34.625em
    }

    .card-mensaje-permiso-text {
        width: 95%
    }

    .card-mensaje-permiso-p-16 {
        padding: 1em !important
    }

    .card-mensaje-permiso-mob {
        width: 37.625em !important
    }
}

@media (max-width: 673px) {
    #card-mensaje-permiso {
        width: 100%
    }

    .card-mensaje-permiso-section {
        width: 33.125em
    }

    .card-mensaje-permiso-text {
        width: 95%
    }

    .card-mensaje-permiso-p-16 {
        padding: 1em !important
    }

    .card-mensaje-permiso-mob {
        width: 36.375em !important
    }
}

#card-container,
#card-container-column,
#card-container-row,
#card-transfer-left,
#card-transfer-right {
    display: flex;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: auto;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-container-row,
#card-transfer-left,
#card-transfer-right {
    flex-direction: column
}

#card-container-column {
    flex-direction: row
}

#card-transfer-left {
    padding: 1em 0
}

#card-transfer-left label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 1em;
    position: static;
    height: 72px;
    left: 0;
    top: 16px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-transfer-left label section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 221px;
    height: auto;
    left: 4em;
    top: 1.063em;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin-left: .5em;
    cursor: pointer
}

#card-transfer-left label section p {
    position: static;
    width: 106px;
    left: calc(50% - 124px);
    top: 63.16%;
    bottom: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: .875em;
    text-align: center;
    color: #805adc;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0
}

#card-transfer-left label section label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    position: static;
    height: 1.375em;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: .125em 0;
    cursor: pointer
}

#card-transfer-left label section label span {
    position: static;
    width: 100%;
    left: calc(50% - 124px);
    top: 0;
    bottom: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    color: #333
}

.transfer-option-img-circle {
    position: static;
    width: 2.5em;
    height: 2.5em;
    left: 1em;
    top: 1em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.transfer-option-img-next {
    position: static;
    width: 1em;
    height: 1em;
    left: 14.5em;
    top: .188em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-left: .5em
}

#card-transfer-right-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    position: static;
    border-bottom: .063em solid #dedede;
    left: calc(50% - 164px);
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#card-transfer-right-header-title {
    flex-direction: row;
    align-items: flex-start;
    padding: 1em;
    position: static;
    width: 36.375em;
    left: 0;
    right: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.card-transfer-right-header-title-border {
    border-bottom: .063em solid #dedede
}

#card-transfer-right-header-title p {
    position: static;
    width: 10.563em;
    height: 1.5em;
    left: 1em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

#card-transfer-right section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1em .5em;
    position: static;
    width: auto;
    height: 2.375em;
    left: 0;
    top: 3.5em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0
}

#card-transfer-right section label {
    display: flex;
    padding: 0;
    height: 1.875em;
    left: 1em;
    background: #f4f4f4;
    order: 0;
    margin-bottom: .625em
}

#card-transfer-right section label,
#card-transfer-right section label span {
    flex-direction: row;
    align-items: flex-start;
    position: static;
    top: 0;
    border-radius: 6.25em;
    flex: none;
    flex-grow: 0
}

#card-transfer-right section label span {
    text-align: center;
    padding: .25em 1em;
    left: 5.063em;
    color: #333;
    order: 1;
    margin: 0
}

.tabs-active {
    background: #805adc;
    border-radius: 6.25em;
    color: #fff !important
}

#card-transfer-right section label span p {
    position: static;
    height: 1.375em;
    left: 1em;
    top: .25em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 .625em;
    cursor: pointer
}

.card-transfer-right-item {
    flex-direction: row;
    padding: 1em;
    left: 0;
    top: 5.875em;
    border-bottom: 1px solid #dedede;
    flex: none;
    flex-grow: 0;
    margin: 0
}

.card-transfer-right-info,
.card-transfer-right-item {
    display: flex;
    align-items: center;
    position: static;
    order: 1;
    align-self: stretch
}

.card-transfer-right-info {
    flex-direction: row;
    padding: 0;
    width: auto;
    height: 1.375em;
    left: 1em;
    top: 1em;
    flex: none;
    flex-grow: 1;
    margin: 0 .5em
}

.card-transfer-item-info-text {
    position: static;
    width: auto;
    left: calc(50% - 304px);
    top: 0;
    bottom: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 1
}

#card-transfer-right-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0 1em .9em;
    position: static;
    width: auto;
    left: calc(50% - 308.5px);
    top: 85.16%;
    bottom: 0;
    flex: none;
    order: 9;
    align-self: stretch;
    flex-grow: 0
}

#card-transfer-right-footer-p {
    height: 1.375em;
    left: 1em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    color: #805adc;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 .5em
}

@media (min-width: 1200px) and (max-width:1439px) {
    #card-transfer-right {
        width: 26.5em
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #card-transfer-right {
        width: 26.5em
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #card-transfer-right {
        width: 36em
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-transfer-right {
        width: 36em
    }

    #card-transfer-left {
        padding: 1em
    }
}

.transfer-historial-img-circle {
    position: static;
    width: 40px;
    height: 40px;
    left: 16px;
    top: 16px;
    background: #f4f4f4;
    border-radius: 30px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 8px
}

.transfer-historial-img {
    position: absolute;
    margin: 7px 8px
}

.card-transfer-right-historial {
    flex-direction: row;
    left: 64px;
    top: 16px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1
}

.card-transfer-historial-info,
.card-transfer-right-historial {
    display: flex;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 40px;
    margin: 0
}

.card-transfer-historial-info {
    flex-direction: column;
    width: auto;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 1
}

.transfer-historial-info-text {
    left: calc(50% - 230px);
    top: 0;
    bottom: 45%;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    order: 0;
    margin: 4px 0
}

.transfer-historial-info-date,
.transfer-historial-info-text {
    position: static;
    width: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.transfer-historial-info-date {
    height: 14px;
    left: 0;
    top: 26px;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    order: 1;
    margin: 0
}

.transfer-programada {
    color: #805adc !important
}

.card-transfer-historial-currency {
    position: static;
    width: auto;
    height: 22px;
    left: 468px;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0
}

.borderstyle {
    border: 1px solid #dedede;
    padding: 4px 12px 0 14px;
    border-radius: 4px 0 4px 4px
}

.borderstyle-subtitle-padding {
    padding-left: 14px;
    padding-bottom: 2px !important
}

.borderstyle-top-none {
    border-top: none
}

.borderStyleTransferOk {
    display: flex;
    border-left: 4px solid #06ca75;
    padding: 16px;
    align-items: center
}

.borderStyleTransferOk h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.borderStyleTransferAlert {
    display: flex;
    border-left: 4px solid #fcc606;
    padding: 16px;
    align-items: center
}

.borderStyleTransferAlert h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.borderStyleTransferAlert-subtext {
    display: flex;
    padding: .5em 1em;
    align-items: flex-start;
    grid-gap: .5em;
    gap: .5em;
    border-top: 1px solid #dedede;
    align-self: stretch;
    color: #757575;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.borderStyleTransferWarning {
    display: flex;
    border-left: 4px solid #ff0202;
    padding: 16px;
    align-items: center
}

.borderStyleTransferWarning h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.subtext {
    color: #757575 !important
}

.sizeCuadrado {
    width: 100%
}

.containerModal {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

#cardAlert {
    position: fixed;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: row;
    padding: 0;
    height: auto;
    right: 2.125em;
    top: -1.45em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em;
    border-left: .188em solid #06ca75
}

.cardAlert-center {
    width: 443px;
    margin: 48px auto 0
}

#cardAlert-container {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: 1em 1em 1em .813em;
    position: static;
    left: .188em;
    top: calc(50% - 39px);
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0
}

#cardAlert-container h1 {
    top: 0;
    font-weight: 500;
    color: #805adc;
    margin: 0 0 4px
}

#cardAlert-container h1,
#cardAlert-container h5 {
    position: static;
    left: 0;
    font-family: "Roboto";
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    flex: none;
    flex-grow: 0
}

#cardAlert-container h5 {
    width: 336px;
    top: 1.125em;
    font-weight: 400;
    display: flex;
    align-items: flex-end;
    color: #333;
    align-self: stretch;
    margin: 0
}

#cardAlert-container section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: auto;
    left: .813em;
    top: 1em;
    flex: none;
    flex-grow: 1
}

#cardAlert-img {
    position: static;
    border-radius: 2.188em;
    flex: none;
    flex-grow: 0;
    margin-left: 10px;
    padding-top: 3px
}

#cardAlert-text {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    left: 1.5em;
    top: 0;
    flex-grow: 1;
    margin: 0 .5em;
    width: 100%
}

#cardAlert-close {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 8px;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 8px solid transparent;
    border-top-color: #805adc
}

.lds-ring div:first-child {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.card-mensaje-SinPermisos {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2em 1em;
    width: 38em;
    flex: none;
    flex-grow: 1
}

.card-mensaje-SinPermisos section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    width: 38em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.card-mensaje-SinPermisos section p {
    width: 17.625em;
    height: 3em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: #333;
    flex: none;
    flex-grow: 0;
    margin: 0 0 1em
}

.button-mensaje-SinPermisos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 12.75em !important;
    height: 3em !important;
    flex: none;
    flex-grow: 0
}

@media (min-width: 992px) and (max-width:1199px) {
    .card-mensaje-SinPermisos {
        width: 26.5em
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .card-mensaje-SinPermisos {
        width: 36em !important
    }

    .card-mensaje-SinPermisos section {
        width: 33.875em !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .card-mensaje-SinPermisos {
        background: #f4f4f4;
        border-radius: .5em .5em 0 0;
        margin-top: 0;
        padding: 1em;
        width: 100% !important
    }

    .card-mensaje-SinPermisos section {
        background-color: #fff;
        border-radius: .5em;
        border: .063em solid #e5e5e5;
        padding: 2em 0
    }
}

@media (min-width: 673px) {

    .card-mensaje-SinPermisos,
    .card-mensaje-SinPermisos section {
        width: 100% !important
    }
}

#containerSideBar {
    position: fixed;
    width: 28em;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff
}

#headerSideBar {
    border-bottom: .063em solid #e5e5e5
}

#headerSideBar,
#headerSideBarCongrat {
    display: inline-flex;
    width: 30em;
    right: 0;
    top: 0;
    background: #fff
}

#backSideBar {
    padding: 1em;
    width: 1.5em;
    flex: 0 1;
    cursor: pointer
}

#headerSideBar-title {
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 3.625em;
    flex: 4 1;
    color: #333
}

#bodySideBar {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: .1fr .16fr .3fr .5fr;
    padding: 0 2em;
    height: 90vh
}

.loadingSideBar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh
}

.scrollSideBar {
    overflow-y: scroll;
    overflow-x: hidden
}

.body-subtitle-SideBar,
.body-title-SideBar {
    width: 24rem
}

.message-bodySideBar {
    grid-template-rows: 0fr 0fr 0fr !important;
    margin-top: 50%;
    text-align: center
}

#img-message-SideBar {
    display: block;
    margin: auto;
    width: 7.875em;
    height: 7.875em
}

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

#text-message-SideBar {
    width: 18em;
    margin: 1em 0
}

#text-message-SideBar,
#text-message-SideBar1 {
    color: #333;
    text-align: center;
    font-weight: 500;
    line-height: 1em
}

#text-message-SideBar1 {
    width: 13em;
    margin: 1em auto
}

.link-Sidebar {
    display: grid;
    grid-template-columns: auto .625em;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 1em;
    width: 24em;
    left: 64em;
    top: 15.75em;
    background: #fff;
    box-sizing: border-box;
    border-radius: .5em;
    font-family: "Roboto";
    font-style: normal;
    font-size: 16px;
    line-height: 1.188em;
    color: #333;
    margin-bottom: .375em;
    border: none;
    cursor: pointer
}

.link-Sidebar-bold {
    border: .063em solid #e5e5e5 !important;
    font-weight: 700;
    margin-bottom: 1em !important
}

.link-Sidebar-51 {
    height: 3.188em
}

.background-smoke-SideBar {
    background: #f4f4f4 !important
}

#sidebar-panel-left {
    height: 100%;
    width: 14em;
    left: 0;
    height: 85vh
}

#container-panel-right,
#sidebar-panel-left {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: #fff
}

#container-panel-right {
    height: 100%;
    width: 28em;
    right: 0;
    top: 0;
    margin: 0
}

.container-panel-right-over {
    z-index: 100
}

#header-panel-right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 3.5em;
    left: 0;
    top: 0;
    flex: none;
    border-bottom: .063em solid #e5e5e5
}

#back-panel-right {
    padding: 1em;
    width: 1.5em;
    height: 1.5em;
    flex: 0 1;
    cursor: pointer
}

#header-title-panel-right {
    align-items: center;
    display: flex;
    position: static;
    width: 376px;
    height: 100%;
    left: 2.5;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    flex: none;
    flex-grow: 1
}

#body-form-panel-right,
#body-form-panel-right-congrat,
#body-panel-right,
#body-panel-right1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 90vh;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    padding: 2.5em 1.5em 0;
    position: static;
    left: 0;
    bottom: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#body-form-panel-right {
    padding: 1em 1.5em 0;
    flex: 1 1 !important
}

#body-form-panel-right-congrat {
    padding: .375em 1em 0;
    flex: 1 1 !important
}

#body-panel-right1 {
    padding: 2.5em 0
}

#body-message-panel-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em 1em 2em;
    left: 62em;
    top: 0;
    height: 100vh;
    flex-wrap: nowrap;
    align-content: stretch;
    position: static;
    bottom: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.message-administracion {
    height: 26em !important
}

.container-form-panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    grid-gap: 1.5em;
    gap: 1.5em;
    width: 100%;
    flex: none;
    align-self: stretch;
    flex-grow: 1
}

.section-form-panel-right,
.section-form-validador-panel-right-inherit,
.section-form-validador-panel-right-stepper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    left: 0;
    top: calc(50% - 275.5px)
}

.section-form-validador-panel-right-stepper {
    height: 296px
}

.section-form-validador-panel-right-inherit {
    height: 360px
}

#footer-panel-right,
#footer-panel-right-116,
#footer-panel-right-inherit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 205px;
    left: 32px;
    top: 759px;
    margin-bottom: 24px
}

#footer-panel-right-inherit {
    height: auto
}

#footer-panel-right-116 {
    height: 116px
}

.footer-panel-right-button-column,
.footer-panel-right-button-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    grid-gap: .5em;
    gap: .5em;
    width: 100%;
    height: auto;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    flex-wrap: wrap
}

.footer-panel-right-button-row .button-row-width {
    width: 196px !important
}

#stepper-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: .5em 1.5em 1em;
    top: 3.5em
}

#title-content-panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 24em;
    left: 2em;
    top: 1em;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

#title-panel-right-validate-again {
    margin-bottom: 8px
}

#title-panel-right-validate-again>:not(:last-child) {
    margin-block-start: calc(-8px*var(--tw-space-y-reverse));
    margin-block-end: calc(-8px*(1 - var(--tw-space-y-reverse)))
}

#title-panel-right-validate-again-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}

#title-panel-right-validate-again-description {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

#title-panel-right,
#title-panel-right1,
#title-panel-right-18,
.title-panel-right-w352 {
    position: static;
    width: 384px;
    left: 2em;
    top: 2.5em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

#title-panel-right1 {
    padding: 0 1.5em !important
}

#title-panel-right-18,
.title-panel-right-w352 {
    font-size: 18px !important
}

.title-panel-right-label {
    height: 22px;
    font-style: normal;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 4px 4px
}

.title-panel-right-w352 {
    width: 352px !important;
    line-height: 24px !important;
    margin: 0 auto !important
}

#subtitle-panel-right,
#subtitle-panel-right-center,
.subtitle-panel-right-w296 {
    position: static;
    width: 24em;
    left: 0;
    top: 2.75em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    color: #333;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 1em
}

#subtitle-panel-right-center {
    width: auto !important;
    font-weight: 400 !important;
    text-align: center !important
}

.subtitle-panel-right-w296 {
    width: 296px !important;
    height: auto !important;
    left: 1.75em !important;
    top: 4.5em !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 0 auto !important
}

.items-panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    left: 1em;
    top: 6em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 1.5em;
    margin-bottom: 2.5em
}

.item-panel-right {
    padding: 1em;
    width: 92%;
    border-radius: .5em;
    margin-bottom: 1em
}

.item-fa-panel-right,
.item-panel-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: static;
    left: 0;
    top: 0;
    background: #fff;
    flex: none;
    order: 0;
    flex-grow: 0;
    cursor: pointer
}

.item-fa-panel-right {
    padding: 16px;
    width: 384px;
    height: 51px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 8px;
    align-self: stretch;
    margin-bottom: 16px
}

.item-fa-panel-right p {
    position: static;
    left: 1em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.188em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0
}

.checkbox-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: .5em;
    gap: .5em;
    width: 26em;
    height: 3.5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.checkbox-form p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    flex: none;
    flex-grow: 1;
    margin: 0
}

.form-panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 100%;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 2em
}

.form-input-panel-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%
}

.form-input-panel-right h1 {
    width: 400px;
    height: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9b9b9b;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.footer-container-panel-right {
    flex-direction: column;
    padding: 1em 1.5em;
    width: 90%;
    position: absolute;
    bottom: 0;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    flex: none;
    flex-grow: 0
}

.footer-container-panel-right,
.footer-link-panel-right {
    display: flex;
    align-items: center;
    height: auto;
    align-self: stretch
}

.footer-link-panel-right {
    flex-direction: row;
    justify-content: center;
    padding: 0 1em 1.5em;
    grid-gap: .5em;
    gap: .5em;
    border-radius: .5em;
    flex: none;
    flex-grow: 0;
    cursor: pointer
}

.footer-link-panel-right p {
    height: 1.5em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #805adc;
    margin: 0
}

.form-panel-right-bottom {
    margin-bottom: 160px
}

.form-panel-right-bottom-130 {
    margin-bottom: 130px
}

.form-panel-right-bottom-230 {
    margin-bottom: 230px
}

.form-panel-right-bottom-210 {
    margin-bottom: 210px
}

.form-panel-right-bottom-300 {
    margin-bottom: 300px !important
}

.item-input-panel-right {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100% !important;
    height: 3.5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 1em
}

.item-text-panel-right {
    position: static;
    width: 11em;
    height: 1.5em;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 .5em
}

.hide-input-data {
    margin-bottom: -.5em;
    margin-left: -2.5em;
    height: 1.5em;
    width: 1.5em;
    padding: 16px 16px 0 0
}

#container-check-list {
    margin-bottom: 16px
}

#check-list {
    display: flex;
    flex-direction: column;
    flex-grow: 0
}

.error-message {
    width: 24em;
    left: calc(50% - 192px)
}

.error-message,
.error-message-coincide {
    position: static;
    top: 4em;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

.error-message-coincide {
    font-family: "Roboto";
    color: #ff0202;
    margin: 0 0 1em
}

#content-message-panel-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 1em;
    top: 27.656em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 0 1.5em
}

#content-message-panel-right p {
    position: static;
    width: 416px;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #333;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.text-message-invitation-h3 {
    width: auto !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 0 auto 24px !important
}

.text-message-invitation-h4 {
    width: 296px !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important
}

#content-img-ok-panel-right {
    position: static;
    left: 9.313em;
    top: 16.781em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 0 1.5em
}

.content-img-ok-168 {
    width: 168px;
    height: 168px
}

.img-ok-panel-right {
    left: .75em;
    top: .75em
}

.img-ok-panel-right-168 {
    width: 168px;
    height: 168px
}

.img-error-panel-right {
    width: 10em;
    height: 10em;
    left: .75em;
    top: .75em
}

#footer-message-panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 3em;
    left: 5.844em;
    top: 31.156em;
    flex: none;
    order: 2;
    flex-grow: 0
}

.btn-footer-message-panel-right,
.btn-footer-message-panel-right-130 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: static;
    width: 261px !important;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.btn-footer-message-panel-right-130 {
    width: 130px !important
}

.reenvio-panel-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em;
    position: static;
    left: 0;
    bottom: 0;
    border-radius: .5em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

.reenvio-panel-right p {
    left: 2.625em;
    top: .906em;
    line-height: 1.188em;
    color: #805adc;
    margin: 0;
    cursor: pointer
}

.reenvio-panel-right p,
.time-message-panel-right {
    position: static;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    flex: none;
    order: 2;
    flex-grow: 0
}

.time-message-panel-right {
    left: 2em;
    top: 16.125em;
    line-height: 1.5em;
    color: #333;
    align-self: stretch;
    margin: 2em 0;
    text-align: center
}

@media (min-width: 992px) and (max-width:1199px) {
    #sidebar-panel-left {
        width: 19.5em;
        height: 100%
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #sidebar-panel-left {
        width: 19.5em;
        height: 100%
    }

    .items-panel-right-mt-0 {
        margin-top: 0 !important
    }
}

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

    #title-panel-right,
    #title-panel-right1,
    #title-panel-right-18,
    .title-panel-right-w352 {
        width: auto
    }

    #sidebar-panel-left {
        width: 19.5em;
        height: 100%
    }

    .items-panel-right-mt-0 {
        margin-top: 0 !important
    }

    .container-form-panel-right {
        grid-gap: 0;
        gap: 0;
        flex-grow: 0
    }

    #container-panel-right {
        width: 100%
    }

    #footer-panel-right-inherit {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 32px 40px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        background: #fff;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, .1);
        justify-content: flex-start;
        width: auto;
        top: inherit;
        margin: 0
    }

    .text-message-invitation-h3 {
        width: 480px;
        margin: 0 auto 24px !important
    }

    .footer-panel-right-button-row .button-row-width {
        width: 292px !important
    }
}

@media (max-width: 673px) {
    .item-fa-panel-right {
        font-size: 16px;
        width: 22.5em
    }

    #title-panel-right,
    #title-panel-right1,
    #title-panel-right-18,
    .title-panel-right-w352 {
        width: auto
    }

    #containerSideBar {
        position: relative;
        width: auto
    }

    .items-panel-right-mt-0 {
        margin-top: 0 !important
    }

    .container-form-panel-right {
        grid-gap: 0;
        gap: 0;
        flex-grow: 0
    }

    #sidebar-panel-left {
        width: 19.5em;
        height: 100%
    }

    #container-panel-right {
        width: 100%
    }

    .validador-form {
        width: 22.5em
    }

    #footer-panel-right-inherit {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 32px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        background: #fff;
        justify-content: flex-start;
        width: auto;
        top: inherit;
        margin: 0
    }

    .footer-container-panel-right {
        min-width: inherit
    }

    .button-row-mob,
    .footer-panel-right-button-row .button-row-width {
        width: 100% !important
    }
}

.modal-dialog {
    position: fixed;
    width: 28em;
    height: 100vh;
    top: 0;
    background: #fff
}

.modal-dialog,
.modal-dialog-show {
    right: 0;
    transition: opacity .3s linear, right .3s ease-out
}

#body-user {
    margin-top: 5em;
    margin-bottom: 1.5em;
    text-align: center
}

#boxSideBar {
    border: .063em solid #dedede;
    box-sizing: border-box;
    border-radius: .5em;
    height: auto;
    padding: .125em 1em 1em;
    margin-bottom: 1em
}

#boxSideBar-title {
    display: flex;
    justify-content: space-between
}

.boxSideBar-subtitle {
    color: #757575;
    margin-bottom: .125em;
    margin-top: 0
}

@media (max-width: 436px) {
    #body-user {
        width: 90%
    }
}

.grid-EditName {
    grid-template-rows: .1fr .1fr .95fr .1fr !important
}

#container-crumbs {
    flex-direction: row;
    left: 21.063em;
    top: 6.125em;
    margin-bottom: 1em
}

#container-crumbs,
.title-crumbs {
    display: flex;
    align-items: center;
    padding: 0;
    width: auto;
    height: 1.5em
}

.title-crumbs {
    flex-direction: row;
    position: static;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #9b9b9b;
    line-height: 1.5em;
    flex: none;
    flex-grow: 0
}

.icon-crumbs {
    display: flex;
    align-items: center;
    width: 1em;
    height: 1em;
    left: .375em;
    top: .219em;
    margin: 0 .5em
}

.item-crumbs,
.item-crumbs-active {
    position: static;
    width: auto;
    height: 1.5em;
    left: 0;
    top: 0;
    line-height: 1.5em;
    flex: none;
    flex-grow: 0
}

.item-crumbs-active {
    font-weight: 500;
    color: #333
}

.breadcrumbs-img,
.item-crumbs-last {
    display: flex;
    align-items: center
}

.breadcrumbs-img {
    flex-direction: row;
    padding: 0;
    grid-gap: .5em;
    gap: .5em
}

.breadcrumbs-dsk {
    display: block
}

.breadcrumbs-mob {
    display: none
}

.breadcrumbs-margin-mob {
    margin: 1em 1em .875em
}

@media (min-width: 576px) and (max-width:767px) {
    .breadcrumbs-dsk {
        display: none
    }

    .breadcrumbs-mob {
        display: block
    }
}

@media (max-width: 673px) {
    .breadcrumbs-dsk {
        display: none
    }

    .breadcrumbs-mob {
        display: block
    }
}

.buscador-cuentas {
    width: 100%
}

.buscador-cuentas input {
    font-size: 16px;
    background-color: #fff;
    height: 50px;
    width: 100%;
    border: none;
    transition: .2s;
    word-wrap: break-word;
    padding: 16px 2.4em 16px 16px
}

.buscador-cuentas input:hover {
    cursor: pointer
}

.buscador-cuentas .search-icon {
    position: relative;
    transform: translate(-140%, 20%)
}

@media (min-width: 576px) and (max-width:767px) {
    .buscador-cuentas {
        position: relative;
        padding: 0 1rem;
        margin: 0
    }

    .buscador-cuentas input {
        width: 100%;
        margin-bottom: .125em
    }

    .buscador-cuentas-input:-ms-input-placeholder {
        color: #333
    }

    .buscador-cuentas-input::placeholder {
        color: #333
    }
}

@media (max-width: 673px) {
    .buscador-cuentas {
        position: relative;
        padding: 0 1rem;
        margin: 0
    }

    .buscador-cuentas input {
        width: 100%;
        margin-bottom: .125em
    }

    .buscador-cuentas input:hover {
        outline: none !important;
        outline-color: inherit !important
    }

    .buscador-cuentas input:focus {
        outline-color: none
    }

    .buscador-cuentas-input:-ms-input-placeholder {
        color: #333
    }

    .buscador-cuentas-input::placeholder {
        color: #333
    }
}

.select-cuentas {
    font-size: 14px;
    border-radius: 16px;
    border: none
}

.select-cuentas:focus,
.select-cuentas:hover {
    cursor: pointer;
    border-radius: 16px;
    outline: 1px solid #dedede
}

@media (max-width: 1150px) {
    .select-cuentas {
        width: 50%
    }
}

@media (max-width: 800px) {
    .select-cuentas {
        width: 50%
    }
}

.disable-select-cuentas {
    pointer-events: none;
    color: #dedede !important
}

.download-option {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    flex: none;
    flex-grow: 0;
    cursor: pointer
}

.download-option p {
    width: 73px;
    height: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #805adc;
    flex: none;
    flex-grow: 0;
    margin: 0 8px 0 0
}

.download-link {
    display: flex;
    flex-direction: row
}

.downloading-select-cuentas {
    pointer-events: none;
    background-color: #fff;
    color: #805adc;
    border-radius: 6px;
    width: 100%;
    height: 56px;
    font-size: 16px;
    font-family: "Roboto"
}

@media (max-width: 1150px) {
    .downloading-select-cuentas {
        width: 50%
    }
}

@media (max-width: 800px) {
    .downloading-select-cuentas {
        width: 50%
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .download-option {
        padding: 12px 16px 12px 8px
    }
}

@media (max-width: 673px) {
    .download-option {
        padding: 12px 16px
    }
}

.filtros-cuentas .filtros-cuentas-boton {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    background-color: #997be3;
    color: #fff;
    padding: 18px;
    border: none;
    border-radius: 24px;
    cursor: pointer;
    transition: .2s;
    margin-bottom: 24px
}

.filtros-cuentas .filtros-cuentas-boton img {
    height: 16px;
    margin-left: 10px
}

.filtros-cuentas .filtros-cuentas-boton:hover {
    background-color: #805adc;
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.filtros-cuentas .filtros-cuentas-boton:active {
    transform: scale(.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.filtros-cuentas .filtro-fecha {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 243.5px;
    height: 40px;
    left: calc(50% - 72px);
    top: 0;
    background: #fff;
    border: none !important;
    box-sizing: border-box;
    border-radius: 24px;
    flex: none;
    flex-grow: 0;
    cursor: pointer
}

.filtros-cuentas .filtro-fecha p {
    position: static;
    text-align: left;
    width: 187.5px;
    height: 22px;
    left: 16px;
    top: 9px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-right: 8px
}

.filtros-cuentas .filtro-fecha-img {
    position: static;
    width: 14px;
    height: 14px;
    left: 114px;
    top: 28px;
    flex: none;
    flex-grow: 0;
    transition: all .3s ease-in-out 0s
}

.filtros-cuentas .filtro-fecha-img-up {
    width: 16px;
    height: 16px;
    transform: rotate(-180deg);
    transition: all .3s ease-in-out 0s
}

.filtros-cuentas #filtro-fecha-calendar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #fff !important;
    padding: 0;
    width: 100%;
    left: 337px;
    top: 354px;
    border-radius: 8px
}

.filtros-cuentas .filtros-select {
    font-size: 14px;
    border-radius: 16px;
    border: none;
    padding: 12px 16px;
    margin-top: 8px
}

.filtros-cuentas-boton-blanco {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 243.5px;
    height: 40px;
    left: calc(50% - 72px);
    top: 0;
    background: #fff;
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 24px;
    flex: none;
    flex-grow: 0;
    cursor: pointer;
    color: #000
}

.filtros-cuentas-boton-blanco p {
    text-align: left;
    width: 178.5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 8px 0 0
}

.filtros-cuentas-boton-blanco img {
    height: 16px;
    margin-left: 10px
}

.filtros-menu-item {
    justify-content: space-between !important
}

.monto-error {
    padding: 16px;
    color: #ff0202
}

.filtros-menu {
    font-family: "Roboto";
    top: -117px !important;
    left: -174px !important
}

.filtros-menu-list {
    width: 334px !important;
    position: absolute;
    padding: 0 !important
}

.margin-calendar {
    margin: -40px 0 0 -95px
}

.filtros-selects-container {
    display: flex;
    justify-content: space-around;
    margin: 24px 8px
}

.filtros-selects-container .filtros-selects-inputs {
    border-radius: 4px;
    padding: 16px;
    max-width: 115px;
    border-color: #9b9b9b
}

.filtros-selects-container .filtros-selects-inputs-error {
    border-radius: 4px;
    padding: 16px;
    max-width: 115px;
    border-color: #ff0202
}

.filtros-selects-container .filtros-selects-inputs-error:active {
    outline: #ff0202
}

.filtros-selects-container input[type=number]::-webkit-inner-spin-button,
.filtros-selects-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.aplicar-filtros-button {
    display: flex;
    justify-content: center;
    padding: 14px 24px;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    color: #06ca75;
    cursor: pointer;
    transition: .2s;
    border: none
}

.aplicar-filtros-button:hover:not([disabled]) {
    color: #38d591
}

.aplicar-filtros-button:disabled {
    border: none;
    color: #dedede;
    cursor: not-allowed
}

.black-line {
    font-size: 40px
}

.select-filtros-recientes {
    width: 60%
}

.modal-calendar-title {
    padding: 5px 20px 10px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: -20px;
    margin-left: 20px
}

.modal-calendar-close {
    padding: 20px 20px 0
}

@media (min-width: 576px) and (max-width:767px) {
    #filtro-fecha-calendar {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .filtro-fecha {
        width: auto;
        height: 40px !important;
        background: #f4f4f4 !important;
        border: none !important;
        border-radius: 24px !important;
        display: flex;
        align-items: center;
        padding: 16px
    }

    .filtro-fecha p {
        width: auto !important
    }
}

@media (max-width: 673px) {
    #filtro-fecha-calendar {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .filtro-fecha {
        width: auto;
        height: 40px !important;
        background: #f4f4f4 !important;
        border-radius: 24px !important;
        border: none !important;
        display: flex;
        align-items: center;
        padding: 16px
    }

    .filtro-fecha p {
        width: auto !important
    }
}

#box-calendario {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 334px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-top: 6px;
    z-index: 1
}

@media (min-width: 576px) and (max-width:767px) {
    .menu-acciones-list-margin-mob {
        width: auto !important
    }
}

@media (max-width: 673px) {
    .menu-acciones-list-margin-mob {
        width: auto !important
    }
}

.movimiento-individual-container {
    border-bottom: 1px solid #dedede;
    padding: 16px
}

.movimiento-individual-container .movimiento-individual-izquierda {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.movimiento-individual-container .movimiento-individual-derecha {
    margin: 0
}

.movimiento-individual-container .movimiento-individual-name {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.movimiento-individual-container .movimiento-individual-amount-mas {
    color: #06ca75;
    text-align: end;
    font-weight: 400;
    margin: 0 !important
}

.movimiento-individual-container .movimiento-individual-amount-menos {
    color: #000;
    font-weight: 400;
    margin: 0 !important
}

.movimiento-individual-container .movimiento-individual-grey {
    color: #969696;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0 !important;
    margin-top: 8px !important
}

.movimiento-individual-fecha {
    border-bottom: 1px solid #dedede;
    margin-bottom: 0;
    margin-top: 8 !important
}

.pageNumbers {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 14em;
    height: 2em;
    left: 13em;
    top: 1em;
    flex: none;
    flex-grow: 0;
    margin: 0 .5em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: .875em;
    text-align: center;
    color: #805adc;
    cursor: pointer
}

.pageNumbers li {
    left: 2em;
    transition: .2s
}

.pageNumbers li,
.pageNumbers li.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .5em;
    position: static;
    width: 32px;
    height: 32px;
    top: 0;
    flex: none;
    flex-grow: 0;
    margin: 0
}

.pageNumbers li.active {
    color: #fff;
    left: 0;
    background: #805adc;
    border-radius: .5em;
    order: 0
}

.pageNumbers li button {
    background-color: transparent;
    border: none;
    color: #805adc;
    cursor: pointer
}

.pageNumbers li button:focus {
    outline: none
}

.loadmore {
    padding: 1rem;
    background-color: transparent;
    color: #fff;
    font-size: 1.2rem;
    border: 1px solid #fff;
    cursor: pointer
}

.center-pagination {
    margin-left: 20%
}

.pagination-container {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0
}

.pagination-container .pagination-item,
.pagination-container .pagination-item-base,
.pagination-container .pagination-item-continue {
    padding: 0 12px;
    height: 32px;
    text-align: center;
    margin: auto 4px;
    color: #805adc;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    letter-spacing: .01071em;
    border-radius: 16px;
    line-height: 1.43;
    font-size: 13px;
    min-width: 32px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    transition: .2s
}

.pagination-container .pagination-item.dots:hover {
    background-color: transparent;
    cursor: default
}

.pagination-container .pagination-item:hover {
    background-color: rgba(128, 90, 220, .3607843137254902);
    border-radius: 4px;
    cursor: pointer;
    color: #fff
}

.pagination-container .pagination-item.selected {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .5em;
    position: static;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    background: #805adc;
    border-radius: .5em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.pagination-container .pagination-item .arrow:before {
    position: relative;
    content: "";
    display: inline-block;
    width: .4em;
    height: .4em;
    border-right: .12em solid rgba(0, 0, 0, .87);
    border-top: .12em solid rgba(0, 0, 0, .87)
}

.pagination-container .pagination-item .arrow.left {
    transform: rotate(-135deg) translate(-50%)
}

.pagination-container .pagination-item .arrow.right {
    transform: rotate(45deg)
}

.pagination-container .pagination-item.disabled {
    pointer-events: none
}

.pagination-container .pagination-item.disabled .arrow:before {
    border-right: .12em solid rgba(0, 0, 0, .43);
    border-top: .12em solid rgba(0, 0, 0, .43)
}

.pagination-container .pagination-item.disabled:hover {
    background-color: transparent;
    cursor: default
}

.sin-movimientos {
    height: 125px;
    padding: 20px 20px 40px
}

.loading-movimientos {
    height: 100vh;
    transition: .2s
}

.loading-movimientos-50 {
    height: 50vh;
    transition: .2s
}

.movimiento-border-0 {
    border-bottom: 0 !important
}

#header_mobile_mov {
    display: none
}

.width-filtros {
    width: 328px
}

.width-spinner-movimientos {
    width: 640px
}

.header_mob_mov_input {
    display: flex;
    flex-direction: row;
    width: 100%
}

.header_mob_mov_breadcrumbs {
    margin: 1em 1em 0
}

@media (min-width: 576px) and (max-width:767px) {
    #header_mobile_mov {
        display: block
    }

    #header_mobile_mov section {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 56px;
        left: 0;
        right: 0
    }

    #back_mov {
        padding-left: 16px;
        height: 24px;
        float: left
    }

    .search-filter-display {
        display: none
    }
}

@media (max-width: 673px) {
    #header_mobile_mov {
        display: block
    }

    #header_mobile_mov section {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 56px;
        left: 0;
        right: 0
    }

    #back_mov {
        padding-left: 16px;
        height: 24px;
        float: left
    }

    .search-filter-display {
        display: none
    }
}

#body-panel-descarga {
    height: 100vh;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    padding: 2.5em 2em 0;
    left: 0;
    bottom: 0;
    margin: 0
}

#body-panel-descarga,
.item-panel-descarga {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: static;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.item-panel-descarga {
    padding: 0;
    width: 384px;
    left: 32px;
    top: 16px;
    border-radius: 8px;
    order: 0;
    margin-bottom: 1em
}

#footer-panel-descarga {
    align-items: flex-start;
    position: static;
    height: 80px;
    left: 0;
    top: 432px;
    order: 3;
    margin: 0
}

#footer-panel-descarga,
.select-panel-descarga {
    display: flex;
    flex-direction: column;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.select-panel-descarga {
    align-items: center;
    width: 384px;
    left: calc(50% - 192px);
    top: 0;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    order: 0
}

@media (min-width: 576px) and (max-width:767px) {
    .title-descargarResumenMob {
        width: 32em !important;
        font-size: 18px !important;
        line-height: 1.5em;
        margin-bottom: 2em
    }

    #footer-panel-descarga {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 13.375em;
        left: 2em;
        top: 47.438em;
        margin-bottom: 1em
    }

    .error-message-mob {
        width: 100%
    }
}

@media (max-width: 673px) {
    .title-descargarResumenMob {
        width: 18.5em !important;
        font-size: 18px !important;
        line-height: 1.5em;
        margin-bottom: .5em
    }

    #footer-panel-descarga {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 13.438em;
        left: 2em;
        top: 47.438em;
        margin-bottom: 1em
    }
}

.year-selector {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em;
    height: 50px;
    position: absolute;
    left: 256px;
    top: 15.5em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    margin-left: auto;
    transition: all .1s ease-in-out 0s;
    z-index: 1
}

.year-selector-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: static;
    left: 1.5em;
    top: 1.5em;
    flex: none;
    flex-grow: 0
}

.year-selector-center {
    display: flex;
    width: 100%;
    justify-content: center
}

.year-selector-label {
    align-items: flex-start;
    padding: 0;
    height: auto;
    margin: .5em 0
}

.year-selector-label,
.year-selector-span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: static;
    width: auto;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0
}

.year-selector-span {
    align-items: center;
    padding: .25em 1em;
    height: 1.875em;
    background: #fff;
    color: #333;
    border-radius: 6.25em
}

.year-selector-span:hover {
    cursor: pointer
}

.year-selector-active,
.year-selector-span:hover {
    background: #805adc !important;
    color: #fff !important
}

.year-selector-span p {
    position: static;
    width: 2em;
    height: 1.375em;
    left: 1em;
    top: .25em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    text-align: center;
    flex: none;
    flex-grow: 0;
    margin: 0
}

@media (min-width: 576px) and (max-width:767px) {
    .year-selector {
        height: 12.5em;
        padding: 0 1em 1em;
        left: 0;
        top: 100%;
        transition: inherit
    }

    .year-selector-span {
        margin: 0 .5em
    }
}

@media (max-width: 673px) {
    .year-selector {
        height: 12.5em;
        padding: 0 1em 1em;
        left: 0;
        transition: inherit;
        top: 100%
    }

    .year-selector-span {
        margin: 0 .5em
    }
}

.month-selector {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .5em .5em .5em 0;
    width: 15em;
    height: 17.875em;
    position: absolute;
    left: 10.5em;
    top: 20em;
    bottom: 0;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    margin-left: auto;
    transition: all .1s ease-in-out 0s
}

.month-selector section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 15em;
    height: 16.875em;
    left: 0;
    top: .5em;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.month-selector section label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em 1.5em;
    position: static;
    width: 11.875em;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

.month-selector section label span {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    position: static;
    width: 12em;
    height: 1.375em;
    left: 1.5em;
    top: 1em;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0 .375em
}

.month-selector section label span:hover {
    cursor: pointer
}

.month-selector-active,
.month-selector section label span:hover {
    background-image: url(/OB/static/media/check.ccb89ce2.svg);
    background-repeat: no-repeat;
    background-position: 172px 2px
}

.month-selector section label span p {
    position: static;
    width: 12em;
    height: 1.375em;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375em;
    color: #333;
    flex: none;
    order: 1;
    flex-grow: 1;
    margin: 0 .5em
}

@media (min-width: 576px) and (max-width:767px) {
    .month-selector {
        width: auto;
        padding: 0 1em 1em;
        left: 0;
        top: 100%;
        transition: inherit;
        border-radius: .5em .5em 0 0
    }

    .month-selector section {
        width: 100%;
        height: 21.125em;
        align-items: stretch
    }

    .month-selector section label {
        width: 19em
    }

    .month-selector section label span {
        margin: 0 .5em
    }

    .month-selector-active,
    .month-selector section label span:hover {
        background-position: 274px 2px
    }

    .calendar-item-list-mob {
        width: 22.5em
    }
}

@media (max-width: 673px) {
    .month-selector {
        width: auto;
        padding: 0 .5em .5em;
        left: 0;
        top: 100%;
        border-radius: .5em .5em 0 0
    }

    .menu-acciones-list-margin-mob {
        width: auto !important
    }

    .month-selector section {
        width: 100%;
        height: auto;
        align-items: stretch
    }

    .month-selector section label {
        width: 20.563em
    }

    .month-selector-active,
    .month-selector section label span:hover {
        background-position: 302px 2px
    }

    .calendar-item-list-mob {
        width: 100%
    }
}

.GenericItem-container {
    display: flex;
    flex-direction: row;
    width: 100%
}

.item-borders {
    border: 1px solid #dedede
}

.border-radius-8 {
    border-radius: 8px
}

.container-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 8px;
    transition: .2s
}

.container-item:hover {
    background-color: #f4f4f4
}

.container-item-border {
    border-radius: 8px;
    border: 1px solid #dedede;
    padding: 12px 16px
}

.background-grey {
    background: #f4f4f4;
    background: var(--Grey-background, #f4f4f4)
}

.GenericItem-cabecera {
    flex: 0 0 auto;
    align-items: center;
    display: flex
}

.GenericItem-cuerpo {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.GenericItem-titulo {
    display: flex;
    height: auto;
    overflow: hidden;
    color: #333;
    color: var(--Dark-Gray, #333);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    justify-content: space-between
}

.GenericItem-tituloTexto {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    flex: 1 1;
    flex-wrap: wrap
}

.GenericItem-acciones {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.GenericItem-subtitulo {
    height: 14px;
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    color: #9b9b9b;
    color: var(--Gray-200, #9b9b9b);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.click {
    cursor: pointer
}

.img-description {
    margin-right: 7px
}

.copiar-description {
    cursor: pointer;
    color: #06ca75
}

.texto {
    color: #805adc;
    margin-left: 14px
}

.texto-pointer {
    cursor: pointer;
    height: 40px
}

#container-cuentas {
    display: flex;
    flex-direction: column
}

#header-card-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    position: static;
    width: auto;
    height: auto;
    left: 1em;
    top: 1.5em;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 1em
}

#results-search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%;
    height: auto;
    left: 21.063em;
    top: 14.125em;
    background: #fff;
    border: .063em solid #e5e5e5;
    box-sizing: border-box;
    border-radius: .5em
}

#item-result-search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5em 1em;
    position: static;
    width: auto;
    min-width: 18.25em;
    top: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;
    border-bottom: .063em solid #dedede
}

#title-card-search {
    position: static;
    height: .875em;
    left: 0;
    top: 5px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: .875em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 1
}

.acciones-menu-card-search {
    cursor: pointer;
    transition: box-shadow .4s ease;
    position: static;
    width: 1.5em;
    height: 1.5em;
    left: 58.375em;
    top: 0;
    background: #f4f4f4;
    border-radius: 1.125em;
    flex: none;
    order: 1;
    flex-grow: 0
}

#body-card-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    position: static;
    width: auto;
    height: auto;
    left: 1em;
    top: 4em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

#balance {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 400
}

#arrow-card-search {
    position: static;
    width: 1em;
    height: 1em;
    left: 10.438em;
    padding-top: .313em;
    top: .375em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 .5em
}

#input-search-desktop {
    display: block;
    margin-bottom: 1em
}

#input-search-mobile {
    display: none
}

.spinner-search-cuentas {
    Width: 990px;
    Height: 645px
}

.p-alias {
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left
}

.input-alias,
.input-alias-error {
    width: -webkit-fill-available;
    padding: 16px;
    font-size: 16px;
    height: 56px
}

.input-alias-error {
    border: 1px solid red
}

#check-list {
    margin-top: 21px !important;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: auto;
    left: 0;
    top: 144px;
    flex: none;
    order: 2;
    align-self: stretch
}

.FCI-footer {
    padding-top: 24px;
    z-index: 9999
}

.FCI-Historial-Footer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 21px;
    z-index: 9999;
    background: #fff;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, .055)
}

.checkbox-purple:before {
    content: url(media/check-icon-white.svg)
}

#card-Movimientos {
    background: #fff;
    border-radius: 8px
}

.cardCuentas {
    height: auto
}

.cardCuentas-home {
    width: 360px
}

.spinner-cardCuentas-home {
    height: 116px
}

.padding-wallet {
    padding: 40px
}

#contenedor-margen {
    display: grid;
    max-width: 61.875em;
    padding-top: 1.438em;
    grid-template-columns: 0fr 0fr 1fr 1.875em;
    grid-template-rows: 0fr 0fr 3.1fr .3fr;
    grid-gap: .625em .625em;
    gap: .625em .625em;
    grid-auto-flow: row;
    grid-template-areas: ". . ." ". . ." ". cards cardRight" ". . .";
    grid-area: contenedor-margen
}

.cuentas-col-derecha {
    font-family: "Roboto";
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 14px
}

.border-top-movimientos {
    border-top: 1px solid #dedede
}

.width-640 {
    width: 640px !important
}

.ver-mas {
    transition: .2s;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-top: 4px;
    border-bottom: 1px solid transparent
}

@media (min-width: 768px) and (max-width:991px) {
    .cuentas-col-derecha {
        width: 100%;
        height: auto
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .cuentas-col-derecha {
        width: 36em;
        height: auto
    }
}

@media (max-width: 673px) {
    .cuentas-col-derecha {
        height: auto
    }
}

.headerMobileSearch {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    grid-gap: 16px;
    gap: 16px;
    left: 0;
    right: 0;
    top: 24px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.posicion_headerMobile {
    position: static;
    top: 50%;
    left: 50%
}

.tooltip {
    position: relative;
    margin-top: -5px
}

.tooltip:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333
}

.tooltip-icon {
    width: 16px;
    margin-left: 2px
}

.tooltip-custom {
    background-color: #333;
    max-width: 300px;
    padding: 16px;
    color: #fff;
    border-radius: 8px 8px 8px 8px
}

.popper-custom .show {
    opacity: 1 !important;
    margin-top: 4px;
    z-index: 9999;
    margin-bottom: 10px
}

.display-initial {
    display: inline;
    display: initial
}

.tooltip__container {
    font-size: 12px;
    text-align: left;
    font-family: "Roboto"
}

.tooltip__container>span {
    position: absolute;
    top: 12px;
    right: 8px;
    font-size: 12px
}

.tooltip__container ul {
    list-style: inside;
    padding: 0;
    margin: 0
}

.tooltip__container p {
    margin-bottom: 4px
}

.tooltip__container p:last-child {
    margin: 0
}

.bs-tooltip-right .arrow:before {
    border-right-color: #4d86c8 !important
}

.width-header-Transferencias-mobile {
    width: 108%
}

.width-card-historial-transferencias-765 {
    width: 399px
}

.width-card-historial-transferencias-360 {
    width: 335px
}

.card-historial-spinner {
    width: 397px !important
}

.alert-redirect-old {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.card-beneficiarie {
    display: flex;
    flex-direction: column;
    width: 100%
}

.card-beneficiarie-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    height: 46px;
    border-bottom: .063em solid #dedede
}

.card_whitout_beneficiarie {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 1em
}

.next-transfer-contacto {
    cursor: pointer
}

.width-card-contacto {
    width: calc(101% - 10px)
}

.width-ver-mas {
    width: 580px
}

.bandejaBeneficiarios {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dedede
}

.bandejaBeneficiarios .bandejaBeneficiarios-banco {
    font-size: 12px
}

.margin-agregarBeneficiarios {
    margin-left: 80px
}

.filtros-beneficiarios-mobile {
    width: 100%;
    padding: 16px
}

.padding-administracion-buscador {
    padding-bottom: 16px
}

@media (min-width: 576px) and (max-width:767px) {
    .administracion-container {
        display: flex !important;
        align-items: center;
        flex-direction: column !important
    }
}

@media (min-width: 360px) and (max-width:673px) {
    .administracion-container {
        display: flex !important;
        align-items: center;
        flex-direction: column !important
    }

    .justify-operadores-responsive {
        display: flex;
        justify-content: center
    }
}

.card-administracion {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    height: auto;
    padding: 16px 0;
    cursor: pointer
}

.card-administracion-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 309px;
    padding-right: 16px
}

.card-administracion-item div {
    padding: 16px
}

.card-administracion-item p {
    margin-left: 8px
}

@media (min-width: 768px) and (max-width:991px) {
    .card-administracion {
        padding-bottom: 16px
    }

    .card-administracion-item {
        width: 97%
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .card-administracion {
        padding: 16px
    }

    .card-administracion-item {
        padding-right: 0;
        width: 97%
    }
}

@media (min-width: 360px) and (max-width:673px) {
    .card-administracion {
        padding: 16px
    }

    .card-administracion-item {
        width: 100%;
        padding-right: 0
    }
}

.card-administracion-operadores {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    height: auto
}

.operadores-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    margin: 0;
    color: #333
}

.operadores-item p {
    margin: 0
}

.operadores-item .operador-info {
    display: flex;
    flex-direction: row;
    padding: 0;
    position: static;
    left: 16px;
    top: 16px;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0 8px;
    align-items: center !important;
    width: auto;
    max-width: 520px
}

.operadores-item .operadores-name {
    margin-bottom: 0
}

.operadores-item .operadores-name-font {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.operadores-item .operador-accion-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    position: static;
    height: 16px;
    left: 546px;
    top: 28px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0
}

.operadores-item .operadores-accion {
    position: static;
    left: 0;
    top: 0;
    text-align: end;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #06ca75;
    flex: none;
    flex-grow: 0;
    margin: 0 4px
}

.operadores-item .operadores-estado {
    font-size: 12px;
    color: #9b9b9b
}

.operadores-item .operadores-estado-font {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.operadores-item-border {
    border-top: 1px solid #dedede
}

.operadores-header {
    font-size: 16px;
    padding: 16px 16px 0
}

.operadores-buttons {
    transition: .2s;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.operadores-buttons button {
    border: none;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #fff;
    border-top-left-radius: .625em;
    padding: 1em;
    width: 11.688em;
    height: 3.5em;
    flex: none;
    flex-grow: 0;
    text-align: center
}

.operadores-buttons .operadores-buttons-true {
    color: #805adc;
    border-bottom: 2px solid #805adc;
    border-top-left-radius: .625em;
    margin-bottom: -.063em
}

.icon-nombreyapellido {
    font-family: "Roboto" !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #f4f4f4;
    border-radius: 100px;
    border: 1px solid transparent
}

.operadores-vermas {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 0 16px 0 19px;
    border-top: 1px solid #dedede;
    color: #805adc;
    cursor: pointer
}

.operadores-flecha {
    position: static;
    width: 16px;
    height: 16px;
    right: 0;
    top: 0;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 4px
}

.position-inherit {
    position: inherit !important
}

.loading-operadores {
    height: 120px
}

@media (min-width: 992px) and (max-width:1199px) {
    .operador-info {
        max-width: 238px !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .card-administracion-operadores {
        width: 542px !important
    }
}

@media (max-width: 673px) {
    .administracion-left {
        width: 576px !important
    }
}

.container-permisos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 400px;
    left: 0;
    top: 164px;
    flex: none;
    align-self: stretch;
    flex-grow: 1;
    margin: 0
}

.container-permisos section {
    align-items: flex-start;
    left: 0;
    margin: 0 0 16px
}

.container-permisos section,
.permisos-section-span {
    display: flex;
    flex-direction: column;
    padding: 0;
    position: static;
    height: auto;
    top: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.permisos-section-span {
    align-items: center;
    width: 400px;
    left: 24px;
    background: #fff;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 0
}

.permiso-header {
    border-bottom: 1px solid #dedede
}

.permiso-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 24px 16px;
    position: static;
    left: 0;
    top: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.permiso-item p {
    position: static;
    height: 24px;
    left: 24px;
    top: calc(50% - 12.5px);
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    flex: none;
    flex-grow: 1;
    margin: 0
}

.permiso-switch {
    position: static;
    left: 344px;
    top: 17px;
    flex: none;
    flex-grow: 0;
    margin: 0
}

.title-panel-cuentas-administracion {
    font-size: 18px;
    font-family: "Roboto";
    text-align: start;
    width: 60%
}

.check-cuentas-administracion {
    position: static;
    width: 24px !important;
    height: 24px !important;
    left: 360px;
    top: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 6px 0
}

.operador-cuentas-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 1.5em 0 !important
}

.operador-cuentas-item {
    padding: 8px 0
}

.operador-seleccionar-todo {
    color: #805adc !important;
    cursor: pointer
}

.operador-cuentas-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 264px;
    height: auto;
    left: 56px;
    top: 0;
    flex: none;
    order: 1;
    flex-grow: 1
}

.operador-cuentas-info span {
    height: auto;
    top: 0;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 16px;
    order: 0;
    margin-bottom: 0
}

.operador-cuentas-info p,
.operador-cuentas-info span {
    position: static;
    width: 264px;
    left: 0;
    font-family: Roboto;
    font-style: normal;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.operador-cuentas-info p {
    height: 14px;
    top: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c;
    order: 1;
    margin-top: 8px
}

#cardAlert-error {
    position: fixed;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    flex-direction: row;
    padding: 0;
    height: auto;
    right: 2.125em;
    top: -1.45em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em;
    border-left: .188em solid #b50101 !important
}

#cardAlert-error .red {
    color: #b50101 !important
}

.img-alert-error {
    width: 16px;
    height: 16px;
    padding-top: 4px
}

#menu-descargar-container {
    margin-top: 26px;
    margin-left: 12px;
    position: absolute
}

.menu-descargar-container-display {
    display: none
}

.menu-descargar {
    z-index: 99;
    position: absolute;
    transform: translateY(-20px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s
}

#menu-descargar-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
    width: 15em;
    height: auto;
    left: 67.25em;
    top: 17.063em
}

#menu-descargar-list,
.menu-descargar-scroll {
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em
}

.menu-descargar-scroll {
    padding: 8px 8px 8px 0
}

.item-menu-descargar {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    width: 192px;
    height: 54px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    cursor: pointer
}

.text-menu-descargar {
    position: static;
    height: 1.375em;
    left: 1.5em;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25em;
    color: #333;
    flex: none;
    flex-grow: 1
}

.item-menu-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px 0;
    grid-gap: 6px;
    gap: 6px;
    width: 208px;
    height: 46px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-right: 8px
}

.item-menu-cuentas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    padding: 0 8px 24px 16px;
    width: 184px;
    height: 38px;
    flex: none;
    flex-grow: 1;
    cursor: pointer
}

.text-menu-cuentas-monto {
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.text-menu-cuentas,
.text-menu-cuentas-monto {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400
}

.text-menu-cuentas {
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c
}

.cardItem {
    width: 290px;
    height: 2.5em;
    padding: .75em 1em;
    grid-gap: .5em;
    gap: .5em;
    border-radius: .5em;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer
}

.cardItem,
.cardItem-content {
    display: flex;
    align-items: center
}

.cardItem-content {
    grid-gap: 1em;
    gap: 1em;
    flex: 1 0;
    text-decoration: inherit
}

.cardItem-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: .25em;
    gap: .25em;
    flex: 1 0;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #333
}

.cardItem-subtitle {
    margin: 0;
    font-size: 12px;
    width: 100%;
    text-align: start
}

.lista-ayuda-tipis {
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #dedede;
    overflow: hidden
}

.lista-ayuda-tipis,
.lista-ayuda-tipis>div {
    display: flex;
    align-items: center;
    align-self: stretch
}

.lista-ayuda-tipis>div {
    cursor: pointer;
    padding: 12px 16px;
    justify-content: space-between;
    grid-gap: 2px;
    gap: 2px;
    border: none;
    border-radius: 0;
    width: auto;
    background-color: transparent
}

.list-card-item {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    font-family: "Roboto";
    font-weight: 400
}

.lista-ayuda-tipis>div:hover {
    background-color: #f4f4f4
}

.lista-ayuda-tipis>*+* {
    border-top: 1px solid #dedede !important
}

.consulta-input {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px
}

.consulta-input>span {
    color: #333;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400
}

.consulta-input>textarea {
    display: flex;
    resize: none;
    padding: 12px 16px;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    flex: 1 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #9b9b9b;
    font-size: 16px;
    background: #fff;
    font-family: "Roboto"
}

.consulta-input>textarea:focus {
    outline: none;
    border-color: #06ca75
}

.lista-ayuda-tipis>.cardItem {
    width: auto !important;
    height: 2em !important
}

.agregar-archivo>.cardItem,
.card-archivos>.cardItem {
    width: auto !important
}

.cardItem:hover {
    cursor: "default";
    background-color: #f4f4f4 !important
}

.card-archivos-title {
    padding: 0 16px;
    max-width: 70% !important
}

.agregar-archivo-label>h4 {
    font-family: "Roboto";
    font-size: 16px;
    margin: 0
}

.agregar-archivo-label>p {
    font-family: "Roboto";
    margin: 4px 0 0;
    font-size: 14px
}

.card-file-text {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
    align-items: center;
    justify-content: space-between !important;
    width: 100% !important
}

.card-file-text>span {
    max-width: 35ch !important
}

.card-archivos-title {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.card-archivos-description {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto"
}

.file-remove {
    color: #805adc;
    cursor: pointer;
    font-family: "Roboto";
    font-size: 14px;
    flex-shrink: 0
}

.agregar-archivo>div {
    width: auto
}

.fecha-consulta {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 8px 16px;
    display: block
}

.fecha-consulta,
.numero-caso {
    font-family: "Roboto";
    font-size: 14px;
    color: #333
}

.numero-caso {
    width: auto;
    font-weight: 400
}

.numero-caso span {
    color: #805adc
}

.container-tarjetas {
    padding-bottom: 50px
}

.section-card-tarjetas {
    width: 65rem;
    align-items: flex-start;
    align-content: flex-start;
    grid-gap: 1rem;
    gap: 1rem
}

@media (min-width: 992px) and (max-width:1199px) {
    #container-cuentas {
        width: 768px !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #container-cuentas {
        width: 576px !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #results-search {
        border: none !important
    }

    .header-search-responsive {
        height: 24px !important
    }
}

@media (max-width: 673px) {
    #results-search {
        border: none !important
    }

    .header-search-responsive {
        height: 24px !important
    }
}

.container-card-tarjetas {
    display: flex
}

.section-card-tarjetas {
    display: flex;
    flex-direction: row;
    padding-right: 1em;
    flex-wrap: wrap
}

.card-tarjetas {
    width: 19rem;
    height: 10.75rem;
    min-width: 18rem;
    padding: .5rem;
    flex-shrink: 0;
    border-radius: .5rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    background: #fff;
    background: var(--White, #fff)
}

#contenido,
.card-tarjetas {
    display: flex;
    align-items: flex-start
}

#contenido {
    padding-left: 16px;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 0;
    align-self: stretch;
    position: relative
}

#contenido .header {
    justify-content: space-between;
    align-self: stretch
}

#contenido .header,
#contenido .header .estado {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

#contenido .header .estado {
    flex: 1 0
}

#contenido .header .acciones-menu-card {
    width: 24px;
    height: 24px;
    cursor: pointer
}

#contenido .info {
    grid-gap: .5rem;
    gap: .5rem;
    padding-top: .9rem
}

#contenido .info,
#contenido .info>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

#contenido .info>div {
    height: 42px;
    justify-content: space-between
}

#contenido .info>div.mensaje-error {
    height: 100%;
    position: absolute;
    bottom: 0;
    justify-content: end;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left
}

#contenido .info>div.mensaje-error>img {
    width: 20px;
    float: left
}

#contenido .info>div.mensaje-error>div {
    font-size: 11px
}

#contenido .info .titulo {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    align-self: stretch
}

#contenido .info .titulo>a {
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: .875rem
}

#contenido .info .titulo>div {
    width: .875rem;
    height: .875rem
}

#contenido .info .titulo>div>img {
    width: 100%
}

#contenido .info .monto {
    display: flex;
    align-items: flex-start;
    grid-gap: .5rem;
    gap: .5rem;
    align-self: stretch;
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

#contenido .info .monto .accion {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

#contenido .info .monto .accion img {
    width: 100%
}

.btn-habilitar-tarjeta {
    background: transparent;
    border: none;
    cursor: pointer
}

.tarjeta-body {
    display: flex;
    padding: 16px 20px 20px;
    width: calc(100% - 40px);
    flex-direction: column;
    align-items: center
}

.tarjeta-body-header {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    width: 400px;
    margin-bottom: 16px
}

.tarjeta-body-header .tarjeta-body-header-img {
    width: 16px
}

.tarjeta-body-header img {
    width: 32px;
    height: 32px;
    margin-bottom: 10px
}

.box-info-td {
    border: 1px solid #805adc;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px
}

.box-info-td .box-info-td-titulo {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.box-info-td .box-info-td-lista {
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 0
}

.box-info-td .box-info-td-lista li {
    margin-bottom: 5px
}

.box-info-td .pasos-box-info-numeracion {
    list-style-type: decimal
}

.box-info-td .pasos-box-info-none {
    list-style-type: none
}

.card-box {
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 16px
}

.card-box-header {
    font-size: 14px;
    border-bottom: 1px solid #dedede;
    padding: 10px
}

.card-box-body {
    padding: 10px;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.card-box-body-img {
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.card-box-body-img img {
    width: 24px;
    height: 24px
}

.card-box-body-data {
    display: flex;
    flex-direction: column
}

.card-box-body-data p:first-child {
    margin: 0;
    font-size: 14px
}

.card-box-body-data p:nth-child(2) {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #9b9b9b
}

.tarjeta-limite-body h2 {
    font-size: 14px;
    line-height: 38px;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px
}

.box-limite {
    border: 1px solid #dedede;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 10% 45% 45%;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    width: calc(100% - 40px);
    padding: 10px 20px;
    margin-bottom: 15px
}

.box-limite .limite p:first-child {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0
}

.box-limite .limite p:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    color: #757575;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 0
}

.item-radioButton-flex input[type=radio]:checked {
    background-color: #4caf50
}

#card-mini.debito {
    background-color: #333;
    color: #fff
}

#card-mini.credito {
    background-color: #06ca75;
    color: #fff
}

#card-mini.deshabilitada {
    background-color: #f4f4f4;
    color: #757575 !important
}

#card-mini.credito svg,
#card-mini.debito svg {
    fill: #fff
}

#card-mini.deshabilitada svg {
    fill: #757575
}

#card-mini.deshabilitada>div>span {
    font-size: 1rem;
    line-height: 1.5rem
}

#card-mini.deshabilitada>div>span,
#card-mini.deshabilitada>span {
    color: #757575;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400
}

#card-mini.deshabilitada>span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    line-height: 1.375rem
}

#card-mini svg {
    width: 3.07994rem;
    height: 1rem
}

#card-mini {
    width: 7.5rem;
    padding: 1rem .5rem;
    justify-content: space-between;
    flex-shrink: 0;
    border-radius: .5rem
}

#card-mini,
#card-mini>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

#card-mini>div {
    grid-gap: .25rem;
    gap: .25rem
}

#card-mini>div>span {
    font-size: 1rem;
    line-height: 1.5rem
}

#card-mini>div>span,
#card-mini>span {
    align-self: stretch;
    color: #fff;
    color: var(--White, #fff);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400
}

#card-mini>span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    line-height: 1.375rem
}

@media (min-width: 768px) and (max-width:991px) {
    #card-plazofijo {
        width: 36em
    }
}

@media (min-width: 576px) and (max-width:767px) {
    #card-plazofijo {
        width: 34em !important
    }
}

@media (max-width: 673px) {
    #card-plazofijo {
        width: 20.5em !important
    }
}

.margin-top-200 {
    margin-top: 200px
}

.margin-top-search-beneficiarios-10 {
    margin-top: -10%
}

.height-50vh {
    height: 50vh !important
}

.fadeOut {
    opacity: 0;
    width: 0;
    height: 0;
    transition: width .5s .5s, height 1.5s .5s, opacity .5s
}

.fadeIn {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: width 5s .5s, height 1.5s .5s, opacity .5s
}

.menuTransferencias-width {
    width: calc(95% - 10px)
}

.container-main-panel-right {
    background: linear-gradient(270deg, #fff 0, #fff 10%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s
}

.container-main-panel-right.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 10s linear;
    left: 0;
    bottom: 0
}

.menuTransferencias-cuentas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 113%;
    padding: 14px 0 8px 12px;
    border-bottom: 1px solid #dedede;
    margin-left: -25px
}

.menuTransferencias-buttons {
    padding: 24px 42px 8px 18px;
    margin-left: -24px;
    transition: .2s;
    border-top: .5px solid #dedede;
    width: 100%
}

.menuTransferencias-buttons button {
    border-radius: 100px;
    padding: 8px 16px;
    border: none;
    cursor: pointer
}

.menuTransferencias-buttons .menuTransferencias-buttons-left-true {
    position: relative;
    color: #f5f5f5;
    background-color: #805adc
}

.menuTransferencias-buttons .menuTransferencias-buttons-left-false {
    color: #000;
    background-color: #f4f4f4;
    margin-right: 12px;
    padding-right: 24px
}

.menuTransferencias-buttons .menuTransferencias-buttons-right-false {
    margin-left: -24px;
    padding-left: 38px;
    color: #000;
    background-color: #f4f4f4
}

.menuTransferencias-buttons .menuTransferencias-buttons-right-true {
    position: relative;
    margin-left: -28px;
    padding-left: 18px;
    color: #f5f5f5;
    background-color: #805adc
}

.pr-36 {
    padding-right: 36px !important
}

.BuscadorBeneficiariosNuevoCbu {
    width: 100%
}

.BuscadorBeneficiariosNuevoCbu input {
    font-size: 16px;
    background-color: #fff;
    height: 50px;
    width: 100%;
    border: none;
    transition: .2s;
    word-wrap: break-word;
    padding: 16px 2.4em 16px 0;
    outline: none !important
}

.BuscadorBeneficiariosNuevoCbu input:hover {
    cursor: pointer
}

.BuscadorBeneficiariosNuevoCbu .search-icon {
    position: relative;
    transform: translate(-140%, 20%)
}

.BuscadorBeneficiariosNuevoCbu .delete-icon {
    position: absolute;
    transform: translate(-140%, 100%)
}

.BuscadorBeneficiariosNuevoCbu .BuscadorBeneficiariosNuevoCbu-input:-ms-input-placeholder {
    color: #333
}

.BuscadorBeneficiariosNuevoCbu .BuscadorBeneficiariosNuevoCbu-input::placeholder {
    color: #333
}

@media (min-width: 576px) and (max-width:767px) {
    .BuscadorBeneficiariosNuevoCbu {
        position: relative;
        padding: 0 1rem;
        margin: 0
    }

    .BuscadorBeneficiariosNuevoCbu input {
        width: 80%;
        margin-bottom: .125em
    }

    .BuscadorBeneficiariosNuevoCbu input:hover {
        outline: none !important;
        outline-color: none !important
    }

    .BuscadorBeneficiariosNuevoCbu input:focus {
        outline: none !important
    }

    .BuscadorBeneficiariosNuevoCbu-input:-ms-input-placeholder {
        color: #333
    }

    .BuscadorBeneficiariosNuevoCbu-input::placeholder {
        color: #333
    }
}

@media (max-width: 673px) {
    .BuscadorBeneficiariosNuevoCbu {
        position: relative;
        padding: 0 1rem;
        margin: 0
    }

    .BuscadorBeneficiariosNuevoCbu input {
        width: 90%;
        margin-bottom: .125em
    }

    .BuscadorBeneficiariosNuevoCbu input:focus {
        outline-color: none
    }

    .BuscadorBeneficiariosNuevoCbu-input:-ms-input-placeholder {
        color: #333
    }

    .BuscadorBeneficiariosNuevoCbu-input::placeholder {
        color: #333
    }
}

.styledContainerInfoCardHaberes {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #805adc;
    border: 1px solid var(--Secondary-Color, #805adc);
    background: #fff;
    background: var(--White, #fff);
    padding: 1rem;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.styledContainerInfoHaberes {
    display: flex;
    flex-direction: row;
    grid-gap: .5rem;
    gap: .5rem
}

.cuenta-sueldo {
    font-family: "Roboto";
    margin-left: 8px
}

.cbu-header {
    font-family: "Roboto";
    font-size: 16px
}

.button-step1 {
    width: 100%
}

.height-step1-trn {
    height: calc(87% - 1.5em) !important
}

.body-final-step {
    align-items: center;
    text-align: center
}

.toggle-button {
    margin-bottom: 40px
}

.message-for-user {
    font-family: "Roboto";
    color: #9b9b9b
}

.error-message {
    font-family: "Roboto";
    color: #ff0202
}

.button-final-stepTransferencia {
    padding-bottom: 20px
}

.cbu-message-title {
    width: 346px;
    font-weight: 500 !important;
    font-size: 18px !important;
    margin: 24px 0
}

.cbu-message-subtitle,
.cbu-message-title {
    height: auto;
    line-height: 24px;
    text-align: center;
    color: #333;
    align-self: stretch
}

.cbu-message-subtitle {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    margin: 0 0 24px
}

.cbu-cuenta-monto {
    font-weight: 400;
    text-align: center;
    color: #333;
    margin: 4px 0
}

.cbu-cuenta-monto,
.cbu-destino-name {
    font-size: 16px !important;
    line-height: 24px;
    flex: none;
    flex-grow: 0
}

.cbu-destino-name {
    font-weight: 500;
    margin: 20px 0 8px
}

.cbu-destino,
.cbu-destino-name {
    height: auto;
    font-style: normal;
    color: #000
}

.cbu-destino {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    flex: none;
    flex-grow: 0;
    margin: 8px 0
}

.cbu-step2-title {
    font-size: 18px;
    font-family: "Roboto";
    width: 100%
}

.cbu-step2-subtitle {
    font-size: 16px;
    font-family: "Roboto";
    width: 100%;
    margin: 0 !important
}

.cbu-step2-title p {
    margin-top: 0 !important;
    margin-bottom: 1em !important
}

.cbu-footer-step2 {
    padding-bottom: 0 !important
}

.cbu-step3-body p {
    font-size: 14px;
    margin-top: 0 !important
}

.cbu-step3-body h1 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 0 !important;
    margin-bottom: .5em !important
}

.cbu-step3-body h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 24px
}

.cbu-step3-body h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 .5em
}

.cbu-footer-step3 {
    padding-bottom: 90px !important
}

.step4-body {
    font-family: "Roboto" !important;
    color: #000;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

.step4-body h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

.step4-body h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.step4-body h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

.step-calendar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    height: 20em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.cuit-section {
    flex-direction: row;
    grid-gap: .5em;
    gap: .5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.cuit-section,
.step4-body-section {
    display: flex;
    align-items: flex-start;
    padding: 0;
    width: auto;
    height: auto
}

.step4-body-section {
    flex-direction: column;
    grid-gap: .25em;
    gap: .25em;
    flex: none;
    flex-grow: 0;
    font-family: "Roboto" !important;
    font-style: normal
}

.step4-body-section h1 {
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.step4-body-section h2 {
    width: auto;
    height: auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.cbu-checkbox {
    display: flex;
    font-family: "Roboto" !important
}

.cbu-checkbox p {
    margin-left: 8px;
    top: 12px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 24px
}

.cbu-step3-footer {
    width: 115%;
    margin-left: -30px;
    padding-left: 30px;
    margin-bottom: -30px;
    border-top: 1px solid #dedede
}

.height-transferencia-fa {
    height: 80vh
}

.cbu-modal-button,
.cbu-modal-button-row {
    font-family: "Roboto";
    font-size: 16px;
    text-align: center;
    transition: .2s;
    border: 1px solid #dedede;
    width: 166px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 8px
}

.cbu-modal-button-row p,
.cbu-modal-button p {
    color: #757575;
    padding: 16px 16px 0
}

.cbu-modal-button-row div,
.cbu-modal-button div {
    padding-bottom: 16px;
    padding-left: 16px;
    margin: 0 0 8px !important
}

.cbu-modal-button-row img,
.cbu-modal-button img {
    margin-left: 8px;
    height: 8px
}

.cbu-modal-button-row:hover,
.cbu-modal-button:hover {
    cursor: pointer;
    border: 1px solid #c4c4c4
}

.cbu-modal-button-row:active,
.cbu-modal-button:active {
    transform: scale(.98)
}

.cbu-modal-button-row {
    width: auto !important;
    text-align: left;
    margin-bottom: 24px
}

.cbu-modal-button-row p {
    padding: 0
}

.cbu-modal-button-row div {
    padding: 0;
    margin: 0 !important
}

.cbu-modal-negative-margin {
    margin-left: -100px
}

.cbu-modal-concepto {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.cbuHorario {
    border: 1px solid #dedede;
    border-radius: 4px
}

.cbuHorario .cbuHorario-top {
    border-bottom: 1px solid #dedede;
    border-left: 4px solid #fcc606;
    border-radius: 4px 4px 0 0;
    padding: 16px
}

.cbuHorario .cbuHorario-top p {
    font-size: 16px;
    margin: 0 0 0 8px
}

.cbuHorario .cbuHorario-bottom p {
    padding: 8px 16px;
    width: auto;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #757575;
    margin: 0
}

.cbu-stepper {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

@media (max-width: 436px) {
    .cbu-stepper {
        display: block
    }
}

.section-selector-cuentas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    padding: 0;
    width: 25em;
    height: auto;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: .5em 0 1.5em
}

.section-selector-cuentas p {
    margin: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    line-height: normal
}

.section-selector-cuentas-text,
.section-selector-cuentas-text-start {
    width: auto;
    min-width: 25em;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #9c9c9c;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.section-selector-cuentas-text-start {
    text-align: start
}

.selector-cuentas,
.selector-cuentas-align-left {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    grid-gap: .25em;
    gap: .25em;
    width: auto;
    height: auto;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    cursor: pointer
}

.selector-cuentas-align-left p,
.selector-cuentas p {
    width: 142px;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #805adc;
    flex: none;
    margin-bottom: 8px !important
}

.selector-cuentas-align-left {
    justify-content: flex-start
}

.selector-cuentas-align-left p {
    width: auto;
    height: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #805adc;
    flex: none;
    margin-bottom: 8px !important;
    margin-top: 0
}

.box-detail-width {
    width: 25em
}

.box-detail {
    border: 1px solid #dedede;
    border-radius: .25em
}

.box-detail-header,
.box-detail-header-p-16 {
    border-bottom: 1px solid #dedede;
    padding: 8px 16px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #333;
    margin: 0
}

.box-detail-header-p-16 h1,
.box-detail-header h1 {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

.box-detail-header-p-16 h2,
.box-detail-header h2 {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

.box-detail-header-p-16 h3,
.box-detail-header h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 0
}

.box-detail-header-p-16 {
    padding: 16px !important
}

.box-detail-body {
    display: flex;
    align-items: center;
    padding: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400
}

.box-detail-body h1 {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    font-weight: 400
}

.box-detail-body h1,
.box-detail-body h2 {
    width: auto;
    height: auto;
    margin: 0 0 0 .5em
}

.box-detail-body h2 {
    font-size: 12px;
    line-height: 14px;
    color: #757575
}

.box-detail-body h3 {
    font-weight: 500;
    color: #333
}

.box-detail-body h3,
.box-detail-body h4 {
    width: auto;
    height: auto;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin: 0 0 0 .5em;
    font-weight: 400
}

.box-detail-body h4 {
    color: #757575
}

.box-detail-body {
    padding: .5em
}

@media (max-width: 765px) {

    .cbu-message-subtitle,
    .cbu-message-title,
    .section-selector-cuentas {
        width: auto
    }

    .cbu-footer-step3 {
        padding-bottom: 120px !important
    }
}

@media (max-width: 436px) {
    .cbu-footer-step2 {
        padding-bottom: 65px !important
    }

    .button-step1 {
        width: 90%;
        position: fixed;
        bottom: 0;
        margin-bottom: 20px
    }

    .cbu-message-subtitle,
    .cbu-message-title,
    .section-selector-cuentas {
        width: auto
    }
}

.h-84 {
    height: 84px !important
}

.h-16em {
    height: 16em !important
}

@media (max-width: 360px) {
    .cbu-footer-step2 {
        padding-bottom: 90px !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .box-detail-width {
        width: 25em !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .box-detail-width {
        width: 37em !important
    }
}

@media (max-width: 673px) {
    .box-detail-width {
        width: 22.125em !important
    }
}

.height-modal-detalle {
    height: 20em !important
}

@media (max-width: 436px) {
    #modal-detail-info {
        padding: 0
    }
}

.detail-name {
    position: static;
    width: auto;
    height: auto;
    left: 7.563em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    color: #000;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: .5em
}

@media (max-width: 436px) {
    #modal-detail-name {
        margin-bottom: 20px
    }

    #modal-detail-info {
        padding: 0;
        margin-bottom: 20px
    }
}

.detail-name-instant-transfer {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    color: #000
}

.detail-cuit-instant-transfer,
.detail-tipo-instant-transfer {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #000
}

.container-root {
    grid-gap: 25px;
    gap: 25px;
    width: 100%
}

.container-element,
.container-root {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.container-element {
    grid-gap: 5px;
    gap: 5px
}

#modal-detail-lista-cuentas {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 18.125em;
    left: 0;
    top: .5em;
    flex: none;
    order: 0;
    flex-grow: 1
}

.modal-lista-empresas-item {
    flex-direction: row;
    align-items: center;
    padding: 1em 1.5em 1em 1em;
    position: static;
    left: calc(50% - 168px);
    top: 21.875em;
    flex: none;
    order: 5;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.modal-empresas-background,
.modal-lista-empresas-item.active,
.modal-lista-empresas-item:hover {
    background: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 18.5em 1.688em;
    background-size: 1em
}

.modal-lista-empresas-item.active {
    background-image: url(/OB/static/media/check.ccb89ce2.svg)
}

.modal-lista-empresas-item content {
    flex-direction: row;
    left: 1em;
    top: 1em;
    flex: none;
    flex-grow: 1
}

.modal-lista-empresas-item content,
.modal-lista-empresas-item content info {
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 18.5em;
    height: 2.375em;
    order: 0
}

.modal-lista-empresas-item content info {
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0;
    flex: none;
    flex-grow: 1;
    cursor: pointer
}

.modal-lista-empresas-item content info p {
    height: 1em;
    top: 0;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 1em;
    color: #333;
    order: 0;
    margin: 0
}

.modal-lista-empresas-item content info label,
.modal-lista-empresas-item content info p {
    position: static;
    width: 18.5em;
    left: 0;
    font-style: normal;
    font-weight: 400;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.modal-lista-empresas-item content info label {
    height: .875em;
    top: 1.5em;
    font-family: Roboto;
    font-size: 12px;
    line-height: .875em;
    color: #9c9c9c;
    order: 1;
    margin-top: .5em
}

@media (max-width: 576px) {
    .modal-lista-empresas-item content info label {
        margin-left: -1.5em
    }
}

#modal-detail-lista-concepto {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    position: static;
    height: 18.125em;
    left: 0;
    top: .5em;
    flex: none;
    order: 0;
    flex-grow: 1
}

.modal-lista-concepto {
    flex-direction: row;
    align-items: center;
    padding: 1em 1.5em 1em 1em;
    position: static;
    left: calc(50% - 168px);
    top: 21.875em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.modal-detail-lista-container-height {
    height: 22em !important
}

.modal-concepto-background,
.modal-lista-concepto.active,
.modal-lista-concepto:hover {
    background: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 18.5em .9em;
    background-size: 1em
}

.modal-lista-concepto.active {
    background-image: url(/OB/static/media/check.ccb89ce2.svg)
}

.modal-lista-concepto content {
    flex-direction: row;
    height: 2.375em;
    left: 1em;
    top: 1em;
    flex: none;
    flex-grow: 1
}

.modal-lista-concepto content,
.modal-lista-concepto content info {
    align-items: flex-start;
    padding: 0;
    position: static;
    width: 18.5em;
    order: 0
}

.modal-lista-concepto content info {
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0;
    flex: none;
    flex-grow: 1;
    cursor: pointer
}

.modal-lista-concepto content info p {
    position: static;
    width: 18.5em;
    height: 1em;
    left: 0;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #333;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.cbu-finalstep-modal-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 1em;
    position: absolute;
    width: 26.5em;
    height: 4em;
    right: .7em;
    top: 4em;
    bottom: 30.375em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-left: 4px solid #805adc
}

.cbu-finalStep-green {
    border-left: 4px solid #06ca75
}

#modal-detail-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5em;
    position: static;
    height: 15em;
    left: 0;
    top: 2.5em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#modal-detail-info,
#modal-detail-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: static;
    left: 0;
    top: 0;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

#modal-detail-info {
    padding: 1em
}

.finalstep-modal-name {
    justify-content: space-between;
    width: auto;
    height: 1.5em;
    left: 7.563em;
    top: 1em;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: #805adc;
    order: 0;
    margin-top: .5em;
    width: 100%
}

.detail-cuit,
.finalstep-modal-name {
    font-family: "Roboto";
    font-style: normal;
    flex: none;
    flex-grow: 0
}

.detail-cuit {
    position: static;
    width: auto;
    height: 1em;
    left: 5.938em;
    top: 3em;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #000;
    order: 1;
    margin: .5em 0
}

.modal-detail-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em 1em 1.5em;
    height: 7em;
    left: 0;
    top: 5em;
    order: 1;
    margin: 0
}

.detail-bank,
.modal-detail-info {
    position: static;
    flex: none;
    flex-grow: 0
}

.detail-bank {
    width: auto;
    height: 1.5em;
    left: 8.406em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: #000;
    order: 0;
    margin-top: .5em
}

.detail-description {
    left: 5.031em;
    top: 3em;
    order: 1;
    margin-top: .5em
}

.detail-description,
.detail-tipo {
    position: static;
    width: auto;
    height: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: #000;
    flex: none;
    flex-grow: 0
}

.detail-tipo {
    left: 8.406em;
    top: 4.5em;
    order: 2;
    margin: .5em 0
}

#modal-detail-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .5em 0 .75em;
    position: static;
    height: 3em;
    left: calc(50% - 156px);
    top: 12em;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

#cardAlert-transferencias {
    position: absolute;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .25em;
    border-left: .188em solid #805adc;
    background-color: #fff;
    width: 90%
}

#cardAlert-transferencias-container {
    display: flex;
    padding: 1em 1em 1.5em .813em
}

#cardAlert-transferencias-container h1 {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 4px
}

#cardAlert-transferencias-container h5 {
    color: #333;
    margin: 0
}

#cardAlert-transferencias-container section {
    display: flex
}

@media (max-width: 436px) {
    #modal-detail-info {
        padding: 0;
        margin-bottom: 20px
    }

    .cbu-finalstep-modal-container {
        width: 90%;
        right: 1em
    }
}

.back-panel-beneficiary {
    display: flex;
    padding: 1em;
    height: 1.5em;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    grid-gap: 1em;
    gap: 1em
}

.color-Title-Beneficiary {
    color: #757575
}

.beneficiario-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.beneficiario-info {
    font-family: "Roboto";
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    align-self: stretch;
    flex-grow: 0
}

.beneficiario-info .beneficiario-info-header {
    color: #757575;
    margin: 0 0 .25em
}

.beneficiario-info .beneficiario-info-content {
    color: #000;
    margin: 0
}

.beneficiario-cbu-alias,
.beneficiario-cuit-bank,
.beneficiario-input,
.beneficiario-moneda,
.editarBeneficiario-section {
    font-family: "Roboto";
    display: flex;
    align-items: flex-start;
    padding: 0;
    width: auto;
    height: auto;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.beneficiario-cbu-alias {
    flex-direction: column
}

.beneficiario-cuit-bank {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .5em
}

.beneficiario-moneda {
    flex-direction: column;
    margin-bottom: .5em
}

.beneficiario-input {
    flex-direction: column;
    margin-bottom: 1.5em;
    display: flex;
    align-items: center
}

.beneficiario-input p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 0 0 .25em
}

.editarBeneficiario-footer {
    width: 115%;
    margin-left: -30px;
    padding-left: 5px;
    margin-bottom: -30px;
    border-top: 1px solid #dedede
}

.filter-two-column {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 208px;
    height: 40px;
    left: calc(50% - 72px);
    top: 0;
    background: #fff;
    border: none;
    box-sizing: border-box;
    border-radius: 24px;
    flex: none;
    flex-grow: 0;
    cursor: pointer
}

.filter-two-column p {
    position: static;
    text-align: left;
    width: auto;
    height: 22px;
    left: 16px;
    top: 9px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-right: 8px
}

.firmar-button {
    height: 16px !important;
    width: 95px !important;
    margin-right: 15px
}

.margin-top-seleccionar-todo {
    margin-top: 24px
}

.filter-options-firmas {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: auto;
    border: 1px solid #dedede;
    border-radius: 8px;
    width: 100%;
    padding: 16px 8px
}

.buscador-firmas {
    width: 100%
}

.buscador-firmas input {
    font-size: 16px;
    background-color: #fff;
    height: 50px;
    width: 336px;
    border: 1px solid #dedede;
    transition: .2s;
    word-wrap: break-word;
    padding: 16px 2.4em 16px 16px
}

.buscador-firmas input:hover {
    cursor: pointer
}

.buscador-firmas .search-icon-firmas {
    position: relative;
    transform: translate(-140%, 20%)
}

.firmar-rechazar-multiple {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
    height: 80px;
    width: 100vw;
    position: fixed;
    bottom: 0;
    right: 0;
    box-shadow: 0 -10px 5px hsla(0, 0%, 53.3%, .0392156862745098)
}

.firmar-rechazar-multiple .firmar-multiple-top {
    display: flex
}

.firmar-rechazar-multiple .firmar-multiple-top .firmar-multiple-total-text {
    text-align: end
}

.firmar-rechazar-multiple .firmar-multiple-total {
    order: 0;
    margin-right: 24px
}

.firmar-rechazar-multiple .firmar-multiple-buttons {
    order: 1
}

.firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-1 {
    order: 0
}

.firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-2 {
    order: 1
}

.max-width-none {
    max-width: none !important
}

@media (min-width: 576px) and (max-width:767px) {
    .filter-options-firmas {
        overflow-y: scroll;
        max-width: 765px
    }

    .buscador-firmas input {
        width: auto
    }

    .margin-top-seleccionar-todo {
        margin-top: 0
    }

    .firmar-rechazar-multiple {
        flex-direction: column;
        height: auto;
        padding: 8px;
        width: 95%;
        right: 0
    }

    .firmar-rechazar-multiple .firmar-multiple-total {
        order: 1;
        text-align: start !important;
        margin: 16px 0
    }

    .firmar-rechazar-multiple .firmar-multiple-top {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .firmar-rechazar-multiple .firmar-multiple-top .firmar-multiple-total-text {
        text-align: start
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons {
        display: flex;
        flex-direction: column !important;
        width: 100%
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-1 {
        order: 1
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-2 {
        order: 0;
        margin-bottom: 12px
    }
}

@media (max-width: 673px) {
    .filter-options-firmas {
        overflow-y: scroll;
        max-width: 375px
    }

    .buscador-firmas input {
        width: auto
    }

    .margin-top-seleccionar-todo {
        margin-top: 0
    }

    .firmar-rechazar-multiple {
        flex-direction: column;
        height: auto;
        padding: 8px;
        width: 95%;
        right: 0
    }

    .firmar-rechazar-multiple .firmar-multiple-total {
        order: 1;
        text-align: start !important;
        margin: 16px 0
    }

    .firmar-rechazar-multiple .firmar-multiple-top {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .firmar-rechazar-multiple .firmar-multiple-top .firmar-multiple-total-text {
        text-align: start
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons {
        display: flex;
        flex-direction: column !important;
        width: 100%
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-1 {
        order: 1
    }

    .firmar-rechazar-multiple .firmar-multiple-buttons .firmar-multiple-buttons-2 {
        order: 0;
        margin-bottom: 12px
    }
}

@media (max-width: 360px) {
    .filter-options-firmas {
        overflow-y: scroll;
        max-width: 375px
    }
}

.rubro-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .75em 1em;
    grid-gap: .5em;
    gap: .5em;
    height: auto;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.rubro-item:hover {
    cursor: pointer;
    background: #f4f4f4;
    border-width: 0 0 .1em;
    border-color: #dedede
}

.rubro-item-list {
    align-items: flex-start;
    width: auto
}

.rubro-content,
.rubro-item-list {
    display: flex;
    flex-direction: row;
    padding: 0;
    height: auto;
    flex: none
}

.rubro-content {
    align-items: center;
    grid-gap: 1em;
    gap: 1em;
    order: 0;
    flex-grow: 1
}

.rubro-content h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    margin: 0
}

.avatar-rubro-ente {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: .625em;
    gap: .625em;
    width: 2.5em;
    height: 2.5em;
    background: #f4f4f4;
    border: 1px solid #fff;
    border-radius: 6.25em;
    flex: none;
    order: 1;
    flex-grow: 0
}

.rubro-info {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: .25em;
    gap: .25em;
    flex: none;
    order: 2;
    flex-grow: 1
}

.rubro-info,
.rubro-section {
    display: flex;
    padding: 0;
    height: 1.375em
}

.rubro-section {
    flex-direction: row;
    align-items: center;
    grid-gap: .5em;
    gap: .5em;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.rubro-section span {
    height: 1.375em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    height: auto;
    flex: none;
    order: 0;
    flex-grow: 1
}

.rubro-section-max-width {
    max-width: 236px !important
}

.rubro-section-max-width-302 {
    max-width: 302px !important
}

.form-servicio {
    width: auto
}

.form-servicio,
.form-servicio-items {
    flex-direction: column;
    padding: 0;
    flex: none;
    flex-grow: 0
}

.form-servicio,
.form-servicio-items,
.form-servicio-list {
    display: flex;
    align-items: flex-start;
    grid-gap: .5em;
    gap: .5em;
    height: auto;
    align-self: stretch
}

.form-servicio-list {
    flex-direction: row;
    padding: .75em 1em;
    background: #f4f4f4;
    border-radius: .5em;
    flex: none;
    flex-grow: 0
}

.detail-pago {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 1em;
    width: auto;
    height: auto;
    background: #fff;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.detail-pago p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 0
}

.detail-pago-border {
    border-bottom: 1px solid #dedede;
    margin-left: -1.5em;
    width: 100vh
}

.detail-pago-monto {
    padding: 1em 0;
    grid-gap: .5em;
    gap: .5em
}

.detail-pago-item,
.detail-pago-monto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.detail-pago-item {
    box-sizing: border-box;
    padding: .5em 0;
    grid-gap: .25em;
    gap: .25em
}

@media (min-width: 992px) and (max-width:1199px) {
    .form-servicio {
        width: 25.75em !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .form-servicio {
        width: 25em !important
    }
}

.image-rubro-container {
    position: relative
}

.image-rubro-container .pago-state-icon {
    position: relative;
    right: -22px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.image-rubro-container .image-rubro-img-con-icon,
.image-rubro-container .image-rubro-img-sin-icon {
    position: relative;
    bottom: -7px;
    left: 0
}

.info-cuota-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px
}

.info-cuota-titulo {
    font-size: 14px;
    font-size: var(--font-font-size-s, 14px);
    font-weight: 400;
    line-height: 22px;
    line-height: var(--font-line-height-l, 22px)
}

.info-cuota-subtitulo,
.info-cuota-titulo {
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-style: normal
}

.info-cuota-subtitulo {
    font-size: 18px;
    font-size: var(--font-font-size-l, 18px);
    font-weight: 500;
    line-height: 24px;
    line-height: var(--font-line-height-xl, 24px)
}

.table-container {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px
}

.table-container,
.table-row {
    display: flex;
    flex-direction: column
}

.table-row {
    padding: 12px 16px;
    grid-gap: 4px;
    gap: 4px;
    border-bottom: 1px solid #dedede
}

.table-row:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.table-row:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.title {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 22px
}

.subtitle {
    display: block;
    font-size: 12px;
    color: #757575;
    margin: 0;
    line-height: 14px
}

.subtitle1 {
    overflow: hidden;
    color: #333;
    color: var(--Dark-Gray, #333);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.divContainer {
    padding: 16px;
    display: flex;
    grid-gap: 32px;
    gap: 32px;
    flex-direction: column
}

.red-text .info-cuota-subtitulo,
.red-text .info-cuota-titulo,
.texto-rojo {
    color: red
}

.modal-calendario {
    position: fixed !important;
    width: 100% !important;
    height: 50% !important;
    background: rgba(0, 0, 0, .6) !important;
    z-index: 100 !important;
    justify-content: center
}

.modal-background {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(10, 10, 10, .86);
    overflow: hidden !important
}

.modal-card {
    display: block;
    margin: 250px auto 0;
    width: 300px;
    height: 300px;
    background-color: #d3d3d3;
    border-radius: 5px
}

.footer-calendar {
    margin: 0 4%;
    width: 88%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 24px;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.menu-filtroOperaciones-container {
    margin-top: 26px;
    margin-left: 12px;
    position: absolute
}

.menu-filtroOperaciones-container-display {
    display: none
}

.menu-filtroOperaciones {
    z-index: 99;
    position: absolute;
    transform: translateY(10px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s
}

#menu-filtroOperaciones-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0;
    width: 16em;
    height: 300px;
    left: 67.25em;
    top: 17.063em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    overflow-y: scroll
}

#menu-filtroOperaciones-list::-webkit-scrollbar {
    width: 6px
}

#menu-filtroOperaciones-list::-webkit-scrollbar-thumb {
    background-color: #000
}

#menu-filtroOperaciones-list::-webkit-scrollbar-track {
    background-color: #fff
}

.menu-filtroOperaciones-scroll {
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    padding: 8px 8px 8px 0
}

.item-menu-filtroOperaciones {
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    width: 192px;
    height: 54px;
    align-self: stretch;
    flex-grow: 0
}

.text-menu-filtroOperaciones {
    position: static;
    height: 1.375em;
    left: 1.5em;
    top: 0;
    font-size: 14px;
    line-height: 1.25em;
    color: #333;
    flex: none;
    flex-grow: 1
}

.item-menu-filtroOperaciones-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px;
    grid-gap: 6px;
    gap: 6px;
    width: 208px;
    height: 46px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-right: 8px
}

.item-menu-filtroOperaciones {
    display: flex;
    width: 184px;
    height: 38px;
    flex: none;
    flex-grow: 1;
    cursor: pointer
}

.text-menu-filtroOperaciones-monto {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.text-menu-filtroOperaciones {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9c9c9c
}

.item-menu-filtroCuentas {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    width: 192px;
    height: 48px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    cursor: pointer
}

@media (min-width: 576px) and (max-width:767px) {
    .menu-filtroOperaciones {
        width: 90%
    }

    #menu-filtroOperaciones-list {
        width: auto
    }

    .item-menu-filtroOperaciones {
        width: 90%
    }
}

@media (max-width: 673px) {
    .menu-filtroOperaciones {
        width: 90%
    }

    #menu-filtroOperaciones-list {
        width: auto
    }

    .item-menu-filtroOperaciones {
        width: 90%
    }
}

.content-nf {
    display: flex;
    padding: 16px 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 24px;
    gap: 24px;
    flex: 1 0;
    align-self: stretch;
    background: #fff
}

.title-nf {
    align-self: stretch;
    color: #333;
    color: var(--dark-gray, #333);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.item-list-nf {
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #dedede;
    border: 1px solid var(--gray-100, #dedede);
    background: #fff;
    background: var(--white, #fff)
}

.item-list-content-nf {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    gap: 16px;
    flex: 1 0
}

.item-list-content-nf p {
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.content-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0;
    grid-gap: 8px;
    gap: 8px;
    width: 416px;
    height: 48px
}

.content-checkbox p {
    font-size: 14px;
    line-height: 22px;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin: 0
}

.content-checkbox p,
.content-result-pi {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    color: #333
}

.content-result-pi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em;
    margin-top: 1em;
    grid-gap: .5em;
    gap: .5em;
    background: #f4f4f4;
    border: 1px solid #dedede;
    border-radius: .5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.content-congrats-title-pi {
    font-family: "Roboto";
    color: #333
}

.content-congrats-title-pi h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.content-congrats-title-pi h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.title-result-pi {
    height: 1.375em;
    font-size: 14px;
    line-height: 1.375em;
    flex: none;
    flex-grow: 0
}

.body-result-pi {
    height: 1.5em;
    font-size: 18px;
    line-height: 1.5em;
    flex: none;
    flex-grow: 0
}

.container-card-hd {
    display: flex;
    width: 1175px
}

.section-card-hd {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-right: 1em
}

.tabs-fondo {
    width: "1004px";
    background-color: "#fff";
    border: "solid 1px #dedede";
    margin-bottom: "16px";
    border-radius: "8px";
    padding: "16px"
}

.ListaDeElementos {
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    border-radius: 8px
}

.ListaDeElementosItems {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--Gray-100, #dedede)
}

.ListaDeElementos-noBorder {
    border: none !important
}

.ListaDeElementos-item-selectAll {
    padding: 12px 16px;
    width: 361px !important
}

.background-white {
    background-color: #fff;
    background-color: var(--White-100, #fff)
}

#menu-acciones-container {
    margin-top: 26px;
    position: absolute
}

.menu-acciones-container-display {
    display: none
}

.menu-acciones {
    position: absolute;
    transform: translateY(-20px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s
}

.menu-acciones.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.position-menu {
    margin-left: 780px !important
}

.menu-acciones-list-margin-mob,
.menu-acciones-list-mob {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start;
    align-self: flex-end;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 38.563em;
    background: #fff;
    border-radius: .5em .5em 0 0 !important
}

.menu-acciones-list-margin-mob {
    margin: 0 auto;
    width: 360px !important
}

.item-menu-acciones,
.item-menu-acciones-img-40,
.item-menu-acciones-img-40-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    height: 54px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    cursor: pointer
}

.item-menu-acciones-close,
.item-menu-acciones-margin-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .5em .5em 0;
    width: 24em;
    height: 2.5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.item-menu-acciones-margin-close {
    width: 23.438em !important
}

.item-menu-acciones-img-40 {
    grid-template-columns: 3.625em 12.125em
}

.item-menu-acciones-img-40-arrow {
    grid-template-columns: 3.625em 9.8em 1em
}

.img-menu-acciones,
.img-menu-acciones-40 {
    position: static;
    width: 1em;
    height: 1em;
    left: 0;
    top: .188em;
    flex: none;
    order: 0;
    flex-grow: 0
}

.img-menu-acciones-40 {
    width: 2.5em;
    height: 2.5em
}

.arrow-menu-acciones {
    position: static;
    width: 1em;
    height: 1em;
    right: 1em;
    top: 1.75em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 .5em
}

.text-menu-acciones {
    position: static;
    height: 1.375em;
    left: 1.5em;
    top: 0;
    font-family: "Roboto";
    font-style: normal;
    font-size: 14px;
    line-height: 1.25em;
    color: #333;
    flex: none;
    order: 1;
    font-weight: 400;
    flex-grow: 1;
    margin-left: 1em
}

#menu-items {
    display: block;
    white-space: nowrap
}

#menu-items-mob {
    display: none
}

@media (min-width: 576px) and (max-width:767px) {
    #menu-items {
        display: none
    }

    #menu-items-mob {
        display: block
    }

    .item-menu-acciones,
    .item-menu-acciones-img-40,
    .item-menu-acciones-img-40-arrow {
        padding: 0 1.5em 1em;
        height: 3.375em;
        margin: 0
    }

    .item-menu-acciones-close,
    .item-menu-acciones-margin-close {
        width: 39em
    }
}

@media (max-width: 673px) {
    #menu-items {
        display: none
    }

    #menu-items-mob {
        display: block
    }

    .item-menu-acciones-margin-close {
        width: 100% !important;
        align-items: center
    }

    .item-menu-acciones,
    .item-menu-acciones-img-40,
    .item-menu-acciones-img-40-arrow {
        padding: .5em 1.5em;
        height: 3.375em;
        margin: 0
    }
}

.tabs-buttons {
    transition: .2s;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.tabs-buttons button {
    border: none;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #fff;
    border-top-left-radius: .625em;
    padding: 1em;
    width: auto;
    height: 3.5em;
    flex: none;
    flex-grow: 0;
    text-align: center
}

.tabs-buttons .tabs-buttons-true {
    color: #805adc;
    border-bottom: 2px solid #805adc;
    border-top-left-radius: .625em;
    margin-bottom: -.063em
}

.tab-switch {
    display: inline-flex;
    cursor: pointer
}

.tab-button {
    transition: background-color .3s
}

.tab-button,
.tab-button2 {
    font-size: 16px;
    padding: 14px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    border-bottom: 3px solid transparent
}

.tab-button-en-calendario {
    width: 54%
}

.tab-button:hover {
    background-color: #f0f0f0
}

.tab-button.activa {
    border-bottom-color: #805adc;
    font-weight: 700;
    color: #805adc
}

.GenericSearchInput {
    width: 100%
}

.GenericSearchInput input {
    font-size: 16px;
    background-color: #fff;
    height: 56px;
    width: 380px;
    border: 1px solid #dedede;
    transition: .1s;
    word-wrap: break-word;
    padding: 16px 2.4em 16px 16px
}

.GenericSearchInput input:hover {
    border: 1px solid #805adc
}

.GenericSearchInput input:focus {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1)
}

.GenericSearchInput .p-input {
    padding: 16px 44px
}

.GenericSearchInput .GenericSearchInput-icon {
    position: absolute;
    transform: translate(-140%, 50%)
}

.GenericSearchInput .icon-left {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.generic-dropdown-boton {
    border-radius: 8px
}

.filter-fecha-img-up-360 {
    width: 14px;
    height: 14px;
    transform: rotate(-180deg);
    transition: all .3s ease-in-out 0s
}

.search-list-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 22em;
    height: auto;
    margin-bottom: 1em;
    left: 5em;
    top: 8em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: 8em
}

.search-list-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 3.375em;
    grid-gap: .5em;
    gap: .5em;
    width: 22em;
    height: 3.5em;
    border: 1px solid #dedede;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.search-list-input:hover {
    cursor: pointer;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    outline: inherit;
    outline-color: inherit
}

.search-list-input-border {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.search-list-result {
    flex-direction: column;
    padding: 0;
    width: 21.875em;
    flex: none;
    order: 1;
    flex-grow: 0;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-left: .063em solid #dedede;
    border-right: .063em solid #dedede;
    border-top: inherit;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    z-index: 10;
    position: absolute;
    transform: translateY(253px);
    background-color: #fff;
    overflow: hidden;
    transition: max-height .25s ease-in
}

.search-list-result,
.search-list-result-empty {
    display: flex;
    align-items: flex-start;
    height: auto;
    align-self: stretch
}

.search-list-result-empty {
    flex-direction: column;
    padding: 1em;
    grid-gap: 1em;
    gap: 1em;
    width: auto;
    flex: none;
    order: 0;
    flex-grow: 1
}

.search-list-result-empty span {
    width: 20em;
    height: 3em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0
}

.search-list-result-empty-center {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (min-width: 576px) and (max-width:767px) {
    .search-list-result-empty span {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

@media (max-width: 673px) {
    .search-list-result-empty span {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

.full-width-vencimientosList {
    display: flex;
    justify-content: center
}

.list-VerMasVencimientos {
    border-radius: 8px;
    border: 1px solid #dedede;
    background: #fff
}

.GenericSeleccionarTodoCheckbox {
    color: #805adc
}

.GenericSeleccionarTodoCheckbox.disabled {
    color: #dedede !important;
    cursor: default
}

.GenericBottomTab {
    transform: translateY(100%);
    transition: transform .2s ease-in-out;
    will-change: transform
}

.GenericBottomTab.active {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
    max-height: 500px;
    height: 80px;
    width: 100vw;
    position: fixed;
    bottom: 0;
    right: 0;
    box-shadow: 0 -10px 5px hsla(0, 0%, 53.3%, .0392156862745098);
    opacity: 1;
    transform: translateY(0)
}

.GenericBottomTab.active .GenericBottomTab-top {
    display: flex
}

.GenericBottomTab.active .GenericBottomTab-top .GenericBottomTab-total-text {
    text-align: end;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.GenericBottomTab.active .GenericBottomTab-top .GenericBottomTab-total-ammount {
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.GenericBottomTab.active .GenericBottomTab-total {
    order: 0;
    margin-right: 24px
}

.GenericBottomTab.active .GenericBottomTab-buttons {
    order: 1
}

.GenericBottomTab.active .GenericBottomTab-buttons .GenericBottomTab-buttons-1 {
    order: 0
}

.GenericBottomTab.active .GenericBottomTab-buttons .GenericBottomTab-buttons-2 {
    order: 1
}

@media (min-width: 576px) and (max-width:767px) {
    .GenericBottomTab-multiple {
        flex-direction: column;
        height: auto;
        padding: 8px;
        width: 95%;
        right: 0
    }

    .GenericBottomTab-multiple .GenericBottomTab-total {
        order: 1;
        text-align: start !important;
        margin: 16px 0
    }

    .GenericBottomTab-multiple .GenericBottomTab-top {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .GenericBottomTab-multiple .GenericBottomTab-top .GenericBottomTab-total-text {
        text-align: start
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons {
        display: flex;
        flex-direction: column !important;
        width: 100%
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons .GenericBottomTab-buttons-1 {
        order: 1
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons .GenericBottomTab-buttons-2 {
        order: 0;
        margin-bottom: 12px
    }
}

@media (max-width: 673px) {
    .GenericBottomTab-multiple {
        flex-direction: column;
        height: auto;
        padding: 8px;
        width: 95%;
        right: 0
    }

    .GenericBottomTab-multiple .GenericBottomTab-total {
        order: 1;
        text-align: start !important;
        margin: 16px 0
    }

    .GenericBottomTab-multiple .GenericBottomTab-top {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .GenericBottomTab-multiple .GenericBottomTab-top .GenericBottomTab-total-text {
        text-align: start
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons {
        display: flex;
        flex-direction: column !important;
        width: 100%
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons .GenericBottomTab-buttons-1 {
        order: 1
    }

    .GenericBottomTab-multiple .GenericBottomTab-buttons .GenericBottomTab-buttons-2 {
        order: 0;
        margin-bottom: 12px
    }
}

.PagoMultiple-body {
    padding: 0
}

.PagoMultiple-totalizador {
    padding: 16px 24px
}

.PagoMultiple-scroll {
    height: calc(75vh - 200px)
}

.GenericHome-container {
    width: 1075px;
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

.GenericHome-breadcrumbs {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.GenericHome-title {
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 16px
}

.GenericHome-body-container {
    display: flex;
    width: 100%;
    justify-content: center !important
}

.GenericHome-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-right: 1em
}

.GenericHome-footer {
    width: 100%
}

.total {
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.boton-select-conceptos {
    flex-direction: column;
    align-items: flex-start !important;
    border-color: #dedede !important;
    padding: 8px 8px 8px 16px !important
}

.listaCuentas-debin {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 16px;
    gap: 16px
}

.container-list-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    cursor: pointer;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.container-item-menu-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    grid-gap: .5em;
    gap: .5em
}

.item-menu-home {
    display: flex;
    text-decoration: none !important;
    height: 2.8em
}

.content-item-menu-home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: .125;
    gap: .125;
    flex: 1 0;
    margin-left: .5em
}

.content-item-menu-home p {
    width: 100%;
    margin: 0
}

.title-cardHistorialHome {
    display: flex;
    padding: 1em;
    align-items: center;
    grid-gap: .5em;
    gap: .5em;
    color: #333;
    text-align: center;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.btn-paginado {
    background: transparent;
    border: none;
    color: #805adc;
    padding: 16px 16px 16px 24px;
    width: 100%;
    display: flex;
    font-size: 14px
}

.btn-paginado,
.op-vermas-comitente {
    cursor: pointer;
    font-weight: 400;
    line-height: 22px
}

.op-vermas-comitente {
    font-family: "Roboto";
    font-style: normal;
    padding: 16px;
    border-top: 1px solid #dedede;
    margin-top: 1em
}

.p-vermas {
    font-size: 14px !important;
    color: #805adc !important
}

.content-card {
    display: flex;
    align-items: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    padding: 16px !important;
    font-size: 14px
}

.main-message-generic-congrats {
    display: flex;
    justify-content: center;
    width: 100vh
}

.container-message-generic-congrats {
    margin-top: 2rem;
    flex-shrink: 0
}

.container-message-generic-congrats,
.section-message-generic-congrats {
    display: flex;
    width: 32em;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.section-message-generic-congrats {
    padding: 1em 3em 3em;
    grid-gap: 1.5em;
    gap: 1.5em;
    align-self: stretch;
    border-radius: .5em;
    border: .063em solid #dedede;
    background: #fff
}

.section-message-generic-congrats h1 {
    font-family: "Roboto";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #333;
    text-align: center;
    margin: 0
}

.section-message-generic-congrats p {
    text-align: center
}

.title {
    font-family: Roboto
}

.subtitle,
.title {
    font-weight: 400;
    text-align: left
}

.subtitle {
    font-size: 16px;
    margin: 0 0 8px
}

.stepper {
    border-bottom: 1px solid #dedede;
    margin-top: 8px
}

.texto {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    margin: 0
}

.detalleCehquera {
    padding: 16px;
    grid-gap: 8px;
    gap: 8px
}

.border {
    border-radius: 8px;
    margin-top: 24px;
    width: 98%
}

.inputgrey {
    background-color: #f4f4f4
}

.textgrey {
    color: #9b9b9b
}

.cuentaRecaudadora {
    text-align: center;
    font-size: 2px larger;
    font-weight: 700;
    border-style: none none solid
}

.tRow {
    padding: 16px 0 0;
    grid-gap: 8px;
    gap: 8px;
    border: 0 0 1px;
    opacity: 0;
    border-bottom: 1px solid #dedede
}

.leftH {
    border-bottom: none;
    font-size: 16px;
    line-height: 22px
}

.leftB,
.leftH {
    border-right: none;
    font-family: Roboto;
    font-weight: 400;
    text-align: left
}

.leftB {
    border-top: none;
    font-size: 14px;
    line-height: 14px;
    color: #757575
}

.rightH {
    border-bottom: none;
    font-size: 16px;
    line-height: 22px
}

.rightB,
.rightH {
    border-left: none;
    font-family: Roboto;
    font-weight: 400;
    text-align: left
}

.rightB {
    border-top: none;
    font-size: 14px;
    line-height: 14px;
    color: #757575;
    padding-bottom: 9px
}

.echeqCustodiado {
    border: 1px solid #805adc;
    grid-gap: 4px;
    gap: 4px;
    border-radius: 4px;
    display: flex;
    align-items: baseline;
    padding: 12px 0 16px
}

.echeqCustodiado span {
    margin-left: 18px
}

.echeqCustodiado h2 {
    font-weight: 500;
    margin-bottom: 6px
}

.echeqCustodiado h2,
.echeqCustodiado p {
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-left: 12px
}

.echeqCustodiado p {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.echeqDetail {
    display: flex;
    align-items: center;
    padding: 12px 0 16px
}

.montoDetail {
    font-size: 18px;
    text-align: left;
    margin-top: 0
}

.cuentas,
.montoDetail {
    font-family: Roboto;
    font-weight: 400;
    line-height: 24px
}

.cuentas {
    display: flex;
    padding: 16px;
    align-items: baseline;
    grid-gap: 10px;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--Gray-100, #dedede);
    color: #333;
    color: var(--Dark-Gray, #333);
    font-size: 16px;
    font-style: normal
}

.Historial-producto-container {
    width: 1040px
}

.Historial-producto-listado {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-radius: 8px
}

.titulo {
    color: #757575;
    color: var(--Gray-300, #757575)
}

.subtitulo,
.titulo {
    font-size: 16px;
    line-height: 24px;
    flex: 1 0
}

.subtitulo {
    color: #000;
    width: 192px
}

.infobox {
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px;
    flex: 1 0
}

.box-detail-footer,
.infobox {
    display: flex;
    align-items: flex-start
}

.box-detail-footer {
    border-top: 1px solid #dedede
}

.box-detail-footer>div {
    display: flex;
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    justify-content: space-between
}

.box-detail-footer>div>div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.main-app {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden
}

.input_select {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em;
    position: static;
    height: 3.5em;
    left: calc(50% - 192px);
    top: 0;
    background: #fff;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: .5em;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: .5em 0
}

.input_select p {
    position: static;
    width: 20em;
    height: 1.5em;
    left: 1em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    flex-grow: 1
}

.input_img {
    padding-right: 52px !important
}

.icon-select {
    position: static;
    width: 24px;
    height: 24px;
    left: 344px;
    top: 16px;
    flex: none;
    order: 1;
    flex-grow: 0
}

.icon-select,
.icon-select-up {
    transition: all .3s ease-in-out 0s
}

.icon-select-up {
    transform: rotate(-180deg)
}

.icon-select-down {
    transition: all .3s ease-in-out 0s
}

div[disabled] * {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    filter: grayscale(100%) !important
}

div[disabled] {
    opacity: .6;
    cursor: default !important
}

.message-error-rightSideBar {
    height: 1.188em;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.188em;
    letter-spacing: 0;
    text-align: left;
    color: #ff0202;
    margin: .5em 0
}

.text-center {
    text-align: center !important
}

.text-end {
    text-align: end !important
}

.text-start {
    text-align: start !important
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-decoration {
    text-decoration: none !important
}

.fw-400 {
    font-weight: 400 !important
}

.lh-12 {
    line-height: 12px !important
}

.disable-click {
    pointer-events: none !important;
    color: #9b9b9b !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-24 {
    font-size: 24px !important
}

.fst-medium {
    font-style: medium !important
}

.font-weight-bold {
    font-weight: 700
}

.p-0 {
    padding: 0 !important
}

.p-8 {
    padding: 8px !important
}

.p-16 {
    padding: 16px !important
}

.p-20 {
    padding: 20px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-24 {
    padding-top: 24px !important
}

.pt-32 {
    padding-top: 32px !important
}

.pb-0,
.pb-2 {
    padding-bottom: 0 !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pb-16 {
    padding-bottom: 16px !important
}

.pb-24 {
    padding-bottom: 24px !important
}

.pb-32 {
    padding-bottom: 32px !important
}

.pb-36 {
    padding-bottom: 36px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-8 {
    padding-left: 8px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pl-16 {
    padding-left: 16px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-4 {
    padding-right: 4px !important
}

.pr-8 {
    padding-right: 8px !important
}

.pr-12 {
    padding-right: 12px !important
}

.pr-16 {
    padding-right: 16px !important
}

.pr-24 {
    padding-right: 24px !important
}

.pl-1rem {
    padding-left: 1rem !important
}

.pl-2rem {
    padding-left: 2rem !important
}

.pl-24 {
    padding-left: 24px !important
}

.pr-1rem {
    padding-right: 1rem !important
}

.pr-2rem {
    padding-right: 2rem !important
}

.pt-1rem {
    padding-top: 1rem !important
}

.pt-2rem {
    padding-top: 2rem !important
}

.pb-1rem {
    padding-bottom: 1rem !important
}

.pb-2rem {
    padding-bottom: 2rem !important
}

.px-24 {
    padding-inline: 1.5rem !important
}

.py-12 {
    padding-block: .75rem !important
}

.m-auto {
    margin: auto !important
}

.m-0 {
    margin: 0 !important
}

.m-0-center {
    margin: 0 auto
}

.mt-0 {
    margin-top: 0 !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-16 {
    margin-top: 16px !important
}

.mt-24 {
    margin-top: 24px !important
}

.mt-32 {
    margin-top: 32px !important
}

.mt-64 {
    margin-top: 64px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.mb-32 {
    margin-bottom: 32px !important
}

.mb-64 {
    margin-bottom: 64px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-4 {
    margin-left: 4px !important
}

.ml-6 {
    margin-left: 6px !important
}

.ml-8 {
    margin-left: 8px !important
}

.ml-16 {
    margin-left: 16px !important
}

.ml-24 {
    margin-left: 24px !important
}

.ml-n8 {
    margin-left: -8px !important
}

.ml-n56 {
    margin-left: -56px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-4 {
    margin-right: 4px !important
}

.mr-8 {
    margin-right: 8px !important
}

.mr-16 {
    margin-right: 16px !important
}

.mr-24 {
    margin-right: 24px !important
}

.pt-16 {
    padding-top: 16px !important
}

.pt-8 {
    padding-top: 8px !important
}

.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.pr-6 {
    padding-right: 6px !important
}

.h-auto {
    height: auto !important
}

.h-0 {
    height: 0 !important
}

.h-5 {
    height: 5px !important
}

.h-12 {
    height: 12px !important
}

.h-14 {
    height: 14px !important
}

.h-24 {
    height: 24px !important
}

.h-36 {
    height: 36px
}

.h-50 {
    height: 50px
}

.h-56 {
    height: 56px
}

.h-80 {
    height: 80% !important
}

.h-90 {
    height: 90% !important
}

.h-100 {
    height: 100% !important
}

.h144 {
    height: 144px !important
}

.h200 {
    height: 200px !important
}

.h300 {
    height: 300px !important
}

.hm-318 {
    max-height: 318px !important
}

.h400 {
    height: 400px !important
}

.h472 {
    height: 472px !important
}

.h-612 {
    height: 612px !important
}

.h-700 {
    height: 700px !important
}

.h-77vh {
    height: 77vh !important
}

.h-100vh {
    height: 100vh !important
}

.h-300-overflow {
    max-height: 300px;
    overflow-y: auto
}

.w-fill {
    width: -webkit-fill-available !important
}

.w-auto {
    width: auto !important
}

.w-25 {
    width: 25% !important
}

.w-40 {
    width: 40% !important
}

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

.w-65 {
    width: 65% !important
}

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

.w-85 {
    width: 85% !important
}

.w-87 {
    width: 87% !important
}

.w-90 {
    width: 90% !important
}

.w-93 {
    width: 93% !important
}

.w-95 {
    width: 95% !important
}

.w-98 {
    width: 98% !important
}

.w-100 {
    width: 100% !important
}

.w94 {
    width: 94px !important
}

.w150 {
    width: 150px !important
}

.w171 {
    width: 171px !important
}

.w182 {
    width: 182px !important
}

.w196 {
    width: 196px !important
}

.w200 {
    width: 200px !important
}

.w206 {
    width: 206px !important
}

.w210 {
    width: 210px !important
}

.w214 {
    width: 214px !important
}

.w222 {
    width: 222px !important
}

.w236 {
    width: 236px !important
}

.w240 {
    width: 240px !important
}

.w261 {
    width: 16.313em !important
}

.w227 {
    width: 227px !important
}

.w280 {
    width: 280px !important
}

.w336 {
    width: 336px !important
}

.w350 {
    width: 350px !important
}

.w360 {
    width: 360px !important
}

.w410 {
    width: 410px !important
}

.w432 {
    width: 432px !important
}

.w440 {
    width: 440px !important
}

.dark-green {
    color: #035531 !important
}

.black {
    color: #333 !important
}

.boulder {
    color: #757575 !important
}

.yellow {
    color: #fcc606 !important
}

.grey-200 {
    color: #9b9b9b !important
}

.blue,
.purple {
    color: #805adc !important
}

.red {
    color: #ff0202 !important
}

.dark-red {
    color: #b50101 !important
}

.green {
    color: #06ca75 !important
}

.green-dark {
    color: #035531 !important
}

.alto {
    color: #dedede !important
}

.yellow {
    color: #fcc606
}

.white {
    color: #fff !important
}

.background-white {
    background: #fff !important
}

.background-white-smoke {
    background: #f4f4f4
}

.background-purple {
    background: #805adc !important
}

.background-cosmo {
    background: #ffd6d6 !important
}

.background-dark-red {
    background: #ffe8e8 !important
}

.background-old-lace {
    background: #fff9e6 !important
}

.background-alto {
    background: #dedede !important
}

.background-light-green {
    background: #f0fff9 !important
}

.background-light-yellow {
    background: #fef1c1 !important
}

.border-top-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.border-bottom-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

.border-none {
    border: none !important
}

.border-bottom-gris {
    border-bottom: 1px solid #dedede !important
}

.border-alto-OB {
    border: 1px solid #dedede !important
}

.border-grey-200 {
    border: 1px solid #9b9b9b !important
}

.border-green-OB {
    border: 1px solid #06ca75 !important
}

.border-red-OB {
    border: 1px solid #ff0202 !important
}

.border-red-dark-OB {
    border: 1px solid #b50101 !important
}

.border-grey-OB {
    border: 1px solid #9b9b9b !important
}

.border-yellow-OB {
    border: 1px solid #fcc606 !important
}

.border-header {
    border-bottom: 1px solid #dedede;
    margin-left: -1.5em;
    width: 100vh
}

.border-top-grey-light-OB {
    border-top: 1px solid #dedede !important
}

.border-bottom-grey-light-OB {
    border-bottom: 1px solid #dedede !important
}

.rounded-8 {
    border-radius: 8px !important
}

.i-16 {
    width: 16px !important;
    height: 16px !important
}

.i-24 {
    width: 24px !important;
    height: 24px !important
}

.i-32 {
    width: 32px !important;
    height: 32px !important
}

.i-40 {
    width: 40px !important;
    height: 40px !important
}

.i-48 {
    width: 48px !important;
    height: 48px !important
}

.i-64 {
    width: 64px !important;
    height: 64px !important
}

.i-100 {
    width: 100px !important;
    height: 100px !important
}

.i-200 {
    width: 200px !important;
    height: 200px !important
}

.rb-24 {
    height: 24px;
    width: 24px
}

.radioButton,
.rb-24 {
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #9b9b9b
}

.item-radioButton {
    display: grid;
    grid-template-columns: 2.2em 100%;
    position: static;
    width: 328px;
    height: auto;
    min-height: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #333;
    margin-bottom: 32px
}

.item-radioButton-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    width: 388px;
    height: auto;
    min-height: 48px
}

.item-radioButton-flex h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333
}

#modal-black {
    background: rgba(0, 0, 0, .3)
}

#modal-black,
#modal-panel-right {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 16px
}

#modal-detail-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 1em;
    position: absolute;
    width: 22.5em;
    height: 18.5em;
    right: 2.75em;
    top: 11.188em;
    bottom: 30.375em;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em
}

#modal-detail-close {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: .5em 1em .5em .5em;
    height: 2em;
    left: 0;
    top: 0;
    align-self: stretch;
    margin: 0
}

#modal-detail-close,
#modal-detail-close img {
    position: static;
    flex: none;
    order: 0;
    flex-grow: 0
}

#modal-detail-close img {
    width: 16px;
    height: 16px;
    left: 20em;
    top: .5em
}

#modal-detail-header {
    flex-direction: column;
    padding: 0;
    width: 22.5em;
    top: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    border-radius: .5em .5em 0 0;
    flex: none;
    order: 0;
    flex-grow: 0
}

#modal-detail-header,
#modal-detail-title {
    display: flex;
    align-items: flex-start;
    position: static;
    left: 0;
    margin: 0
}

#modal-detail-title {
    flex-direction: row;
    padding: 0 1em .625em;
    top: 2.5em;
    flex: none;
    order: 1;
    flex-grow: 0
}

#modal-detail-title p {
    position: static;
    width: 13.188em;
    height: auto;
    left: 1em;
    top: 1em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0
}

#modal-detail-lista-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .5em .5em 0 0;
    position: static;
    height: 24.375em;
    left: 0;
    top: 7em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.panel-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    grid-gap: 16px;
    gap: 16px;
    height: 65vh;
    background: #fff;
    left: 0;
    top: calc(50% - 275.5px)
}

.OB-scroll-auto {
    height: calc(100vh - 200px);
    overflow-y: auto !important
}

.OB-custom-content-scroll {
    height: calc(100vh - 76px);
    overflow-y: auto !important
}

.height-scroll {
    overflow: hidden
}

.height-scroll,
.height-scroll-max {
    max-height: calc(100vh - 314px)
}

.OB-scroll,
.OB-scroll-auto {
    overflow-y: scroll;
    overflow-x: hidden
}

.OB-scroll-auto::-webkit-scrollbar,
.OB-scroll::-webkit-scrollbar {
    width: .5em
}

.OB-scroll-auto::-webkit-scrollbar-track,
.OB-scroll::-webkit-scrollbar-track {
    height: 26.25em;
    left: 21.5em;
    top: .5em;
    background: #f4f4f4;
    border-radius: 1.5em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 .5em
}

#scroleable::-webkit-scrollbar-track {
    height: 26.25em;
    left: 21.5em;
    top: .5em;
    background: #f4f4f4;
    border-radius: 1.5em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 .5em
}

.OB-scroll-auto::-webkit-scrollbar-thumb,
.OB-scroll::-webkit-scrollbar-thumb {
    position: absolute;
    height: 8.25em;
    left: 0;
    top: 0;
    background: #dedede;
    border-radius: .5em
}

#container-stepper-transferencia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.5em;
    width: 400px;
    position: static;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0
}

.container-home {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: auto;
    height: 100vh
}

.sidebar-home {
    display: block;
    order: 1;
    width: 224px;
    z-index: 10
}

.main-home {
    flex-direction: column-reverse;
    flex: 1 1;
    height: calc(100vh - 92px) !important;
    width: 100%
}

.main-home,
.main-home-body {
    display: flex;
    justify-content: center;
    order: 2
}

.main-home-body {
    flex-direction: row;
    flex: 1 1;
    padding: 2.063rem 5.5rem 0;
    height: 89vh !important;
    overflow-y: auto
}

.main-home-100 {
    align-items: center
}

.main-footer {
    width: auto;
    height: auto;
    top: 43.375em;
    left: 14em;
    padding: 2em 5.5em;
    grid-gap: 1em;
    gap: 1em;
    background-color: #fff;
    border: 1px solid #dedede;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #757575
}

.panel-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch
}

.loading-card-card {
    height: 260px;
    left: 336px
}

.loading-card-card,
.loading-card-movimientos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    top: 98px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.loading-card-movimientos {
    height: 440px;
    left: 688px;
    box-sizing: border-box
}

.size-loading {
    width: 32px;
    height: 24px
}

.size-loading-h30 {
    width: auto;
    height: 30px
}

.position-index {
    z-index: 1
}

.position-absolute {
    position: absolute !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative
}

.d-none {
    display: none
}

.d-flex {
    display: flex !important
}

.f-direction-row {
    flex-direction: row !important
}

.f-direction-column {
    flex-direction: column !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-self-center {
    align-self: center !important
}

.align-self-end {
    align-self: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-space-around {
    justify-content: space-around !important
}

.justify-space-between {
    justify-content: space-between !important
}

.justify-space-evenly {
    justify-content: space-evenly !important
}

.justify-flex-start {
    justify-content: flex-start !important
}

.justify-flex-end {
    justify-content: flex-end !important
}

.justify-right {
    justify-content: right !important
}

.gap-2 {
    grid-gap: 2px !important;
    gap: 2px !important
}

.gap-4 {
    grid-gap: 4px !important;
    gap: 4px !important
}

.gap-8 {
    grid-gap: 8px !important;
    gap: 8px !important
}

.gap-16 {
    grid-gap: 16px !important;
    gap: 16px !important
}

.gap-24 {
    grid-gap: 24px !important;
    gap: 24px !important
}

.align-items-center {
    align-items: center !important
}

.align-items-stretch {
    align-items: stretch !important
}

.flex-col {
    flex-direction: column !important
}

.flex-row {
    flex-direction: row !important
}

.flex-wrap {
    flex-wrap: wrap
}

.white-space-nowrap {
    white-space: nowrap
}

.contenedor-margen {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

#header_mobile,
#header_responsive,
#header_responsive_search {
    display: none
}

#detail-container {
    display: flex;
    flex-direction: column;
    padding: 0 13.125em 0 12.063em
}

#detail-container-full,
#filter-content {
    display: flex;
    flex-direction: column;
    padding: 0
}

#filter-content {
    align-items: flex-start;
    width: 659px;
    left: 280px;
    top: 80px
}

.search-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.search-filter-title {
    width: auto;
    margin: 1em 0;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    flex: none;
    flex-grow: 0
}

.filter-options {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em
}

.filter-options-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

.detail-list-container {
    font-family: "Roboto";
    font-size: 14px;
    width: 676px
}

.detail-list-container .detail-list-section {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    margin-bottom: 14px
}

.detail-list-container-full {
    font-family: "Roboto";
    font-size: 14px;
    width: 65em
}

.detail-list-container-full .detail-list-section-full {
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: .625em;
    width: 65em;
    margin-bottom: .875em;
    padding: .313em 0
}

.search-empty-img {
    width: 6.25em;
    height: 6.25em
}

.search-empty-container-img {
    justify-content: center;
    align-items: center;
    padding: 0;
    grid-gap: 1em;
    gap: 1em;
    font-size: 16px;
    align-self: stretch;
    margin-bottom: 1.5em
}

.search-empty-container,
.search-empty-container-img {
    display: flex;
    flex-direction: column;
    flex: none;
    flex-grow: 0
}

.search-empty-container {
    padding: 2em 1em;
    grid-gap: .5em;
    gap: .5em
}

.search-empty-container section {
    padding: 0;
    grid-gap: 1em;
    gap: 1em;
    flex: none;
    flex-grow: 1;
    font-family: "Roboto"
}

.search-empty-container section p {
    font-family: "Roboto";
    font-style: normal;
    flex: none;
    flex-grow: 0;
    margin: 0
}

.search-empty-container section h1,
.search-empty-container section p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333
}

.search-empty-text {
    display: flex;
    width: 21.25em;
    flex-direction: column;
    margin: 0 auto !important
}

.filter-three-column {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 208px;
    height: 40px;
    left: calc(50% - 72px);
    top: 0;
    background: #fff;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 24px;
    flex: none;
    flex-grow: 0;
    cursor: pointer;
    white-space: nowrap
}

.filter-three-column p {
    position: static;
    text-align: left;
    width: 152px;
    height: 22px;
    left: 16px;
    top: 9px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-right: 8px
}

.filter-fci {
    flex-direction: row;
    height: 31px;
    padding: 8px 0;
    justify-content: flex-start;
    border-style: none;
    background: none
}

.filter-fci p {
    color: #805adc;
    font-family: "Roboto";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500
}

.boton-select-rendiciones {
    border-radius: 8px !important
}

.boton-select-comex {
    width: 100%;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    padding: 0 8px;
    margin-bottom: 16px
}

.boton-select-comex:disabled {
    background-color: #f4f4f4;
    border: 1px solid #dedede
}

.boton-select-comex:focus {
    border: 1px solid #805adc
}

.filter-fecha-img {
    position: static;
    left: 114px;
    top: 28px;
    flex: none;
    flex-grow: 0
}

.filter-fecha-img,
.filter-fecha-img-up {
    width: 14px;
    height: 14px;
    transition: all .3s ease-in-out 0s
}

.filter-fecha-img-up {
    transform: rotate(-180deg)
}

#filter-search-result {
    align-items: flex-start;
    padding-top: 1em;
    grid-gap: .5em;
    gap: .5em;
    width: 29.438em
}

#filter-search-result,
.filter-search-result-tag {
    display: flex;
    flex-direction: row;
    flex: none;
    flex-grow: 0
}

.filter-search-result-tag {
    align-items: center;
    padding: .25em .5em;
    grid-gap: .25em;
    gap: .25em;
    width: auto;
    height: auto;
    background: #dedede;
    border-radius: 1.563em;
    cursor: pointer
}

.filter-search-result-tag .search-tag,
.filter-search-result-tag p {
    display: flex;
    flex: none;
    flex-grow: 0
}

.filter-search-result-tag p {
    height: 16px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    align-items: flex-end;
    color: #333;
    margin: 0
}

.filter-search-result-tag .img-search-tag {
    width: .688em;
    height: .688em
}

.filter-search-result-tag .img-search-tag-16 {
    width: 1em;
    height: 1em
}

.tag-white {
    color: #805adc;
    background-color: #fff;
    border: 1px solid #805adc
}

.filter-position-absolute {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    height: auto;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    position: absolute;
    transition: max-height .25s ease-in
}

.loading-card-home {
    height: 228px;
    transition: .2s
}

.h-16 {
    height: 16px !important
}

.icon-left-input,
.icon-right-input {
    width: 1.5em;
    height: 1.5em;
    padding: 1em;
    min-width: 1.5em;
    z-index: 1
}

.icon-right-input {
    transform: translate(-57px, -1px);
    cursor: pointer
}

.qrCode {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 3rem 0
}

@media (min-width: 1200px) and (max-width:1439px) {
    .detail-list-section-full {
        width: 100% !important
    }
}

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

    #header_desktop,
    .sidebar-home {
        display: none
    }

    #header_responsive {
        display: block
    }

    #header_responsive_search {
        display: none
    }

    #detail-container {
        padding: 0
    }

    .detail-list-container-full,
    .detail-list-section-full {
        width: 41em !important
    }
}

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

    #header_desktop,
    .sidebar-home {
        display: none
    }

    #header_responsive {
        display: block
    }

    #header_responsive_search {
        display: none
    }

    #detail-container {
        padding: 0
    }

    .detail-list-container-full,
    .detail-list-section-full {
        width: 41em !important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .main-home {
        padding: 0;
        justify-content: flex-start;
        flex-direction: column-reverse;
        height: 100vh !important
    }

    .main-home-body {
        padding: 0
    }

    #header_desktop,
    #header_responsive,
    .sidebar-home {
        display: none
    }

    #header_mobile,
    #header_responsive_search {
        display: block
    }

    .card-square {
        border-radius: 0 !important
    }

    #detail-container {
        padding: 0
    }

    .detail-list-container {
        width: auto !important
    }

    .detail-list-container .detail-list-section {
        width: auto !important;
        border-radius: 0;
        margin-top: 16px;
        border: none
    }

    .mobile-breadcrumbs {
        margin: 1.5em 1em .5em
    }

    .breadcrumbs-detail-container {
        margin: 16px 16px 14px
    }

    #input-search-desktop {
        display: none !important
    }

    .filter-options-select {
        margin: 0 16px
    }

    .filter-display-none {
        display: none
    }

    #filter-content {
        width: auto
    }

    .detail-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 126px;
        left: 0;
        right: 0;
        top: 80px;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
    }

    .search-filter {
        display: flex;
        flex-direction: row;
        width: 100%
    }

    .filter-three-column,
    .filter-three-column p {
        width: auto
    }

    .detail-list-container-full {
        width: auto !important
    }

    .detail-list-section-full {
        width: auto !important;
        border: inherit !important
    }

    .search-filter-title {
        margin: 2em 0 1em 1em !important
    }
}

@media (max-width: 673px) {
    .main-home {
        padding: 0;
        justify-content: flex-start;
        flex-direction: column-reverse;
        height: 100vh !important
    }

    .main-home-body {
        padding: 0
    }

    #header_desktop,
    #header_responsive,
    .sidebar-home {
        display: none
    }

    #header_mobile,
    #header_responsive_search {
        display: block
    }

    #input-search-desktop {
        display: none !important
    }

    .mobile-breadcrumbs {
        margin: 1.5em 1em .5em
    }

    .card-square {
        border-radius: 0 !important
    }

    #detail-container {
        padding: 0
    }

    .detail-list-container {
        width: auto !important
    }

    .detail-list-container .detail-list-section {
        width: auto !important;
        border-radius: 0;
        margin-top: 16px;
        border: none
    }

    .breadcrumbs-detail-container {
        margin: 16px 16px 14px
    }

    .filter-display-none {
        display: none
    }

    #filter-content {
        width: auto
    }

    .detail-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        left: 0;
        right: 0;
        top: 80px;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
    }

    .search-filter {
        display: flex;
        flex-direction: row;
        width: 100%
    }

    .filter-options {
        justify-content: center
    }

    .filter-three-column,
    .filter-three-column p {
        width: auto
    }

    .detail-list-container-full {
        width: auto !important
    }

    .detail-list-section-full {
        width: auto !important;
        border: inherit !important
    }

    .search-filter-title {
        margin: 2em 0 1em 1em !important
    }
}

.box-detail {
    background-color: #fff
}

.box-detail-header {
    padding: 16px !important
}

.box-detail-body h2.subtext,
.box-detail-header h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.box-detail-body h2.subtext {
    text-align: center
}

.detalle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    color: #333;
    border-radius: 4px;
    border: 1px solid #dedede;
    margin-top: 16px
}

.detalle-titulo {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--Gray-100, #dedede);
    width: 93%;
    padding: 16px 16px 12px 12px
}

.titulocheque1 {
    display: flex;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    flex: 1 0;
    justify-content: space-between
}

.titulocheque2 {
    color: #333;
    color: var(--Dark-Gray, #333)
}

.titulocheque2,
.titulochequesecundario {
    justify-self: self-start;
    text-align: right;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.titulochequesecundario {
    color: #757575;
    color: var(--Dark-Gray, #757575)
}

.subtitulo {
    justify-self: self-start;
    height: 14px;
    overflow: hidden;
    color: #9b9b9b;
    color: var(--Gray-200, #9b9b9b);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    width: 100%
}

.contenedorDetalleCheque,
.subtitulo {
    align-self: stretch;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400
}

.contenedorDetalleCheque {
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    flex: 1 0;
    display: flex;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    font-size: 18px;
    line-height: 24px
}

.cardDetalleCheque {
    width: 25rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    border-radius: 4px;
    font-family: Arial, sans-serif
}

.cardDetalleCheque,
.h3 {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.h3 {
    padding-top: 24px;
    margin: 0 0 16px;
    color: #333;
    color: var(--Dark-Gray, #333)
}

.row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--Gray-100, #dedede);
    flex-direction: row;
    padding: 16px
}

.column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 4px;
    gap: 4px;
    flex: 1 0
}

.label {
    color: #333;
    color: var(--Dark-Gray, #333);
    font-size: 14px;
    line-height: 22px
}

.label,
.value {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400
}

.value {
    color: #757575;
    color: var(--Gray-300, #757575);
    font-size: 12px;
    line-height: 14px
}

.row:first-of-type {
    border-top: none
}

.detalletitulo {
    padding: 0 0 0 16px;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--Gray-100, #dedede)
}

.detalletitulo * {
    margin: 0
}

.container-button {
    margin-bottom: 24px;
    padding: 0 20px;
    width: 100%
}

.cheques-descuento {
    margin-top: 24px;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-right: 5px;
    width: calc(100% - 7px)
}

.cheques-descuento .header-cheques-descuento {
    border-bottom: 1px solid #dedede;
    padding: 8px 16px
}

.cheques-descuento .header-cheques-descuento h3 {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #333
}

.cheques-descuento .item:not(:last-child) {
    border-bottom: 1px solid #dedede
}

.cheques-descuento .item {
    padding: 12px 16px;
    justify-content: space-between
}

.cheques-descuento .item p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #333
}

.cheques-descuento .item .item-subtitle {
    color: #9b9b9b
}

.cheques-descuento .item .item-title {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.detalleCehqueraTexto {
    color: #757575;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    margin: 0
}

.terminos-condiciones-descuento {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.terminos-condiciones-descuento p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #333
}

.terminos-condiciones-descuento p span {
    color: #805adc;
    cursor: pointer
}

.simulacion-descuento {
    margin-bottom: 10px
}

.simulacion-descuento p {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.simulacion-descuento .cantidad-echeq {
    margin-bottom: 10px
}

.simulacion-descuento .monto-total {
    color: #9b9b9b;
    padding-bottom: 4px
}

.simulacion-descuento .monto-descontado {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.simulacion-descuento .monto-descontado .descuento {
    color: #ff0202;
    border-radius: 4px;
    border: 1px solid #ff0202;
    background: #ffe8e8;
    padding: 4px;
    font-size: 12px;
    line-height: 14px
}

.subtitle {
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.position-r {
    position: relative !important
}

.tab-calendar {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 334px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-top: 6px;
    z-index: 1
}

.tab-calendar .tab-selected {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    flex: 1 0;
    border-bottom: 2px solid #805adc;
    color: #805adc;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.text-grey {
    font-family: Roboto;
    color: #757575;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    padding: 16px 0
}

.principal {
    display: flex;
    flex-direction: column
}

.top {
    font-size: 14px;
    line-height: 22px
}

.bottom,
.top {
    font-family: Roboto;
    font-weight: 400;
    text-align: left;
    display: flex;
    line-height: 1px;
    padding: 8px
}

.bottom {
    font-size: 24px
}

.flechaDerecha {
    position: absolute;
    right: 16px
}

.textoGrey {
    font-size: 14px;
    text-align: right;
    color: #757575
}

.textoGrey,
.textoVerde {
    font-family: Roboto;
    font-weight: 400;
    line-height: 1px
}

.textoVerde {
    font-size: 16px;
    text-align: center;
    color: #06ca75;
    top: 60%
}

.selector-fci-informes {
    border: 1px solid #ccc;
    border-radius: 8px !important
}

.errorClass {
    border: 1px solid #b50101 !important;
    border-radius: 8px !important
}

.errorClass,
.errorClass-text,
.errorClass p {
    color: #b50101 !important
}

.titulo-calendario {
    width: 100%;
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-size: 18px;
    font-size: var(--font-font-size-l, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    line-height: var(--font-line-height-xl, 24px)
}

.dolares-pesos-buttons {
    width: 77px
}

.dolares-pesos-buttons,
.link-buttons {
    border: none;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #fff;
    border-top-left-radius: .625em;
    padding: 1em;
    height: 3.5em;
    flex: none;
    flex-grow: 0;
    text-align: center
}

.link-buttons {
    color: #06ca75
}

.FCI-error-container {
    background-color: #fff;
    width: 1040px;
    height: 292px;
    border-radius: 8px;
    border: 1px solid #dedede
}

.FCI-error-container h3 {
    border-bottom: 1px solid #dedede;
    margin: 0
}

.FCI-error-container h4,
.FCI-error-container h5 {
    margin: 0;
    padding: 16px;
    font-size: 16px
}

.FCI-error-container h5 {
    color: #9b9b9b
}

.FCI-error-container .FCI-error-mensaje {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column
}

.filtro-tenencia {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    margin: 0 !important;
    color: #000 !important
}

#nuestros-fci {
    color: #333;
    font-size: 16px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: start;
    width: 100%;
    padding: 0 16px;
    margin: 16px 0 8px
}

:root {
    --vd-green-300: #009912;
    --vd-dark-gray: #333;
    --vd-red: #ff3232;
    --vd-neutral: #3a3a3a
}

.vd-figma {
    justify-content: space-between;
    width: 100%;
    min-height: 24px
}

.vd-figma,
.vd-left {
    display: flex;
    align-items: center
}

.vd-left {
    grid-gap: 8px;
    gap: 8px
}

.vd-icon {
    width: 20px;
    height: 16px;
    flex: 0 0 auto
}

.vd-neutral .vd-icon {
    width: 15px;
    height: 9px
}

.vd-percent {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.vd-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #333;
    color: var(--vd-dark-gray)
}

.vd-right {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    white-space: nowrap
}

.vd-green {
    color: #009912;
    color: var(--vd-green-300)
}

.vd-red {
    color: #ff3232;
    color: var(--vd-red)
}

.vd-neutral {
    color: #3a3a3a;
    color: var(--vd-neutral)
}

.v-border {
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    width: -moz-fit-content;
    width: fit-content
}

.vd-old-arrow {
    width: 14px;
    height: 14px;
    flex: 0 0 auto
}

.vd-icon-top {
    width: 9px;
    height: 14px;
    flex: 0 0 auto;
    display: block
}

.vd-icon-top--eq {
    width: 15px;
    height: 9px
}

:root {
    --fci-dark-gray: #333;
    --fci-gray-100: #dedede;
    --fci-green-300: #009912;
    --fci-gray-s: #8e8e93;
    --fci-meta-bg: #fbfbfb;
    --fci-font-s: 12px
}

.fci-card {
    box-sizing: border-box;
    width: 325.33px;
    background: #fff;
    border: 1px solid #dedede;
    border: 1px solid var(--fci-gray-100);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.fci-card__header {
    justify-content: space-between;
    width: 100%
}

.fci-card__header,
.fci-card__titleWrap {
    display: flex;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px
}

.fci-card__titleWrap {
    flex: 1 1;
    min-width: 0
}

.fci-card__accent {
    display: block;
    width: 4px;
    height: 38px;
    border-radius: 200px;
    flex: 0 0 auto
}

.fci-card__title {
    font-weight: 500;
    text-transform: none;
    flex: 1 1;
    min-width: 0;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fci-card__amount,
.fci-card__title {
    font-size: 16px;
    line-height: 16px;
    color: #333;
    color: var(--fci-dark-gray)
}

.fci-card__amount {
    font-weight: 400;
    white-space: nowrap;
    text-align: right
}

.fci-card__metaBox {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #fbfbfb;
    background: var(--fci-meta-bg);
    grid-gap: 16px;
    gap: 16px
}

.fci-card__metaCol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 4px;
    gap: 4px;
    flex: 1 1;
    min-width: 0
}

.fci-card__metaLabel {
    font-size: 12px;
    white-space: nowrap
}

.fci-card__metaLabel,
.fci-card__metaValue {
    font-weight: 400;
    line-height: 1;
    color: #8e8e93;
    color: var(--fci-gray-s)
}

.fci-card__metaValue {
    font-size: 14px;
    white-space: wrap
}

.fci-card__percentageRow {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    width: 100%;
    min-height: 20px
}

.fci-card__percentage {
    font-weight: 500
}

.fci-card__percentage,
.fci-card__percentageText {
    font-size: 12px;
    line-height: 12px;
    color: #333;
    color: var(--fci-dark-gray)
}

.fci-card__percentageText {
    font-weight: 400
}

#calendar-container {
    top: 50%;
    left: 50%
}

.FCI-detalle-box {
    border: 1px solid #dedede;
    border-radius: 8px;
    width: 388px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.FCI-detalle-box .FCI-detalle-box-header {
    border-bottom: 1px solid #dedede;
    padding: 16px;
    font-size: 14px
}

.FCI-detalle-box .FCI-detalle-box-text {
    font-size: 14px;
    padding: 16px 16px 0
}

.FCI-detalle-box .FCI-detalle-box-text-grey {
    font-size: 14px;
    color: #757575;
    padding: 16px
}

.FCI-detalle-box .FCI-detalle-box-text-cuenta {
    font-size: 14px;
    color: #000;
    padding: 16px
}

.content-congrats {
    display: flex;
    flex-direction: column;
    font-family: "Roboto";
    color: #333;
    height: auto;
    width: 25.938em
}

.content-congrats h1 {
    font-size: 14px;
    line-height: 22px
}

.content-congrats h1,
.content-congrats h2 {
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    margin: 0
}

.content-congrats h2 {
    font-size: 12px;
    line-height: 14px;
    color: #757575
}

.content-congrats-title {
    display: flex;
    flex-direction: column;
    font-family: "Roboto";
    color: #333;
    height: auto;
    width: auto
}

.content-congrats-title h1 {
    font-size: 18px
}

.content-congrats-title h1,
.content-congrats-title h2 {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin: 0
}

.content-congrats-title h2 {
    font-size: 16px
}

.content-congrats-monto {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 1em 0;
    grid-gap: .5em;
    gap: .5em
}

.content-congrats-detalle {
    padding: .5em 0
}

.verMasPI-content {
    border-radius: 8px;
    background-color: #fff;
    padding: 8px 16px 16px;
    border: 1px solid #dedede;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 304px;
    margin-left: -1px
}

.verMasPI-content,
.verMasPI-text {
    font-size: 14px;
    font-family: "Roboto"
}

.verMasPI-text {
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 16px 0
}

.verMasPI-card {
    height: 420px;
    max-width: 336px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #dedede;
    margin-right: 16px
}

#calendar-container {
    display: flex;
    width: 328px;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    background: #fff;
    padding: 16px 24px
}

.background-calendar {
    position: fixed;
    z-index: 100;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#boton-aplicar,
.background-calendar {
    display: flex;
    justify-content: center;
    align-items: center
}

#boton-aplicar {
    height: 48px;
    padding: 12px 24px;
    color: #06ca75;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-style: none;
    background: none
}

#boton-aplicar:disabled {
    cursor: default;
    color: #dedede
}

.filter-fci {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    overflow: visible;
    padding: 0 !important
}

.filter-fci span {
    white-space: nowrap
}

.filter-fci .dropdown-menu {
    top: 100%;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.calendario-popup,
.filter-fci .dropdown-menu {
    position: absolute;
    left: 0;
    background-color: #fff
}

.calendario-popup {
    top: calc(100% + 8px);
    z-index: 99;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.dropdown-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.alinear-dropdown {
    display: flex;
    align-items: center;
    height: 24px
}

.alinear-dropdown .filtro-tenencia-dropdown {
    display: inline-flex !important;
    align-items: center !important;
    grid-gap: 4px;
    gap: 4px;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    height: 24px !important;
    font-size: inherit !important;
    line-height: normal !important;
    vertical-align: middle !important;
    cursor: pointer !important
}

.alinear-dropdown .filtro-tenencia-dropdown span {
    line-height: 24px !important
}

.alinear-dropdown .filtro-tenencia-dropdown img {
    margin-left: 4px;
    width: 16px;
    height: 16px;
    transition: transform .2s;
    transform: none !important
}

.inversiones-select-cuentas-options {
    transform: translateY(0) !important
}

.inversiones-select-cuentas-options>div {
    height: auto !important
}

#menu-descarga-tenencia-comitente .selector-fci-informes {
    border: 1px solid #9b9b9b
}

#menu-descarga-tenencia-comitente .mdtc-subtitle {
    font-size: 14px;
    line-height: 22px
}

#menu-descarga-tenencia-comitente .errorClass-text {
    color: #b50101 !important
}

#menu-descarga-tenencia-comitente .mdtc-dropdown-dates {
    height: 48px !important
}

.item-descarga-formato {
    display: flex;
    min-height: 56px;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 2px;
    gap: 2px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede)
}

.titulo-seleccion-formato {
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-size: 18px;
    font-size: var(--font-font-size-l, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    line-height: var(--font-line-height-xl, 24px)
}

.contenedor-checkbox {
    border-radius: 8px;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    flex-direction: column;
    justify-content: center;
    grid-gap: 2px;
    gap: 2px;
    flex: 1 0;
    padding: 12px 16px
}

.contenedor-checkbox,
.contenedor-lista {
    display: flex;
    align-items: flex-start;
    align-self: stretch
}

.contenedor-lista {
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.justify-center {
    justify-content: center
}

.no-margin {
    margin: 0 !important
}

#generic-dropdown-v3 {
    width: 100%;
    position: relative;
    cursor: pointer
}

#generic-dropdown-v3 .gdv3-title {
    margin: 0;
    color: #333;
    line-height: 22px;
    font-size: 14px
}

#generic-dropdown-v3 .gdv3-select {
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 8px;
    align-items: center;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    cursor: pointer
}

#generic-dropdown-v3 .gdv3-select .gdv3-select-text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    text-align: left
}

#generic-dropdown-v3 .gdv3-options-container {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

#generic-dropdown-v3 .gdv3-options-container .gdv3-option {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 24px
}

#generic-dropdown-v3 .gdv3-options-container .selected {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f4f4f4
}

#generic-dropdown-v3 .gdv3-options-container .gdv3-option:hover {
    background-color: #f4f4f4
}

#generic-dropdown-v3 .gdv3-toggle-icon {
    transition: transform .3s ease;
    transform: rotate(0deg);
    width: 16px;
    aspect-ratio: 1
}

#generic-dropdown-v3 .gdv3-toggle-icon.open {
    transform: rotate(180deg)
}

#generic-dropdown-v3 .gdv3-error-message {
    color: #b50101
}

#generic-dropdown-v3 .gdv3-error-button {
    border-color: #b50101
}

#generic-dropdown-v3 .gdv3-error-button p {
    color: #b50101 !important
}

#generic-dropdown-v3 .no-options {
    cursor: default;
    opacity: .6
}

#select-dates {
    position: relative
}

.content-inversiones {
    font-family: "Roboto";
    margin-top: .75em
}

.content-inversiones h1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin: 0
}

.card-fondo {
    display: flex;
    flex-direction: column;
    width: 18.875em;
    background-color: #fff;
    border: .063em solid #dedede;
    border-radius: .5em;
    padding: 1em
}

.card-fondo-content {
    grid-gap: 24px;
    gap: 24px
}

.card-fondo-content,
.card-fondo-info {
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.card-fondo-info {
    align-items: flex-start;
    grid-gap: 4px;
    gap: 4px;
    font-family: "Roboto"
}

.card-fondo-info p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 0
}

.card-fondo-info-inversion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 2px;
    gap: 2px;
    align-self: stretch;
    font-family: "Roboto"
}

.card-fondo-info-inversion h1 {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 24px
}

.card-fondo-info-inversion h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #757575;
    margin: 0
}

.card-fondo-content-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between !important;
    grid-gap: 4px;
    gap: 4px;
    align-self: stretch;
    font-family: "Roboto"
}

.card-fondo-content-header h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333;
    margin: 0;
    height: 50px
}

.card-fondo-content-header h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #06ca75 !important;
    margin: 0
}

.card-fondo-content-footer {
    font-family: "Roboto";
    align-self: stretch;
    position: relative;
    display: flex;
    align-items: center
}

.card-fondo-content-footer h1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #805adc;
    margin: 0
}

.card-fondo-fueraDeHorario {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.375em;
    background-color: #dedede;
    color: #333;
    font-size: 12px;
    border-radius: .25em;
    padding: 0 .25em;
    white-space: nowrap
}

.fondos-empty {
    display: flex;
    width: 62.75em;
    border-radius: .5em;
    border: .063em solid #e5e5e5;
    background: #fff
}

.FCI-body {
    flex-direction: column;
    align-items: center
}

.FCI-body,
.FCI-footer {
    display: flex;
    width: 100%
}

.FCI-footer {
    position: absolute;
    bottom: 0;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px !important;
    z-index: 99;
    background: #fff;
    box-shadow: 0 -10px 5px rgba(0, 0, 0, .055)
}

.checkbox-purple {
    width: 24px !important;
    border: 2px solid #9b9b9b;
    border-radius: 5px
}

.checkbox-disabled,
.checkbox-purple {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    height: 24px !important;
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.checkbox-disabled {
    width: 26px !important;
    border: 2px solid #dedede;
    border: 2px solid var(--Gray-100, #dedede);
    background-color: var(--Grey-background, #fff);
    border-radius: 5px
}

.checkbox-purple:checked {
    background-color: #805adc;
    border-color: #805adc;
    color: #fff
}

.checkbox-purple:disabled {
    background-color: solid #ccc;
    border-color: solid #ccc;
    color: #fff
}

.checkbox-purple:before {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
    visibility: hidden
}

.checkbox-purple:checked:before {
    visibility: visible
}

#totalizador {
    font-family: "Roboto";
    font-weight: 400;
    text-align: right
}

input {
    border: 1px solid #9b9b9b;
    box-sizing: border-box;
    border-radius: 8px
}

input[type=checkbox] {
    width: 20px;
    height: 20px
}

input {
    font-family: "Roboto";
    font-size: 16px
}

#buttonBlueReload,
#buttonGreen,
#buttonGreen:disabled,
#buttonGreen[disabled],
#buttonGreenReload,
#buttonWhite,
#default,
#invisible,
.button {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    width: 160px;
    height: 48px;
    left: 728px;
    bottom: 492px;
    border-radius: 8px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px
}

#default {
    width: auto
}

#buttonBlueReload {
    background-color: #fff;
    border: 0;
    box-sizing: border-box;
    color: #805adc;
    cursor: pointer
}

#buttonGreen,
#buttonGreen:disabled,
#buttonGreen[disabled],
#default {
    background: #06ca75;
    border: none;
    color: #fff;
    transition: .1s;
    cursor: pointer
}

#buttonGreenReload {
    display: flex;
    padding: .75rem 1.5rem;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    background-color: #fff;
    border: 0;
    box-sizing: border-box;
    color: #06ca75;
    cursor: pointer
}

.btnContinueImage {
    display: flex;
    grid-gap: .5em
}

#buttonGreen:hover,
#default:hover {
    background: #00ab8e
}

#buttonGreen:disabled,
#buttonGreen[disabled],
#default:disabled,
#default[disabled] {
    background: #e5e5e5
}

.buttonGreen-disabled-color {
    background: #06ca75 !important
}

#buttonWhite {
    background-color: #fff;
    border: 1px solid #06ca75;
    box-sizing: border-box;
    color: #06ca75;
    cursor: pointer
}

#buttonWhite:hover {
    border: 1px solid #00ab8e;
    color: #00ab8e
}

#invisible {
    background-color: #fff;
    border: none;
    color: #06ca75;
    transition: .8s;
    width: auto;
    cursor: pointer
}

#invisible:hover {
    color: #00ab8e
}

.container-message-generic_congrats {
    margin-top: 2rem;
    width: 32em;
    flex-shrink: 0;
    border-radius: .5em;
    border: .063em solid #dedede;
    background: #fff
}

.container-message-generic_congrats,
.section-message-generic_congrats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.section-message-generic_congrats {
    padding: 1em 3em 3em;
    grid-gap: 1.5em;
    gap: 1.5em;
    align-self: stretch
}

.section-message-generic_congrats h1 {
    font-family: "Roboto";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #333;
    text-align: center;
    margin: 0
}

.section-message-generic_congrats p {
    text-align: center
}

.tc-count {
    margin-bottom: 0 !important;
    padding: 10px
}

.icon-resumen {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.details-container {
    align-items: center
}

.account-gap {
    padding: 24px, 16px, 24px, 16px
}

.cards-container {
    flex-wrap: wrap;
    padding: 0 8px
}

.card-container {
    background-color: #fff;
    padding: 16px 8px;
    border: 1px solid #dedede;
    border-radius: 8px;
    max-width: 328px;
    height: 172px
}

.left-card {
    background-color: #06ca75;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    color: #fff
}

.padding-card {
    padding: 16px 8px
}

.estado {
    border-radius: 4px;
    border: 1px solid #06ca75;
    color: #06ca75;
    background-color: #f0fff9;
    padding: 4px
}

.info-card {
    justify-content: space-between;
    padding: 0 0 0 16px
}

.info-card,
.limit-container {
    display: flex;
    flex-direction: column
}

.limit-container {
    grid-gap: 4px;
    gap: 4px
}

.limit-container p {
    margin: 0
}

.limit-info {
    font-size: 14px
}

.back {
    transform: rotate(-180deg)
}

.icon-back {
    width: 21px;
    margin-right: 10px
}

.t-green {
    color: #06ca75
}

.descarga-container {
    padding: 12px 24px
}

.sin-padding {
    padding: 0 !important
}

.tc-section {
    padding: 16px;
    border-bottom: 1px solid #dedede
}

.arrow-tc {
    transform: rotate(-90deg);
    width: 16px
}

.t-blue {
    color: #805adc
}

.hover-effect:hover {
    background-color: #f4f4f4
}

.sectionCardError {
    font-weight: 500;
    text-align: center;
    background-color: #fff;
    margin-bottom: 16px;
    padding: 32px
}

.error-conttainer,
.sectionCardError {
    border: 1px solid #dedede;
    border-radius: 8px
}

.error-conttainer {
    padding: 16px;
    width: -moz-fit-content;
    width: fit-content
}

.card-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.principal-p {
    margin: 0
}

.secundario-p {
    color: #9b9b9b;
    font-weight: 400
}

.ptb-32 {
    padding: 32px 0
}

.tc-container {
    font-family: "Roboto"
}

.cuentaStyle {
    background-color: #fff;
    border: 1px solid #dedede;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 24px 16px
}

.border-button {
    display: flex;
    flex-direction: row;
    height: 31px;
    width: 131px !important;
    padding: 8px 0;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    border: 1px solid #805adc;
    border-radius: 8px !important;
    background: none
}

.border-button p {
    color: #805adc;
    font-family: "Roboto";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    margin-left: 10px
}

.accountNumber {
    cursor: pointer;
    transition: all .7s
}

.accountNumber:hover {
    background-color: #dedede
}

.container-accounts:first-child {
    border-radius: 8px
}

.selected {
    background-color: #daf1d7
}

.relative-tc {
    position: relative
}

.container-btn-tc {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    background: #fff;
    padding: .5em 0;
    border-top: 1px solid #dedede
}

.list-container-tc {
    max-height: 420px;
    overflow: auto
}

.icon-tc {
    width: 16px;
    height: 16px
}

.tc-count {
    background-color: #fff;
    border: 1px solid #dedede;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 4px 8px;
    grid-gap: 5px;
    gap: 5px;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center
}

.tc-count p {
    font-size: 12px;
    margin: 0
}

.cursor {
    cursor: pointer
}

.icon-descarga {
    width: 12px;
    height: 12px;
    cursor: pointer
}

.details-container {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 25px;
    gap: 25px
}

.account-detail {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.account-detail p {
    margin: 0
}

.account-detail .account-title {
    font-size: 12px;
    margin-right: 5px
}

.title-icon {
    justify-content: space-between;
    align-items: center
}

.black-title {
    font-weight: 500
}

.account-gap {
    flex-direction: column;
    grid-gap: 30px;
    gap: 30px
}

.padding-account {
    padding: 24px 16px
}

.cuentasStyle {
    background-color: #fff;
    border: 1px solid #dedede;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px
}

@keyframes rotate-left {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-180deg)
    }
}

@keyframes rotate-right {
    0% {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.inactive-icon {
    animation: rotate-left .5s forwards
}

.active-icon {
    animation: rotate-right .5s forwards
}

.redirect-arrow {
    transform: rotate(0deg)
}

#error-resumen {
    color: #ff0202;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

#icon-e-resumen {
    width: 24px;
    height: 24px
}

.GenericSelectList {
    margin-top: 26px;
    max-width: 272px;
    z-index: 99;
    position: sticky;
    background: #fff;
    box-shadow: 0 .25em .938em rgba(0, 0, 0, .1);
    border-radius: .5em;
    transform: translateY(-20px);
    margin-left: -12px;
    max-height: 304px;
    padding-left: "8px";
    padding-right: "8px"
}

.GenericSelectList-container-display {
    display: none
}

.genericSelectItem-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    grid-gap: .5em;
    gap: .5em;
    height: auto;
    min-height: 48px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    transition: .1s;
    padding: 12px 16px
}

.genericSelectItem-item:hover {
    cursor: pointer;
    background: #f4f4f4;
    border-width: 0 0 .1em;
    border-color: #dedede
}

.genericSelectItem-item:hover .icon-nombreyapellido {
    border: 1px solid #dedede
}

.genericSelectItem-item-list {
    align-items: flex-start;
    width: auto
}

.genericSelectItem-content,
.genericSelectItem-item-list {
    display: flex;
    flex-direction: row;
    padding: 0;
    height: auto;
    flex: none
}

.genericSelectItem-content {
    align-items: center;
    grid-gap: 1em;
    gap: 1em;
    order: 0;
    flex-grow: 1
}

.genericSelectItem-content h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    margin: 0
}

.avatar-genericSelectItem-ente {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: .625em;
    gap: .625em;
    width: 2.5em;
    height: 2.5em;
    background: #f4f4f4;
    border: 1px solid #fff;
    border-radius: 6.25em;
    flex: none;
    order: 1;
    flex-grow: 0
}

.genericSelectItem-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    grid-gap: .25em;
    gap: .25em;
    height: 1.375em;
    flex: none;
    order: 2;
    flex-grow: 1
}

.genericSelectItem-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    grid-gap: .5em;
    gap: .5em;
    height: 1.375em;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.genericSelectItem-section span {
    height: 1.375em;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    height: auto;
    flex: none;
    order: 0;
    flex-grow: 1
}

.genericSelectItem-section-max-width {
    max-width: 236px !important
}

.genericSelectItem-section-max-width-302 {
    max-width: 302px !important
}

.GenericCuentasSelect-button {
    color: #805adc;
    font-size: 14px
}

.GenericCuentasSelect-button-disabled {
    color: #9c9c9c;
    font-size: 14px;
    pointer-events: none !important
}

.GenericCuentasSelect-item {
    height: 64px
}

.GenericOneAccount {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    pointer-events: none !important
}

.text-cuenta {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.arrow-icon {
    width: 24px;
    height: 24px
}

.text {
    font-family: "Roboto";
    font-size: 18px
}

.desc,
.info-debito {
    padding: 16px 0
}

.strong {
    font-weight: 400
}

.str-500 {
    font-weight: 500
}

.flex-gap {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.container-pago {
    padding-top: 0
}

.container-deb,
.container-pago {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.t-12 {
    font-size: 12px
}

.t-14 {
    font-size: 14px
}

.t-16 {
    font-size: 16px
}

.t-18 {
    font-size: 18px
}

.pt-8 {
    padding: 8px 0 0
}

.c-grey {
    color: #757575
}

.c-blue {
    color: #805adc
}

.pay-type {
    border-radius: .5em;
    border: 1px solid #dedede;
    align-items: center;
    padding: .75em 1em;
    cursor: pointer
}

.info-pay {
    padding: 12px 16px
}

.c-border-tb,
.info-pay {
    border-bottom: 1px solid #dedede
}

.c-border-tb {
    padding: 16px 0;
    border-top: 1px solid #dedede
}

.icon-w {
    width: 32px
}

.padding-side {
    padding: 16px 0 !important
}

.h-fit {
    height: -webkit-fill-available;
    height: -moz-available
}

.lh-22 {
    line-height: 22px
}

.ps-16 {
    padding: 0 16px
}

#saldo-ins {
    color: #ff0202;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.sd-container-info {
    padding: 16px;
    background-color: #fff;
    border: 1px solid #805adc;
    border-radius: 4px
}

.stopDebit-alert-title {
    white-space: wrap !important;
    color: #333 !important;
    font-size: 16px !important
}

.sd-text-container {
    padding: 16px
}

.sd-button-footer-container,
.sd-text-container {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.sd-button-footer-container {
    margin: 0 16px 16px;
    width: 100%
}

#generic-error-container {
    font-family: "Roboto"
}

#generic-error-container .ge-title-panel-right p {
    font-size: 18px;
    line-height: 24px
}

#generic-error-container .ge-subtitle-panel-right {
    font-size: 14px;
    line-height: 22px
}

.border {
    border-radius: .5rem;
    border: 1px solid #dedede;
    border: 1px solid var(--Gray-100, #dedede);
    background: #fff;
    background: var(--White, #fff);
    margin-top: 1rem
}

.box {
    display: flex;
    min-width: 22.5rem;
    padding: .75rem 1rem;
    align-items: flex-start;
    grid-gap: .5rem;
    gap: .5rem;
    align-self: stretch
}

.titulo {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
}

.title-operacion,
.titulo {
    font-family: Roboto;
    font-style: normal
}

.boton-select-rendiciones {
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    padding: 0 8px
}

.boton-select-rendiciones:disabled {
    background-color: #f4f4f4;
    border: 1px solid #dedede
}

.boton-select-rendiciones:focus {
    border: 1px solid #805adc
}

.titulo-fecha {
    font-family: Roboto
}

.titulo-error-fecha,
.titulo-mensaje-error-fecha {
    font-family: Roboto;
    color: red
}

.titulo-mensaje-error-fecha {
    margin-top: 301px
}

.boton-error-select-rendiciones {
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid red;
    padding: 0 8px;
    color: red
}

.boton-error-select-rendiciones:disabled {
    background-color: #f4f4f4;
    border: 1px solid #dedede
}

.boton-error-select-rendiciones:focus {
    border: 1px solid #805adc
}

.footer-panel-derecho {
    position: absolute;
    bottom: 0;
    width: 90%;
    padding: 16px 0
}

.item-menu-home {
    text-align: left
}

@media (max-width: 768px) {
    .card-generic {
        position: absolute;
        bottom: 0;
        left: 0;
        width: -webkit-fill-available;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
        z-index: 1
    }

    #Plazo-Fijo-Alta .GenericButton-primary {
        text-wrap: nowrap;
        width: -webkit-fill-available !important;
        margin: 16px
    }

    .breadcrumbs-dsk {
        display: none !important
    }

    .PFH-Container {
        padding: 1em 1em calc(1em + 45px)
    }
}

.list-card {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    width: 100%;
    max-width: 1040px;
    margin-bottom: 40px
}

.card-generic {
    padding: 16px
}

.card-generic,
.card-header-body {
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #fff
}

.card-header-body .card-header {
    height: 56px;
    border-bottom: 1px solid #dedede;
    padding: 0 16px;
    display: flex;
    align-items: center
}

.card-header-body .card-header h2 {
    font-family: "Roboto";
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.card-header-body .card-body {
    padding: 20px 16px 16px
}

.card-header-body .card-body h3 {
    font-family: "Roboto";
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.card-header-body .card-body p {
    font-family: "Roboto";
    font-style: normal;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.cedip-body {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    padding: 16px 20px 45px
}

.cedip-body h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0
}

.cedip-body h4 {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400
}

.cuenta-debito {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 15px
}

.cuenta-debito .title {
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    color: #757575
}

.cuenta-debito .subtitle {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #9b9b9b
}

.terminos-condiciones {
    display: flex;
    flex-direction: column;
    padding: 15px
}

.terminos-condiciones h3 {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 14px;
    margin-bottom: 0;
    color: #333
}

.terminos-condiciones p {
    font-size: 12px;
    line-height: 14px;
    color: #9b9b9b;
    margin: 0
}

.terminos {
    display: flex;
    padding: 0 15px 15px
}

.botonera {
    display: flex;
    padding: 0 15px
}

.cedip-detalle-box {
    border: 1px solid #dedede;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px;
    min-width: 360px
}

.cedip-detalle-box .cedip-detalle-box-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #333
}

.cedip-detalle-box .cedip-detalle-box-text-grey {
    font-size: 14px;
    line-height: 22px;
    color: #757575
}

.botonera-detalle {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    padding-bottom: 10px
}

.cedip-detalle-titulo {
    font-size: 14px;
    line-height: 22px;
    color: #757575
}

.cedip-detalle-monto {
    font-size: 18px;
    line-height: 24px;
    color: #333
}

.form-body-cedip {
    padding: 24px;
    width: calc(100% - 48px)
}

.form-group-cedip {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%
}

.form-group-cedip label {
    font-size: 14px;
    line-height: 22px;
    color: #333
}

.form-group-cedip label.disabled {
    color: #9b9b9b
}

.form-group-cedip label.invalidInput {
    color: #ff0202
}

.form-group-cedip input {
    border: 1px solid #9b9b9b;
    border-radius: 8px;
    height: 48px;
    padding: 0 10px
}

.form-group-cedip input.invalidInput {
    border: 1px solid #ff0202;
    color: #ff0202
}

.form-group-cedip input:disabled {
    border: 1px solid #dedede;
    color: #9b9b9b
}

.form-group-cedip .info-input {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.form-group-cedip .errores {
    font-size: 16px;
    line-height: 24px;
    color: #ff0202
}

.titulo-detalle-box {
    width: calc(100% - 48px);
    padding: 0 20px;
    margin-bottom: 15px
}

.titulo-detalle-box p:first-child {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    color: #757575
}

.titulo-detalle-box p:nth-child(2) {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    color: #333
}

.info-detalle-box {
    width: calc(100% - 90px);
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px
}

.info-detalle-box p:first-child {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 0;
    margin-top: 0
}

.info-detalle-box p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #757575;
    margin-bottom: 0;
    margin-top: 0
}

.fecha-pendiente,
.numero-operacion {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    width: calc(100% - 48px);
    margin-top: 0
}

.fecha-pendiente {
    margin-bottom: 5px
}

.numero-operacion span {
    color: #805adc
}

#Generic-List-With-Arrow {
    width: 100%
}

#Generic-List-With-Arrow .title {
    padding: 16px
}

#Generic-List-With-Arrow .title label {
    font-size: 16px !important
}

#Generic-List-With-Arrow .border-bottom-title {
    border-bottom: 1px solid #dedede
}

#Generic-List-With-Arrow .gl-content {
    display: flex;
    flex-direction: column
}

#Generic-List-With-Arrow label {
    color: #333
}

#Generic-List-With-Arrow .Generic-List-With-Arrow-Row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer
}

#Generic-List-With-Arrow .without-cursor {
    cursor: default !important
}

#Generic-List-With-Arrow .Generic-List-With-Arrow-Row-borders {
    border-bottom: 1px solid #dedede !important
}

#Generic-List-With-Arrow .Generic-List-With-Arrow-Row-borders:last-child {
    border-bottom: none !important
}

#Generic-List-With-Arrow .padding-row {
    padding: 12px 16px
}

#Generic-List-With-Arrow .with-hover:hover {
    background-color: hsla(0, 0%, 87.1%, .2)
}

#Generic-List-With-Arrow .transfer-option-img-next {
    margin: 0 !important
}

#Generic-List-With-Arrow .glwa-link :hover {
    background-color: #f4f4f4;
    border-radius: 0 0 8px 8px
}

#Generic-List-With-Arrow .glwa-more-options {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px 16px 16px;
    border-top: 1px solid #dedede;
    color: #805adc !important
}

#Generic-List-With-Arrow .gl-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

.with-borders {
    border: 1px solid #dedede;
    border-radius: 8px
}

.no-borders,
.no-borders .Generic-List-With-Arrow-Row {
    border: none
}

.pf-step-generic {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px
}

#Constituir-Plazo-Fijo-Step-2 .section-selector-cuentas {
    margin-bottom: 0 !important
}

#Constituir-Plazo-Fijo-Step-2 .section-selector-cuenta-selected {
    color: #805adc !important;
    font-family: "Roboto"
}

.pf-sidebar-footer-generic {
    width: 100%;
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.pf-sidebar-footer-generic #pf-btn-Flujo-Constituir-Plazo-Fijo-Without-border {
    border: none !important
}

.pf-sidebar-footer-generic .cpf-checkbox-container {
    display: grid;
    grid-template-columns: 35px calc(100% - 43px);
    grid-gap: 8px;
    gap: 8px
}

.pf-sidebar-footer-generic .cpf-checkbox-container input {
    width: 24px !important;
    height: 24px !important
}

#Constituir-Plazo-Fijo-Step-3 h3 {
    margin: 0
}

#Constituir-Plazo-Fijo-Step-3 .cedip-body {
    grid-gap: 16px !important;
    gap: 16px !important
}

#Constituir-Plazo-Fijo-Step-3 .section-selector-cuentas {
    margin-bottom: 0 !important
}

#Constituir-Plazo-Fijo-Step-3 .section-selector-cuenta-selected {
    color: #805adc !important;
    font-family: "Roboto"
}

#Row-List-Plazo-Fijo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px
}

#Row-List-Plazo-Fijo .content-right {
    text-align: right
}

#Row-List-Plazo-Fijo .content-left,
#Row-List-Plazo-Fijo .content-right {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: space-between
}

#Row-List-Plazo-Fijo .days label {
    line-height: 24px;
    font-size: 16px
}

#Row-List-Plazo-Fijo .tna label {
    line-height: 16px;
    color: #0d7430 !important;
    font-size: 14px
}

#Row-List-Plazo-Fijo .recive label {
    line-height: 12px;
    font-size: 12px
}

#Row-List-Plazo-Fijo .monto label {
    line-height: 22px;
    font-size: 14px
}

.rlpf-disabled {
    border: 1px dashed #d3d3d3;
    border-radius: 8px
}

.rlpf-disabled .days label,
.rlpf-disabled .recive label,
.rlpf-disabled span {
    color: #757575 !important
}

.container-CRPF {
    display: flex;
    flex-direction: column;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    margin-top: 8px
}

.container-CRPF #Card-Rendimiento-Plazo_Fijo {
    border-bottom: none
}

.container-CRPF:has(#Card-Monto-A-Renovar-Plazo_Fijo) #Card-Rendimiento-Plazo_Fijo {
    border-bottom: 1px solid #d3d3d3
}

#Card-Rendimiento-Plazo_Fijo {
    display: grid;
    grid-template-columns: 40% 16px 40%;
    justify-content: space-between;
    padding: 12px 16px;
    height: 44px;
    grid-gap: 16px;
    gap: 16px;
    color: #333;
    border-bottom: 1px solid #d3d3d3
}

#Card-Rendimiento-Plazo_Fijo .crp-content-right {
    text-align: right
}

#Card-Rendimiento-Plazo_Fijo .crp-monto {
    font-size: 16px;
    line-height: 24px
}

#Card-Rendimiento-Plazo_Fijo .crp-title {
    font-size: 12px;
    line-height: 12px
}

#Card-Rendimiento-Plazo_Fijo .crp-content-center {
    position: relative;
    width: 16px;
    height: 100%;
    align-items: center !important;
    justify-content: center
}

#Card-Rendimiento-Plazo_Fijo .crp-content-center .crp-content-tna {
    position: absolute;
    top: -25px;
    background-color: #f0fff9;
    border: 1px solid #0d7430;
    border-radius: 4px;
    color: #0d7430;
    width: max-content;
    padding: 4px;
    text-align: center
}

#Card-Rendimiento-Plazo_Fijo .crp-content-center .crp-content-tna label {
    line-height: 12px;
    font-size: 12px
}

#Card-Rendimiento-Plazo_Fijo .crp-content-center img {
    height: 16px
}

#Card-Rendimiento-Plazo_Fijo>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#Card-Monto-A-Renovar-Plazo_Fijo {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

#Card-Monto-A-Renovar-Plazo_Fijo .cmrp-title {
    font-size: 14px;
    line-height: 22px;
    color: #333
}

#Card-Monto-A-Renovar-Plazo_Fijo .cmrp-monto {
    color: #333
}

.cpf-error {
    color: #b50101
}

.cpf-error-input {
    border: 1px solid #b50101 !important;
    color: #b50101
}

.cpf-option-selected {
    border: 2px solid #0d7430 !important;
    border-radius: 8px
}

#Row-Detalle-Constituir-Plazo-Fijo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 16px
}

#Constituir-Plazo-Fijo-Step-5 {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px
}

#Constituir-Plazo-Fijo-Step-5 .rdcpf-content-left {
    display: flex;
    flex-direction: column;
    grid-gap: 6px;
    gap: 6px
}

#Constituir-Plazo-Fijo-Step-5 .terms-and-conditions label {
    font-weight: 500;
    line-height: 12px;
    font-size: 12px
}

#Constituir-Plazo-Fijo-Step-5 .terms-and-conditions p {
    line-height: 14px;
    font-size: 12px;
    color: #9b9b9b !important
}

#Constituir-Plazo-Fijo-Step-4 .pf-radio-button {
    accent-color: #805adc !important;
    margin-top: 0 !important
}

.tna {
    line-height: 16px;
    color: #0d7430 !important;
    font-size: 14px
}

.Flujo-Constituir-Plazo-Fijo-Success {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid #dedede;
    font-size: 14px !important
}

.Flujo-Constituir-Plazo-Fijo-Success span {
    line-height: 22px
}

.Flujo-Constituir-Plazo-Fijo-Success:first-child {
    border-top: none
}

.intereses-a-cobrar {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px
}

.Constituir-Plazo-Fijo-Step-3-Row-List {
    margin-top: 4px
}

#Section-Error {
    padding: 16px;
    display: grid;
    grid-template-columns: 16px calc(100% - 20px);
    grid-gap: 8px;
    gap: 8px;
    border: 1px solid #b50101;
    border-radius: 4px
}

#Section-Error img {
    width: 16px;
    margin-top: 2px
}

#Section-Error label {
    font-size: 16px;
    line-height: 24px
}

#Section-Error p {
    margin: 4px 0 0
}

#Generic-Radio-Button {
    display: flex;
    flex-direction: row;
    align-items: center
}

#Generic-Radio-Button .Generic-Raddio-Button {
    display: flex;
    min-height: 56px;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 2px;
    gap: 2px;
    align-self: stretch
}

.switch-container {
    display: flex;
    padding: 8px 16px 8px 0;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    align-self: stretch
}

.switch-container.disabled {
    pointer-events: none;
    opacity: .6
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%
}

.switch input:checked+.slider {
    background-color: #6200ea
}

.switch input:checked+.slider:before {
    transform: translateX(20px)
}

.textDisabled {
    color: #dedede;
    color: var(--Gray-100, #dedede);
    font-family: Roboto;
    font-style: normal;
    font-weight: 400
}

.switch-text,
.textDisabled {
    font-size: 16px;
    line-height: 24px
}

.switch-text {
    font-family: "Roboto";
    color: #333
}

#generic-section-no-results {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    align-items: center;
    align-content: center;
    text-align: center
}

#generic-section-no-results img {
    width: 100px;
    height: 100px
}

#generic-section-no-results .text-gray {
    color: #9b9b9b !important
}

#generic-section-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 1.5em;
    gap: 1.5em;
    padding: 28px 14px
}

#generic-section-error img {
    width: 100px;
    height: 100px
}

#generic-section-error .gse-text-content {
    text-align: center
}

#generic-section-error .gse-text-content .gray {
    color: #9b9b9b !important
}

#leasing-table .leasing-table-loading {
    width: 100%;
    height: 150px
}

#boton-descarga,
#leasing-table .leasing-table-loading {
    display: flex;
    justify-content: center;
    align-items: center
}

#boton-descarga {
    height: 32px;
    padding: 8px 12px;
    grid-gap: 4px;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #805adc;
    border: 1px solid var(--Secondary-Color, #805adc);
    background: #f2effc;
    color: #805adc;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer
}

.icono-descarga {
    width: 16px;
    height: 16px
}

.comprobantes-container {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    font-family: "Roboto"
}

#titulo-comprobantes {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    line-height: var(--font-line-height-xl, 24px)
}

#tabla-compr {
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #dedede
}

#mes-compr {
    padding: 16px;
    align-items: baseline;
    grid-gap: 10px;
    gap: 10px;
    align-self: stretch
}

#info-items {
    padding: 12px 16px;
    align-items: flex-start;
    grid-gap: 8px;
    gap: 8px;
    align-self: stretch
}

.line {
    border-bottom: 1px solid #dedede
}

.line:last-child {
    border-bottom: none
}

.fecha-pago {
    color: #9b9b9b;
    font-family: Roboto;
    font-size: 12px;
    line-height: 14px
}

.fecha-pago,
.text-compr {
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400
}

.text-compr {
    color: #333;
    white-space: nowrap;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: center
}

.compr-deshabilitado {
    opacity: .5
}

#sin-descarga {
    color: #333
}

#descr-sin-descarga,
#sin-descarga {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

#descr-sin-descarga {
    color: #9b9b9b
}

.cursor-pointer {
    cursor: pointer
}

.alert-card {
    padding: 16px;
    background: #fff9e6;
    border: 1px solid #fcc606;
    border-radius: 4px;
    font-size: 16px
}

#black-title {
    font-weight: 500;
    line-height: 24px
}

#descripcion {
    font-weight: 400;
    line-height: 24px
}

.icono-compr {
    margin-top: 3px
}

#detalle-leasing-row .dlr-text-gray {
    color: #757575 !important
}

#detalle-leasing-row .dlr-text {
    color: #333
}

#detalle-leasing-row .dlr-text-2 span {
    font-size: 18px;
    line-height: 24px;
    font-family: "Roboto"
}

#detalle-leasing-row .dlr-section1 {
    padding: 16px 16px 0
}

#detalle-leasing-row .dlr-section2 {
    padding: 0 16px 8px;
    margin-top: 24px
}

#detalle-leasing-row .dlr-section2 .GenericButton-text {
    font-size: 14px !important;
    line-height: 14px;
    font-weight: 400
}

#detalle-leasing-row .dlr-section3 {
    padding: 16px
}

#detalle-leasing-row .dl-badge {
    height: 20px;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    align-content: center
}

#detalle-leasing-info {
    display: flex;
    flex-direction: column;
    grid-gap: 4px;
    gap: 4px;
    text-align: left
}

#detalle-leasing-info span {
    font-size: 14px
}

.GenericButton-Purple {
    background-color: #f2effc;
    padding: 8px 12px !important;
    margin: 0 !important
}

.GenericButton-Purple,
.GenericButton-Purple:hover {
    border: 1px solid #805adc;
    color: #805adc
}

#generic-section {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 8px;
    background-color: #fff
}

#generic-section .gs-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

#informative-generic-section-row {
    display: flex;
    flex-direction: column;
    padding: 16px
}

#informative-generic-section-row p {
    margin: 0
}

#bien-contrato {
    padding: 16px
}

.font-OB {
    font-family: "Roboto"
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #333
}

.h1Medium {
    font-style: medium
}

h2 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.h2Medium {
    font-style: medium
}

h3 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.h3Medium {
    font-style: medium
}

h4 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.h4Medium {
    font-style: medium
}

h5 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.h5Medium {
    font-style: medium
}

.fs-14-lh-22 {
    font-size: 14px !important;
    line-height: 22px !important
}

.fs-14-lh-22,
.fs-16-lh-24 {
    font-family: "Roboto" !important;
    color: #333 !important
}

.fs-16-lh-24 {
    font-size: 16px !important;
    line-height: 24px !important
}

.fs-12-lh-12 {
    font-size: 12px !important;
    line-height: 12px !important
}

.fs-12-lh-12,
.fs-18-lh-24 {
    font-family: "Roboto" !important;
    color: #333 !important
}

.fs-18-lh-24 {
    font-size: 18px !important;
    line-height: 24px !important
}

.fw-500 {
    font-weight: 500 !important
}

.txt-gray {
    color: #757575 !important
}

.Generic-Error-V2 {
    justify-content: center;
    grid-gap: 8px;
    gap: 8px
}

.Generic-Error-V2,
.Generic-Error-V2 .gev2-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.Generic-Error-V2 .gev2-content {
    grid-gap: 16px;
    gap: 16px
}

.Generic-Error-V2 .gev2-content img {
    width: 84px;
    aspect-ratio: 1
}

.Generic-Error-V2 .gev2-button {
    border: none;
    background: transparent;
    color: #06ca75;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px
}

.Comprobantes-Home {
    padding: 16px
}

.comprobantes-empty,
.Comprobantes-Home {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.comprobantes-empty {
    justify-content: center;
    align-items: center
}

.comprobantes-empty img {
    width: 100px;
    aspect-ratio: 1
}

.cps-row {
    display: flex;
    flex-direction: row;
    margin-right: 4px;
    grid-gap: 8px;
    gap: 8px
}

.cps-row .cps-titulo-container {
    width: 100%
}

.cps-row .cps-row-img-container {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.cps-row .cps-row-img {
    width: 40px;
    height: 40px
}

.cps-row .cps-titulo {
    display: flex;
    justify-content: space-between
}

.cg-titulo-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#cgs2-button-continue {
    margin-top: 32px !important
}

.max-w-200 {
    max-width: 200px
}

#leasing-historial {
    padding-bottom: 32px
}

#leasing-historial .leasing-historial-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px
}

#leasing-historial .lh-limpiar-filtros {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    padding: 8px 12px;
    border: 1px solid #805adc;
    color: #805adc;
    background-color: #f2effc;
    border-radius: 8px;
    cursor: pointer
}

#leasing-historial .lh-filtros {
    display: flex;
    grid-gap: 16px;
    gap: 16px
}

#leasing-historial .leasing-historial-dropdown {
    width: 168px
}

#leasing-historial .leasing-historial-dropdown .gdv3-select {
    padding: 8px 12px;
    height: 32px;
    border: 1px solid #757575
}

#leasing-historial .leasing-historial-dropdown .gdv3-select-text {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #757575
}

.generic-input {
    border: 1px solid #dedede;
    padding: 16px;
    background-color: #fff;
    width: 300px;
    border-radius: 8px;
    display: flex;
    justify-content: left;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.generic-input img {
    width: 24px;
    height: 24px
}

.generic-input input {
    border: none;
    width: 100%
}

.generic-input input:focus {
    outline: none;
    border: none
}

.consultas-detalle-container {
    width: 90%;
    height: 100%;
    border-radius: 8px;
    justify-content: flex-start;
    grid-gap: 16px;
    gap: 16px
}

.consultas-detalle-container,
.consultas-detalle-section {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.consultas-detalle-section {
    width: 100%;
    min-height: 56px;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 8px;
    justify-content: center;
    grid-gap: 2px;
    gap: 2px
}

.consultas-detalle-header {
    flex-direction: column;
    align-items: flex-end
}

.consultas-detalle-header,
.consultas-detalle-row {
    align-self: stretch;
    display: flex;
    justify-content: flex-start;
    grid-gap: 8px;
    gap: 8px
}

.consultas-detalle-row {
    flex-direction: row;
    align-items: center
}

.consultas-detalle-row.consultas-detalle-row-full {
    justify-content: space-between
}

.consultas-detalle-col {
    flex: 1 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 2px;
    gap: 2px
}

.consultas-detalle-title {
    width: 100%;
    flex: 1 1;
    font-size: 16px
}

.consultas-detalle-label,
.consultas-detalle-title {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word
}

.consultas-detalle-label {
    align-self: stretch;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    font-size: 14px
}

.consultas-detalle-content {
    align-self: stretch;
    color: #757575;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word
}

.consultas-detalle-info {
    align-self: stretch;
    flex: 1 1;
    flex-direction: row;
    grid-gap: 2px;
    gap: 2px
}

.consultas-detalle-info,
.consultas-detalle-status {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.consultas-detalle-status {
    border-radius: 4px;
    flex-direction: row;
    grid-gap: 4px;
    gap: 4px
}

.consultas-detalle-status-icon {
    width: 14px;
    height: 14px;
    position: relative;
    overflow: hidden
}

.consultas-detalle-status-text {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-direction: column;
    color: #757575;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word
}

.consultas-detalle-category,
.consultas-detalle-separator {
    color: #9b9b9b;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word
}

.consultas-detalle-category {
    flex: 1 1
}

.consultas-detalle-fecha {
    flex: 1 1;
    flex-direction: row;
    align-items: center;
    grid-gap: 2px;
    gap: 2px;
    color: #9b9b9b;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word
}

.consultas-detalle-archivos,
.consultas-detalle-fecha {
    align-self: stretch;
    display: flex;
    justify-content: flex-start
}

.consultas-detalle-archivos {
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 8px;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding: 0
}

.consultas-detalle-archivos-header {
    align-self: stretch;
    padding: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid #dedede;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    grid-gap: 10px;
    gap: 10px
}

.consultas-detalle-archivos-title {
    flex: 1 1;
    color: #333;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    margin: 0
}

.acordeon-container {
    width: 100%;
    color: #333;
    color: var(--Dark-Gray, #333);
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-size: 16px;
    font-size: var(--font-font-size-m, 16px);
    font-style: normal;
    font-weight: 400
}

.acordeon-item {
    width: 100%
}

.acordeon-item.acordeon-item-border {
    border-top: 1px solid #e0e0e0
}

.acordeon-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 16px 20px;
    transition: background-color .2s ease
}

.acordeon-header:hover {
    background-color: #f5f5f5
}

.acordeon-title {
    flex: 1 1;
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-size: 16px;
    font-size: var(--font-font-size-m, 16px)
}

.acordeon-title,
.acordeon-title-text {
    color: #333;
    color: var(--Dark-Gray, #333);
    font-style: normal;
    font-weight: 400
}

.acordeon-title-text {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
    font-family: Roboto;
    font-family: var(--font-font-family-font-family, Roboto);
    font-size: 16px;
    font-size: var(--font-font-size-m, 16px)
}

.acordeon-arrow {
    width: 16px;
    height: 16px;
    transition: transform .3s ease
}

.acordeon-content {
    overflow: hidden;
    transition: max-height .3s ease-out;
    max-height: 0
}

.acordeon-content.expanded {
    max-height: 2000px
}

.acordeon-content-inner {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: 0 20px 16px
}

.acordeon-content-inner ol {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0
}

.acordeon-content-inner ul {
    padding-left: 20px
}

.card-title {
    font-weight: 400;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.card-description {
    color: #333
}

.card-date,
.card-description {
    font-size: 12px !important;
    font-size: medium
}

.card-date {
    color: #9b9b9b
}

.card-consultas-item {
    padding: 12px 16px
}

.title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Roboto", sans-serif
}

.grid-3-spacebetween {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    align-items: start;
    grid-column-gap: 16px;
    column-gap: 16px;
    grid-row-gap: 16px;
    row-gap: 16px
}

.acordeon-content-inner p {
    color: #757575 !important
}

.acordeon-content-inner b,
.acordeon-content-inner strong {
    font-weight: 500 !important
}

.acordeon-content-inner li {
    color: #757575
}

.yellow-OB {
    color: #fcc606 !important
}

.grey-OB {
    color: #9b9b9b !important
}

.background-warning-10 {
    background-color: #fff9e6
}

a,
a:visited {
    color: inherit;
    text-decoration: none
}

body {
    margin: 0;
    background-color: #f5f5f5;
    min-height: 100vh;
    overflow-y: hidden
}

b {
    font-weight: 500 !important
}

input {
    transition: .1s;
    z-index: 0 !important
}

input:focus {
    border: 1px solid #805adc
}

input:focus-visible {
    outline: none !important
}

@media (min-width: 576px) and (max-width:767px) {
    body {
        background-color: #f5f5f5
    }
}

@media (max-width: 673px) {
    body {
        background-color: #f5f5f5;
        min-width: inherit
    }
}

iframe {
    pointer-events: none;
    display: none !important
}

@media (max-width: 436px) {
    #containerformFA {
        min-height: 91vh;
        background-size: cover;
        display: grid;
        background-color: #fff;
        margin: inherit;
        padding: 0 40px;
        width: inherit;
        grid-template-rows: repeat(4, 1fr);
        text-align: left
    }

    #ButtonsFac {
        grid-template-columns: inherit;
        justify-content: center;
        grid-gap: 1em
    }

    #containerforRusuario {
        min-height: 91vh;
        background: #fff;
        border-radius: 8px;
        margin: inherit;
        padding: 0 61px 0 32px;
        width: inherit;
        max-height: 23em;
        text-align: left;
        display: grid;
        background-size: cover
    }

    .containerformBTNRecUsuario {
        grid-template-columns: auto
    }

    h3 {
        font-size: 14px
    }

    .CuitCuilEmpresa {
        width: 304px
    }

    .botonCerrarSesion,
    .botonSiguiente {
        width: 150px
    }

    #containerformRS {
        min-height: 100vh;
        padding: 150px 40px;
        grid-template-rows: repeat(5, 1fr);
        text-align: center
    }

    #containerformRS,
    #ContainerOpass {
        background-size: cover;
        display: grid;
        background-color: #fff;
        margin: inherit;
        width: inherit
    }

    #ContainerOpass {
        min-height: 91vh;
        padding: 0 40px;
        grid-template-rows: auto;
        text-align: left
    }

    #buttons {
        grid-template-columns: auto
    }

    #cuitCuilEmpresa,
    #errorCuitCuilEmpresa {
        width: 304px
    }

    #ContainerVmetodos {
        padding: 0 40px;
        grid-template-rows: 120px 100px
    }

    #containerForm,
    #ContainerVmetodos {
        min-height: 91vh;
        background-size: cover;
        display: grid;
        background-color: #fff;
        margin: inherit;
        width: inherit;
        text-align: left
    }

    #containerForm {
        padding-left: 40px;
        grid-template-rows: 0fr 0fr 12fr 48fr 14fr
    }

    #ContainerRMetodos {
        min-height: 91vh;
        background-size: cover;
        display: grid;
        background-color: #fff;
        margin: inherit;
        padding: 0 40px;
        width: inherit;
        grid-template-rows: 150px 290px;
        text-align: left
    }

    #containerformBTNVctoPass {
        grid-template-columns: auto
    }

    #footer_desktop,
    .btnCancelMob {
        display: none
    }

    .btnContinueVMob {
        width: 96% !important
    }

    #containerFormChangePassBlock {
        min-height: 92vh;
        background-size: cover;
        display: grid;
        background-color: #fff;
        margin: inherit;
        padding: 0 40px;
        width: inherit;
        grid-template-rows: 0fr 0fr 0fr .9fr;
        text-align: left
    }

    #containerformBTNVctoPassBlock {
        grid-template-columns: auto
    }
}