.login-button {
    color: white !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: 0!important;
}

.login-button:hover {
    color: white !important;
    border-color: #76d678 !important;
    background-color: #76d678 !important;
    border-width: 0;
}

.logout-button {
    color: white !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: 0!important;
}

.logout-button:hover {
    color: white !important;
    border-color: #e86f6f !important;
    background-color: #e86f6f !important;
    border-width: 0;
}

.register-button {
    color: white !important;
    border-color: var(--green) !important;
    background-color: var(--green) !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: 0!important;
}

.register-button:hover {
    color: white !important;
    border-color: #76d678 !important;
    background-color: #76d678 !important;
    border-width: 0;
}

.unregister-button {
    color: white !important;
    border-color: var(--red) !important;
    background-color: var(--red) !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: 0!important;
}

.unregister-button:hover {
    color: white !important;
    border-color: #e86f6f !important;
    background-color: #e86f6f !important;
    border-width: 0;
}

.round-button, .round-button:hover {
    border-radius: 50rem !important;
    border-width: 0!important;
}

.link-button {
    color: darkgray !important;
    border-color: whitesmoke !important;
    background-color: whitesmoke !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: 0!important;
}

.link-button:hover {
    color: darkgray !important;
    border-color: #76d678 !important;
    background-color: #76d678 !important;
    border-width: 0;
}
.btn-check:checked + .login-button, .btn-check:active + .login-button, .login-button:active, .login-button.active, .login-button.dropdown-toggle.show {
    color: white !important;
    border-color: var(--green) !important;
    background-color: var(--green) !important;
    border-width: medium!important;
}

.login-select-button {
    color: white !important;
    border-color: var(--blue) !important;
    background-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-width: medium!important;
}

.login-select-button:hover {
    color: white !important;
    border-color: var(--green) !important;
    background-color: transparent !important;
    border-width: medium!important;
}

.btn-check:checked + .login-select-button, .btn-check:active + .login-select-button, .login-select-button:active, .login-select-button.active, .login-select-button.dropdown-toggle.show {
    color: white !important;
    border-color: var(--green) !important;
    background-color: var(--green) !important;
    border-width: medium!important;
}


.social-button {
    color: dimgrey !important;
    border-color: white !important;
    background-color: white !important;
    border-width: medium!important;
    outline: 0 !important;
    box-shadow: none !important;
}

.social-button:hover {
    color: dimgrey !important;
    border-color: var(--green) !important;
    border-width: medium;
    background-color: white !important;
}

.submit-button{
    background-color: var(--green) !important;
    color: white !important;
}

.submit-button:hover{
    background-color: var(--blue) !important;
    color: white !important;
}

.do-not-know-button{
    background-color: var(--red) !important;
    color: white !important;
}

.do-not-know-button:hover{
    background-color: var(--blue) !important;
    color: white !important;
}


.logout-button {
    color: #ffffff !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
    border-width: medium!important;
}

.logout-button:hover {
    color: #ffffff !important;
    border-color: var(--red) !important;
    background-color: var(--red) !important;
    border-width: medium!important;
}

.dropdown-button, .button:focus {
    color: white !important;
    border-color: var(--grey) !important;
    background-color: var(--grey) !important;
    border-width: medium!important;
}

.dropdown-button:hover {
    color: white !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important;
    border-width: medium!important;
}

.email-button {
    border-color: var(--blue) !important;
    border-width: medium!important;
}

/* DROPDOWN STYLES */

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  /*display: none;*/
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: white;
  text-align: left;
  list-style: none;
  background-color: var(--grey);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 20px;
    color: lightgray;
    white-space: nowrap;
    background-color: var(--grey);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: white;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--grey);
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--blue);
  background-color: var(--dark-grey);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.lms_bokeh_control {
    display: None!important;
}

.hamburger, .hamburger:hover, .hamburger:active, .hamburger:focus {
    background-color: transparent;!important;
    color: white;!important;
    outline:none;!important;
    box-shadow: none;!important;
}

.hamburger-dark, .hamburger-dark:hover, .hamburger-dark:active, .hamburger-dark:focus {
    background-color: transparent;!important;
    color: black;!important;
    outline:none;!important;
    box-shadow: none;!important;
}

.hamburger-menu {
    background-color: rgba(0.2, 0.2, 0.2, 0.85);!important;
    width: max-content;!important;
}

.hamburger-item {
    font-size: 25px;
    color: lightgray;
    padding: 10px;
}

.hamburger-float {
    position: fixed;
    right: 0;
    z-index: 1000;
}

.btn-header, .btn-animated {
    color: white; !important;
    border-color: white; !important;
    background-color: black; !important;
}

.btn-animated {
  animation: pulse 1s linear infinite alternate;
}

@keyframes pulse {
  from {border-color: var(--green)}
  to {border-color: white}
}

.btn-header:hover, .btn-animated:hover {
  color: white; !important;
  background-color: black; !important;
  border-color: #6baed6; !important;
}

.btn-autopilot-off {
    color: var(--red); !important;
    border-color: var(--blue); !important;
    background-color: black; !important;
}

.btn-autopilot-off:hover {
  color: var(--red); !important;
  background-color: black; !important;
  border-color: var(--green); !important;
}

.btn-autopilot-on {
    color: var(--green); !important;
    border-color: white; !important;
    background-color: black; !important;
}

.btn-autopilot-on:hover {
  color: var(--green); !important;
  background-color: black; !important;
  border-color: var(--red); !important;
}

.auto-button button{
  margin-bottom:5px !important;
}