:root {
      /*mira-theme*/
      --accent: #27b1ff;
      --accent-dark: #00304c;
      --gray-light: #abb0d3;
      --gray-med: #1a2647;
      --gray-event-note: #272d3f;
      --gray-dark: #0e1425;
      --gray-600: #8a8da8;
      --gray-700: #747893;
      --gray-800: #272d3f;
      --gray: #0e1425;
      --border-color: #404040;
      --nav-color: #010417;
      --black: #010417;
      --danger: red;
      --warning: #ffa700;
      --good: #4bb02b;
      --legacy_local: #009cd4;
      --legacy_white: #ffffff;
      --legacy_indigo: #3f51b5;
      --legacy_orange: #ffa700;
      --legacy_red: #890000;
      --legacy_red-dark: #260909;
      --legacy_red-bright: #ff0000;
      --legacy_green: #285e17;
      --legacy_green-dark: #0c2705;
      --legacy_green-faded: #5b7d6d;
      --legacy_green-success: #4bb543;
      --legacy_blue-faded: #57629e;
      --legacy_blue-airforce: #588bae;
      --legacy_cobalite: #9999ff;
      --legacy_tilla-kari: #00cccc;
      --legacy_malibu-blue: #008cbd;
      --legacy_water-hen-black: #2e4051;
      --legacy_cascading-white: #f6f6f6;
      --legacy_vms-animal-blue: #3596f3;
      --legacy_vms-person-red: #f44336;
      --legacy_vms-bike-purple: #9c27b0;
      --legacy_vms-car-green: #4caf50;
      --legacy_vms-luggage-teal: #2e9688;
      --legacy_vms-boat-yellow: #ffc107;
      --legacy_vms-hardhat-pink: #e91e63;
      --legacy_vms-nohardhat-green: #8bc34a;
      --legacy_vms-smoke-blue: #3a8eb7;
      --legacy_vms-fire-orange: #ff5722;
      --legacy_vms-unknown-gray: var(--gray-600);
      /*******overrides START ******************/
      --background: #0d1322; /*our darkest color, mira top nav bar. middle nav in BI */
      --grey-200: #0d1322;
      --grey-100: #0e1425;
      --surface: #020417; /* main background color */
      --green: var(--good);
      --selector-color: var(--accent);
      --danger-btn-hover: var(--danger);
      --grid-content-bg-hover-color: var(--accent) !important;
      --grid-content-bg-active-color: var(--legacy_local);
      --grid-content-text-hover-color: var(#ffffff) !important;
      --hover-bg-color: var(--legacy_local);
      --surface-med: #0e1425; /* slightly lighter content div bg */
      --surface-light: #272d3f; /* highlighted content cards */
      --surface: #000417; /*--primary-branding-bg-color: #000417;*/
      --main-surface: #0d1322;
      --side-nav-header-bg: #374151;
      /*******overrides END ******************/
      /*******SOURCEs START ******************
        --background: #222733;
      --grey-100: #222733;
      --grey-200: #0d1322;
      --gray-900
      --green: #22C55E;
      --selector-color: #5f99f8;
      --danger-btn-hover: #f36464;
      var(--grid-content-bg-hover-color)!important
      var(--grid-content-text-hover-color) !important
    ********SOURCE END ******************/
    }
    
    .help-icon-item,
    .user-image-container,
    .profile-pic-tag,
    .mobile-display-name {
      display: none;
      visibility: hidden;
    }
    
    :root {
      --body-font-family: Roboto, 'Helvetica Neue', sans-serif;
    
      --primary-branding-border-color: var(--accent);
    
      --primary-text-normal-color: var(--primary-black);
      --primary-text-hover-color: var(--primary-text-normal-color);
      --secondary-text-normal-color: var(--gray-700);
    
      --hover-bg-normal-color: var(--gray-light);
      --active-bg-normal-color: var(--accent);
      --active-text-normal-color: var(--primary-text-normal-color);
      --hyper-link-normal-color: var(--primary-black);
      --hyper-link-hover-color: var(--blue-secondary);
    
      --primary-btn-bg-normal-color: var(--accent);
      --primary-btn-bg-hover-color: var(--accent);
      --primary-btn-bg-disable-color: var(--gray-light);
    
      --primary-btn-border-normal-color: var(--accent);
      --primary-btn-border-disable-color: var(--gray-400);
    
      --primary-btn-text-normal-color: var(--primary-text-normal-color);
      --primary-btn-text-hover-color: var(--primary-btn-text-normal-color);
      --primary-btn-text-disable-color: var(--gray-500);
    
      --secondary-btn-bg-normal-color: var(--accent-dark);
      --secondary-btn-bg-hover-color: var(--gray-500);
      --secondary-btn-bg-disable-color: var(--gray-light);
    
      --secondary-btn-border-normal-color: var(--accent);
      --secondary-btn-border-disable-color: var(--gray-400);
    
      --secondary-btn-text-normal-color: var(--primary-text-normal-color);
      --secondary-btn-text-hover-color: var(--secondary-btn-text-normal-color);
      --secondary-btn-text-disable-color: var(--gray-500);
    
      --link-btn-bg-normal-color: var(--nav-color);
      --link-btn-bg-hover-color: var(--accent);
    
      --link-btn-text-normal-color: var(--accent);
      --link-btn-text-hover-color: var(--primary-text-normal-color);
    
      --link-btn-border-normal-color: var(--accent);
      --link-btn-border-hover-color: var(--accent);
    
      --nav-menu-main-color: var(--primary-branding-bg-color);
    
      --nav-menu-bg-normal-color: var(--nav-color);
      --nav-menu-bg-hover-color: var(--hover-bg-normal-color);
      --nav-menu-bg-active-color: var(--active-bg-normal-color);
    
      --nav-menu-pri-text-normal-color: var(--primary-text-normal-color);
      --nav-menu-pri-text-hover-color: var(--primary-text-hover-color);
      --nav-menu-pri-text-active-color: var(--active-text-normal-color);
    
      --nav-menu-hyper-link-normal-color: var(--hyper-link-normal-color);
      --nav-menu-hyper-link-hover-color: var(--hyper-link-hover-color);
    }
}