/********************/
/* WELS CSS changes */
/********************/

/* Button - WELS version */
.wels-button-no-border {
    border: 0px !important;
    background-color: transparent !important;
}

.wels-action-button, .wels-action-button:hover .wels-action-button:focus .wels-action-button:active {
    color: #ffffff;
    background-color: #2f75b5;
    padding: 1px 10px;
    height: 32px;
}

.wels-defualt-button {
    text-decoration: none;
    color: #333333;
    font-size: inherit;
    border: 1px solid #cecece;
}

/* Header Text - WELS version */
.wels-header-title {
    color: #122560; /*WELS blue*/
    font-size: 27px;
    font-weight: bold;
    text-align: right;
}


/* HTML hr - WELS versions */
.wels-light-hr {
    color: #cecece;
    background-color: #cecece;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}

.wels-red-hr {
    color: #990000; /*WELS red*/
    height: 1px;
    background-color: #990000;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    opacity: 1;
}


/* Validation - WELS version */
.wels-validation-error {
    color: #e7000e;
    background-color: #FCE9EA;
    border-color: #e7000e;
    border-width: 1px;
}

.wels-validation-warning {
    border-color: #ffc107 !important;
    background-color: #ffffbf !important;
}

.wels-required-label-before::before {
    content: "* ";
    color: #e7000e;
    font-weight: bolder;
}

.wels-spacing-before-label {
    padding-left: 9px;
}

.wels-form-spacing {
    padding-bottom: 10px;
}

.welsMessageDialog.e-dialog .e-dlg-header {
    color: #990000;
    font-weight: 700;
    font-size: 1.4rem;
}

.welsMessageDialog.e-dialog e-dlg-header::before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #e7000e;
    padding-right: .5em;
}

.wels-body-heading {
    color: #990000;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
}

@media only screen and (min-width: 2000px) {
    .wels-accordion-static-container-width {
        width: 23%;
    }
}

@media only screen and (max-width: 2000px) {
    .wels-accordion-static-container-width {
        width: 30%;
    }
}

.referral-instruction-box {
    background-color: transparent;
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 10px;
}