.modal-open{
  overflow: auto;
  padding-right:0 !important;
}

#header-translation-container {
  text-align: right;
}

#header-translation-container,
#header-translation-container a {
  color: var(--white);
}

#header-translation-container a:hover {
  color: var(--info);
}

#header-translation-container i {
  font-size: 20px;
  vertical-align: text-bottom;
}

#translation-modal .modal-content {
  background: var(--light);
  border-radius: 0;
  color: var(--dark);
  font-family: 'Lato';
}

#translation-modal a {
  color: var(--dark);
}

#translation-modal a:hover {
  color: var(--gray);
}

#translation-modal .modal-header {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#translation-modal .modal-title {
  font-size: 1.3rem;
}

#translation-modal .modal-body {
  font-size: 1.1rem;
  padding-top: 0;
}

#translation-more {
  font-size: 0.9rem;
  vertical-align: bottom;
}

#translation-more .material-icons {
  font-size: 20px;
  vertical-align: bottom;
}