@charset "UTF-8";

.translationmanager-language-overlay {
  position:   fixed;
  top:        0;
  bottom:     0;
  left:       0;
  right:      0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity:    0;
}

.translationmanager-lang-popup {
  margin:     70px auto;
  padding:    20px;
  background: #fff;
  width:      30%;
  position:   relative;
  transition: all 5s ease-in-out;
}

.translationmanager-lang-popup h2 {
  margin:      10px auto;
  color:       #333;
  font-family: Tahoma, Arial, sans-serif;
}

.translationmanager-lang-popup .close {
  position:        absolute;
  top:             20px;
  right:           30px;
  transition:      all 200ms;
  font-size:       30px;
  font-weight:     bold;
  text-decoration: none;
  color:           #333;
}

.translationmanager-lang-popup .content {
  max-height: 30%;
  overflow:   auto;
}

@media screen and (max-width: 700px) {
  .box {
    width: 70%;
  }

  .translationmanager-lang-popup {
    width: 70%;
  }
}