:root {
    /*Global*/
    --primary-color: rgba(74, 78, 84,1);
    --secondary-color: rgba(149, 193, 31,1);
    --terciary-color: rgba(239, 71, 111, 1);
    --primary-font-family: 'Blinker', sans-serif;
    --secondary-font-family: 'Oswald', sans-serif;
    --input-font-family: var(--primary-font-family);
    --primary-color-shade-005: rgba(74, 78, 84,.05);
    --primary-color-shade-01: rgba(74, 78, 84,.1);
    --primary-color-shade-02: rgba(74, 78, 84,.2);
    --primary-color-shade-03: rgba(74, 78, 84,.3);
    --primary-color-shade-04: rgba(74, 78, 84,.4);
    --primary-color-shade-05: rgba(74, 78, 84,.5);
    --primary-color-shade-06: rgba(74, 78, 84,.6);
    --primary-color-shade-07: rgba(74, 78, 84,.7);
    --primary-color-shade-08: rgba(74, 78, 84,.8);
    --primary-color-shade-09: rgba(74, 78, 84,.9);
    --secondary-color-shade-01: rgba(149, 193, 31,.1);
    --secondary-color-shade-02: rgba(149, 193, 31,.2);
    --secondary-color-shade-03: rgba(149, 193, 31,.3);
    --secondary-color-shade-04: rgba(149, 193, 31,.4);
    --secondary-color-shade-05: rgba(149, 193, 31,.5);
    --secondary-color-shade-06: rgba(149, 193, 31,.6);
    --secondary-color-shade-07: rgba(149, 193, 31,.7);
    --secondary-color-shade-08: rgba(149, 193, 31,.8);
    --secondary-color-shade-09: rgba(149, 193, 31,.9);
    --terciary-color-shade-01: rgba(239, 71, 111,.1);
    --terciary-color-shade-02: rgba(239, 71, 111,.2);
    --terciary-color-shade-03: rgba(239, 71, 111,.3);
    --terciary-color-shade-04: rgba(239, 71, 111,.4);
    --terciary-color-shade-05: rgba(239, 71, 111,.5);
    --terciary-color-shade-06: rgba(239, 71, 111,.6);
    --terciary-color-shade-07: rgba(239, 71, 111,.7);
    --terciary-color-shade-08: rgba(239, 71, 111,.8);
    --terciary-color-shade-09: rgba(239, 71, 111,.9);
    --lighter-01: rgba(255,255,255,.1);
    --lighter-02: rgba(255,255,255,.2);
    --lighter-03: rgba(255,255,255,.3);
    --lighter-04: rgba(255,255,255,.4);
    --lighter-05: rgba(255,255,255,.5);
    --lighter-06: rgba(255,255,255,.6);
    --lighter-07: rgba(255,255,255,.7);
    --lighter-08: rgba(255,255,255,.8);
    --lighter-09: rgba(255,255,255,.9);
    --darker-01: rgba(0,0,0,.1);
    --darker-02: rgba(0,0,0,.2);
    --darker-03: rgba(0,0,0,.3);
    --darker-04: rgba(0,0,0,.4);
    --darker-05: rgba(0,0,0,.5);
    --darker-06: rgba(0,0,0,.6);
    --darker-07: rgba(0,0,0,.7);
    --darker-08: rgba(0,0,0,.8);
    --darker-09: rgba(0,0,0,.9);
    --h3-color: var(--secondary-color);
    /*Login Page*/
    --ez-login-background-image: url("../../images/static/traffex-background.jpg");
    --ez-login-panel-background: rgba(255, 255, 255,.6);
    --ez-login-button-color: var(--secondary-color);
    --ez-login-h3-color: transparent;
    --ez-login-h3-background-image: linear-gradient(45deg, #2c730e, #90c358);
    --ez-login-panel-button-background: linear-gradient(45deg, #2c730e, #90c358);
    /*Exhibitor Zone*/
    --ez-main-header-color: var(--primary-color);
    --ez-section-headers-font-family: var(--secondary-font-family);
    --ez-section-headers-background-color: var(--primary-color);
    --ez-header-icon-color: var(--primary-color);
    /*Items in the exhibitor zone Categories, Description, ...*/
    --ez-item-color: var(--primary-color-shade-08);
    --ez-item-color-hover: var(--primary-color);
    --ez-item-border-color: var(--primary-color-shade-03);
    --ez-item-border-hover-color: var(--secondary-color);
    --ez-item-box-shadow-hover-color: var(--secondary-color-shade-05);
    --ez-item-mini-icon-default-color: var(--primary-color-shade-05);
    --ez-item-completed-color: rgb(186, 201, 12);
    --ez-item-incomple-color: rgb(245, 102, 95);
    --ez-item-info-color: rgb(105, 171, 224);
    --ez-item-html-color: rgb(245, 131, 71);
    /*Contact Card*/
    --ez-contact-card-background-color: var(--primary-color-shade-04);
    --ez-contact-card-font-color: var(--primary-color);
    --ez-contact-card-title-color: var(--primary-color);
    --ez-contact-card-title-background-color: #FFFFFF;
    /*Speed Dial*/
    --speed-dial-item-background-color: var(--secondary-color);
    --speed-dial-item-color: #FFF;
    --speed-dial-item-border-color: var(--speed-dial-item-color);
    --speed-dial-item-hover-background-color: var(--primary-color);
    --speed-dial-item-hover-color: #FFF;
    --speed-dial-item-hover-border-color: var(--speed-dial-item-hover-background-color);
    --speed-dial-tooltip-color: #FFF;
    --speed-dial-tooltip-border-color: var(--speed-dial-item-hover-background-color);
    --speed-dial-tooltip-background-color: var(--secondary-color-shade-09);
    /*Exhibitor List*/
    --el-key-link-color: rgba(38, 38, 38,1);
    --el-key-link-hover-color: rgba(239, 239, 239,1);
    --el-key-link-hover-background-color: var(--el-key-link-color);
    --el-entry-border-color: rgba(222, 222, 222, 1);
    --el-entry-border-hover-color: rgba(123, 123, 123,0.7);
    --el-entry-shadow-color: rgba(1, 0, 0,0.15);
    --el-entry-shadow-hover-color: rgba(123, 123, 123,0.7);
    --el-entry-h3-color: var(--secondary-color);
    --el-entry-stand-number-color: rgba(51, 51, 51,1);
    --el-entry-icons-color: rgba(73, 78, 84,1);
    --el-entry-description-font-family: var(--primary-font-family);
    --el-loadging-entries-spinner-color: var(--primary-color);
    /*Listing Navigation Block*/
    --lnb-background-color: var(--primary-color);
    --lnb-az-button-color: var(--primary-color);
    --lnb-az-button-background-color: rgba(255,255,255,1);
    --lnb-az-button-border-color: var(--lnb-az-button-background-color);
    --lnb-az-button-hover-color: var(--lnb-az-button-background-color);
    --lnb-az-button-background-hover-color: var(--lnb-az-button-color);
    /*buttonss*/
    --primary-button-hover-color: var(--lighter-01);
    /*Alerts*/
    --alert-danger: rgba(224, 22, 73,1);
    --alert-success: rgba(58, 146, 101, 1);
    --alert-warning: rgba(242, 170, 13, 1);
    --alert-info: rgba(0, 138, 186, 1);
    /*Registation Page*/
    --rg-cte-button-color: var(--secondary-color);
    --rg-navbar-background-color: var(--primary-color);
    --rg-navbar-button-background-color: var(--primary-color);
    --rg-navbar-button-text-color: #ffffff;
    --rg-navbar-button-background-color-hover: var(--secondary-color);
    --rg-navbar-button-text-color-hover: #ffffff;
    --rg-navbar-button-sub-background-color-hover: var(--secondary-color);
    --rg-navbar-button-sub-text-color-hover: #ffffff;
    --rg-navbar-dropdown-menu-color: #ffffff;
    --rg-navbar-dropdown-menu-background-color: var(--secondary-color);
    --rg-navbar-button-color: #ffffff;
    --rg-jumbotron-background-color: var(--primary-color);
    /*Forms*/
    /*Form Fields, Buttons, Headers, Placeholders,...*/
    --form-wrapper-border-color: #eeeeee;
    --form-font-family: var(--primary-font-family);
    --form-input-border-color: #ccc;
    --form-input-focus-border-color: var(--secondary-color);
    --form-input-text-color: var(--primary-color);
    --form-input-placeholder-font-color: var(--primary-color-shade-04);
    --form-button-background-color: var(--primary-color);
    --form-button-text-color: #FFF;
    /*Forms Validation*/
    --form-validation-valid-color: var(--secondary-color);
}