:root {
    --mini-menu-bg: #f2f4f4;
    --mini-menu-border: #e2e2e2;
    --menu-border-color: #D8D8D8;
    --light-gray: #EDEDEE;
    --black: 0, 0, 0;
    --dark-gray: #414141;
    --medium-gray-06: rgba(0, 0, 0, 0.6);
    --primary-blue: #0067DB;    
    --blue: #1c69d3;
    --white:#FFFFFF;
    --input-border-gray: #CACACA;
    --border-gray: #dedede;
    --dark:#221F1F;
    --border-gray-dark: #979797;
    --navbar-gray: #404040;
    --header-gray: #F6F6F6;
    --section-border: #DEDEDE;
    --title-border: #221f1f;
    --mini-background: #f1f1f1;

    --profile-gray: #F6F6F6;
    --header-font-color: var(--dark);
    --container-background: #FFFFFF;
    --shadow-color: 0, 0, 0;
    --error-red: #FF1744;    
    --valid-green: #43a047;
    --border-blue:#3f51b5;
    --myprofile-background: #f1f1f1;
    --spinner-background: rgba(255,255,255,0.2);

    --mini-red: #ac2430;
    --profile-light-gray: #f9f9f9;
    --faq-link-hover: #0f80ff;

    --footer-text: #77787b;
    --header-dropdown-border: #dadada;

    --primary: 0, 0, 0;
    --primaryInverse: #ffffff;
    --accent: #1864d0;
    --accent-btn: #1c69d3;
    --accent-btn-text: #f1f1f1;
    --blue-tone-2: #1971eb;
    --grey-tone-6: #4c4c4c;
    --grey-tone-10: #4c4c4c;
    --breadcrumb-border: #d5d5d5;
    --blue-hover-state: #1d55a2;
    --btn-txt-hover: #f6f6f6;
    --error: 235, 22, 22;
    --button-text-transform: none;
    
    --opacity0: 0;
    --opacity002: 0.02;
    --opacity01: 0.1;
    --opacity02: 0.2;
    --opacity04: 0.4;
    --opacity032: 0.32;
    --opacity06: 0.6;
    --opacity065: 0.65;
    --opacity004: 0.04;

    --primary-blue: #0067DB;
    --black: #000000;
    --checkbox-white:#fafafa;
    --font-icon-lib: 'BMWIconLibrary';

    /* Fonts */
    --helvetica: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --helvetica-light: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --SegoeUI: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --mini-serif-regular: 'mini-serif-regular', serif;
    --font-type: "BMWTypeNext";
    --font-bold:"BMWTypeNext-Bold";

    /* Fonts-size */
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-26: 26px;
    --font-size-27: 27px;
    --font-size-28: 28px;
    --font-size-29: 29px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-32: 32px;
    --font-size-33: 33px;
    --font-size-34: 34px;
    --font-size-35: 35px;
    --font-size-36: 36px;
    --font-size-37: 37px;
    --font-size-38: 38px;
    --font-size-39: 39px;
    --font-size-48: 48px;
    --font-size-54: 54px;

    /* Font weight */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-700: 700;
    --font-weight-900: 900;
    --font-weight-500: 500;
    --font-weight-100: 100;
    --font-weight-bold: bold;
    --font-weight-normal: normal;
    --font-weight-title: 700;

    /* MINI Fonts */
    --mini-sans-serif-regular: 'mini-sans-serif-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --mini-serif-bold: "mini-serif-bold", Times, "Times New Roman", Georgia, serif;

    /* Breakpoints */
    --medium: 760px;
    --xmedium: 600px;
    --small: 400px;
    --xsmall: 365px;
    --large: 900px;
    --xlarge: 1140px;

    /* Navbar */
    --navbar-max-width: 1100px;
    --desktop-container-width: 1200px;

    --mobile: 425px;
    --tablet: 768px;
    --desktop: 1366px;

    --minimobile-se: 375px;
    --minimobile: 580px;
    --minixmedium: 670px;
    --minismall: 520px;

    --caxlarge: 1024px;
    --screen-medium:767px;

    /* images */
    --errorheaderimage: url(/cdn/static/us/myprofile/images/building-header.jpg);
    --login-bg-tablet: url(/cdn/static/us/myprofile/images/login-bg-tablet.jpg);
    --login-bg-mini-tablet: url(/cdn/static/us/myprofile/images/login-bg-mobile-canada-mini.png);
    --bmw-background-image: url(/cdn/static/us/myprofile/images/bmw-background-image.jpg);
    --mini-background-image: url(/cdn/static/us/myprofile/images/login-bg-canada-mini.png);
    --mini-background-image-mobile: url(/cdn/static/us/myprofile/images/login-bg-mobile-mini.jpg);

    --caution-icon: url(/cdn/static/us/myprofile/icons/caution.png);
    --icon-my-garage-bmw: url(/cdn/static/us/myprofile/icons/icon-my-garage-bmw.svg);
    --icon-my-account-bmw: url(/cdn/static/us/myprofile/icons/icon-my-account-bmw.svg);
    --icon-my-card-bmw: url(/cdn/static/us/myprofile/icons/icon-my-card-bmw.svg);
    --icon-back: url(/cdn/static/us/myprofile/icons/icon-back.svg);
    --icon-tooltip: url(/cdn/static/us/myprofile/icons/icon-tooltip.svg);
    --icon-my-mini: url(/cdn/static/us/myprofile/icons/icon-my-mini.svg);

    /* Fonts */
    --miniSansSerifBold: "mini-sans-serif-bold";
    --miniSansSerifRegular: "mini-sans-serif-regular";
    --miniSansSerif: mini-sans-serif, sans-serif;
    --miniSerifBold: "mini-serif-bold";
    --miniSerifRegular: "mini-serif-regular";
    --miniSerif: "mini-serif",serif;
    --bmwIcon: "BMWIconLibrary";
    --materialIcon: "MaterialIconLibrary";
    
}

/*Font Face */

@font-face {
    font-family: "mini-sans-serif-bold";
    src: url('cdn/static/us/myprofile/fonts/mini-fonts/mini_sans_serif-bold-webfont.woff2');
}
@font-face {
    font-family: "mini-sans-serif-regular";
    src: url('cdn/static/us/myprofile/fonts/mini-fonts/mini_sans_serif-regular-webfont.woff2');
}
@font-face {
    font-family: "mini-serif-bold";
    src: url('cdn/static/us/myprofile/fonts/mini-fonts/mini_serif-bold-webfont.woff2');
}
@font-face {
    font-family: "mini-serif-regular";
    src: url('cdn/static/us/myprofile/fonts/mini-fonts/mini_serif-regular-webfont.woff2');
}
@font-face{
    font-family: 'BMWIconLibrary';
    src: url('cdn/static/us/myprofile/fonts/bmw-fonts/BMWIconLibrary.ttf');
}
@font-face{
    font-family: 'MaterialIconLibrary';
    src: url('cdn/static/us/myprofile/fonts/MaterialIcons-Regular.ttf');
}
@font-face {
    font-family: "BMWTypeNext-Bold";
    src: url('/cdn/static/us/myprofile/fonts/BMWTypeNext-Bold.otf');
}