/* HLH Stats Grid styles */
@import url("hlh-colors.css");

div.status-container {
    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--text-default, #444) !important;

    div.card {
        div.card-body {
            padding-top: 0; /* Override 15px padding to tighten vertical spacing. May need better solution if this component gets use outside of the Dashboard in the future. - AP */
            
            h5.card-title {
                font-weight: 400;
            }

            label.form-label {
                font-size: 1rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.125rem; /* 125% */
                letter-spacing: -0.32px;
            }

            input.form-control {
                border-radius: 0.25rem;
                border: 1px solid var(--input-border, #CECAC7);
                background: var(--white, #FFF);
            }
        }
    }
    
    div.stats-grid div.stat-card {
        /*padding: 0.25rem 0.5rem;*/
        border-color: transparent;
        border-radius: 0.25rem;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);

        div.stat-label {
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        div.stat-value {
            font-size: 1.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }
    }
}