@import '/_content/Waves.Tooling.App.Core/css/fonts.css';
@import '/_content/Waves.Tooling.App.Components/css/waves-app-mudblazor.css';
@import '/_content/Waves.Tooling.App.Components/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 */

/* --- Media quries for specific breakpoints sizes --- */
@media (width < 600px) {
    /* xs: 0 – 599.99px */
}

@media (600px <= width < 960px) {
    /* sm: 600 – 959.99px */
}

@media (960px <= width < 1280px) {
    /* md: 960 – 1279.99px */
}

@media (1280px <= width < 1920px) {
    /* lg: 1280 – 1919.99px */
}

@media (1920px <= width < 2560px) {
    /* xl: 1920 – 2559.99px */
}

@media (width >= 2560px) {
    /* xxl: 2560px+ */
}
/* --- Media quries for specific breakpoints sizes --- */

/* --- Cumulative Breakpoints (and under) --- */
@media (width < 960px) {
    /* sm and under: xs + sm (0 – 959.99px) */
}

@media (width < 1280px) {
    /* md and under: xs + sm + md (0 – 1279.99px) */
}

@media (width < 1920px) {
    /* lg and under: xs + sm + md + lg (0 – 1919.99px) */
}

@media (width < 2560px) {
    /* xl and under: xs + sm + md + lg + xl (0 – 2559.99px) */
}
/* --- END Cumulative Breakpoints (and under) --- */

/* END - Media Queries for Broser Size */