@import '/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';
@import '/_content/Waves.Tooling.App.Core/css/fonts.css';
@import '/_content/Waves.Tooling.App.Components.FluentUI/css/waves-app-fluentui.css';
@import '/_content/Waves.Tooling.App.Components.FluentUI/css/waves-app-component.css';

:root {
    /* Waves Brand Colors */
    --waves-blue-primary: #006bb6;
    --waves-blue-secondary: #00b0e8;
    --waves-blue-light: #0092cb;
    --waves-blue-dark: #004990;
    --waves-blue-hover-light: #0088d9;
    --waves-blue-hover-bright: #00d4ff;
    --waves-accent-light: #fdb515;
    --waves-accent-dark: #c10230;
    --waves-cps-blue-primary: #006CB7;
    --waves-cps-blue-secondary: #00AEE7;
    --waves-new2-blue-light: #FFFFFF;
    --waves-new2-blue-dark: #C2FFFF;
    /* Gilmore Colors */
    --gilmore-blue-dark: #003b5c;
    --gilmore-blue-primary: #003A5D;
    --gilmore-blue-light: #0068A5;
    --gilmore-blue-hover-dark: #005580;
    --gilmore-blue-hover-light: #0081CC;
    /* Workforce Colors */
    --workforce-blue-dark: #053F67;
    --workforce-blue-light: #3C98C9;
    --workforce-blue-hover-dark: #075d92;
    --workforce-blue-hover-light: #4db8e8;
    /* Grafana Colors */
    --grafana-orange: #F05A28;
    --grafana-yellow: #FBCA0A;
    --grafana-orange-hover: #ff6e3c;
    --grafana-yellow-hover: #ffd91f;
    --grafana-bg: #000000;
    --grafana-bg-hover: #3F3F3F;
    /* Portal Button Styles */
    --portal-button-border-radius: 16px;
    --portal-button-border-width: 0.25rem;
    --portal-button-min-height: 100%;
    --portal-button-max-height: 100%;
    --portal-button-margin: 0.5rem;
    /* Common Colors */
    --color-gray-light: #C0C0C0;
    --color-gray-dim: #696969;
    /* Dashboard Section Styles */
    --dashboard-section-padding: 1.5rem 0;
    --dashboard-section-header-margin: 0 0 1.5rem 0;
    --dashboard-section-title-color: var(--waves-blue-dark);
    --dashboard-section-description-color: #666666;
}

/* Media Queries for Browser Size */

/* Browser size less than 599px = Xs */
@media (max-width: 599px) {
}

/* Browser size less than 959px = Sm or smaller */
@media (max-width: 959px) {
}

/* Browser size less than 1279px = Md or smaller */
@media (max-width: 1279px) {
}

/* Browser size less than 1919px = Lg or smaller */
@media (max-width: 1919px) {
}

/* Browser size less than 2559px = Xl or smaller */
@media (max-width: 2559px) {
}

/* Browser size less than 2560px = Xxl or smaller */
@media (min-width: 2560px) {
}

/* END - Media Queries for Broser Size */