body {
  background: #f5f5f5;
  color: #222;
}

a {
  color: #333;
}
a:hover {
  color: #ED1C24;
}

.app-header {
  background: #333;
  color: white;
}
.app-header .app-identity {
  color: white;
}
.app-header .hamburger-btn {
  color: white;
}

.app-nav {
  background: #f0f0f0;
}
.app-nav .nav-item > *:hover {
  background: #d4d4d4;
}
.app-nav .active {
  background: #e0e0e0;
}
.app-nav a:hover {
  color: inherit;
}

button {
  background: #ED1C24;
  color: white;
}
button:hover {
  background: rgb(198.2775510204, 15.7224489796, 22.7102040816);
}
button:active {
  background: rgb(174.6510204082, 13.8489795918, 20.0040816327);
}

.logout-btn {
  background: #dc3545;
  color: white;
}

.site-content > div {
  background: white;
  color: #222;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.result-message.success {
  background: #e8f5e9;
  color: #2e7d32;
  border-left-color: #4caf50;
}
.result-message.error {
  background: #ffebee;
  color: #c62828;
  border-left-color: #f44336;
}

.app-footer {
  color: #777;
  border-top-color: #ddd;
}

.app-switcher .switcher-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.app-switcher .switcher-content {
  background: white;
}
.app-switcher .switcher-content .switcher-close {
  background: #ccc;
}
.app-switcher .switcher-content .switcher-close:hover {
  background: #bbb;
}
.app-switcher .switcher-content .switcher-header {
  border-bottom-color: #eee;
}
.app-switcher .switcher-content .switcher-user {
  background: #f9f9f9;
  border: 1px solid #eee;
}
.app-switcher .switcher-content .switcher-user .switcher-user-name {
  color: #222;
}
.app-switcher .switcher-content .switcher-user .switcher-user-email {
  color: #666;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-header .logo-square {
  background: linear-gradient(135deg, #000000 50%, #ED1C24 50%);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-header .login-titles h2 {
  color: #222;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-header .login-titles .switcher-login-subtitle {
  color: #555;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-header .login-titles .switcher-login-subtitle-small {
  color: #777;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .form-group label {
  color: #333;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .form-group input {
  background: #fff;
  border-color: #ccc;
  color: #222;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .form-group input:focus {
  border-color: #ED1C24;
  outline: none;
  box-shadow: 0 0 0 3px rgba(237, 28, 36, 0.25);
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .form-group .toggle-password {
  color: #666;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .form-group .toggle-password.slashed {
  color: #ED1C24;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-button {
  background: #ED1C24;
  color: white;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .login-button:hover {
  background: #c5161c;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .password-help a {
  color: #ED1C24;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .password-help a:hover {
  color: #ED1C24;
}
.app-switcher .switcher-content .switcher-user .switcher-user-login .info-text {
  color: #555;
}
.app-switcher .switcher-content .switcher-grid .app-card {
  color: black;
}
.app-switcher .switcher-content .switcher-grid .app-card:hover {
  background: #f0f0f0;
}

.form-element label {
  color: #333;
}
.form-element input {
  border-color: #ccc;
}

.toggle-password svg {
  fill: #666;
}
.toggle-password svg.slashed {
  fill: #ED1C24;
}
.toggle-password svg.slashed line {
  stroke: #ED1C24;
}

.app-content a {
  color: dimgray;
}

table th, table td {
  border-color: #ccc;
}

/*# sourceMappingURL=shared-colors-light.css.map */
