:root {
	--main-color: rgba(70, 112, 153, 1);
	--main-color-tinted: rgba(120, 162, 203, 0.8);
	--nav-button-icon-color: var(--main-color);
	--text-color: black;
	--secondary-color: #f7f7f7;
	--third-color: #504b4b;
	--saturn-icon-color: black;
	--background-color: white;
	--border-color: #d2d2d2;
	--shadow-color: black;
	--error-color: #c11b1b;
	--error-color-hover: #9b1616;
	--unwind-color-hover: #831212;
	--pulsing-color: #940505;
	--success-color: #258f25;
	--success-color-border: #259043;
	--success-color-light: #d7eed2;
	--save-color-hover: #277517;
	--void-color: magenta;
	--accept-color: var(--main-color);
	--accept-color-hover: #367b8d;
	--load-color: var(--third-color);
	--print-color: #df7511;
	--disabled-color: #676565;
	--pill-success-color: #6bc167;
	--pill-partial-success-color: #9dd654;
	--pill-warning-color: #ffc400;
	--pill-danger-color: #ff4436;
	--pill-info-color: #7bcfff;
	--pill-info-unknown-color: #6b7280;
	--pill-info-color-light: #dff3ff;
	--pill-success-color-light: #dbefda;
	--pill-warning-color-light: #fef0c8;
	--pill-danger-color-light: #fecfce;

	--pill-text-success-color: var(--third-color);
	--pill-text-warning-color: var(--third-color);
	--pill-text-danger-color: var(--third-color);
	--pill-text-info-color: var(--third-color);

	--callout-info-text-color: #052c65;
	--callout-success-text-color: ##155826;
	--callout-warning-text-color: #664d03;
	--callout-error-text-color: #58151c;
	--callout-info-background-color: #cfe2ff;
	--callout-success-background-color: #e9f8d7;
	--callout-warning-background-color: #fff3cd;
	--callout-error-background-color: #f8d7da;
	--callout-info-border-color: #084298;
	--callout-success-border-color: #aef1b9;
	--callout-warning-border-color: #ffe69c;
	--callout-error-border-color: #f1aeb5;

	/* #region Shadows: */
	--black-10percent: rgba(0, 0, 0, 0.1);
	--black-15percent: rgba(0, 0, 0, 0.15);
	--black-20percent: rgba(0, 0, 0, 0.2);
	--black-30percent: rgba(0, 0, 0, 0.3);
	--black-40percent: rgba(0, 0, 0, 0.4);
	--black-50percent: rgba(0, 0, 0, 0.5);
	--black-60percent: rgba(0, 0, 0, 0.6);
	--black-70percent: rgba(0, 0, 0, 0.7);
	--black-80percent: rgba(0, 0, 0, 0.8);
	--black-90percent: rgba(0, 0, 0, 0.9);
	--white-10percent: rgba(255, 255, 255, 0.1);
	--white-15percent: rgba(255, 255, 255, 0.15);
	--white-20percent: rgba(255, 255, 255, 0.2);
	--white-30percent: rgba(255, 255, 255, 0.3);
	--white-40percent: rgba(255, 255, 255, 0.4);
	--white-50percent: rgba(255, 255, 255, 0.5);
	--white-60percent: rgba(255, 255, 255, 0.6);
	--white-70percent: rgba(255, 255, 255, 0.7);
	--white-80percent: rgba(255, 255, 255, 0.8);
	--white-90percent: rgba(255, 255, 255, 0.9);
	/* #endregion */
	/* #endregion */
	/* #region Component Colors */
	--api-responselist-color-border: #cecece;
	--api-responselist-color-text-light: #848484;
	--app-home-background-color: #969696;
	--app-home-border-color: #555;
	--app-home-confirm-color: white;
	--background-video-overlay-color: var(--background-color);
	--button-color: var(--background-color);
	--button-color-border-disabled: #d5d5d5;
	--button-clear-background-color: var(--background-color);
	--button-clear-color: var(--main-color);
	--button-clear-color-disabled: #cecece;
	--button-dropdown-list-background-color: #f7f7f7;
	--button-shadow: var(--white-50percent);
	--button-shadow-hover: var(--black-20percent);
	--card-background-color: #f7f7f7;
	--card-container-color-selected: black;
	--card-group-icon-background-color: white;
	--card-price-button-background-color: white;
	--card-price-button-color-active: white;
	--card-main-color: #555;
	--cdkmappingcontainer-color: #9c9c9c;
	--cdkpush-sync-container-backdrop-background-color: var(--background-color);
	--collapseitem-coveragegrid-background-color: #f7f7f7;
	--continue-button-color: white;
	--coverage-accepted-color: #9c9c9c;
	--customerscreen-nav-background-color: #d5d5d5;
	--customerscreen-nav-color: #d5d5d5;
	--customerviewalert-color: white;
	--customerviewalert-color-border: #9c9c9c;
	--datepicker-calendar-button-color-disabled: #999;
	--docconfig-background-color: white;
	--docconfig-color-border: #d5d5d5;
	--docconfig-title-color: #555;
	--documentpacketlist-background-color: #d5d5d5;
	--documentpacketlist-color-border: #cecece;
	--documentpacketlist-color-text-light: #848484;
	--dropdown-container-color-hover: var(--background-color);
	--dropdown-container-color-border: #555;
	--dropdown-container-color-border-2: #d5d5d5;
	--dropdown-container-color: #848484;
	--dropdown-container-background-color: #f7f7f7;
	--e-sign-background-color: var(--background-color);
	--e-sign-color-border: var(--border-color);
	--e-sign-line-background-color: var(--border-color);
	--e-sign-color: #9c9c9c;
	--fieldset-input-color-disabled: gray;
	--file-display-background-color: var(--secondary-color);
	--file-display-panel-background-color: white;
	--file-display-color-border: #d5d5d5;
	--file-display-color: #9c9c9c;
	--fimenubasic-column-background-color: #cbd9eb;
	--fimenubasic-coverage-actions-background-color: #d5d5d5;
	--fimenubasic-coverage-actions-color: white;
	--fimenubasic-coverage-actions-color-border: #9c9c9c;
	--fimenubasic-span-header-color: #9c9c9c;
	--fimenubasic-span-terms-background-color: #206673;
	--fimenubasic-span-terms-color: var(--text-color);
	--fimenubasic-stack-background-color: white;
	--fimenubasic-title-color: var(--text-color);
	--fimenubasic-grid-color: #9c9c9c;
	--fimenucustomerscreen-nav-color-disabled: #969696;
	--fimenucustomerscreen-nav-background-color: #d5d5d5;
	--fimenucustomerscreen-nav-stack-color: #d5d5d5;
	--fimenupaperworkpage-button-color: white;
	--fimenupaperworkpage-button-color-disabled: #e6e3e3;
	--fimenupaperworkpage-color-border: black;
	--fimenupaperworkpage-document-color: white;
	--fimenupaperworkpage-document-background-color: black;
	--fimenupaymentsheetpage-background-color: var(--background-color);
	--fimenupaymentsheetpage-border-color: #ccc;
	--fimenupaymentsheetpage-border-color-hover: #4bd;
	--fimenupaymentsheetpage-color-3: #cae5ed;
	--fimenupaymentsheetpage-color-4: #a3a3a3;
	--fimenupaymentsheetpage-color-5: #888;
	--fimenupaymentsheetpage-color-6: #ddd;
	--fimenupaymentsheetpage-color-7: #eee;
	--fimenupaymentsheetpage-datepicker-color: black;
	--fimenupresentationpage-background-color: var(--white-80percent);
	--fimenupresentationpage-title-video-color: red;
	--fimenu-signalr-notes-background-color: white;
	--fimenu-signalr-notes-color-border: #d5d5d5;
	--fimenu-signatures-page-color-border: black;
	--fimenu-videoplayerpage-background-color: black;
	--footer-background: var(--background-color);
	--footer-color: var(--text-color);
	--form-item-additional-info-color: #c0c0c0;
	--header-background-color: #f7f7f7;
	--header-color-border: var(--secondary-color);
	--header-color-shadow: var(--shadow-color);
	--header-color: var(--background-color);
	--input-text-color: var(--text-color);
	--input-background-color: white;
	--input-background-color-disabled: #d5d5d5;
	--input-border-color: #efefef;
	--input-placeholder-color: var(--border-color);
	--input-component-background-color: var(--background-color);
	--input-component-color-border: #c3c3c3;
	--input-component-color: #f7f7f7;
	--input-component-color-selected: var(--text-color);
	--input-component-label-color: #9c9c9c;
	--input-component-saturn-icon-background-color: var(--border-color);
	--input-component-textarea-color-border: #d5d5d5;
	--input-component-cdk-color: #d5d5d5;
	--input-datepicker-button-color-text: var(--text-color);
	--input-multiselect-dropdown-background-color: var(--background-color);
	--input-multiselect-dropdown-color: #9c9c9c;
	--input-multiselect-dropdown-color-border: #d5d5d5;
	--input-multiselect-dropdown-color-border-top: #f7f7f7;
	--keyboard-background: #555;
	--keyboard-color-border: #d5d5d5;
	--keyboard-rotate-button-color: white;
	--keyvalueeditor-input-background-color-disabled: #f9f8f8;
	--keyvalueeditor-input-color-border-disabled: white;
	--keyvalueeditor-input-color: #555;
	--listeditor-input-color: white;
	--listeditor-label-color: #9c9c9c;
	--load-file-div-color-border: #9c9c9c;
	--load-file-div-color: #9c9c9c;
	--locker-color: white;
	--locker-background-color: rgba(40, 127, 144, 0.15);
	--login-divider-background-color: #9c9c9c;
	--meetingroom-keyboard-button-background-color: #969696;
	--meetingroom-code-input-color-border: #9c9c9c;
	--meetingroom-keyboard-button-border-color: #555;
	--meetingroom-input-color: white;
	--meetingroom-input-background-color: white;
	--modal-backdrop-background-color: var(--black-70percent);
	--modal-background-color: var(--background-color);
	--modal-border: black;
	--modalcreateraffle-note-background-color: #f7f7f7;
	--modalcreateraffle-note-color-border: #9c9c9c;
	--modalcreateraffle-divider-background-color: #9c9c9c;
	--modalsendcustomerconnection-meeting-background-color: #f7f7f7;
	--modalsendcustomerconnection-meeting-place-background-color: #d5d5d5;
	--modalsendcustomerconnection-meeting-color-border: #9c9c9c;
	--modal-pen-products-color: #484848;
	--modal-ticket-page-background-color: #969696;
	--modal-ticket-nav-button-color: white;
	--modal-ticket-card-selected-color: white;
	--modal-ticket-raffle-results-color: white;
	--nav-color: var(--border-color);
	--nav-background-color: var(--background-color);
	--nav-color-border: var(--border-color);
	--nav-link-color-hover: var(--background-color);
	--nav-menu-item-color: var(--background-color);
	--nav-menu-item-color-selected: white;
	--nav-menu-item-background-color-disabled: #969696;
	--nav-menu-item-color-disabled: #9c9c9c;
	--nav-menu-item-color-border: var(--background-color);
	--nav-menu-item-color-hover: var(--black-20percent);
	--note-color-border: var(--border-color);
	--note-color-border-floaty: var(--background-color);
	--note-color-border-floaty-shadow: var(--shadow-color);
	--note-color-text: var(--background-color);
	--note-date-color: #bbbbbb;
	--panel-color-shadow: var(--shadow-color);
	--panel-color-border: var(--border-color);
	--panel-color-border-top: #d5d5d5;
	--panel-color-text: var(--text-color);
	--panel-background-color: var(--secondary-color);
	--panelbuyersorder-grid-background-color: #f7f7f7;
	--panelbuyersorder-grid-color-border: #d5d5d5;
	--panelcustomerlive-livescreencontainer-color: white;
	--panelcustomerlive-livescreencontainer-background-color: #969696;
	--paperworkcreation-background-color: var(--black-60percent);
	--payment-date-background-color: white;
	--payment-color-date-selected: white;
	--payment-change-date-background-color: rgba(40, 128, 144, 0.5);
	--payment-change-date-background-color-fa-stack: rgba(40, 128, 144, 0.6);
	--paymentsheetcarousel-color: #555;
	--paymentsheetcarousel-button-next-color: #d5d5d5;
	--paymentsheetcarousel-card-background-color: #f7f7f7;
	--paymentsheetpaymentstart-date-background-color: #9c9c9c;
	--paymentsheetpaymentstart-date-interval-color: #9c9c9c;
	--paymentsheet-price-button-color-active: white;
	--paymentsheet-ownership-button-background-color: white;
	--paymentsheet-ownership-button-color-text: white;
	--paymentsheet-date-selected-color: white;
	--paymentsheet-date-background-color: white;
	--pdf-signature-sign-background-color: yellow;
	--pdf-signature-cosign-background-color: #00ff1f;
	--pdf-signature-initials-pad-background-color: #d5d5d5;
	--pdf-signature-initials-pad-color-border: #d5d5d5;
	--pdf-signature-initials-pad-color: #9c9c9c;
	--pdf-signature-pad-container-color: #9c9c9c;
	--pdf-signature-background-color: white;
	--pdfviewer-background-color: var(--background-color);
	--placeholder-color-ends: #f7f7f7;
	--placeholder-color-middle: white;
	--popup-container-fullscreen-background-color: var(--black-70percent);
	--popup-container-background-color: var(--background-color);
	--property-mapping-container-color-border: #969696;
	--property-mapping-container-color-border-open: #9c9c9c;
	--purchase-figures-divider-background-color: #d5d5d5;
	--qr-code-background-color: white;
	--qr-code-color: white;
	--qr-code-color-border: black;
	--recoverpassword-body-background-color: #f7f7f7;
	--richtable-alternating-background-color: #fafafa;
	--richtable-border-color: var(--border-color);
	--richtable-paging-buttons-border-color: var(--border-color);
	--richtable-paging-buttons-background-color: var(--background-color);
	--richtable-auto-filter-color: var(--main-color);
	--richtable-header-background-color: #efefef;
	--richtable-header-background-color-hover: #f7f7f7;
	--richtable-header-border-color: var(--border-color);
	--richtable-header-border-color-autofilter: #d2d2d2;
	--richtable-header-border-color-background: var(--background-color);
	--richtable-header-text-color: var(--text-color);
	--richtable-checkbox-color: #efefef;
	--richtable-header-sort-color: #d2d2d2;
	--richtable-header-shadow: var(--black-20percent);
	--richtable-header-search-icon-color: #c1c1c1;
	--richtable-incomplete-amount-color: white;
	--richtable-row-color-hover: #eee;
	--scrollbar-outline-color: #708090;
	--section-container-button-background-color: white;
	--section-container-button-selected-color: white;
	--section-container-button-color: #d5d5d5;
	--section-container-button-color-disabled: #d5d5d5;
	--section-container-carousel-color: #555;
	--section-container-date-background-color: #9c9c9c;
	--section-container-date-interval-color: #9c9c9c;
	--select-border-color: #c7c7c7;
	--select-background-color-disabled: rgba(118, 118, 118, 0.3);
	--select-color-disabled: var(--disabled-color);
	--sidemenu-background-color: var(--secondary-color);
	--sidemenu-color: #9c9c9c;
	--sidemenu-color-border: var(--border-color);
	--sidemenu-color-border-right: #f7f7f7;
	--sidemenu-color-border-bottom: var(--border-color);
	--sidemenu-header-color-border: #287f90;
	--sidemenu-link-color-hover: white;
	--sidemenu-title-color: white;
	--sidemenu-wizard-button-background-color: var(--secondary-color);
	--sidemenu-wizard-color-border: #d5d5d5;
	--sidemenu-wizard-button-color-border-right: #d5d5d5;
	--sidemenu-wizard-button-color-disabled: #9c9c9c;
	--sidemenu-wizard-title-background-color-disabled: #9c9c9c;
	--span-grid-title-label-color: gray;
	--span-valuespan-color: #9c9c9c;
	--switchbutton-color: #dcdcdc;
	--switchbutton-active-color: var(--main-color);
	--switchbutton-switcher-color: var(--background-color);
	--sync-response-color-border: #d5d5d5;
	--sync-response-background-color: var(--black-60percent);
	--sync-response-container-background-color: white;
	--tableitemlistcomponent-color: #9c9c9c;
	--tabmenu-color-border: var(--border-color);
	--tabmenu-background-color-hover: #94c0c7;
	--tabmenu-color-hover: white;
	--tabmenu-color-close-button: black;
	--tabmenu-background-color-close-button: white;
	--tradein-vehicle-deal-locked-div-border-color: #ce6107;
	--user-info-container-background-color: var(--black-20percent);
	--user-info-container-color-border: #d5d5d5;
	--user-info-floating-menu-color: var(--text-color);
	--warranty-span-color: #9c9c9c;
	--warranty-expired-color: red;
	--webkit-scrollbar-track: var(--border-color);
	--wizard-content-add-new-vehicle-color: #9c9c9c;
	--input-rich-dropdown-item-border-color: var(--secondary-color);
	--input-rich-dropdown-item-separator-color: var(--black-10percent);
	--input-rich-dropdown-item-background-color: var(--background-color);
	--input-rich-dropdown-item-background-color-hover: #f0f3f6;
	/* #endregion */
	--fz-xxs: 1rem;
	--fz-xs: 1.6rem;
	--fz-s: 2.2rem;
	--fz-md: 3.1rem;
	--fz-l: 4rem;
	--fz-xl: 4.5rem;
	--fz-xxl: 5rem;
	--default-border-radius: 4px;
	--header-height: 55px;
	--footer-height: 25px;
	--nav-width: 60px;
}