body {
  font-family: "PT Sans", sans-serif !important;
  background-color: #496e9b;
}

h3 {
  color: white !important;
}

div.toggle {
  margin-left: 62.5%;
  margin-top: 5%;
}

div .toggle-on {
  background-color: #fdd40a !important;
  color: #231f20 !important;
}

div .toggle-on:hover {
  background-color: #fdd40a !important;
  color: #231f20 !important;
}

div .toggle-off {
  color: #496e9b !important;
  background-color: white !important;
}

div .toggle-off:hover {
  color: #496e9b !important;
  background-color: white !important;
}
.vertical-offset {
  margin-top: 10%;
}

.panel,
.panel-heading {
  background-color: #231f20 !important;
  border-color: #496e9b !important;
}

.btn {
  background-color: #496e9b;
  color: #fff;
}

.btn:hover {
  background-color: #4f76a7;
  color: #fff;
}

.btn:focus {
  outline: none !important;
}

.signIn {
  float: right;
}

/***************** LOADER ******************/
.loader {
  border: 0.5em solid #f3f3f3; /* Light grey */
  border-top: 0.5em solid #fdd40a; /* Yellow */
  border-radius: 50%;
  width: 3.25em;
  height: 3.25em;
  animation: spin 2s linear infinite;
  margin: 0 auto;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*****************************************/