:root {
  --primaryColor: #010101;
  --enfasisColor: #664210;
  --enfasisColorLight: #f8f9fa;
  --lightBlue: #eeeeee;
  --formOverlayColor: #f6f6f698;
  --alternative: #f5f9ff;
  --alternativeAlert: #cd0000;
  --tertiary: #fdfdfd;
  --warningObsColor: #fff8f3;
  --background-transparent: #fdfdfdbf;
  --vp-green: #43873a;
}

body {
  font-family: "Open Sans", sans-serif;
  background-image: url(/media/images/vp-background.jpg);
  background-repeat: repeat-y;
  background-position: center;
  background-size: cover;
  scrollbar-width: thin;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--enfasisColor);
}

.btn:hover {
  background-color: var(--enfasisColor);
  border-color: var(--enfasisColor);
  color: var(--alternative);
}

.btn-primary-color {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}

.btn-primary-alternative {
  background-color: var(--enfasisColor);
  border-color: var(--enfasisColor);
  color: var(--tertiary);
}

.btn-primary-alternative:hover {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
  color: var(--tertiary);
}

.btn-outline-success:hover {
  background-color: var(--tertiary);
  border-color: var(--enfasisColor);
  color: var(--enfasisColor);
}

.vp-bg-transparent {
  background-color: var(--background-transparent) !important;
}

.primary-color {
  color: var(--primaryColor);
}

.enfasis-color {
  color: var(--enfasisColor) !important;
}

.white-color {
  color: #ffffff;
}

.vp-green {
  color: var(--vp-green);
}

.warning-color {
  color: var(--alternativeAlert);
}

.fs-extra-small {
  font-size: 0.8rem;
}

.capitalized {
  text-transform: capitalize;
}

.capitalize-first-character::first-letter {
  text-transform: capitalize;
}

.uppercased {
  text-transform: uppercase;
}

.btn-text {
  text-align: left;
  background-color: transparent;
  border: none;
  padding: 5px 10px;
}

.btn-text:hover,
.btn-text:active,
.btn-text:focus,
.dropdown-item {
  background-color: transparent;
  color: var(--enfasisColor);
}

.card {
  border: none;
  background-color: var(--background-transparent);
}

.scale-on-hover {
  transition: transform 0.3s ease-out;
}

.scale-on-hover:hover {
  transform: scale(1.05);
}

.dropdown-toggle::after {
  content: none;
}

.list-group-item {
  border: none;
}

.btn-light:hover {
  color: var(--alternative);
}

.nav-tabs .nav-link {
  color: var(--primaryColor);
}

.nav-tabs .nav-link.active {
  color: var(--enfasisColor);
}

.form-control:disabled {
  background-color: var(--enfasisColorLight);
}

.btn-danger {
  background-color: var(--alternativeAlert);
}

.alert {
  position: fixed;
  top: 5%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000;
  width: 50%;
}

.close-modal {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}

.search-loader,
.no-results {
  display: none;
}

.search-loader--visible,
.no-results--visible {
  display: block;
  min-height: 300px;
  position: relative;
}

.search-loader--visible i,
.no-results--visible p {
  font-size: 1.5rem;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-link {
  background-color: transparent;
  border: none;
}

.page-link:focus {
  box-shadow: none;
}

.page-link:hover {
  box-shadow: none;
  background-color: transparent;
  color: var(--primaryColor);
}

#signaturePad {
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
}

td, tr, tbody, table {
  background-color: transparent !important;
}

td {
  vertical-align: middle;
}

.td-title {
  min-width: 200px;
}

.td-description {
  min-width: 380px;
}

.td-actions {
  min-width: 80px;
}

#signaturePad {
  background-color: #ffffff;
}