:root {
    --canvas-color: #D8DCE2;
    --page-color: #FFFFFF;
    --drawer-color: #F4F6F9;
    --primary-color: #1387DF;
    --secondary-color: #FF7700;
    --alert-color: #dc3545;
    --page-gutter: 24px;
    --page-min-width: 1000px;
    --page-max-width: 1260px;
    --table-grey: rgba(33, 33, 33, 0.7);
    --notification-color: #FFB61E;
    --info-color: #17a2b8;
    /*These are for dots pagination*/
    --dot-size: 1rem;
    --dot-gap: 1rem;
    --dot-border: 0.25rem;
    --dot-dur: 200ms;
    --dot-tf: cubic-bezier(0.215, 0.61, 0.355, 1);
    --dot-rgb: 30, 144, 255;
    --dot-color: rgba(var(--dot-rgb), 0.5);
    --dot-color-adjacent: rgba(var(--dot-rgb), 0.8);
    --dot-color-active: rgba(var(--dot-rgb), 1);
    --dot-color-active-inner: white;
	--config-grey: #abe0ed;
    --page-on-hover: #F4F6F9;
    --page-text-color: #000000;
    --scrollbar-main-thumb-color: #babac0;
    --scrollbar-main-track-color: #FFFFFF;
    --scrollbar-main-thumb-border-color: #FFFFFF;
    --drawer-on-hover: #FFFFFF;
    --drawer-font-color: #000000;
    --scrollbar-drawer-thumb-color: #babac0;
    --scrollbar-drawer-track-color: #FFFFFF;
    --scrollbar-drawer-thumb-border-color: #FFFFFF;
    --primary-text-color: #FFFFFF;
    --info-text-color: #FFFFFF;
    --delete-color: #dc3545;
    --out-of-stock-font-color: #EE3535;
    --config-label-font-color: #000000;
    --dot-color: #1e90ff;
    --dot-color-active-inner: #FFFFFF;
}
.banner {
	display:none;
}