:root {
    /*Global*/
    --primary-color: rgb(28 38 51);
    --secondary-color: rgb(118 72 171);
    --terciary-color: rgb(122 148 250);
    --accept-color: rgb(250, 85, 25);
    --primary-font-family: 'Blinker', sans-serif;
    --secondary-font-family: 'Oswald', sans-serif;
    --input-font-family: var(--primary-font-family);
    --primary-color-shade-005: rgba(28, 38, 51,.05);
    --primary-color-shade-01: rgba(28, 38, 51,.1);
    --primary-color-shade-02: rgba(28, 38, 51,.2);
    --primary-color-shade-03: rgba(28, 38, 51,.3);
    --primary-color-shade-04: rgba(28, 38, 51,.4);
    --primary-color-shade-05: rgba(28, 38, 51,.5);
    --primary-color-shade-06: rgba(28, 38, 51,.6);
    --primary-color-shade-07: rgba(28, 38, 51,.7);
    --primary-color-shade-08: rgba(28, 38, 51,.8);
    --primary-color-shade-09: rgba(28, 38, 51,.9);
    --secondary-color-shade-01: rgba(118, 72, 171,.1);
    --secondary-color-shade-02: rgba(118, 72, 171,.2);
    --secondary-color-shade-03: rgba(118, 72, 171,.3);
    --secondary-color-shade-04: rgba(118, 72, 171,.4);
    --secondary-color-shade-05: rgba(118, 72, 171,.5);
    --secondary-color-shade-06: rgba(118, 72, 171,.6);
    --secondary-color-shade-07: rgba(118, 72, 171,.7);
    --secondary-color-shade-08: rgba(118, 72, 171,.8);
    --secondary-color-shade-09: rgba(118, 72, 171,.9);
    --terciary-color-shade-01: rgba(122, 148, 250,.1);
    --terciary-color-shade-02: rgba(122, 148, 250,.2);
    --terciary-color-shade-03: rgba(122, 148, 250,.3);
    --terciary-color-shade-04: rgba(122, 148, 250,.4);
    --terciary-color-shade-05: rgba(122, 148, 250,.5);
    --terciary-color-shade-06: rgba(122, 148, 250,.6);
    --terciary-color-shade-07: rgba(122, 148, 250,.7);
    --terciary-color-shade-08: rgba(122, 148, 250,.8);
    --terciary-color-shade-09: rgba(122, 148, 250,.9);
    --accept-color-shade-01: rgba(255,85,25,.1);
    --accept-color-shade-02: rgba(255,85,25,.2);
    --accept-color-shade-03: rgba(255,85,25,.3);
    --accept-color-shade-04: rgba(255,85,25,.4);
    --accept-color-shade-05: rgba(255,85,25,.5);
    --accept-color-shade-06: rgba(255,85,25,.6);
    --accept-color-shade-07: rgba(255,85,25,.7);
    --accept-color-shade-08: rgba(255,85,25,.8);
    --accept-color-shade-09: rgba(255,85,25,.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/bridges-login-background.jpg");
    --ez-login-panel-background: rgb(60 54 116 / 31%);
    --ez-login-button-color: var(--secondary-color);
    --ez-login-h3-color: transparent;
    --ez-login-h3-background-image: linear-gradient(45deg, #fff, #fff);
    --ez-login-panel-button-background: var(--secondary-color);
    --ez-login-forgotten-password-link-color: #fff;
    /*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);
    /*buttons*/
    --primary-button-hover-color: var(--lighter-01);
    --accpet-button-hover-color: var(--accept-color-shade-06);
    /*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-disabled-background-color: var(--primary-color-shade-04);
    --form-button-text-color: #FFF;
    /*Forms Validation*/
    --form-validation-valid-color: var(--secondary-color);
}