:root {
    --banner-surface-a: #a9d9bd2e;
    --banner-surface-b: #a3aff4;
    --banner-surface-c: #7b8dee;
    --banner-surface-d: #ffffff;
    --banner-surface-e: #3F51B5;
    --banner-surface-f: #f8f9fab3;
    --banner-surface-g: #5a77b1;
    --banner-surface-h: #dee2e6;
    --banner-surface-i: #000;
    --banner-surface-j: #00000061;
    --banner-surface-k: #5da33c;
    --banner-surface-l: #84848461;
    --menuitem-surface-h:#eff3f8;
    --card-body-bg:#f8f9fab3;
    --banner-text-a: #616161;
    --banner-text-b: #898686e0;
    --banner-text-c: #ffffff;
    --banner-text-d: #000;
    --banner-text-e: #9FA8DA;

    --table-header-surface:#f8f9fa;
    --text-color-error: rgb(230, 80, 80);
    --logo-color: rgb(0 0 0 / 68%);

    --color-warn: #7f6003;
    --color-info: #01579B;
    --color-success: #1B5E20;
    --color-error: var(--text-color-error);


    --color-light-warn: var(--yellow-300);
    --color-light-info: var(--blue-300);
    --color-light-success: var(--green-300);

    --bg-color-warn: #FFECB3;
    --bg-color-info: #B3E5FC;
    --bg-color-success: #C8E6C9;
    --bg-color-error: #FFCDD2;


}

/* Obviously-Wide_Semibold */
@font-face {
    font-family: "Obviously-Wide";
    font-style: normal;
    font-weight: 400;
    src: local("Wide_Semibold"), local("Wide_Semibold"), url("./fonts/Obviously-Wide_Semibold.woff2") format("woff2"), url("./fonts/Obviously-Wide_Semibold.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

label.required::after {
    color: var(--text-color-error);
    content: ' *';
}

.brand-details .brand-logo {
    border-color: var(--banner-text-c);
}


.p-datatable-table .p-datatable-tbody>tr {
    color: #656565!important;
}

.SENT, .Sent, .sent {
    background-color: var(--color-light-warn);
}

.DRAFT, .Draft, .draft {
    background-color: var(--color-light-info);
    color: #fff;
}

.UPCOMING, .Upcoming, .upcoming {
    background-color: var(--color-light-success);
    color: #fff;
}

.EXPIRED, .Expired, .expired {
    background-color: var(--bg-color-error);
    color: #fff;
}