#traduccion {
  height: 100%; }
  #traduccion .title-bar {
    height: 60px;
    background-color: #003c43;
    color: white; }
    #traduccion .title-bar h2 {
      text-transform: uppercase;
      margin: 0;
      align-self: center;
      margin-left: 12px;
      font-size: 38px; }
    #traduccion .title-bar .mdi {
      outline: none;
      cursor: pointer;
      color: white;
      margin: 0 1em;
      align-self: center; }
  #traduccion .content {
    /*height: calc(100% - 60px);*/
    padding: 0 2em; }
    #traduccion .content textarea {
      border: 1px solid gray;
      background: white;
      font-size: 18px; }
    #traduccion .content .mdi {
      margin: 0 8px;
      cursor: pointer; }
      #traduccion .content .mdi:focus {
        outline: none; }
      #traduccion .content .mdi:hover {
        color: whitesmoke; }
    #traduccion .content .mdi.mdi-volume-high {
      position: absolute;
      bottom: 35px;
      right: 4px;
      margin: 0; }
      #traduccion .content .mdi.mdi-volume-high:hover {
        color: initial; }
    #traduccion .content md-input-container {
      margin: 8px 0; }
    #traduccion .content .padding-bottom-40 {
      padding-bottom: 40px; }

md-select-menu {
  max-height: none !important;
  min-height: initial !important; }
  md-select-menu md-content {
    min-height: 90vh !important;
    max-height: 90vh !important; }