:root {
  --ws-background-color: rgba(220, 53, 69, .35);
  --ws-background-color-secondary: rgba(220, 53, 69, .75);
  --ws-border-color: rgba(220, 53, 69, 1);
  --ws-border-color-input: rgba(220, 53, 69, .45);
  --ws-border-color-input-focus: rgba(220, 53, 69, .65);
  --ws-shadow-color-input-focus: rgba(220, 53, 69, .45);
}

body {
  font-family: Calibri;
}

.form-signin {
  max-width: 380px;
  padding: 1rem;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
.form-signin .form-floating input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin .form-floating input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ws-date:hover {
  cursor: pointer;
}

.list-group {
  border-radius: 0px;
}

.form-control, .form-select {
  border-color: var(--ws-border-color-input);
}
.form-control:focus, .form-select:focus {
  border-color: var(--ws-border-color-input-focus);
  box-shadow: 0 0 0 .20rem var(--ws-shadow-color-input-focus);
}