/* Required asterisk use for form labels */
.required::before {
    content: "*";
    color: #ff000a;
    margin-right: 2px;
}
/* Card styling */
.unidp-card {
    background-color: white;
    padding: 2.5rem 2rem;
    border: 1px solid #E4E6EA;
    border-radius: 0.5rem;
    box-shadow: 0px 2px 8px 0px rgba(36, 37, 39, 0.10);
}
/* Button styling */
.unidp-btn {
    padding: 0.25rem 0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
}
a.unidp-btn:hover {
    text-decoration: none;
}

.unidp-btn--primary {
    border: 1px solid #3852A0;
    background-color: #346CB0;
    color: white;
}
    .unidp-btn--primary:hover {
        border: 1px solid #32488F;
        background-color: #3852A0;
    }
    .unidp-btn--primary:focus {
        border: 1px solid #2A417D;
        background-color: #32488F;
    }
    a.unidp-btn--primary:hover {
        color: white;
    }

.unidp-btn--outline-primary {
    border: 1px solid var(--border-primary, #3852A0);
    background-color: white;
    color: #346CB0;
}
    .unidp-btn--outline-primary:hover {
        border: 1px solid #3852A0;
        color: #3852A0;
    }
    .unidp-btn--outline-primary:focus {
        border: 1px solid #32488F;
        color: #32488F;
    }

.unidp-btn--outline-dark {
    border: 1px solid #5D5F63;
    background-color: white;
    color: #5D5F63;
}
    .unidp-btn--outline-dark:hover {
        border: 1px solid #484C4F;
        color: #484C4F;
    }
    .unidp-btn--outline-dark:focus {
        border: 1px solid #343739;
        color:#343739 
    }
/* Validation error styling */
.unidp-validation-message {
    color: #FB3753;
    margin-top: 0.5rem;
    display: flex;
}
.unidp-error-banner {
    display: flex;
    column-gap: 0.5rem;
    color: #FB3753;
    background-color: #FAE8EB;
    border: 1px solid #FADCE1;
    border-radius: 0.25rem;
    padding: 1rem 1.25rem;
}
    .unidp-error-banner__message--bold {
        font-weight: 700;
    }
/* Icons */
.fa-triangle-exclamation::before {
    width: 21px;
    display: flex;
    justify-content: center;
    position: relative;
    top: 1px;
    margin-right: 5px;
    content: url('../triangle_exclamation.svg');
}
.fa-circle-xmark::before {
    width: 21px;
    display: flex;
    justify-content: center;
    position: relative;
    top: 0px;
    transform: translateY(50%);
    content: url('../circle_xmark.svg');
}


.unidp-alert-danger {
    color: #FB3753;
    background-color: #FAE8EB;
    border-color: #FADCE1;
    border-radius: 0.25rem;
    padding: 15px;
}

    .unidp-alert-danger ul {
        list-style: none;
        background-image: url('../circle-xmark.svg');
        background-position: left center;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        padding: 0px 0px 0px 20px;
    }
      
        .unidp-alert-info {
            color: #5D5F63;
            background-color: #D1ECF1;
            border-color: #E4E6EA;
            border-radius: 0.25rem;
            padding: 15px;
        }
.unidp-alert-info--heading {
    color: #242527;
    font-size:18px;
    font-weight:600;
}