:root {
    --co-bg-color-sesion: #F9FCFE;
    --co-bg-size: cover;
    --co-font-family: 'Inter', sans-serif;
    --co-themed-color: #265973;
    --co-themed-color_hover: #265973;
    --co-title-color: #265973e6;
    --co-button-ground: #2968B0;
    --co-button-ground_hover: #2968B0;
    --co-button-radius: 1.25rem;
    --co-link-color: #3798EE;
    --co-link-color_hover: #3798EE;
    --co-select-color: #265973;
    --co-input-checked: #2968B0;
    --co-input-radius: .75rem;
    --co-input-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

body {
    font-family: var(--co-font-family);
}

body.sesion {
    background-color: var(--co-bg-color-sesion);
    background-image: var(--co-bg-image-sesion);
    background-position: center top;
    background-size: var(--co-bg-size);
    background-repeat: no-repeat;
    height: initial;
    min-height: 100%;
}

.login .brand {
    max-height: 88px;
    width: auto;
}

.login .button {
    border-radius: var(--co-button-radius) !important;
}

.login h1 {
    color: var(--co-title-color);
}

@media screen and (max-width: 768px) {
    .login {
        padding: 1.5rem !important;
    }
}

.pf-form {
    width: 100%;
}

.pf-form .form-group .input {
    border: none;
    background-color: rgba(26, 26, 26, 0.05);
    height: 3rem;
    border-radius: var(--co-input-radius);
    padding: 1rem 1.25rem;
}

.pf-form .form-group .input:-ms-input-placeholder {
    color: rgba(38, 89, 115, 0.3);
}

.pf-form .form-group .input::placeholder {
    color: rgba(38, 89, 115, 0.3);
}

.pf-form .form-check {
    margin-bottom: 2rem;
}

.pf-form .form-check .form-check-input {
    border: none;
    background-color: rgba(26, 26, 26, 0.05);
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
}

.pf-form .form-check .form-check-input:checked {
    background-color: var(--co-input-checked);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE4OTUgMC4zMTA1TDUgNy40OTc1TDEuODEwNSA0LjMwOUMxLjM5NjUgMy44OTUgMC43MjU1IDMuODk1IDAuMzExNSA0LjMwOUwwLjMxMDUgNC4zMUMtMC4xMDM1IDQuNzI0IC0wLjEwMzUgNS4zOTQ1IDAuMzEwNSA1LjgwODVMNC4xNTI1IDkuNjQ5QzQuNjIwNSAxMC4xMTcgNS4zNzk1IDEwLjExNyA1Ljg0OCA5LjY0OUwxMy42ODk1IDEuODFDMTQuMTAzNSAxLjM5NiAxNC4xMDM1IDAuNzI1NSAxMy42ODk1IDAuMzExNUwxMy42ODg1IDAuMzEwNUMxMy4yNzQ1IC0wLjEwMzUgMTIuNjAzNSAtMC4xMDM1IDEyLjE4OTUgMC4zMTA1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .625rem;
}

.pf-form .form-check .form-check-label {
    font-weight: 600;
    font-size: 1rem;
}

@media screen and (max-width: 768px) {
    .pf-form .form-check .form-check-label {
        font-weight: 500;
        font-size: .875rem;
    }
}

.pf-form .link {
    border-bottom: none;
    color: var(--co-link-color);
}

.pf-form .link:hover {
    color: var(--co-link-color_hover);
}

@media screen and (max-width: 768px) {
    .pf-form .link {
        font-size: .75rem;
    }
}

.container.xsmall {
    max-width: 496px;
}

.button.solid.primary {
    background-color: var(--co-button-ground);
}

.button.solid.primary:hover {
    background-color: var(--co-button-ground_hover);
}

.button.solid.themed {
    background-color: var(--co-themed-color);
}

.button.solid.themed:hover {
    background-color: var(--co-themed-color_hover);
}

.login .button {
    height: 3rem;
    border-radius: .75rem;
    line-height: 100%;
}

.button.clear.themed {
    color: var(--co-themed-color);
}

.button.clear.themed:hover {
    color: var(--co-themed-color);
    background-color: #fff;
}

.button.light {
    background-color: white;
}

.button.light:hover {
    background-color: white !important;
}

.button.shadow {
    border: none !important;
    box-shadow: 0 12px 20px rgba(38, 89, 115, 0.1), 0 4px 10px rgba(38, 89, 115, 0.05);
    transition: box-shadow .3s ease-in-out;
}

.button.shadow:hover {
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.1);
}

.language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .25rem;
    font-size: .875rem;
    color: var(--co-select-color);
}

.language select {
    color: var(--co-select-color);
    width: auto;
    border: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03IDQuOTIwMUwxMS40MTAzIDAuMzY5NzY3QzExLjg4ODEgLTAuMTIzMjU2IDEyLjY2MzggLTAuMTIzMjU2IDEzLjE0MTYgMC4zNjk3NjdDMTMuNjE5NSAwLjg2Mjc4OSAxMy42MTk1IDEuNjYzMDYgMTMuMTQxNiAyLjE1NjA4TDcuODE2MDQgNy42NTA3OEM3LjM2NDczIDguMTE2NDEgNi42MzQxMSA4LjExNjQxIDYuMTgzOTYgNy42NTA3OEwwLjg1ODM4NSAyLjE1NjA4QzAuMzgwNTM3IDEuNjYzMDYgMC4zODA1MzcgMC44NjI3ODkgMC44NTgzODUgMC4zNjk3NjdDMS4zMzYyMyAtMC4xMjMyNTYgMi4xMTE4NyAtMC4xMjMyNTYgMi41ODk3MiAwLjM2OTc2N0w3IDQuOTIwMVoiIGZpbGw9IiMyNjU5NzMiLz4KPC9zdmc+Cg==");
    background-size: 10px;
}

.main {
    padding-top: 0;
}

header {
    position: fixed;
    top: 0;
    right: 0;
    padding: 1.5rem;
}

@media screen and (max-width: 768px) {
    header {
        display: none;
    }
}

.help-control {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.services {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

.services .button + .button {
    margin-left: inherit;
}

.services .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 1.25rem;
}

.input.clear {
    height: 3rem;
    border-radius: 0.75rem;
    line-height: 100%;
    box-shadow: var(--co-input-shadow);
    background-color: #fff !important;
}

.list-services {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.75rem;
}

.buttom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: end;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .buttom {
        display: none;
    }
}

.buttom .help-control {
    position: relative;
    margin: 0;
}

.column.credentials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.credentials > .login {
    max-width: 300px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.visual {
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    width: 100%;
    /*height: 100%;*/
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 1rem;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .sesion .container .columns {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sesion .container .columns.two .column {
        width: 100% !important;
        -ms-flex-order: 0;
        order: 0;
        padding: 0;
    }

    .sesion .container .columns.two .column.credentials {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    .sesion .help-control {
        display: none;
    }

    .sesion.full-md .container {
        padding: 0;
    }

    .sesion.full-md .container .visual {
        border-radius: 0;
    }
}

.text-none {
    text-decoration: none;
    border: none !important;
}

.alfa-75 {
    opacity: .75;
}

.options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.options .item {
    width: 100%;
    margin: 0;
}

.options .item .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.75rem !important;
    border: solid 1px rgba(38, 89, 115, 0.3);
    height: inherit;
    padding: 1.5rem;
    margin: 0;
}

.options .item .button strong {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .75rem;
    color: var(--co-themed-color);
}

.options .item .button span {
    font-size: .875rem;
    font-weight: 400;
    color: #265973;
    margin-bottom: .5rem;
}

.options .item .button span:last-child {
    margin-bottom: 0;
}

.options .item .button:hover {
    background-color: initial;
}

.sesion.pages > .main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

.sesion.pages > .buttom {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1.5rem;
}

.firm {
    display: none;
}

@media screen and (max-width: 768px) {
    .firm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 2rem;
    }
}

#loadOverlay {
    display: none;
}

input.has-error{
    border: 1px solid var(--danger-color) !important;
}
.alert{
    margin-bottom: var(--space-6);
    padding: var(--space-3);
    border-radius: 0.25rem;
}

.alert-danger {
    background-color: var(--danger-light-color);
    color: var(--black);
}

/* Colores autofill navegador Chrome y otros */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--co-link-color) inset !important;
    color: #fff !important;
}
input:autofill {
    background: var(--co-link-color);
    color: #fff !important;
}

/*# sourceMappingURL=login.css.map*/