/* CSS Variables */
:root {
    --ff-primary: 'geogrotesque_regular', sans-serif;
    --ff-primary-medium: 'Geogrotesque-Medium', sans-serif;
    --ff-primary-semibold: 'geogrotesque_semibold', sans-serif;
    --ff-primary-light: 'geogrotesque_ultralight', sans-serif;
    --ff-secondary: 'Lato', sans-serif;
    --ff-secondary-medium: 'LatoMedium', sans-serif;
    --shadow: 0 1px 2px rgba(63,63,68,.10);
    --borderRadius: 4px;
    --VoltexBlack: #202124;
    --VoltexDoveGray: #707070;
    --VoltexBlue900: #0465a3;
    --VoltexBlue800: #1D74AC;
    --VoltexBlue700: #3684B5;
    --VoltexBlue600: #4F93BF;
    --VoltexBlue500: #68A3C8;
    --VoltexBlue400: #81B2D1;
    --VoltexBlue300: #9BC1DA;
    --VoltexBlue200: #B4D1E3;
    --VoltexBlue100: #CDE0ED;
    --VoltexBlue50: #E6F0F6;
    --VoltexBtnBlue900: #0382D2;
    --AccentBlue900: #3793E6;
    --AccentBlue800: #4B9EE8;
    --AccentBlue700: #5FA9EB;
    --AccentBlue600: #73B3EE;
    --AccentBlue500: #87BEF0;
    --AccentBlue400: #9BC9F2;
    --AccentBlue300: #AFD4F5;
    --AccentBlue200: #C3DFF8;
    --AccentBlue100: #D7E9FA;
    --AccentBlue50: #EBF4FC;
    --Orange900: #E69C42;
    --Orange800: #E8A655;
    --Orange700: #EBB068;
    --Orange600: #EEBA7B;
    --Orange500: #F0C48E;
    --Orange400: #F2CDA0;
    --Orange300: #F5D7B3;
    --Orange200: #F8E1C6;
    --Orange100: #FAEBD9;
    --Orange50: #FCF5EC;
    --Error900: #FF4D4D;
    --Error800: #FF5F5F;
    --Error700: #FF7171;
    --Error600: #FF8282;
    --Error500: #FF9494;
    --Error400: #FFA6A6;
    --Error300: #FFB8B8;
    --Error200: #FFCACA;
    --Error100: #FFDBDB;
    --Error50: #FFEDED;
    --Good900: #1CA766;
    --Good800: #33B075;
    --Good700: #49B985;
    --Good600: #60C194;
    --Good500: #77CAA3;
    --Good400: #8DD3B2;
    --Good300: #A4DCC2;
    --Good200: #BBE5D1;
    --Good100: #D2EDE0;
    --Good50: #E8F6F0;
    --Warning900: #FBBC05;
    --Warning800: #FBC31E;
    --Warning700: #FCC937;
    --Warning600: #FCD050;
    --Warning500: #FDD769;
    --Warning400: #FDDD82;
    --Warning300: #FDE49B;
    --Warning200: #FEEBB4;
    --Warning100: #FEF2CD;
    --Warning50: #FFF8E6;
    --VoltexAltGreen: #46B946;
    
    /* Additional variables from voltexStyle.css */
    --White: #ffffff;
    --Black: #000000;
    --Gray: #cccccc;
    --LightGray: #f2f3f7;
    --DarkGray: #333333;
    --MediumGray: #555555;
    --LightBorderGray: #dfe3e8;   
    --HoverGray: #a5a3a3;
    --BackgroundGray: #fafafc;
    --TextGray: #434343;
    
    /* Button and UI Colors */
    --PrimaryOrange: #F7951E;
    --PrimaryOrangeHover: #EE8608;
    --SuccessGreenHover: #4ecf4e;
    --SuccessGreenLight: #34A853;
    --SuccessGreenBackground: #FCFFF5;
    --SuccessGreenBorder: #97D3A3;
    
    /* Warning and Alert Colors */
    --WarningBackground: #fff9df;
    --WarningText: #9F6000;
    --AlertBackground: #fbe1e3;
    --AlertText: #e73d4a;
    --ErrorBackground: #FFF6F6;
    --ErrorBorder: #FFA0A0;
    
    /* Search and Header Colors */
    --SearchBoxBlue: #075A8E;
    --HeaderBackground: #151B26;
    
    /* Tooltip and Overlay Colors */
    --OverlayBackground: rgba(32,33,36,0.70);
    
    /* Shadow and Border Colors */
    --ShadowColor: rgba(0,0,0,0.10);
    --ModalShadow: rgba(0,0,0,0.5);
}

@font-face {
    font-family: 'geogrotesque_semibold';
    src: url('font/geogtq-sb-webfont.woff2') format('woff2'), url('font/geogtq-sb-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'geogrotesque_ultralight';
    src: url('font/geogtq-ul-webfont.woff2') format('woff2'), url('font/geogtq-ul-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'geogrotesque_bold';
    src: url('font/geogtq-bd-webfont.woff2') format('woff2'), url('font/geogtq-bd-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'geogrotesque_regular';
    src: url('font/geogtq-rg-webfont.woff2') format('woff2'), url('font/geogtq-rg-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geogrotesque-Medium';
    src: url(font/Geogrotesque-Medium.woff2) format("woff2"), url(font/Geogrotesque-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Condensed Bold';
    src: url('font/DINCondensed-Bold.woff2') format("woff2"), url('font/DINCondensed-Bold.woff') format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LatoMedium';
    src: url('font/Lato-Medium.woff2'), url('font/Lato-Medium.eot?#iefix') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LatoMedium';
    src: url('font/Lato-Medium.woff2') format("woff2"), url('font/Lato-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}
@font-face {
    font-family: 'icomoon';
    src: url('font/icomoon.woff2?-9haulc') format("woff2"), url('font/icomoon.woff?-9haulc') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('font/slick.eot');
    src: url('font/slick.eot?#iefix') format('embedded-opentype'), url('font/slick.woff') format('woff'), url('font/slick.ttf') format('truetype'), url('font/slick.svg#slick') format('svg');
}