.greenText {
    color: green;
}

.redText {
    color: red;
}

.greyText {
    color: silver;
}

.greyBackground {
    background-color: #FAFAFA !important;
}

.darkgreyBackground {
    background-color: darkgray;
}


.dataLink {
    /*color: #01adde !important;*/
}

.helpLink {
    color: #223E7B;
    text-align: center;
}

    .helpLink:hover {
        color: #0185ab;
    }

.helpPanel > .card-body {
    padding: 0.5rem;
    background-color: #FAFAFA;
}

/*DO NOT USE - Uncomment to support older projects which might be using it.*/
/*.linkButton {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #01adde;
}
.iconButton {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    text-decoration: none;
    color: #01adde !important;
    text-align: center;
}

    .iconButton:hover {
        color: #0185ab !important;
    }

.iconWithTextButton {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 500;
    font-family: 'Gotham SSm A','Gotham SSm B','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-decoration: none;
    color: inherit;
}

    .iconWithTextButton:hover {
        color: #01adde !important;
        text-decoration: none;
    }

    .iconWithTextButton i, .iconWithTextButton svg {
        color: #01adde !important;
    }

.linkButton:hover {
    color: #fff;
    background-color: #414041;
}*/

.RequiredMark::after {
    content: "*";
    color: red;
    padding-left: 2px;
}

.ulSpacing {
    margin-top: 0;
    margin-bottom: 0;
}

    .ulSpacing li {
        margin-top: 0.5em;
    }

        .ulSpacing li:first-child {
            margin-top: 0.5em;
        }

        .ulSpacing li:last-child {
            margin-bottom: 0.75em !important;
        }

.completenessTable td, .completenessTable th {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
}

.form-control.is-invalid.dropdownList {
    background-position: center right calc(.9em + .1875rem) !important;
}

.overflowBreakWord {
    overflow-wrap: break-word;
}

.olNoSpacing {
    margin-left: 1.1em;
    padding-left: 0;
}

    .olNoSpacing li {
        margin-left: 0;
        padding-left: 0;
    }

        .olNoSpacing li:first-child {
            margin-bottom: 0.25em;
        }

        .olNoSpacing li:last-child {
            margin-top: 0.25em !important;
        }

a[aria-expanded=true] .fa-chevron-right {
    display: none;
}

a[aria-expanded=false] .fa-chevron-down {
    display: none;
}

.disabledButton {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    pointer-events: none;
    background-color: #838383;
}

    .disabledButton:hover {
        color: #838383 !important;
    }

.no-border {
    border: 0;
    box-shadow: none;
}
    .no-border:focus {
        outline: none;
        border-color: #cccccc;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.greyBG {
    background-color: #e9ecef;
}

/*Code to remove the spinners on input type=number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

/*used with PrinPages stop prevent ExpertPDF from breaking*/
.doNotBreak {
    page-break-inside: avoid;
}

.WelcomeLabel {
    color: #505050;
    letter-spacing: -.025em;
    line-height: 1em;
}

.validationerror {
    padding: 0.25rem;
}

.highlightField {
    box-shadow: 0 1px 1px rgba(255,0,0,0.3) inset, 0 0 8px rgba(255,0,0,0.3) !important;
}

/* highlight field for checkboxes*/
.custom-checkbox .custom-control-input.highlightField ~ .custom-control-label::before {
    box-shadow: 0 0px 0px rgba(255,0,0,1) inset, 0 0 8px rgba(255,0,0,1) !important;
    border-color: red;
}