.menu > a:nth-child(1) {
  /*! background-color: rgba(255, 255, 255, .9); */
}

.left-panel {
  float:left;
  width:55%;
  line-height:260%;
  background-color: #f9f9f9;
}

.right-panel {
  float:right;
  width:45%;
  color:#666;
  line-height:160%;
}

.close-button {
  display: none;
  cursor:pointer;
  /*! padding:12px; */
  font-size:19px;
  color:#c85e74;
  border-bottom: 2px solid #8a969f;
  border-right: 2px solid #8c99a0;
  background-color: rgba(255, 255, 255, .7);
  font-family: 'Raleway';
  font-weight: bold;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}

.lookup-box {
  position:absolute;
  top:120px;
  background-color: rgba(255, 255, 255, .7);
  border: 2px solid #8a969f;
  padding:40px;
  width:45%;
  /*! border-left:none; */
  margin-top: 20px;
  /*! border-left: 1px solid #e7e7e7; */
  margin-left: 0px;
}

.description {
  text-align:justify;
}

.sample-khmer-text {
  background-color: rgba(214, 225, 231, 0.4);
  color:#7b7171;
  border: solid 1px #efefef;
  text-align:center;
  padding:10px;
  line-height:200%;
}

.textbox_menu {
  /*background-color: rgba(255, 255, 255, .5);*/
  height:40px;
  width:100%;
  text-align:center;
  border-bottom:none;
  color:#7b7171;
}

.textbox {
  margin:0 auto;
  background-color: rgba(255, 255, 255, .0);
  width:100%;
  height:100%;
  border-radius:0px;
  border:none;
  color:#7b7171;
  text-align:justify;
  line-height:260%;
  font-size:13px;
  resize: none;

  font-family: 'Courier';
  min-height: 600px;
}

.textbox_wrapper {
  padding:40px;
  padding-top:40px;
  height:100%;
  border:none;
  /*! line-height:260%; */
  color:#7b7171;
  /*background-color: rgba(255, 255, 255, .5);*/
  font-size:12px;
  text-align:justify;
  min-height: 600px;
}

.submit_button, 
.clear_button, 
.edit_button, 
.edit_finished_button {
  height:40px;
  line-height:36px;
  /*! float: right; */
  width:150px;
  color:#fafafa;
  font-size:15px;
  text-align:center;
  cursor:pointer;
  /*! border: 2px solid #b0b0b0; */
  /*! border-left: 1px solid #b0b0b0; */
  margin-right: -1px;
  letter-spacing: 4px;
  font-family: 'Raleway';
  font-weight: bold;
  padding-left: 5px;
  margin: 20px;
  /*! margin-top: 12px; */
}

.edit_button {
  display: none;
  background-color: rgba(217, 125, 69, .8); !important;
}

.edit_button:hover {
  background-color: rgba(0, 0, 0, .0) !important;
  color:rgba(195, 115, 16, .8);

}


.edit_finished_button {
  background-color: rgba(0, 0, 0, .0) !important;
  color:rgba(195, 115, 16, .6);
}

.edit_finished_button:hover  {
  background-color: rgba(0, 0, 0, .0) !important;

}

.submit_button {
  background-color: #a4c09d;
  border: 2px solid #a4c09d;
  /*! border-top: none; */
}

.submit_button:hover, 
.clear_button:hover{
  color: #97b98f;

  background-color: transparent;
  /*! font-weight: normal; */
}

.clear_button:hover {
  background-color: transparent !important;
  color:#efe59a;
  cursor:pointer;
}

.clear_button {
  background-color: #8ea4b3;
  border: 2px solid #8ea4b3;
  /*! border-right: 0px solid #8ea4b3; */
  background-color: #f2e9a5;
  border: 2px solid #f2e9a5;
  display: none;
}

.words {
  font-size:14px;
  padding-top:3px;
  padding-bottom:3px;
  cursor:pointer;
}

.words:hover {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 2px solid #9fc6d1;
  cursor:pointer;
}

.underlined-word {
  border-bottom: 2px solid #f5caa7;
}

.NTS {
  color:#a63d3d;
}

.lemma {
  display:inline-block;
  font-weight:700;
  padding-bottom:5px;
  margin-right:5px;
  margin-top: 30px;
}

.divider {
  display:table-cell;
  padding-left:10px;
}

.definition {
  display:table-cell;
  padding-top:15px;
  padding-left:10px;
}

.stems {
  float:right;
}

.bracket {
  color:#1aa6b7;
}


@media (max-width: 1100px) {

  .right-panel {
    background-color: rgba(90, 90, 90, .6);
    position:fixed;
    display:none;
    top:0;
    width:100%;
  }

  .left-panel {
    width:100%;
  }

  .lookup-box {
    position:absolute;
    top:100px !important;
    background-color: rgb(255, 255, 255, 0.98);
    width: 100%;
  }

  .close-button {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    /*! margin-bottom: 20px; */
  }

  .menu {

  }

}