/* Start  Open Data */
.OD-section {
  display: flex;
}
.OD-right {
  width: 250px;
  float: right;
}
.OD-left {
  float: left;
  border-right: 10px solid #e9ebec;
  padding-right: 20px;
  text-align: right;
  width: calc(100% - 270px);
  margin-right: 20px;
}
a.OD-item {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 8px;
  padding: 8px 0;
  padding-right: 40px;
  text-decoration: none;
  background-size: 24px;
}
a.OD-item:hover {
  background-color: var(--neutral-100);
}
a.OD-item:focus-visible {
  background-color: transparent;
  outline: 2px solid #000;
}
a.OD-item:active {
  background-color: var(--neutral-200);
}
.OD_about {
  background-image: url('../imgs/OD_about.svg');
}
.OD_use_policy {
  background-image: url('../imgs/OD_use_policy.svg');
}
.OD_library {
  background-image: url('../imgs/OD_library.svg');
}
.OD_APIs {
  background-image: url('../imgs/OD_APIs.svg');
}
.OD_guide {
  background-image: url('../imgs/OD_guide.svg');
}
.OD_policy {
  background-image: url('../imgs/OD_policy.svg');
}
.OD_form {
  background-image: url('../imgs/OD_form.svg');
}
.OD_opinion {
  background-image: url('../imgs/OD_opinion.svg');
}
.OD_cases {
  background-image: url('../imgs/OD_cases.svg');
}
.OD_about.OD-selected {
  background-image: url('../imgs/OD_about_g.svg');
}
.OD_use_policy.OD-selected {
  background-image: url('../imgs/OD_use_policy_g.svg');
}
.OD_library.OD-selected {
  background-image: url('../imgs/OD_library_g.svg');
}
.OD_APIs.OD-selected {
  background-image: url('../imgs/OD_APIs_g.svg');
}
.OD_guide.OD-selected {
  background-image: url('../imgs/OD_guide_g.svg');
}
.OD_policy.OD-selected {
  background-image: url('../imgs/OD_policy_g.svg');
}
.OD_form.OD-selected {
  background-image: url('../imgs/OD_form_g.svg');
}
.OD_opinion.OD-selected {
  background-image: url('../imgs/OD_opinion_g.svg');
}
.OD_cases.OD-selected {
  background-image: url('../imgs/OD_cases_g.svg');
}
a.OD-selected,
a.OD-selected:hover,
a.OD-selected:active,
a.OD-selected:focus-visible {
  background-color: var(--primary-50);
  color: var(--primary-600);
  cursor: default;
}
.OD-top-title {
  padding-top: 0;
}
@media (max-width: 991px) {
  .OD-section {
    display: block;
  }
  .OD_menu .OD-item {
    display: inline-block !important;
    width: 120px !important;
    padding: 36px 8px 0 8px !important;
    background-position: center 8px !important;
    text-align: center;
    height: 120px;
    vertical-align: top;
  }
  .OD-top-title {
    padding-top: 1rem;
  }
  .OD-right {
    display: block;
    width: 100%;
    overflow-x: scroll;
  }
  .OD-left {
    display: block;
    width: 100%;
    clear: both;
    float: none;
    border-right: none;
    padding-right: 0;
    text-align: right;
    margin-right: 0;
  }
}
/* End  Open Data */