html {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
	background-color: #122333;
  }
  h1 {
    font-size: 1.8rem;
    color: #00a6ff;
  }
  h2{
    font-size: 1.5rem;
    font-weight: bold;
    color: #00a6ff;
  }
  .topnav {
    overflow: hidden;
    background-color: #21374a;
  }
  body {
    margin: 0;
    
  }
  .content {
    padding: 5px;
    /*max-width: 800px;*/
    width: 90%;
    margin: 0 auto;
  }
  .card {
    background-color: #182b3c;
    //box-shadow: 2px 2px 5px 2px rgba(0,166,255,.5);
    padding-top:2px;
    padding-bottom:2px;
	border-radius: 20px;
  }
  .login-box {
  background-color: #182b3c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  padding-left: 2%;
  padding-right: 2%;
  //box-shadow: 2px 2px 50px 2px rgba(0,166,255,.5);


}
  .button {
    padding: 10px 60px;
    font-size: 18px;
    text-align: center;
    outline: none;
    color: #fff;
    background-color: #2eac68;
    border: none;
    border-radius: 5px;

	  

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
   }
   .button:hover {
    /*background-color: #00a6ff;*/
    color: black;
   }
   .button:active {
     background-color: #1a3c58;
     box-shadow: 2 2px #CDCDCD;
     transform: translateY(2px);
   }
   
   .getText {
    padding: 10px 30px;
    font-size: 18px;
    text-align: left;
    outline: none;
    color: #fff;
    background-color: #4A5568;
    border: none;
    border-radius: 20px;
   }
   .getText:hover {
    background-color: #2eac68;
    color: black;
   }


   .labelBold {
     font-size: 1.0rem;
     color:#A0AEC0;
     font-weight: bold;
   }
   .label {
     font-size: 1.0rem;
     color:#A0AEC0;
     
   }

div.settings {
    display:grid;
    grid-template-columns: max-content auto;
    grid-gap:5px;
    padding: 10px;
    align-items: center;
}
div.settings label       { text-align:right; }


div.settingsAdmin {
    display:grid;
    grid-template-columns: auto auto;
    grid-gap:5px;
    padding: 20px;
    align-items: center;
}
div.settingsAdmin label       { text-align:right; }



.btn-group button {
  background-color: #2eac68; /* Green background */
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
  /*background-color: #2eac68;*/
}