.app-bar-header {
    height: 80px;
    font-weight: bold;
    vertical-align: middle;
    align-content: center
}

.app-card-background {
    background: #DCEDC8;
}

.app-card-style-main {
    background: #F3E5F5; /*Purple Lighten5*/
}

.app-card-category {
    background: #00695c; /* Teal - Darken3*/
}

.app-card-category-content {
    background: #E0F2F1; /* Teal - Lighten5 */
}

.app-card-category-header {
    background: #80CBC4; /* Teal - Lighten3*/
}

.app-card-category-dialog {
    background: #FCE4EC; /* Pink - Lighten5*/
    font-weight: bold;
}

.app-card-giving {
    background: #5E35B1 /* Deep Purple - Darken1*/
}

.app-card-giving-content {
    background: #EDE7F6 /* Deep Purple -Lighten5*/
}

.app-card-button-add {
    color: white;
    background: #1A237E /* Indigo - Darken4 */
}

.app-card-donorform {
    background: #F3E5F5; /* Purple - Lighten5 */
}

.app-card-donorform-header {
    background: #6A1B9A; /* Purple - Darken3*/
}

.app-card-donorform-content {
}

.app-card-payment {
}

.app-card-payment-header {
    background: #6A1B9A; /* Purple - Darken3 */
}

.app-card-payment-content {
}

.app-card-error-dialog {
    background: #FFEBEE; /* Red - Lighten5*/
    font-weight: bold;
}

.app-cart-summary {
    background-color: #5E35B1; /* Deep Purple - Darken 1 */
    color: white
}

.app-breadcrumb-style {
    background: #C8E4D7;
    width: 100%;
}

.app-card-style {
    background: #E4DAED;
}

.app-card-style-header {
    background: #301D42;
    font-weight: bold;
}

.app-card-style-header2 {
    background: #E4DAED;
    font-weight: bold;
}

.app-card-style2 {
    background: #EDF4F4;
}

.app-table-header {
    background: #a7c9c9;
    font-size: medium;
    font-weight: bold;
}

.app-filter-style {
    background: #EEEEEE; /*grey-Lighten3*/
}

/* not used yet */
.app-card-header-main {
    color: white;
    background: #512DA8; /* Deep Purple - Darken 2*/
}







.app-error-style {
    background: #FFCDD2 /* red lighten4*/
}

.app-form-style {
    background: #CFD8DC /* BlueGrey - Lighten4*/
}

.app-dash-style {
    background: #e9e1fc
}

.app-tab-header {
    background: #ebf0f2
}

.app-print-header {
    background: #9cb2ba
}

.invalid {
    outline: 1px solid red;
}

.fix-upper {
    position: fixed;
    top: 100px;
    display: block;
}

.validation-message {
    color: red;
}