:root {
    --color-background-default: #f5f5f5;
    --color-dark-side-bg: #2C2C32; /*light gray*/
    --color-dark-side-bg-hover: #383840;
    --color-dark-side-menu: #25252B; /*dark gray*/
    --color-border: #e5e5e5;
    --color-border-dark: #4d4d51;
    --color-light-side-bg: var(--color-light-side-bg); /*#111*/ /*#333*/
    --color-font-hyperlink: #4db2ff; /*Visual Studio hyperlink blue*/
    --color-font-hyperlink-hover: #007bff;
    --color-font-dark-side-light: #979ca0;
    --color-font-dark-side: #6c7780; /*light gray*/ /*#6c7780*/ /*#5b626b*/ /*#666666*/
    --color-theme: #1f9ad6; /*#1f9ad6*/
    --color-theme-hover: #1592d0; /*#1592d0*/
    --color-theme-light: #c0eaff; /*#c0eaff*/
    --color-theme-shadowcolor: #0d6efd40; /*##0d6efd40*/
    --color-bersian-blue: #1f9ad6;
    --color-bersian-blue-hover: #1592d0;
    --color-control: #f0f0f0;
    --color-topbar-lighterblue: #314254;
    --color-dashor-green: #59ceb5;
    --color-dashor-green-fade-light: #59ceb526;
    --color-dashor-green-fade: #cdf0e9;
    --color-dashor-green-fade-opacity: rgba(209, 245, 238, 0.86);
    --color-blue-grey-lighten: #B0BEC5;
    --color-blue-grey-darken: #546E7A;
    --color-gold: #FFD700;
    --color-disabled: #95a5a6;
    --color-red: #ec536c;
    /*--color-dark-side-bg: #25252B;
    --color-dark-side-menu: #2C2C32;*/
    --fade-in-out: all 0.4s ease-in-out;
}