/* ********************************
   ** This file was autogenerated **
   **** DO NOT MANUALLY EDIT **** */

/* Source: custom/base.css */
/* add styles for project controls here */

.intake-report-banner {
    white-space: normal;
    display: flex;
    padding: 4px;
    border-radius: 6px;
    font-family: "Inter", "Roboto", "Open Sans", sans-serif;
}

.intake-report-banner.stop {
    background-color: var(--red-700);
    color: white;
}

.sms-character-count {
    margin-left: 1rem;
}

.sms-combined {
    width: 100%;
    display: block;
}

.sms-text-box {
    width: 50%;
    display: inline-flex;
}

.sms-echo-box {
    background-color: antiquewhite;
    color: black;
}

.sms-echo-box-b {
    background-color: lightskyblue;
    color: black;
}

.heat-map-usa {
    min-height: 192px;
    height: 384px;
}

/* Source: custom/staging.css */
:root {
    /* Add MDST color / style overrides here. Colors are always safe to override
     * subject to legibility */
    --button-default-background-color: var(--orange-200);
    --button-default-text-color: black;
    --button-default-border-color: yellow;
    --client-header-background-color: var(--yellow-800);
    --client-header-text-color: var(--gray-100);
    --client-header-menu-item-active-text-color: white;
    --client-header-menu-item-active-background-color: var(--yellow-600);
    --client-header-menu-item-hover-text-color: var(--gray-900);
    --client-header-menu-item-hover-background-color: var(--yellow-500);
    --client-header-submenu-background-color: var(--yellow-900);
    --client-header-submenu-text-color: var(--gray-100);
    --client-header-submenu-item-active-text-color: white;
    --client-header-submenu-item-active-background-color: var(--yellow-600);
    --client-header-submenu-item-hover-text-color: var(--gray-900);
    --client-header-submenu-item-hover-background-color: var(--yellow-500);
    --screen-header-primary-button-background-color: var(--yellow-500);
    --screen-header-primary-button-text-color: black;
}

.drop-target.active {
    border-color: var(--button-default-border-color);
    background-color: var(--orange-100);
}

.fa-app-colors {
    --fa-primary-color: hsl(165.69deg 100% 82%);
    --fa-secondary-color: hsl(53 59% 50% / 1);
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 70%;
    font-size: 19px;
}