:root {
  --font-colorBasic: #eee;
  --font-colorStrong:#fff;
  --font-colorStrongTop:#fff;
  --font-color3:#41B3A3;
  --font-color4:#8b9dc0;
  --font-colorSuccess:#00ffc9;
    --font-colorError:#ff4c4c;
  --font-colorWarning:#eea236;


 --color-nav-orange:#FF8C00;
  --color-nav-orange-back:#FFA500;

  --color-nav-green:#3B945E;
  --color-nav-green-back:#358554;
  --color-nav-lightblue:#5bc0de;
  --color-nav-lightblue-back:#179dc5;

  --font-color-onclick:#b7cfff;/*#8b9dc0*/ /* #b7cfff */
  --font-color-onclick-hover:#fff;

  --shadow1:#111;
  
  --font-highlight2:#fff;

	--font-family-title:"raleway",Arial,Helvetica,sans-serif;

	--font-family-main:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;

	--back-main:#192532;
	--back-2:#1f2d3d;
	--back-3:#243649;
  

	--back-alt:#efefef;
	--back-highlight1:#231f20;
	--back-highlight2:#354f6b;
	--back-transparent-main:rgba(25, 37, 50, 0.9);
	--back-transparent-1:rgba(36, 54, 73, 0.85);
	--back-transparent-2:rgba(236,237,238,0.83);
	--back-transparent-3:rgba(53, 79, 107, 0.85);
	--back-transparent-4:rgba(12, 18, 25, 0.85);
	--back-transparent-5:rgba(31, 45, 61, 0.85);
	--back-transparent-6:rgba(42, 63, 84, 0.8);
	--back-transparent-7:rgba(18, 33, 49, 0.85);

  --back-transparent-force0:rgba(0, 0, 0, 0.05);
	--back-transparent-force1:rgba(0, 0, 0, 0.1);
	--back-transparent-force2:rgba(0, 0, 0, 0.15);
	--back-transparent-force3:rgba(0, 0, 0, 0.2);
	--back-transparent-force4:rgba(0, 0, 0, 0.25);
	--back-transparent-force5:rgba(0, 0, 0, 0.3);
	--back-transparent-force6:rgba(0, 0, 0, 0.35);
	--back-transparent-force7:rgba(0, 0, 0, 0.4);

	--back-transparent-force8:rgba(0, 0, 0, 0.5);
	--back-transparent-force9:rgba(0, 0, 0, 0.6);
	--back-transparent-force10:rgba(0, 0, 0, 0.7);
	--back-transparent-force11:rgba(0, 0, 0, 0.8);
	--back-transparent-force12:rgba(0, 0, 0, 0.85);
	--back-transparent-force13:rgba(0, 0, 0, 0.89);
	--back-transparent-force14:rgba(0, 0, 0, 0.9);

	--back-select-transparent-1:rgba(26, 187, 156, 0.7);


	--background-1:#243649;/* equivalent to back 3 for dark, white for light*/
	--background-2:#1f2d3d;/* equivalent to back 2 for dark, first level of grey #ccc for light */

	--background-highlight-cell:#354f6b; /* #dcdcdc for light */
	--color-border-cell:#354f6b; /*ccc for light */
	--color-lightelt-cell:#354f6b; /*eee for light */
	--color-light-cell2:#999; /*#5f5f5f for light */
	--color-dimmed-cell:#aaa; /* #777 for light */
	--color-selected-cell:#354f6b; /* #eee for light */

}