html,
  body,
  #mapEl {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
  }


body {
  font-family: "Poppins";

}

  body {
    display: flex;
  }

  calcite-loader {
    align-self: center;
    justify-self: center;
  }

  #info-content {
    padding: 0.75rem;
  }

  calcite-rating {
    margin-top: 0.25rem;
  }


calcite-button[data-action-id="blueID"] {
      --calcite-icon-color: blue;
--calcite-button-border-color: #4A4A4A;
    }

:root {
--calcite-button-background-color: white; /* Example: Blue color */
--calcite-button-text-color: #4A4A4A;
--calcite-button-border-color: #4A4A4A;
--calcite-tile-border-color: lightgrey;  //#4A4A4A;
--calcite-tile-heading-text-color: grey; 

    }

calcite-dialog[id="AlertDialog"]{
--calcite-panel-header-background-color: #F3F3F3;

}

calcite-dialog[id="WelcomeDialog"]{
--calcite-dialog-footer-background-color: white;
--calcite-dialog-border-color: white;
--calcite-dialog-scrim-background-color: rgba(0, 0, 0, 0.5);

}

calcite-button[data-action-id="ShowTables"] {
--calcite-button-border-color: white;
--calcite-button-text-color: #757575;

    }


/* *****************tool pad ******************/
calcite-shell-panel[id="floatingToolPad"] {
      --calcite-shell-panel-min-width: 0;
      --calcite-shell-panel-width: auto;
      --calcite-shell-panel-max-width: auto;

    }

calcite-shell-panel {
      --calcite-shell-panel-min-width: 300px;
      --calcite-shell-panel-width: 400px;
      --calcite-shell-panel-max-width: 500px;
    }




calcite-action-bar[id="PadID"]{
--calcite-action-bar-background-color: #F3F3F3;

}

calcite-tab-title[selected] {
--calcite-tab-background-color: white;
--calcite-tab-text-color: black;
--calcite-tab-accent-color-press:#007ac2; /* Sets the active tab line/text color */
--calcite-tab-background-color-hover: white;
--calcite-tab-border-color: white;

}


calcite-tab-title {
  --calcite-tab-text-color: white; /* Default text color */
  --calcite-tab-accent-color-press: #007ac2; /* Active/Selected color */
  --calcite-tab-background-color-hover: white; /* Hover background */
  --calcite-tab-border-color: white;
}



calcite-table {
  --calcite-table-row-background-color-striped: rgb(191,10,48, .1); /* Set custom color */
}



calcite-table-header {
  --calcite-table-header-background-color:rgb(191,10,48, .05); /* Light gray background */

}



/* *****************BELOW THIS IS NOT CALCITE!!!******************/


/* ******************  Position floating tools ***************************/
#fixedOverlayDiv {
      position: absolute;
      top: 5px;
      left: 150px;
      z-index: 10; /* Ensure it's above the map */
      background-color: rgba(255, 255, 255, 0.0);
   
      border-radius: 5px;
	
  }

/* Style the tab table content for bottom tabs */
.tabRESULTSTablecontent {
 height:220px;
width: auto;
overflow: auto; 
padding:0px 0px 0px 20px;

}