.text-blue {
  color: #4a77b4;
}

.resource-view {
  height: 585px !important;
  width: 100%;
  background-size: 100% 100%;
  background-image: url("/static/images/resources/external-link-resource.png");
}

.iframe {
  height: 600px !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .breadcrumb {
    margin-right: 230px !important;
  }
}

.square {
  width: 46px;
  height: 36px;
}

.square.center {
  width: 370px;
  height: 72px;
}

.square.last {
  margin-top: 90px;
  margin-bottom: 200px;
}

.resource-visualization {
  color: #073958 !important;
  background-color: #fff !important;
  border-color: #e8eeed !important;
  box-shadow: 16px 16px 23px 0px rgba(0, 0, 0, 0.5) !important;
  font-size: 16px !important;
}

.header-bottom-line {
  background: #dcda1c !important;
}

.resource-decoration {
  color: #fff;
  font-size: calc(28 * var(--global-base-font-size) / 16);
  max-width: 184px !important;
  background: transparent linear-gradient(0deg, #bcd6e200 0%, #bcd6e2 100%) 0%
    0% no-repeat padding-box;
}

.resource-title {
  color: #909090;
  font-size: calc(42 * var(--global-base-font-size) / 16);
}

.comment-color {
  color: #6b6b6b;
}

.comment-color:hover {
  color: #4a77b4;
}

.nav-tabs-clean {
  height: auto !important;
}

.nav-tabs-clean .nav-item .nav-link.active {
  border-bottom: 1px solid #4a77b4 !important;
}

.nav-tabs-clean .nav-item .nav-link {
  color: #6b6b6b !important;
  font-size: 16px !important;
}

.nav-tabs-clean .nav-item .nav-link:hover {
  color: #4a77b4 !important;
}

.object-description {
  color: #606060;
}

.keyword-title {
  color: #6b6b6b;
  font-size: calc(16 * var(--global-base-font-size) / 16);
}

.keyword {
  margin: 2px;
  padding: 7px 11px !important;
  font-size: 13px !important;
  color: #676767 !important;
  border: 0.5px solid #676767 !important;
}

.resource-info {
  border-radius: 20px 0 0 20px;
  background-color: #dfe7ef;
  color: #606060;
}

.association-title {
  color: #6b6b6b;
  font-size: calc(25 * var(--global-base-font-size) / 16);
}

.association-resource {
  border: none !important;
  box-shadow: none !important;
  max-width: 20rem;
}

.card-title {
  color: #606060;
  font-size: calc(16 * var(--global-base-font-size) / 16);
}

.agrupation-title {
  font-family: 'Nunito Sans', sans-serif;
  color: #4C4C4C;
  font-size: calc(34 * var(--global-base-font-size) / 16);
  line-height: 1.2;
  max-width: calc(650 * var(--global-layout-unit));
  margin-bottom: calc(5 * var(--global-layout-unit)) !important;
}