.login_btn{
    background-color: #104676;
    color: white;
}

.login_btn:hover{
    background-color: #0d3b5e;
    color: white;
}

.theme-toggle-container {
  position: absolute;
  z-index: 1000;
}

.theme-toggle-btn {
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
}

html.dark-theme .theme-toggle-btn {
  color: #e0e0e0;
}


.theme-logo {
  border-radius: 8px;
}

html:not(.dark-theme) .theme-logo {
  content: url("/img/crm-logo-light.png");
}

html.dark-theme .theme-logo {
  content: url("/img/DSS_logo1B.png");
}

html.dark-theme {
    background-color: #2b2b2b;
    --nav-bg: #363636;
    --text-primary: #e0e0e0;
    --bg-body: #2b2b2b;
    --bg-main: #2b2b2b;
    --form-input-bg: #424242;
    --form-input-border: #555555;
    --form-input-text: #e0e0e0;
    --btn-primary-bg: #224f9b;
    --btn-primary-text: #ffffff;
  }
  html.dark-theme body {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
  }

  html.dark-theme .form-control,
  html.dark-theme .form-select,
  html.dark-theme input[type="text"],
  html.dark-theme input[type="email"],
  html.dark-theme input[type="password"],
  html.dark-theme textarea,
  html.dark-theme select {
    background-color: #424242 !important;
    color: #e0e0e0 !important;
    border-color: #555555 !important;
  }
  html.dark-theme .form-control::placeholder {
    color: #888888;
  }

  html.dark-theme .setButtonStyle {
    background-color: #224f9b;
    color: #ffffff;
  }
  html.dark-theme .input-group-text {
    background-color: #424242;
    color: #e0e0e0;
    border-color: #555555;
  }
  html.dark-theme h1,
  html.dark-theme h2,
  html.dark-theme h3,
  html.dark-theme h4,
  html.dark-theme h5,
  html.dark-theme h6 {
    color: #e0e0e0;
  }