.footer {
    width: 100%;
    background-color: #027373;
    padding: 5px 10px 0px 10px;
}

/* Input */
.input {
    border-radius: 1.25rem;
    height: 2.63rem;
}

    .input:active {
        border-color: #512FD7;
    }

.help, .input {
    font-family: "Source Sans 3", sans-serif !important;
}

    .input.is-danger {
        border-color: #C82C2C;
    }

    .input[disabled] {
        background-color: #EEEEEE;
        color: #AFAFAF;
    }

    .help.is-danger {
        color: #EA2B33 !important;
    }

.field .label {
    font-weight: 500;
}
/* Buttons */
.buttonHeight {
    height: 2.63rem;
}

.button span {
    color: #FFFFFF !important;
}

.button.is-primary {
    background-color: #00CBBF;
    border-radius: 1.25rem;
    font-weight: 600;
}

    .button.is-primary:hover {
        background-color: #04A59B;
    }

    .button.is-primary:active,
    .button.is-primary:focus {
        background-color: #027373;
    }

    .button.is-primary[disabled] {
        background-color: #B1EAEA;
        border-color: #B1EAEA;
    }

    .button.is-primary.is-outlined {
        border-color: #00CBBF;
        background-color: #FFFFFF;
    }

        .button.is-primary.is-outlined span {
            color: #00CBBF !important;
        }

        .button.is-primary.is-outlined:hover {
            border-color: #04A59B;
            background-color: #FFFFFF;
        }

        .button.is-primary.is-outlined.is-loading:hover::after {
            border-color: transparent transparent #04A59B #04A59B !important;
            background-color: #FFFFFF;
        }

        .button.is-primary.is-outlined:hover span {
            color: #04A59B !important;
        }

        .button.is-primary.is-outlined:active,
        .button.is-primary.is-outlined:focus {
            border-color: #027373;
            background-color: #FFFFFF;
        }

        .button.is-primary.is-outlined.is-loading:active::after,
        .button.is-primary.is-outlined.is-loading:focus::after {
            border-color: transparent transparent #027373 #027373 !important;
            background-color: #FFFFFF;
        }

        .button.is-primary.is-outlined:active span,
        .button.is-primary.is-outlined:focus span {
            color: #027373 !important;
        }

.button.small {
    font-size: 0.75rem;
}

.button.medium {
    font-size: 0.875rem;
}

.button.large {
    font-size: 1rem;
}

.button.full {
    width: 100%
}

.button .icon-contrata {
    background-color: #FFFFFF;
}

.button.is-outlined .icon-contrata {
    background-color: #00CBBF;
}

.button.is-outlined:hover .icon-contrata {
    background-color: #04A59B;
}

.button.is-outlined:active .icon-contrata,
.button.is-outlined:focus .icon-contrata {
    background-color: #027373;
}

.button.is-loading,
.button.is-loading:active,
.button.is-loading:hover,
.button.is-loading:focus,
.button.is-loading span,
.button.is-loading:active span,
.button.is-loading:focus span,
.button.is-loading:hover span,
.button.is-loading.is-outlined span,
.button.is-loading.is-outlined:active span,
.button.is-loading.is-outlined:focus span,
.button.is-loading.is-outlined:hover span {
    color: transparent !important;
    pointer-events: none;
}

/* Box */
.box {
    border-radius: 20px;
}

/* Modal */

.modal-contrata-online .delete {
    background-color: #EEEEEE;
    max-height: 32px;
    min-height: 32px;
    max-width: 32px;
    min-width: 32px;
    height: 32px;
    width: 32px;
}

    .modal-contrata-online .delete::before,
    .modal-contrata-online .delete::after {
        background-color: #656565
    }

/* Footer button */
.footer-button {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
}

    .footer-button hr {
        margin: 0px;
    }

    .footer-button .button {
        width: 90%;
        margin: 5%;
    }


/* Notification */
.notification {
    border-radius: 0.75rem;
}

    .notification * {
        font-family: "Source Sans 3", sans-serif !important;
        color: #656565;
    }

    .notification .column:nth-child(1) {
        max-width: 40px
    }

    .notification.is-warning {
        background-color: #FFFCF0;
    }

        .notification.is-warning .icon-contrata {
            background-color: #F5A200;
        }

    .notification.is-danger {
        background-color: #FFEAEA;
    }

        .notification.is-danger .icon-contrata {
            background-color: #C82C2C;
        }

@media screen and (max-width: 1023px) {
    .notification.is-warning,
    .notification.is-danger {
        border-style: solid;
        border-width: 1px;
        background-color: transparent;
    }

    .notification .column:nth-child(1) {
        display: none;
    }

    .notification.is-warning {
        border-color: #FFE99E;
    }

    .notification.is-danger {
        border-color: #FF8282;
    }
}

/* Error */
.error-consa-container {
    border-radius: 0.75rem;
    background-color: #C82C2C;
    padding: 1rem;
}

    .error-consa-container * {
        font-family: "Source Sans 3", sans-serif !important;
        color: #FFFFFF !important;
    }

    .error-consa-container .icon {
        vertical-align: middle;
        margin-right: 0.75rem;
    }

    .error-consa-container .icon-contrata {
        background-color: #FFFFFF !important;
    }

@media screen and (max-width: 1023px) {
    .error-consa-container {
        background-color: #FF5252;
    }
}

/* select */
.select-consa .select2-container .select2-selection--single {
    padding: 0.4rem !important
}

.select2-selection.select2-selection--single.is-danger {
    border-color: #C82C2C !important;
}

.select-consa .select2.select2-container {
    width: 100% !important;
}

.select-consa .select2-container--default .select2-selection--single {
    border-radius: 1.25rem;
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option {
    color: #505050 !important;
    border-color: #D0D0D0;
    border-width: 1px;
    border-style: solid;
    padding-left: 1.25rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F4F5FF !important;
    border-color: #D0D0D0 !important;
}

.select2-container--default .select2-results__option:last-child,
.select2-container--default .select2-dropdown {
    border-radius: 0px 0px 1.25rem 1.25rem;
}

/* Stepper */
.consa-steps.steps {
    margin-bottom: 2rem;
}

    .consa-steps.steps .step-item.is-completed .step-marker {
        background-color: #20CBC8;
        border-color: #20CBC8;
    }

    .consa-steps.steps .step-item.is-active .step-marker {
        background-color: #04A59B;
        border-color: #04A59B;
    }

    .consa-steps.steps .step-item.is-error .step-marker {
        background-color: #FF5252;
        border-color: #FF5252;
    }

    .consa-steps.steps .step-item.is-warning .step-marker {
        background-color: #F5A200;
        border-color: #F5A200;
    }

    .consa-steps.steps .step-item .step-marker .icon {
        color: #FFF !important;
    }

    .consa-steps.steps.is-small .step-item .step-marker {
        height: 1rem;
        width: 1rem;
    }

    .consa-steps.steps.is-small .step-item:not(:first-child)::before {
        top: .5rem;
    }

    .consa-steps.steps .step-item .step-marker {
        background-color: #D0D0D0;
        border-color: #D0D0D0;
    }

    .consa-steps.steps .step-item::before {
        background: -webkit-gradient(linear, right top, left top, color-stop(50%, #EAEAEA), color-stop(50%, #20CBC8));
        background: linear-gradient(to left, #EAEAEA 50%, #20CBC8 50%);
        background-size: 200% 100%;
        background-position: right bottom;
    }

    .consa-steps.steps .step-item.is-completed::before {
        background-position: left bottom;
    }

    .consa-steps.steps .step-item.is-active::before {
        background-position: left bottom;
    }

    .consa-steps.steps .step-marker .icon .icon-contrata {
        background-color: #FFF;
        width: 0.5rem;
        height: 0.5rem;
    }

    .consa-steps.steps .step-item.is-error .step-marker .icon .icon-contrata {
        width: 1rem;
        height: 1rem;
    }

.steps-title.title {
    color: #AFAFAF !important;
}


.card-header-no-shadow {
    box-shadow: none !important;
}

.has-border-warning {
    border: 1px solid #FEBF1E;
}

.has-border {
    border: 1px solid #D0D0D0;
}

.is-rounded-left {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.is-rounded-right {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}

.has-backgound-consalud {
    background-image: url('../img/fondo-header.svg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.has-backgound-consalud.is-outlined {
    background-image: url('../img/fondo-header-blanco.svg') !important;
}

.is-fullwidth {
    width: 100% !important;
}