/* body {
    background-color: skyblue;
}
 */

.full {
  min-height: calc(100vh - 52px);
}

.form-check {
  margin-right: 25px;
}

.radio-group {
  display: inline-flex;
  margin-right: 5px;
  margin-top: 7px;
  font-size: 14px;
  flex-wrap: wrap;
}

.col-form-label {
  display: contents;
}

span.pol_left {
  display: inline-block;
  min-width: 140px;
}

span.pol_name {
  width: 250px !important;
  display: inline-block;
}

.pol_result {
  margin-bottom: 22px;
  font-size: large;
  font-weight: 501;
}

legend.col-form-label {
  display: block;
  max-width: 270px !important;
}

form {
  font-size: larger;
  font-weight: 501;
}

.text-l {
  font-size: larger;
  font-weight: 400;
}

.progress {
  margin-top: 5px;
}

.bg-farleft {
  background-color: #d12a2a;
}

.bg-left {
  background-color: #d85ea4;
}

.bg-center {
  background-color: #eb9c19;
}

.bg-right {
  background-color: #516eff;
}

.bg-farright {
  background-color: #392ba7;
}

.bg-none {
  background-color: #8c8a8a;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  background-color: #484747;
  padding: 10px;
  color: white;
}

span.bold {
  font-weight: 700;
}

input:checked[value='0'] {
  background-color: #d12a2a;
  border: #d12a2a;
}

input:checked[value='1'] {
  background-color: #d85ea4;
  border: #d85ea4;
}

input:checked[value='2'] {
  background-color: #eb9c19;
  border: #eb9c19;
}

input:checked[value='3'] {
  background-color: #516eff;
  border: #516eff;
}

input:checked[value='4'] {
  background-color: #392ba7;
  border: #392ba7;
}

input:checked[value='5'] {
  background-color: #8c8a8a;
  border: #8c8a8a;
}

input:focus[value='0'] {
  box-shadow: 0 0 0 0.25rem #d12a2a;
}

input:focus[value='1'] {
  box-shadow: 0 0 0 0.25rem #d85ea4;
}

input:focus[value='2'] {
  box-shadow: 0 0 0 0.25rem #eb9c19;
}

input:focus[value='3'] {
  box-shadow: 0 0 0 0.25rem #516eff;
}

input:focus[value='4'] {
  box-shadow: 0 0 0 0.25rem #392ba7;
}

input:focus[value='5'] {
  box-shadow: 0 0 0 0.25rem #8c8a8a;
}

.label_farleft {
  color: #d12a2a;
  font-weight: 700;
}

.label_left {
  color: #d85ea4;
  font-weight: 700;
}

.label_center {
  color: #eb9c19;
  font-weight: 700;
}

.label_right {
  color: #516eff;
  font-weight: 700;
}

.label_farright {
  color: #392ba7;
  font-weight: 700;
}

.label_none {
  color: #8c8a8a;
  font-weight: 700;
}

.title {
  font-size: 44px;
}

a {
  text-decoration: none;
}

img {
  width: 70px;
  margin-right: 5px;
}

label.form-check-label.required {
  font-size: 12px;
}

.alert.alert-danger {
  color: red;
}

.farleft-tooltip {
  --bs-tooltip-bg: #d12a2a;
  --bs-tooltip-color: white;
}

.left-tooltip {
  --bs-tooltip-bg: #d85ea4;
  --bs-tooltip-color: white;
}

.center-tooltip {
  --bs-tooltip-bg: #eb9c19;
  --bs-tooltip-color: white;
}

.right-tooltip {
  --bs-tooltip-bg: #516eff;
  --bs-tooltip-color: white;
}

.farright-tooltip {
  --bs-tooltip-bg: #392ba7;
  --bs-tooltip-color: white;
}

.none-tooltip {
  --bs-tooltip-bg: #8c8a8a;
  --bs-tooltip-color: white;
}

strong.label_farleft {
  color: #e83232;
}

.progress {
  height: 19px !important;
}

.progress-bar {
  font-size: 13.5px;
}

.pol_legend {
  font-size: large;
  font-weight: 501;
}

.legend_wrapper {
  display: grid;
  grid-template-columns: 170px 155px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
}

.legend_item {
  margin-bottom: 10px;
  display: inline-flex;
}

.legend_color {
  width: 30px;
  height: 15px;
  margin-top: 3px;
  margin-right: 6px;
}

.legend_title {
  font-size: 13px;
}

@media screen and (min-width: 520px) {
  .radio-group {
    display: inline-flex;
    margin-right: 5px;
    margin-top: 7px;
    font-size: 18px;
  }

  .form-check {
    margin-right: 20px;
  }

  label.form-check-label.required {
    font-size: 16px;
  }

  .title {
    font-size: 60px;
  }

  .legend_wrapper {
    display: grid;
    grid-template-columns: 190px 180px 200px;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .legend_title {
    font-size: 17px;
  }

  .legend_item {
    margin-bottom: 5px;
  }

  .legend_color {
    margin-top: 6px;
  }
}