/* Speach CSS 20240302 */
  * {
    font-family: Verdana, Arial, sans-serif;
  }
body {
  background-color:#feffee;
  margin-left:3px;
}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-jil1{background-color:#9ef9f6;border-color:#090909;font-size:10px;text-align:left;vertical-align:top}
.tg .tg-t2nq{background-color:#9aff99;border-color:#090909;text-align:left;vertical-align:top}

.speechSection {
  border:1px solid black;
  background-color:#ffc;
  width:55px;
  height:55px;
  float:left;
  display: inline-block;_display:inline;
  margin-top:-1px;"
  }
.micSection {
  border:1px solid blue;
  width:40px;
  height:54px;
  float:left;
  display: inline;
  }

#start_button {
  border: 1;
  background-color:transparent;
  padding: 0;
  }

.PracticeButton {
  height:55px;
  width:23vw;max-width:85px;"
  padding:0px;
  margin:-1px;
  margin-top:3px;
  font-size:15px;
  }

#info {
  border: 1px solid black;
  background-color:#ffc;
  width:120px;
  font-size: 8px;
  text-align: left;
/*  margin-left:0px;*/
  padding: 0px;
  color: black;
  overflow-y:scroll;
  }

.textarea{
  border:1px solid black;
  color: black;
  padding-right: 3px;
  background-color:#eef;
  width:95vm;
  min-height:20px;
  max-height:200px;
  overflow-y:scroll;
  font-size:16px; 
  text-align:justify;
  text-justify: auto;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom:1px;
  }

.searcharea{
  border:1px solid black;
  color: black;
  background-color:#eef;
  min-width:100px;
  min-height:20px;
  max-height:80px;
  overflow-y:scroll;
  font-size:16px; 
  text-align:justify;
  text-justify: auto;
  vertical-align: top;
  padding-right: 3px;
  margin-top:0px;
  margin-bottom:-18px;
  }

/* DropDown Menu inside a Navigation Bar*/
.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}
/* For Google translate Button*/
.goog-te-combo {
  width: 100px;
  height: 20px;
  font-size:20px;
  float: left;
  display: visible;
}
#f-selector { display: none; }
.fukidashi {
  display: none;
  width:380px;
  font-size:12px;
  position: relative;
  margin-top: 20px;
  left: 10px;
  padding: 5px;
  border-radius: 5px;
  background: #99ff99;
}
.textarea:hover + .fukidashi {
  display: block;
}