:root {
    /*logos*/
    --portal-logo: url("../images/wheels-icon-40x40.png");
    --portal-logo-background-size: 45px;
    --portal-logo-height: 30px;
    --portal-logo-width: 45px;
    --portal-logo-lg: url("../images/wheelsys-icon-72x72.png");
    --portal-logo-lg-background-size: 120px;
    --portal-logo-lg-height: 75px;
    --portal-logo-lg-width: 100%;
    /*main*/
    --bs-primary-rgb: 237, 28, 36;
    --main-color: #ed1c24;
    --primary-color: #0173C7;
    --primary-color-text: #fff;
    --secondary-color: #3d3d3d;
    --secondary-color-text: #fff;
    --third-color: #252525;
    --third-color-text: #fff;
    --font-family: "Open Sans", sans-serif;
    --body-color: #444;
    --loginForm-page-bg: #f2f2f2;
    --body-font-size: 18px;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-color: #dee2e6;
    --bs-border-color-hover: var(--third-color);
    --required-color: #ff0000;
    --portal-shadow-color: 0, 0, 0, 0.15;
    --selection-color: var(--secondary-color-text);
    --selection-bg: var(--secondary-color);
    /*navbar*/
    --link-color: var(--primary-color);
    --nav-bar-bg: #000;
    --nav-link-color: #fff;
    --nav-link-color-hover: var(--main-color);
    --nav-border-color: var(--main-color);
    --nav-link-bg-hover: var(--nav-bar-bg);
    --bs-link-color-rgb: 31, 98, 176;
    --btn-nav-color: #fff;
    --nav-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); /*light*/
    /*home*/
    --home-cover-bg: #fff;
    --home-cover-text-color: #000;
    --home-cover-position: top;
    --home-cover-size: cover;
    --home-cover-bg-img: url("https://images.pexels.com/photos/3812758/pexels-photo-3812758.jpeg");
    /*forms*/
    --input-focus-color: var(--primary-color);
    --input-focus-rgba: rgba(22, 73, 131, .25);
    --bs-placeholder-rgpa: rgba(33, 37, 41, 0.75);
    /*checkboxes*/
    --chx-box-color: #fff;
    --chx-box-bg: var(--primary-color);
    --chx-box-border: var(--primary-color);
    --btn-border-width: 1px;
    /*btn-primary*/
    --primary-btn-color: var(--primary-color-text);
    --primary-btn-bg: var(--primary-color);
    --primary-btn-border-color: var(--primary-color);
    --primary-btn-hover-color: #fff;
    --primary-btn-hover-bg: #00497e;
    --primary-btn-hover-border-color: #00497e;
    --primary-btn-focus-shadow-rgb: 49, 132, 253;
    --primary-btn-active-color: var(--primary-btn-hover-color);
    --primary-btn-active-bg: var(--primary-btn-hover-bg);
    --primary-btn-active-border-color: var(--primary-btn-hover-bg);
    --primary-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --primary-btn-disabled-color: #fff;
    --primary-btn-disabled-bg: var(--primary-color);
    --primary-btn-disabled-border-color: var(--primary-color);
    /*btn-outline-primary*/
    --outline-primary-btn-color: var(--primary-color);
    --outline-primary-btn-bg: transparent;
    --outline-primary-btn-border-color: var(--primary-color);
    --outline-primary-btn-hover-color: #fff;
    --outline-primary-btn-hover-bg: var(--primary-btn-bg);
    --outline-primary-btn-hover-border-color: var(--primary-color);
    --outline-primary-btn-focus-shadow-rgb: 13, 110, 253;
    --outline-primary-btn-active-color: var(--primary-color);
    --outline-primary-btn-active-bg: var(--primary-btn-bg);
    --outline-primary-btn-active-border-color: var(--primary-color);
    --outline-primary-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --outline-primary-btn-disabled-color: var(--primary-color);
    --outline-primary-btn-disabled-bg: transparent;
    --outline-primary-btn-disabled-border-color: var(--primary-color);
    --outline-primary-gradient: none;
    /*btn-secondary*/
    --secondary-btn-color: var(--secondary-color-text);
    --secondary-btn-bg: var(--secondary-color);
    --secondary-btn-border-color: var(--secondary-color);
    --secondary-btn-hover-color: var(--primary-btn-hover-color);
    --secondary-btn-hover-bg: #252525;
    --secondary-btn-hover-border-color: #252525;
    --secondary-btn-focus-shadow-rgb: var(--outline-primary-btn-focus-shadow-rgb);
    --secondary-btn-active-color: var(--primary-btn-hover-color);
    --secondary-btn-active-bg: #252525;
    --secondary-btn-active-border-color: #252525;
    --secondary-btn-active-shadow: var(--outline-primary-btn-active-shadow);
    --secondary-btn-disabled-color: var(--outline-primary-btn-disabled-color);
    --secondary-btn-disabled-bg: #252525;
    --secondary-btn-disabled-border-color: #252525;
    /*date picker*/
    --dp-hover-bg: #0173c785;
    --dp-hover-color: inherit;
    --dp-active-bg: var(--primary-color);
    --dp-active-color: var(--secondary-color-text);
    --dp-active-today-bg: #0173c785;
    --dp-active-today-color: var(--third-color);
    --dp-today-bg: #a8a8a8;
    --dp-active-color: var(--secondary-color-text);
    --dp-range-bg: #0173c785;
    --dp-range-color: var(--third-color);
    /*ad-grid*/
    --ag-header-bg: #f1f1f1;
    --ag-header-foreground-color: #4b4b4b;
    --ag-odd-row-background-color: #fafafa;
    --ag-row-hover-bg: #2a6ab44d;
    --ag-row-hover-color: var(--third-color);
    --ag-selected-row-bg: #2a6ab438;
    --ag-selected-row-color: var(--third-color);
    --ag-active-chx-box-bg: green;
    /*booking*/
    --portal-featured-background-color: #ff5151;
    --portal-oldRate-color: orange;
    --portal-invalid-input-color: var(--required-color);
    --portal-valid-input-color: rgb(11, 201, 75);
    --portal-menu-background-color: #eee;
    --portal-wbeInputElement-calendar-color: var(--secondary-btn-color);
    --portal-wbeInputElement-calendar-bg: var(--secondary-btn-bg);
    --portal-wbeInputElement-calendar-border: var(--secondary-btn-border-color);
    --portal-wbeInputElement-calendar-color-hover: var(--secondary-btn-hover-color);
    --portal-wbeInputElement-calendar-bg-hover: var(--secondary-btn-hover-bg);
    --portal-wbeInputElement-calendar-border-hover: var(--secondary-btn-hover-border-color);
    /*alerts*/
    --sa-warning-color: #f8bb86;
    --sa-error-color: #ff5f5f;
    --sa-success-color: #a5dc86;
    --sa-success-placeholder-rgba: rgba(165, 220, 134, 0.25);
    /*btn-pdf*/
    --btn-pdf-color: #fff;
    --btn-pdf-bg: #dc3545;
    --btn-pdf-border: #dc3545;
    --btn-pdf-color-hover: #fff;
    --btn-pdf-bg-hover: #bb2d3b;
    --btn-pdf-border-hover: #bb2d3b;
    --btn-pdf-color-disabled: #fff;
    --btn-pdf-bg-disabled: #BE515C;
    --btn-pdf-border-disabled: #BE515C;
    /*btn-pay*/
    --btn-pay-color: #000000;
    --btn-pay-bg: #ff9100f7;
    --btn-pay-border: #ff9100f7;
    --btn-pay-color-hover: #000000;
    --btn-pay-bg-hover: #ffa836;
    --btn-pay-border-hover: #ffa836;
    --btn-pay-color-disabled: #000000;
    --btn-pay-bg-disabled: #fe9308ab;
    --btn-pay-border-disabled: #fe9308ab;
    /*btn-invitation*/
    --btn-inv-color: #fff;
    --btn-inv-bg: #1d61af;
    --btn-inv-border: #1d61af;
    --btn-inv-color-hover: #fff;
    --btn-inv-bg-hover: #164983;
    --btn-inv-border-hover: #164983;
    --btn-inv-color-disabled: #fff;
    --btn-inv-bg-disabled: #3F6590;
    --btn-inv-border-disabled: #3F6590;
    /*select-address*/
    --select-address-bg-hover: #f0f0f0;
}