body,
html {
  height: 100%;
}

.background-image-1 {
  background-image: url("../img/background-1.jpg");
}

.background-image-2 {
  background-image: url("../img/background-2.jpg");
}

.background-image-1,
.background-image-2 {
  min-height: 100vh;
  background-size: 100%;
}

.nav-bar-color {
  background-color: #d3ac45;
  color: black;
}

.custom-logo:link,
.custom-logo:visited {
  color: black;
}

.custom-logo:hover,
.custom-logo:active {
  color: white;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(108deg)
    brightness(104%) contrast(104%);
}

.custom-logo-size {
  height: 3.5vh;
  width: auto;
}

.custom-hyperlink-color {
  color: black;
}

.custom-hyperlink-color:link,
.custom-hyperlink-color:visited {
  color: #d3ac45;
}

.custom-hyperlink-color:hover,
.custom-hyperlink-color:active {
  color: #fffaee;
}

.text-color {
  color: grey !important;
}

.text-color:hover {
  color: white !important;
}

.normal-size-logo {
  height: 20vh;
}

.small-size-logo {
  height: 10vh;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

select option {
  margin: 40px;
  background: black;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "▽";
  font-size: large;
  top: 7px;
  right: 15px;
  position: absolute;
}

input {
  color-scheme: dark;
}

::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}

::-webkit-calendar-picker-indicator:hover,
::-webkit-calendar-picker-indicator:active {
  filter: invert(0);
}

.custom-input {
  border-color: #d3ac45;
  background-color: transparent;
  border-radius: 50px;
}

.custom-input:hover,
.custom-input:active,
.custom-input:not(:hover) {
  border-color: #d3ac45;
  background-color: transparent;
  border-radius: 50px;
}

.custom-input:focus {
  border-width: 3px;
  color: white;
}

.custom-button {
  display: block;
  width: 40%;
  text-align: center;
  margin: 0 auto;
  background-color: #d3ac45;
  color: black;
  border-radius: 50px;
}

.custom-button:hover,
.custom-button:active {
  background-color: #cfb26b;
  color: white;
}

.custom-image-input {
  height: 10vh;
}

.custom-h2-text {
  color: #d3ac45;
  font-weight: bold;
}

.custom-birthday-input,
.custom-birthday-input:not(:focus) {
  text-align: center;
  color: white;
  background-color: #29210d;
  border-color: transparent;
  height: 100%;
}

.custom-birthday-input::placeholder {
  color: grey !important;
}

.custom-birthday-input:active,
.custom-birthday-input:focus {
  background-color: #29210d;
  border-color: #d3ac45;
  color: white;
}

.custom-row-height {
  height: 10vh;
}

.custom-copyright-text-size {
  font-size: 0.8rem;
}

.custom-border-color {
  border-color: #d3ac45;
}

.custom-text-success {
  color: #687ade;
}

.custom-text-danger {
  color: #c74444;
}

.custom-table th,
.custom-table td {
  border: 1px solid #d3ac45;
}

.custom-table thead {
  background-color: #d3ac45;
  color: black;
}

.custom-table thead th,
.custom-table thead td {
  border: 1px solid black;
}

.custom-button-for-table {
  width: 9vh;
}

.custom-chart-height {
  max-height: 50vh;
}

.custom-active-history-option:link,
.custom-active-history-option:visited {
  color: #d3ac45;
  font-size: larger;
  font-weight: bold;
}

.custom-active-history-option:hover,
.custom-active-history-option:active {
  color: #fffaee;
  font-size: larger;
  font-weight: bold;
}

.custom-deactive-history-option:link,
.custom-deactive-history-option:visited {
  color: grey;
  font-size: larger;
}

.custom-deactive-history-option:hover,
.custom-deactive-history-option:active {
  color: #fffaee;
  font-size: larger;
}

.swal2-container.swal2-center>.swal2-popup{
  background-color: black;
  border: 1px solid #cfb26b;
}

.swal2-container.swal2-center>.swal2-popup>.swal2-actions>.swal2-confirm{
  color: black;
}