@CHARSET "UTF-8";
/*reply*/
div.reply {
  position: relative;
  font-size: 1.3333em;
  
  min-width: 40em;
  min-height: 10em;
  /*padding: 1em;*/
}
div.reply div.template, div.reply div.dc_name, div.reply div.user_ids, div.reply div.oper_id{
  display: none;
}
div.reply > form {
  padding: 1em;
  width: 100%;
  box-sizing: border-box;
}
div.reply > form input,
div.reply > form textarea, 
div.reply > form select {
  border: 2px solid #888;
}
div.reply > form input.chars {
  width: 3em; 
  text-align: right;
  background-color: #dedede;
  color: #555;
  display: block;
}
div.reply > form textarea.message {
  height:5em;
  width: 30em;
  font-size: 1.2em;
  display: inline-block;
}
div.reply > form input[type=submit],
div.reply > form input[type=reset] { 
  display: block;
  margin-top: 1em;
}

div.reply > form table.header {width: 100%; border-spacing: 0; margin: 0; padding: 0;}
div.reply > form table.header > tbody > tr > td:nth-child(2){width: 100%;}

div.reply > form div.ctls {
  display: inline-block;
  vertical-align: top;
  width: 6em;
}
/*
div.reply > div.info {position: absolute; left: 6.4em; right: 9em; top: 0.8em; font-size: 0.6em;}
div.reply > form input[name=chars_message], div.reply > form input[name=chars_message2] {
  width: 3em; 
  text-align: right;
  border: 0.1em solid #888;
  background-color: #dedede;
  color: #555;
}
div.reply > form input[name=chars_message] {
  position: absolute; 
  left: 0.4em; 
  top: 0.4em; 
}
div.reply > form input[name=chars_message2] {
  margin-top: 0.8em;
  display: block;
}
div.reply > form select[name=service] {
  position: absolute; 
  right: 0.4em; 
  top: 0.4em; 
  width: 8em;
  border: 0.1em solid #888;
}
*/
/*
div.reply > form input[name$=ctl] {position: absolute; right: 0.4em; width: 6em;}
div.reply > form input[name=send_ctl] {top: 3em;}
div.reply > form input[name=reset_ctl] {top: 5em;}
div.reply > form textarea[name=message], div.reply > form textarea[name=message2]{
  height: 5em;
  width: 28.15em;
  border: 0.1em solid #888;
  font-size: 1.2em;
}
div.reply > form textarea[name=message]{
  position: absolute;
  left: 0.3333em;
  top: 1.7em;  
}
*/
div.reply > form div.preview_message, 
div.reply > form div.preview_message2, 
div.reply > form div.preview_greeklish_message, 
div.reply > form div.preview_greeklish_message2 {
  clear: both;
  width: 35em;
  color: navy;
  padding: 0.5em;
}
/*
div.reply > form div.preview_message {
  padding-top: 8em;
}
*/
div.reply > form div.preview_greeklish_message, 
div.reply > form div.preview_greeklish_message2 {
  /*margin: 0.5em -0.1em 0 -0.1em;
  padding: 0.1em;
  */
  background-color: Lavender;
}
div.reply span.count {
  display: inline-block;
  margin-right: 1em;
  color: DarkGray;
}
div.reply span.count.overbound {
  color: red;
}
div.reply div.show_second_message_ctl {  
  cursor: pointer;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em; 
  text-align: center;
  border: 2px solid Silver;
  background-color: white;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 1em;
}
div.reply div.show_second_message_ctl:hover {
  background-color: LightSteelBlue;
}



div.reply ul.reply_mode_menu{
  margin: 0; padding: 0;
}

div.reply ul.reply_mode_menu > li {
  display: inline-block;
  margin-left: 1em;
  font-size: 12px;
  padding: 0.4em;
  cursor: pointer;
  border: 2px solid #ddd;
  -moz-border-radius: 0.8em 0.8em 0 0;
  border-radius: 0.8em 0.8em 0 0;
  border-bottom: 0;
}
div.reply ul.reply_mode_menu > li:hover { background-color: Linen;}

div.reply [data-tab=normal] {
  background-color: #ffa !important;
}
div.reply [data-tab=active_strings] {
  background-color: PaleGreen !important;
}


div.reply div.active_string_ctl {
  display: inline-block;
  margin: 0.5em 1em 0 0;
  padding: 0.2em;
  border: 2px solid #888;
  background-color: #dedede;
  cursor: pointer;
}
div.reply div.active_string_ctl.deactive {
  color: #ccc;
  cursor: inherit;
}

div.reply div.taro { display: none; max-height: 30em; overflow: auto; width: 60em; background-color: LightGrey; padding: 0.5em;}
div.reply div.taro > div.titlos {font-size: 1.4em; text-align: center;}
div.reply div.taro ul { width: 100%;}
div.reply div.taro ul,
div.reply div.taro ul > li {padding: 0; margin:0;}
div.reply div.taro ul > li[data-id]{
  width: calc(10% - 0.5em);
  display: inline-block;
  border: 1em solid white;
  margin: 0 0.5em 0.5em 0;
  box-sizing: border-box;
}
div.reply div.taro ul > li[data-id].selected{
  border: 1em solid red;
}
div.reply div.taro ul > li[data-id] > img {width: 100%;}


div.reply > form div.ondatetime > table.header > tbody > tr > td:nth-child(2){width: inherit;}

div.reply > form input.microphone{
  border: 0;
  background-color: transparent; 
  vertical-align: text-bottom;
}
/* /reply*/