html,table {
  font-family: "Overpass", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size:14px;
  }
a,a:hover,a:link,a:active,a:focus {color:#0064ff;
}
a:visited {color:#7f4ca1;}

input {font: 14px/18px "Overpass", sans-serif;}
option {background-color:#f7f7f7;}

.title {
  /*width:50%;*/
  }
.size {
  width: 120px;
  text-align: center;
  }
.user {
  width:170px;
  }
.time {
  width:170px;
  }
.title,.size,.user,.time,.buttons {
  /*display:table-cell;*/
  padding:5px;
  }
.buttons {
  }
.line {  
background-color: #f0f5ff;
}
.tr_head {
  background-color: #957ba5;
  color: white;
  }
.tr_head td {padding:5px;}
.size_color_red {
  color:red;
  }
.size_color_green {
  color:green;
  }
.red_line {background-color: #ffe3e3;}
.purp_line {background-color: #edd7ff;padding:5px;}
.submit_btn,.export_button,.diff_button,#help_btn {
  padding: 3px 20px;
  color: white;
  }
.export_button {
  cursor: pointer;
  background-color: #b33bff;
  border: 1px solid #dca5ff;
  box-shadow: 2px 2px 7px #b33bff;
  }
.submit_btn {
  background-color: #b33bff;
  border: 1px solid #dca5ff;
  box-shadow: 2px 2px 7px #b33bff;
  }
.diff_button,#help_btn {
  cursor: pointer;
  background-color: #3b88ff;
  border: 1px solid #a5d9ff;
  box-shadow: 2px 2px 7px #3b75ff;
  display: inline-block;
  margin-top: 7px;
  }
#help_btn {
  float: right;
  margin-top: 0px;
  }
.action_area {
  margin-bottom: 20px;
  }
#help_area {
  }
.help_text {
  background-color: #c7e1ff;
  max-width: 1048px;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  }
.text_area {
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #f5fbff;
  border: 1px solid #9ac8ff;
  border-radius: 2px;
  max-height: 400px;
  overflow-y: scroll;
  }
.text_area p {
  text-indent: 30px;
  text-align: justify;
  }

#wiki_text {
  background-color:#edd7ff;
  max-width:1024px;
  margin:0 auto;
  display:none;
  width:100%;
  padding: 10px;
  }
#wiki_text textarea { 
  width: 100%;
  min-height: 300px;
  padding: 5px;
  font: 13px/22px "Overpass Mono", monospace;
  box-sizing: border-box;
  background-color: #faf5ff;
  border: 1px solid #d6a3ff;
  border-radius: 2px;
  }
.diff_area {
  padding: 5px;
  box-sizing: border-box;
  background-color: #faf5ff;
  border: 1px solid #d6a3ff;
  border-radius: 2px;
  max-height: 400px;
  overflow-y: scroll;
  }
.result {
  box-sizing: border-box;
  background-color: #faf5ff;
  border: 1px solid #d6a3ff;
  border-radius: 2px;
  min-height: 100px;
  background-color: white;
  padding: 5px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  }
.wiki_name {
  width: 100%;
  margin-bottom: 10px;
  padding: 7px 10px;
  font: 16px/20px "Fira Sans Condensed", sans-serif;
  background-color: #faf5ff;
  border: 1px solid #d6a3ff;
  border-radius: 2px;
  box-sizing: border-box;
  }
.wiki_buttons {
  text-align: right;
  margin: 10px 0px;
  }

#summary,#article_nm {width: 500px;}
.shablon_name {
  font: 14px/18px "Fira Sans Condensed", sans-serif;
  letter-spacing: 0.4px;
  text-shadow: 0 0 1px #b33bff;
  color: #5f009c;
 }
#wiki_login_area_form {
  }
#wiki_login_area_info {
  }
.wiki_login_area {
  margin-top: 10px;
  background-color: lightgray;
  display: block;
  width: max-content;
  padding: 5px;
  }

#ruwiki_login_area_form {
  }
#ruwiki_login_area_info {
  }
.ruwiki_login_area {
  margin-top: 10px;
  background-color: #bf82e6;
  display: block;
  width: max-content;
  padding: 5px;
  }
.login_name {
  font: bold 14px/22px "Fira Sans Condensed", sans-serif;
  }