@namespace url(http://www.w3.org/1999/xhtml);

#passwordbox, #passwordbox_edit {
  display: none;
}

#de-panel {
  opacity: 0;
  transition: opacity .3s .6s;
}

#de-panel:hover {
  opacity: 1;
  transition: opacity .3s .1s;
}

img.thumb {
  /* (function(a){return{t:50*a-50+'%',m:Math.round(290*a)+'px'}})(.45) */
  transform: translateX(-16.75%) translateY(-16.75%) scale(.665);
  float: none !important;
  margin: 0 !important;
}

span[id^="thumb"] {
  margin: 67px 0 8px 29px;
  max-width: 192px;
  max-height: 192px;
  display: inline-block;
  overflow: hidden;
  float: left !important;
}

a, a:hover, a:visited, .reflink > a {
  color: #427fed !important;
  text-decoration: none;
}

a:active {
  color: #ed7f42;
}

.de-post-counter:after {
  content: none;
}

.coma-colormark {
  position: absolute;
  left: -10px;
  top: -20px;
  width: 5px;
  height: 2000px;
  border: none;
  border-radius: 0;
}

a:hover {
  text-decoration: underline;
}

.reply.de-pview {
  overflow: hidden;
          border: none;
        }

.logo a:hover {
  text-decoration: underline !important;
}

table {
  border-spacing: 0;
}

div[de-thread] > table {
  width: 100%;
  margin-top: 12px;
  min-height: 49px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.pstnode > div {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}

.reply {
  border: none;
  background: #fff;
  border-radius: 0;
}

.de-pview, #de-qarea, .de-menu, #de-alert > .reply {
  border: 1px solid rgba(0,0,0,.22) !important;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);
}

.de-menu-item:hover {
  background-color: #427fed;
}

#de-qarea {
  padding: 4px 32px 4px 32px;
  box-sizing: border-box;
  margin-top: 12px;
}

#msgbox {
  resize: none !important;
}

#de-qarea table.postform > tbody > tr > td:first-child {
  font-weight: 400;
  font-size: 12px;
  margin-right: 30px;
  padding-right: 10px;
  overflow: hidden;
  max-width: 60px;
  text-overflow: ellipsis;
}

#passwordbox_edit td:first-child {
  font-size: 0 !important;
}

#passwordbox_edit td:first-child:after {
  content: "Пароль";
  font-size: 12px;
}

#de-qarea input[type="button"], #de-qarea input[type="submit"], #de-qarea button, #de-qarea input[type=file]::-webkit-file-upload-button {
  height: 25px;
  box-sizing: border-box;
  margin: 0;
  min-width: 72px;
  outline: 0;
  padding: 0 8px;
}

#de-qarea input[type="text"], #de-qarea input[type="password"], #de-qarea textarea, #de-qarea select {
  height: 25px;
  box-sizing: border-box;
  border-radius: 0;
  min-width: 72px;
}

#de-qarea input[type="file"] {
  margin-right: 5px;
}

#de-qarea input[type="file"], #de-qarea select {
  position: relative;
  top: -1px;
  font-size: 10px;
}

#file_error {
  color: brown;
  font-size: 12px;
  /*margin-top: -3px;*/
  text-align: center;
  display: block;
}

input[type="button"], input[type="submit"], button, input[type="file"]::-webkit-file-upload-button {
  border-radius: 0;
  background-color: #f5f5f5;
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  box-shadow: none;
  border: 1px solid rgba(0,0,0,.18);
  color: #444;
  cursor: default;
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type=file]:hover::-webkit-file-upload-button {
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  box-shadow: 0 1px 1px rgba(0,0,0,.14);
  border: 1px solid rgba(0,0,0,.22);
  color: #333;
}

input[type="button"]:focus, input[type="submit"]:focus, button:focus, input[type=file]:focus {
  outline: 1px solid #4d90fe !important;
}

input[type="text"], input[type="password"], textarea, select {
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
}

#haiku_btn:focus {
  outline: none;
}

#de-sagebtn {
  font-size: 13px;
  margin-left: 5px;
}

#de-sagebtn b {
  font-size: 0;
}

#de-sagebtn b:after {
  font-size: 13px;
  content: "sage";
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  outline: 1px solid #4d90fe;
}

#de-qarea-close, .de-alert-btn:not(.de-wait) {
  font-weight: 400;
  color: rgba(0,0,0,.33);
  font-size: 0;
}

#de-qarea-close {
  position: relative;
  left: 25px;
}

.de-alert-btn:not(.de-wait) {
  line-height: 18px;
  margin-right: 6px;
}

#de-qarea-close:after, .de-alert-btn:not(.de-wait):after {
  content: "×";
  font-size: 20px;
}

#de-qarea-close:hover, .de-alert-btn:not(.de-wait):hover {
  color: rgba(0,0,0,.45);
}

#de-qarea-target {
  font-size: 12px;
}

.overlay-bg {
  position: fixed;
  background: rgba(255,255,255,.75);
}

#haikaptcha {
  border-radius: 0;
  top: 50%;
  left: 50%;
  margin-top: calc(-482px / 2);
  margin-left: calc(-396px / 2);
  display: block;
  overflow: hidden;
  width: 396px !important;
  min-width: 396px !important;
  height: 482px;
  opacity: 1;
  box-shadow: 0 5px 8px rgba(0,0,0,.2);
  background: white;
  text-align: center;
  line-height: 482px;
  white-space: nowrap;
  font-size: 12px;
}

#haikaptcha > img {
  border: 1px solid rgba(0,0,0,.333);
  position: absolute;
  top: 180px;
  left: 0;
}

#haikaptcha > span:first-of-type:after {
  position: absolute;
  content: "";
  right: 0;
  top: 180px;
  bottom: 0;
  border-left: 1px solid rgba(0,0,0,.333);
}

.ex img:hover {
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.3);
}

.ex img {
  border: 1px solid rgba(0,0,0,.333);
  box-sizing: border-box;
  margin-left: 0;
  outline: 0;
  transition: margin .2s ease-out, box-shadow .3s;
}

.ex + .ex img {
  margin-left: -1px;
}

.pstnode > .reply, .pstnode > .highlight, .pstnode > div {
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

body {
  background: #eee;
  margin: 0;
}

body, #de-alert, .de-cfg-tab, #de-cfg-head, .de-cfg-body, .de-menu-item, .de-fav-inf-posts, #de-panel-info {
  font-family: Roboto !important;
}

.postername, .filetitle {
  font-size: 12px;
}

.postcontent {
  float: right;
  margin-top: 5px;
}

.filetitle + .postername:before, .filetitle + .postertrip:before {
  content: "–";
}

.mobile_date {
  display: block;
  position: absolute;
  opacity: .5;
  width: 250px;
  font-size: 12px;
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
}

.mobile_date::first-line {
  color: transparent;
  font-size: 100px;
  line-height: 0;
}

blockquote {
  margin: 3px 10px 4px 261px !important;
  font-size: 13px;
  min-height: 18px;
}

blockquote:before {
  position: absolute;
  content: "";
  left: 250px;
  top: 6px;
  bottom: 6px;
  border-left: 1px solid #e1e1e1;
}

.reply > label, .pstnode > .highlight > label, .pstnode > div > label {
  width: 250px;
  display: block;
  position: absolute;
  top: 17px;
  line-height: 15px;
  font-size: 12px;
  margin-left: 8px;
}

.de-refmap {
  float: none;
  margin: 26px 3px 3px 8px;
  font-size: 12px;
  font-style: normal;
  max-width: 235px;
  clear: both;
}

.de-btn-rep, .de-btn-hide, .de-btn-hide-user {
  position: absolute;
  top: 2px;
  left: 233px;
  opacity: .33;
  font-size: 14px;
  line-height: 16px;
  background: white !important;
  padding: 0;
}

.de-btn-hide, .de-btn-hide-user {
  left: 218px;
  font-size: 16px;
  opacity: .44;
}

.de-btn-hide-user {
  color: green;
}

.de-btn-rep:hover {
  opacity: .45;
}

.de-btn-hide:hover, .de-btn-hide-user:hover {
  opacity: .55;
}

.de-post-hide .de-btn-hide-user {
  opacity: 0 !important;
}

.de-btn-rep:after {
  content: "▶";
}

.de-btn-hide:after, .de-btn-hide-user:after {
  content: "×";
}

.reflink {
  margin-left: 8px;
  position: absolute;
  font-size: 12px;
  top: 1px;
  left: 0;
  width: 235px;
}

.reflink a {
  font-weight: 700 !important;
  color: inherit !important;
  text-decoration: none !important;
}

.fake_filesize {
  margin-left: 8px !important;
  position: absolute;
  font-size: 0;
  top: 46px;
  left: 0;
  opacity: .5;
  max-width: 235px;
  max-height: 19px;
  overflow: hidden;
  word-break: break-all;
  color: transparent !important;
}

.fake_filesize > a, .fake_filesize > span {
  font-size: 12px;
}

.fake_filesize > span {
  color: #888 !important;
}

.fake_filesize::first-line {
  color: transparent !important;
  font-size: 80px;
  line-height: 0;
}

body > .logo + span > center {
  position: relative;
}

body > .logo + span > center > img {
  display: block!important;
  position: absolute;
  top: -77px;
  max-height: 50px;
  right: 32px;
  border: 0;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), color-stop(.85, rgba(0,0,0,.03)), to(rgba(0,0,0,.2)));
}

.reflink > a:first-child, .dast-hide-tr, .reflink ~ label, .de-parea > hr, .de-parea > div:first-child, #de-main > hr, body > br, .nomagic-switcher + form, .reply > br, .pstnode > .highlight > br, .pstnode > div > br, body > form[de-form] > br, body > form[de-form] > hr, .navbar + center, .footer, .de-video-obj, .filesize .de-btn-src, .filesize a, .de-ppanel .de-btn-fav, .de-ppanel .de-btn-fav-sel, #de-txt-panel, #de-txt-resizer, .de-pview > .de-ppanel, #haikaptcha > br, #file_error > br, .de-btn-stick, .de-post-btns > span[style*="font: bold 11px tahoma"] {
  display: none !important;
}

.de-ppanel:after {
  content: none;
}

#de-img-btn-next, #de-img-btn-prev {
  opacity: 0;
}

div[style="color: red; font-weigth: bold;"] {
  color: brown !important;
}

.reflink > a:last-child:before {
  content: "#";
}

.logo {
  margin: 32px !important;
}

.navbar, .nomagic-switcher {
  text-transform: lowercase;
  font-size: 12px;
}

.nomagic-switcher:hover, #de-main a:not([target]):hover {
  border-bottom: 1px dashed;
}

#de-main a[target]:hover {
  text-decoration: underline !important;
}

.nomagic-switcher:before, .nomagic-switcher:after {
  content: "[ ";
  text-decoration: none !important;
  color: black !important;
  border-bottom: none !important;
}

.nomagic-switcher:after {
  content: " ]";
}

.highlight {
  border: none !important;
  background: #fff !important;
  color: inherit !important;
  outline: #4d90fe solid 4px;
}

body > form[de-form] > .pstnode {
  margin-bottom: 12px;
}

form > .navbar {
  float: left;
}

.navbar + center ~ center {
  float: right;
  font-size: 12px;
  text-transform: lowercase;
  color: #427fed !important;
  margin-bottom: 32px;
  cursor: pointer;
}

.navbar + center ~ center:hover {
  border-bottom: 1px dashed;
}

.navbar + center + center + center:before {
  content: "[ ";
  margin-bottom: none !important;
  color: #000;
}

.navbar + center + center + center {
  margin-right: .25em;
}

.navbar + center + center:before {
  content: " / ";
  margin-bottom: none !important;
  color: #000;
}

.navbar + center + center:after {
  content: " ]";
  margin-bottom: none !important;
  color: #000;
}

.unkfunc0 {
  color: #399D3A;
}

.de-img-center {
  border: 1px solid rgba(0,0,0,.22) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
}

#de-alert > div {
  padding: 10px 20px 10px 16px;
  margin: 6px 12px;
}

.de-new-post {
  outline: #FFCD60 solid 4px;
  box-shadow: none;
}

.de-cfg-tab {
  border-radius: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .spoiler {
    -webkit-filter: blur(3px);
    transition: -webkit-filter .3s;
    background: none !important;
    color: inherit !important;
  }

  .spoiler:hover {
    background: none !important;
    color: inherit !important;
    -webkit-filter: none;
  }
}

@-moz-document url-prefix() {
  .spoiler {
    text-shadow: 0 0 16px black;
    color: transparent !important;
    transition: text-shadow .3s, color .3s;
    background: none !important;
  }

  .spoiler:hover {
    background: none !important;
    color: inherit !important;
    text-shadow: 0 0 0 black;
  }
}

@media screen and (min-width: 699px) {
  .de-pview .reflink { width: 195px !important }
  .de-pview .filesize { max-width: 195px !important }
  .de-pview .de-refmap { max-width: 195px !important }
  .de-pview blockquote { margin: 3px 10px 4px 221px !important }
  .de-pview blockquote:before { left: 210px !important }
  .de-pview .reply > label, .pstnode > .highlight > label, .pstnode > div > label { width: 210px !important }
  .de-pview .mobile_date { width: 210px !important }

  .de-pview img.thumb { transform: translateX(-24%) translateY(-24%) scale(.52) }
  .de-pview span[id^="thumb"] { max-width: 150px; max-height: 150px }
}

@media screen and (max-width: 700px) {
  .reflink { width: 195px !important }
  .filesize { max-width: 195px !important }
  .de-refmap { max-width: 195px !important }
  blockquote { margin: 3px 10px 4px 221px !important }
  blockquote:before { left: 210px !important }
  .reply > label, .pstnode > .highlight > label, .pstnode > div > label { width: 210px !important }
  .mobile_date { width: 210px !important }
  .de-btn-rep { left: 193px }
  .de-btn-hide { left: 178px }

  img.thumb { transform: translateX(-24%) translateY(-24%) scale(.52) }
  span[id^="thumb"] { max-width: 150px; max-height: 150px }
}

@media screen and (max-width: 500px) {
  .reflink { width: 155px !important }
  .filesize { max-width: 155px !important }
  .de-refmap { max-width: 155px !important }
  blockquote { margin: 3px 10px 4px 181px !important }
  blockquote:before { left: 170px !important }
  .reply > label, .pstnode > .highlight > label, .pstnode > div > label { width: 170px !important }
  .mobile_date { width: 170px !important }
  .de-btn-rep { left: 153px }
  .de-btn-hide { left: 138px }

  img.thumb { transform: translateX(-30.7%) translateY(-30.7%) scale(.386) }
  span[id^="thumb"] { max-width: 111px; max-height: 111px }
}

@media screen and (min-width: 900px) {
  body { margin: 0 60px }
}

@media screen and (min-width: 1300px) {
  body { margin: 0 210px 0 90px }
}

@media screen and (min-width: 1700px) {
  body { margin: 0 360px 0 120px }
}