:root {
  --red-bg: #BF3836;
  --blue-bg: #02668e;
  --light-blue-bg: #5f93a8;
}

#container {
  color: #02668e;
  font-weight: 500;
}

.link-primary, .link-primary:hover {
  color: #02668e !important;
}

.profile-dialog-enter .button-class {
  border-color: var(--red-bg);
}

.profile-dialog-enter .button-class:nth-child(2) {
  background-color: var(--red-bg);
  color: white;
}

.profile-dialog-enter .button-class:nth-child(3) {
  background-color: white;
  color: var(--red-bg);
}

span.link-hover {
  background-color: var(--red-bg);
}

span.link-hover:hover {
  background-color: var(--blue-bg);
  cursor: pointer;
}

a.profile-primary, a.profile-remove {
  color: var(--red-bg);
}

input {
  border: 1px solid;
}

input:focus-visible {
  border: 1px solid var(--blue-bg);
}

input[type=submit], .button-class {
  background-color: #BF3836;
  color: white;
}

.ph-text {
  color: var(--red-bg);
}

.menu-heading {
  background-color: white;
  border-bottom: 1px solid rgba(193, 55, 54, 0.35);
  color: var(--red-bg);
}

.menu-item {
  color: var(--red-bg);
}

.close-menu {
  color: var(--red-bg);
  border: 0;
  background-color: white !important;
}

.close-menu:hover {
  background-color: #FFFFFF;
  border: 0;
  color: black !important;
}

div ul li a {
  color: var(--red-bg);
  text-decoration: none;
}


div ul li a:hover {
  color: var(--red-bg);
}

[data-profile-label] {
  color: var(--blue-bg);
}

.edit-profile-label {
  color: var(--red-bg);
}

.profile-sub-heading {
  color: var(--blue-bg)
}

.button-class {
  background-color: var(--red-bg);
  color: white;
  border: 1px solid var(--red-bg);
}

.ellipsis-overlay > button.button-class {
  width: 100%;
}

.button-class:hover {
  background-color: var(--blue-bg);
  border: 1px solid var(--blue-bg);
}

.contact-table-body .button-class:hover {
  color: var(--red-bg);
  background-color: white;
  border: 1px solid var(--red-bg);
}


.centerSectionElement > a > .submit-class:hover {
  color: var(--red-bg);
  background-color: white;

}

a > .button-class:hover {
  background-color: var(--blue-bg);
}

.button-class.border-0.border-light.bg-transparent.pe-none.pe-auto {
  color: black;
}

div > .button-class[data-todo-item-btn-calendar], div > .button-class[data-todo-item-btn-note] {
  width: 100%
}

div > .button-class[data-date-nav-left], div > .button-class[data-date-nav-right] {
  background-color: var(--blue-bg);
  color: white !important;
}

div > .button-class[data-date-nav-left]:hover, div > .button-class[data-date-nav-right]:hover {
  background-color: white;
  color: var(--blue-bg) !important;
}

div > .button-class[data-date-nav-double-left], div > .button-class[data-date-nav-double-right] {
  background-color: var(--blue-bg) !important;
  color: white !important;
}

div > .button-class[data-date-nav-double-left]:hover, div > .button-class[data-date-nav-double-right]:hover {
  background-color: white !important;
  color: var(--blue-bg) !important;
}

[data-date-month-dropdown], [data-date-year-dropdown] {
  margin: 0 2px;
}

.d-flex.align-items-center.p-1.text-light {
  background-color: var(--blue-bg);
}

[data-todo-card] {
  background-color: var(--blue-bg);
}

[data-todo-card]:hover {
  background-color: var(--red-bg);
}

.dateNow {
  color: #A3A3A3;
}

.contact-table-body {
  color: #7d7d7d;
}