:root {

  --basic-text-color: #212121; 

    
  --basic-border-thickness: 1px; /* 0.1px; */
  --basic-border-thickness-minus: -1px;
  --basic-border-color: #888888 /*47% black*/ ; /*#666666 /*60% black*/ ;  /*#CCCCCC /*light grey*/; /*#00000040; /*#0000000d; /*#d5dce3;*/
  --basic-border-color_2: #d5dce3;
  --hover-row-background-color: #e5f3ff;
  --hover-cell-background-color: #e5f3ff;
  --hover-cell-background-color_2: #3e8ad769;
  --limit-cell-background-color: #e5f3ff80;


  --headerGround: #515c6b;  /* #648498 '#515c6b'; //very good dark metal grey
                            /* '#c6d6e0fc'; too bright  */
                            /* #464c50e6 - grey  */
  --auxheaderGround: white;

  --mainGround: rgb(248, 249, 250); 
  
  --elementHover: #e5f3ff;   /* '#cce8ff'; */
  
  --commonPadding: 4px;
  --commonPaddingHalf: 2px;
  --commonPaddingSides: 6px;
  /*--bottomPadding: 0px; */
  --headerPaddingSides: 8px;

  --textMarginLeft: 6px;
  --textMarginRight: 6px;

  --tabPaddingTop: 4px;
  --tabPaddingBottom: 5px;
  --tabPaddingvert: 10px;
  --tabPaddingSides: 16px;
  --tabBorderColor: rgba(0, 0, 0, 0.1); 

  --gradientBorder: linear-gradient(to bottom, rgb(248, 249, 250) 2%, #515c6b 5%, #515c6b 95%, rgb(248, 249, 250) 98%) 1 100%;
  --borderWidth: 0.05em;

  --borderColor: #515c6b;
  --lightGround: #E7E9EC; /*'#5ea5c0'; /* #f1f1f1 */

  --commonMargin: 4px;
  --rightMargin: 5px;
  --bottomMargin: 8px;

}