:root {
  --si-rk-green-1: #597305;
  --si-rk-green-2: #E1E483;
  --si-rk-green-3: #393F20;
  --si-rk-green-4: #96A105;
  --si-rk-green-5: #597436;
  --si-rk-green-6: #7D8541;
  --si-rk-green-7: #9A9F55;
  --si-rk-green-8: #97A33D;
  --si-rk-green-9: #BFC95B;
  --si-rk-green-10: #67AD5B;
  --si-rk-white-1: #F0F1F7;
  --si-rk-black-1: #010101;
  --si-rk-black-2: #393F20;
  --si-rk-grey-1: #CCCED2;
  --si-rk-scale-1: #398D44;
  --si-rk-scale-2: #95BC44;
  --si-rk-scale-3: #F5C938;
  --si-rk-scale-4: #E28A30;
  --si-rk-scale-5: #D12D3F;
  --si-rk-scale-6: #CCCED2;
  --si-rk-results-1: #4E9095;
  --si-rk-results-2: #90D1D2;
  --si-rk-results-3: #BCC845;
  --si-rk-results-4: #003A38;
}

.bg-green-1 {
  background-color: var(--si-rk-green-1) !important;
}

.bg-green-2 {
  background-color: var(--si-rk-green-2) !important;
}

.bg-green-3 {
  background-color: var(--si-rk-green-3) !important;
}

.bg-green-4 {
  background-color: var(--si-rk-green-4) !important;
}

.bg-results-1 {
  background-color: var(--si-rk-results-1) !important;
}

.bg-results-2 {
  background-color: var(--si-rk-results-2) !important;
}

.bg-results-3 {
  background-color: var(--si-rk-results-3) !important;
}

.bg-results-4 {
  background-color: var(--si-rk-results-4) !important;
}

.bg-green-5 {
  background-color: var(--si-rk-green-5) !important;
}

.bg-green-6 {
  background-color: var(--si-rk-green-6) !important;
}

.bg-green-7 {
  background-color: var(--si-rk-green-7) !important;
}

.bg-green-8 {
  background-color: var(--si-rk-green-8) !important;
}

.bg-green-9 {
  background-color: var(--si-rk-green-9) !important;
}

.bg-green-10 {
  background-color: var(--si-rk-green-10) !important;
}

.bg-grey-1 {
  background-color: var(--si-rk-grey-1) !important;
}

.bg-black-1 {
  background-color: var(--si-rk-black-1) !important;
}

.bg-black-2 {
  background-color: var(--si-rk-black-2) !important;
}

.bg-white-1 {
  background-color: var(--si-rk-white-1) !important;
}

.bg-white-2 {
  background-color: var(--si-rk-white-2) !important;
}

.bg-white-3 {
  background-color: var(--si-rk-white-3) !important;
}

.bg-scale-1 {
  background-color: var(--si-rk-scale-1) !important;
}

.bg-scale-2 {
  background-color: var(--si-rk-scale-2) !important;
}

.bg-scale-3 {
  background-color: var(--si-rk-scale-3) !important;
}

.bg-scale-4 {
  background-color: var(--si-rk-scale-4) !important;
}

.bg-scale-5 {
  background-color: var(--si-rk-scale-5) !important;
}

.bg-scale-6 {
  background-color: var(--si-rk-scale-6) !important;
}

.text-results-4 {
  color: var(--si-rk-results-4);
}

.required label {
  font-weight: bold;
}

.required label:after {
  color: red;
  content: " *";
  display: inline;
}

.ranking-navbar {
  background-color: var(--si-rk-green-1) !important;
}

.ranking-navbar .nav-link {
  color: white !important;
}

html,
.dropdown-menu {
  background-color: var(--si-rk-white-1) !important;
}

.ranking-navbar .vr {
  background-color: white !important;
}

.ranking-footer {
  background-color: var(--si-rk-black-2) !important;
  color: white !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.badge.text-bg-primary,
.active>.page-link {
  background-color: var(--si-rk-green-1) !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.badge.text-bg-secondary {
  background-color: var(--si-rk-black-2) !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.badge.text-bg-danger {
  background-color: var(--si-rk-scale-5) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  border-color: var(--si-rk-green-1) !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  border-color: var(--si-rk-black-2) !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus {
  border-color: var(--si-rk-scale-5) !important;
}

.dropdown-item:active {
  background-color: var(--si-rk-green-1) !important;
}

#banner {
  height: 60vh;
  background: url("../img/Recurso 24.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
}

#banner-documents {
  height: 60vh;
  background: url("../img/Recurso 27.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
}

#banner-comparison {
  height: 60vh;
  width: 100vw;
  background: url("../img/Recurso 25.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
}

.pointer {
  cursor: pointer;
}

.scale-pills {
  height: 2.5rem;
  width: 4rem;
}

#documents .card {
  min-height: 21rem;
  max-height: 21rem;
}

.banner-title {
  color: var(--si-rk-green-2) !important;
}

.content-title {
  color: var(--si-rk-green-1) !important;
}

.rk-modal-header {
  background-color: var(--si-rk-green-1) !important;
  color: var(--si-rk-white-1) !important;
}

.rk-card-header {
  background-color: var(--si-rk-green-4) !important;
  color: var(--si-rk-black-1) !important;
}

.text-white {
  color: var(--si-rk-white-1) !important;
}

.text-black {
  color: var(--si-rk-black-1) !important;
}

.rk-accordion-header,
.rk-accordion-header:active,
.rk-accordion-header:focus {
  /* background-color: var(--si-rk-green-4) !important; */
  color: var(--si-rk-white-1) !important;
}

.categories-icon {
  width: 4rem;
  height: 4rem;
}

.categories-icon h6 {
  display: -webkit-box;
  font-size: 0.3rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  /* white-space: nowrap; */
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;

}


.indicators-icon h6 {
  display: -webkit-box;
  font-size: 0.5rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  /* white-space: nowrap; */
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;

}

.indicators-icon {
  width: 4rem;
  height: 4rem;
}

.categories-icon img {
  height: 70% !important;
}

.categories-flex-text {
  width: 7rem;
  font-size: 0.8rem;
}

.categories-graph {
  height: 20rem;
}

.zm-list {
  height: 30rem;
}

input[type="checkbox"]:checked {
  background-color: var(--si-rk-green-1) !important;
  border-color: var(--si-rk-green-1) !important;
}


input[type="checkbox"]:indeterminate {
  background-color: var(--si-rk-green-1) !important;
  border-color: var(--si-rk-green-1) !important;
}

.rk-graph {
  height: 40rem;
}

.page-item:not(.active) .page-link {
  color: var(--si-rk-green-1) !important;
}

.card-img-top {
  width: 100% !important;
  max-height: 16rem !important;
  object-fit: contain !important;
}

.cities-view-small {
  width: 300%;
}

.cities-view {
  width: 100%;
}