:root {
  --bg1: #ffffff;
  --bg2: #FBFBFB;
  --bg-dark: #4C4C4C;
  --yellow: #FFEB00;
  --light-yellow: #fff265;
  --text-grey: #818181;
  --border-grey: #BEBEBE;
  --green: #218739;
  --red: #d30f0f;
}


.form-control,
.custom-select {
  border-radius: 0;
  border-color: var(--border-grey);
}

.form-control:focus,
.custom-select:focus {
  box-shadow: 0 0 0px 2px var(--border-grey);
  border-color: var(--border-grey);
}


.btn-yellow {
  background-color: var(--yellow);
  color: black;
  padding: 15px 30px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 0px;
}

.btn-green {
  display: inline-block;
  color: white;
  border-radius: 0;
  font-weight: bold;
  border: 1px solid var(--border-grey);
  background-color: var(--green);
  padding: .375rem .75rem;
}

.btn-green:hover,
.btn-green:active {
  background-color: white;
  border-color: var(--green);
  color: black;
  text-decoration: none;
}

.btn-red {
  display: inline-block;
  color: white;
  border-radius: 0;
  font-weight: bold;
  border: 1px solid var(--border-grey);
  background-color: var(--red);
  padding: .375rem .75rem;
}

.btn-red:hover,
.btn-red:active {
  background-color: white;
  border-color: var(--red);
  color: black;
  text-decoration: none;
}

/********************************************/

.small-header {
  color: black;
  font-weight: bold;
  font-size: 24px;
}

.btn-form-confirm {
  background-color: var(--yellow);
  color: black;
  padding: 14px 23px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 0px;
}

.btn-outline {
  background-color: var(--bg1);
  color: black;
  padding: 14px 23px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 0px;
  border-width: 1px;
  border-color: var(--yellow);
}

.btn-outline:hover,
.btn-form-confirm:hover,
.btn-preview:hover {
  background-color: var(--light-yellow);
  border-color: var(--light-yellow);
  color: black;
  text-decoration-line: none;
}

.detail-border-top {
  border-top: 1px solid var(--border-grey);
}

.detail-link {
  color: black;
  font-size: 22px;
  font-weight: bold;
}

.btn-preview {
  display: inline-block;
  color: black;
  border-radius: 0;
  font-weight: bold;
  border: 1px solid var(--yellow);
  background-color: var(--bg1);
  padding: 0rem .75rem;
}