body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
/* *--------             BUTTONS        ----------------*/
.image-toggle {
    border-style: none;
}
.image-toggle:hover{
   border-style: solid;
   border-width: 0px 2px 0px 2px;
   border-color: #1faa92;
}

.impact-button {
    background-color: #00529c;
    border-radius: 12px;
    color: white;
    font-size: 20px;
    width: 200px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #6781ba;
    font-weight: bold;
 }
.impact-button:hover {
    background-color: #6781ba;
}
.impact-button:active {
      transform: translateY(4px);
 }
.min-button {
    font-size: 16px;
    width: 60px;
    height: 32px;
    border: none;
    font-weight: bold;
 }
.min-button:hover {
   font-size: 20px;
}
.min-button:active {
      transform: translateY(4px);
 }
  /* s-button to open and close side panels */
  .s-button{
    background-color: white;
    color: #808080;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 6px 6px 0px;
    border-style: solid;
    border-color: '#404040';
    font-size: 18px;
}
.s-button:hover{
    background-color: #d0d0d0;
}
.s-button:active{
    transform: translateY(3px);
}
.simple-toggle-OFF{
    background-color: white;
    color: #808080;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: '#404040';
    font-size: 16px;
}
.simple-toggle-OFF:hover{
    font-weight: bold;
    background-color: #1faa92;
    color: white;
}
.simple-toggle-OFF:active{
    transform: translateY(3px);
}
.simple-toggle-ON{
    background-color: lightgreen;
    color: #202020;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    border-color: '#404040';
    font-size: 16px;
}
.simple-toggle-ON:hover{
    font-weight: bold;
    background-color: #202020;
    color: white;
}
.simple-toggle-ON:active{
    transform: translateY(3px);
}
/* *--------             Stacks & State Change Button       ----------------*/
.stack-pane{
    background-color: white;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #999fa8;
    color: #a0a0a0;
}
.statechg-button{
    border: black;
    border-width: 1px;
    padding: 0px;
    font-size: 16px;
    color: black;
    background-color:  white;
}
.statechg-button:hover{
    background-color:  lightgrey;
}
.statechg-button:active{
    background-color:  lightblue;
}
/* *--------             Checkboxes and Lists    ----------------*/
.checkbox {
    border-style: solid;
    border-width: 1px;
    border-color: #999fa8;
    background-color: white;
}
/*Selection List */
.sel-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.sel-list li {
    cursor: pointer;
    font-size: 10;
    border: 2px solid #FFFFFF;
    margin-top: -2px; /* Prevent double borders */
    background-color: #e8e8e8;
    padding: 6px;
    text-decoration: none;
    color: black;
    display: block
}
.sel-list li:hover {
    background-color: #1faa92;
    color: white;
}
.sel-list li:active {
    transform: translateY(2px);
}
/* *--------          Geo (Maps) Page         ---------------------------------------*/
#pnlNav {
    background-color: white;
    border-radius: 14px 14px 0px 0px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #999fa8;
}
.navbutton {
    background-color: #10101000;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    border-style: none;
    border-radius: 8px;
    border-color: #bdc1c9;
}
.navbutton:hover {
    transform: scale(1.3);
    transition: 0.2s;
}
.navbutton:active {
    transform: translateY(3px);
}
.edit-icon{
    stroke:  #6781ba;
    stroke-width: 2;
    fill: #80808040;
}
.edit-icon:hover{
    fill: #FFFFFFA0;
}
.edit-icon-selected{
    stroke:  green;
    stroke-width: 3;
    fill: #FFFF0080;
}
.edit-icon-selected:hover{
    fill: #FFFF00;
}
.edit-icon-selected:active{
    fill: #FFFFFF30;
}

/* *--------          MISC        ---------------------------------------*/
#tooltip {
    font-weight: bold;
    padding: 5px;
    box-shadow: 5px 5px 5px 5px #777777;
}
.w-label{
    font-size: 14px;
    font-style: italic;
    color: black;
}