@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,cyrillic-ext");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin,cyrillic-ext");
@import url("https://static.kozhilya.ru/fonts/PresentScript3.css");
@import url("https://static.kozhilya.ru/fontawesome/css/font-awesome.min.css?ver=4.7.0");
/* Цвет на деревяшках */
/* Цвет отблеска на деревяшках (потому что Крис, вот почему) */
/* Цвет ссылки по наведению */
/* Цвет на кнопке */
/* Цвет отблеска на кнопке */
/* Цвет тени от блока и оверлея всплывающего окна */
/* Цвет тени ссылок на деревяшках (он же цвет ссылок на деревяшках, потому что Крис, вот почему) */
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
  }
}
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 11002;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker .behind {
  background-color: transparent;
}
.blocker:after {
  content: "✖";
  position: absolute;
  right: 0.5em;
  top: 0.1em;
  font-size: 2em;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.blocker:hover:after {
  opacity: 1;
}

.modal:not(body) {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 11001;
  max-width: 60vw;
  box-sizing: content-box;
  width: 90%;
  box-shadow: 0 0 10px #000;
  text-align: left;
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
}
.modal:not(body) a, .modal:not(body) a:visited {
  color: #955830;
  text-decoration: none;
}
.modal:not(body) a:hover {
  color: #904c20;
}
.modal:not(body) a.close-modal {
  display: none;
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.SelectClass {
  border: none;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.SumoSelect.open .search-txt {
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  left: 0;
  margin: 0;
  padding: 5px 8px;
  position: absolute;
  top: 0;
  width: 100%;
}

.SumoUnder {
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: none;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.SumoSelect {
  display: inline-block;
  outline: 0;
  position: relative;
  width: 200px;
}
.SumoSelect p {
  margin: 0;
}
.SumoSelect .hidden {
  display: none;
}
.SumoSelect .search-txt {
  display: none;
  outline: 0;
}
.SumoSelect .no-match {
  display: none;
  padding: 6px;
}
.SumoSelect .select-all > label {
  cursor: pointer;
  user-select: none;
}
.SumoSelect:focus > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
}
.SumoSelect:hover > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
}
.SumoSelect .select-all.sel {
  background-color: #a1c0e4;
}
.SumoSelect .select-all > span {
  bottom: 0;
  display: block;
  margin-left: -35px;
  position: absolute;
  top: 0;
  width: 30px;
}
.SumoSelect .select-all > span i {
  background-color: rgba(149, 88, 48, 0.12);
  border-radius: 2px;
  border: 1px solid rgba(149, 88, 48, 0.24);
  bottom: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
}
.SumoSelect .select-all {
  background-color: rgba(149, 88, 48, 0.06);
  border-bottom: 1px solid rgba(149, 88, 48, 0.12);
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  height: 20px;
  padding: 8px 0 3px 35px;
  position: relative;
}

.SelectBox {
  padding: 5px 8px;
}

.sumoStopScroll {
  overflow: hidden;
}

.SumoSelect.open > .search > label {
  visibility: hidden;
}

.SumoSelect.open > .search > span {
  visibility: hidden;
}

.SumoSelect > .CaptionCont {
  min-height: 14px;
  position: relative;
  user-select: none;
  border-radius: 5px;
  border: 0 none transparent;
  padding: 5px 8px;
  color: #523C2E;
  background: #EBD2A8;
  box-shadow: 0 0 5px #240E00;
  text-align: left;
}

.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  max-height: 250px;
  position: relative;
}
.SumoSelect > .optWrapper > .options li.opt {
  border-bottom: 1px solid rgba(149, 88, 48, 0.12);
  padding: 6px;
  position: relative;
}
.SumoSelect > .optWrapper > .options li.opt label {
  user-select: none;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}
.SumoSelect > .optWrapper > .options li label {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SumoSelect > .optWrapper > .options li span {
  display: none;
}
.SumoSelect > .optWrapper > .options li.opt.sel {
  background-color: #a1c0e4;
}
.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  font-weight: 700;
  padding: 8px 6px;
}
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled * {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

.SumoSelect.open > .CaptionCont {
  border-color: transparent;
  box-shadow: 0 0 2px transparent;
  text-align: left;
}

.SumoSelect > .CaptionCont > span {
  cursor: default;
  display: block;
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SumoSelect > .CaptionCont > span.placeholder {
  color: #523C2E;
  font-style: italic;
}

.SumoSelect > .CaptionCont > label {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.SumoSelect > .optWrapper {
  background: #EBD2A8;
  border: 1px solid rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 1000;
}
.SumoSelect > .optWrapper ul {
  display: block;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}

.SumoSelect.open > .optWrapper {
  display: block;
  top: 30px;
  text-align: left;
}

.SumoSelect.open > .optWrapper.up {
  bottom: 100%;
  margin-bottom: 5px;
  top: auto;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 50px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt {
  cursor: pointer;
  padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span {
  bottom: 0;
  display: block;
  margin-left: -35px;
  position: absolute;
  top: 0;
  width: 30px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i {
  background-color: rgba(149, 88, 48, 0.12);
  border-radius: 2px;
  border: 1px solid rgba(149, 88, 48, 0.24);
  bottom: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}

.SumoSelect > .optWrapper.isFloating > .options {
  box-shadow: 0 0 100px #595959;
  max-height: 100%;
}
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper.isFloating {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 90%;
  position: fixed;
  right: 0;
  top: 0;
  width: 90%;
}

.SumoSelect > .optWrapper > .MultiControls {
  background-color: #ffffff;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #dddddd;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  display: none;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  bottom: 0;
  display: block;
  margin-top: 5px;
  position: absolute;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  background-color: #a1c0e4;
  border-color: #a1c0e4;
  box-shadow: 0 0 2px #a1c0e4;
  outline: 0;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 12px;
  text-align: center;
  width: 50%;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-radius: 0 0 0 3px;
  border-right: 1px solid rgba(149, 88, 48, 0.12);
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #523C2E;
  box-shadow: none;
}

/******************************
 ******* Regular styles *******
 ******************************/
html, :root {
  width: 100%;
  font: normal 12px "Open Sans", sans-serif;
}

body {
  text-align: center;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
}
body.freezeContent {
  position: fixed;
  width: 100%;
  left: 0;
}

::selection {
  background-color: white;
  color: #101010;
}

a, a:visited {
  color: #955830;
  text-decoration: none;
}

a:hover {
  color: #904c20;
}

.clear {
  clear: both;
}

pre {
  white-space: pre-wrap;
  text-align: left;
}

hr {
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #523C2E;
}

/******************************
 ******* Regular blocks *******
 ******************************/
/***** Inputs *****/
textarea, input, .localmenu li a, form .form_row_checkbox_group_vertical .form_input label, form .form_row_checkboxgroup .form_input label, button, select, a.button {
  border: 1px solid #955830;
  padding: 5px 8px;
  color: #523C2E;
  background: #EBD2A8;
  outline: 0 none transparent;
  box-sizing: border-box;
}
textarea[disabled], input[disabled], .localmenu li a[disabled], form .form_row_checkbox_group_vertical .form_input label[disabled], form .form_row_checkboxgroup .form_input label[disabled], button[disabled], select[disabled], a.button[disabled] {
  background: transparent !important;
  cursor: not-allowed !important;
}
textarea:hover, input:hover, .localmenu li a:hover, form .form_row_checkbox_group_vertical .form_input label:hover, form .form_row_checkboxgroup .form_input label:hover, button:hover, select:hover, a.button:hover {
  background: #e4c89e;
}
textarea:focus, textarea:active,
textarea form .form_row_checkbox_group_vertical .form_input input:checked + label,
textarea form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li textarea form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea input:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input textarea a:checked + label,
textarea form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input textarea label:checked + label,
textarea form .form_row_checkboxgroup .form_input input:checked + label,
textarea form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li textarea form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input textarea input:checked + label,
form .form_row_checkboxgroup .form_input textarea .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input textarea a:checked + label,
textarea form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input textarea label:checked + label, input:focus, .localmenu li a:focus, form .form_row_checkbox_group_vertical .form_input label:focus, form .form_row_checkboxgroup .form_input label:focus, input:active, .localmenu li a:active, form .form_row_checkbox_group_vertical .form_input label:active, form .form_row_checkboxgroup .form_input label:active,
input form .form_row_checkbox_group_vertical .form_input input:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input input:checked + label,
input form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li input form .form_row_checkbox_group_vertical .form_input a:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input input input:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a input:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a input:checked + label,
form .form_row_checkbox_group_vertical .form_input input .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input input a:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a a:checked + label,
input form .form_row_checkbox_group_vertical .form_input label:checked + label,
.localmenu li a form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input input label:checked + label,
form .form_row_checkbox_group_vertical .form_input .localmenu li a label:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a label:checked + label,
form .form_row_checkbox_group_vertical .form_input label input:checked + label,
form .form_row_checkbox_group_vertical .form_input label .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input label a:checked + label,
form .form_row_checkbox_group_vertical .form_input label label:checked + label,
input form .form_row_checkboxgroup .form_input input:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input input:checked + label,
input form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li input form .form_row_checkboxgroup .form_input a:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input input input:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a input:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a input:checked + label,
form .form_row_checkboxgroup .form_input input .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input input a:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a a:checked + label,
input form .form_row_checkboxgroup .form_input label:checked + label,
.localmenu li a form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input input label:checked + label,
form .form_row_checkboxgroup .form_input .localmenu li a label:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a label:checked + label,
form .form_row_checkboxgroup .form_input label input:checked + label,
form .form_row_checkboxgroup .form_input label .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input label a:checked + label,
form .form_row_checkboxgroup .form_input label label:checked + label, button:focus, button:active,
button form .form_row_checkbox_group_vertical .form_input input:checked + label,
button form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li button form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input button input:checked + label,
form .form_row_checkbox_group_vertical .form_input button .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input button a:checked + label,
button form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input button label:checked + label,
button form .form_row_checkboxgroup .form_input input:checked + label,
button form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li button form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input button input:checked + label,
form .form_row_checkboxgroup .form_input button .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input button a:checked + label,
button form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input button label:checked + label, select:focus, select:active,
select form .form_row_checkbox_group_vertical .form_input input:checked + label,
select form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li select form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input select input:checked + label,
form .form_row_checkbox_group_vertical .form_input select .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input select a:checked + label,
select form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input select label:checked + label,
select form .form_row_checkboxgroup .form_input input:checked + label,
select form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li select form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input select input:checked + label,
form .form_row_checkboxgroup .form_input select .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input select a:checked + label,
select form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input select label:checked + label, a.button:focus, a.button:active,
a.button form .form_row_checkbox_group_vertical .form_input input:checked + label,
a.button form .form_row_checkbox_group_vertical .form_input .localmenu li a:checked + label,
.localmenu li a.button form .form_row_checkbox_group_vertical .form_input a:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button input:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button .localmenu li a:checked + label,
.localmenu li form .form_row_checkbox_group_vertical .form_input a.button a:checked + label,
a.button form .form_row_checkbox_group_vertical .form_input label:checked + label,
form .form_row_checkbox_group_vertical .form_input a.button label:checked + label,
a.button form .form_row_checkboxgroup .form_input input:checked + label,
a.button form .form_row_checkboxgroup .form_input .localmenu li a:checked + label,
.localmenu li a.button form .form_row_checkboxgroup .form_input a:checked + label,
form .form_row_checkboxgroup .form_input a.button input:checked + label,
form .form_row_checkboxgroup .form_input a.button .localmenu li a:checked + label,
.localmenu li form .form_row_checkboxgroup .form_input a.button a:checked + label,
a.button form .form_row_checkboxgroup .form_input label:checked + label,
form .form_row_checkboxgroup .form_input a.button label:checked + label {
  background: #ddbe95;
}

textarea {
  width: 100%;
  height: 300px;
}

a.button {
  display: block;
  margin: 5px;
}

option[selected], option.checked {
  background: #ddbe95;
}

input[type=submit], .localmenu li a[type=submit], form .form_row_checkbox_group_vertical .form_input label[type=submit], form .form_row_checkboxgroup .form_input label[type=submit] {
  color: #6F361D;
  text-shadow: #D9984F 1px 1px 0;
  font: bold 30px "Present Script";
  border-radius: 0;
  min-width: 176px;
  height: 57px;
  border-image: url("https://static.kozhilya.ru/files/design/day/pseudo_button_bg.png?ver=2") 1 14 fill round;
  border-width: 1px 14px;
  border-style: solid;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  background-color: transparent;
  box-shadow: none;
}
input[type=submit][disabled], .localmenu li a[type=submit][disabled], form .form_row_checkbox_group_vertical .form_input label[type=submit][disabled], form .form_row_checkboxgroup .form_input label[type=submit][disabled] {
  opacity: 0.5;
}
input[type=color], .localmenu li a[type=color], form .form_row_checkbox_group_vertical .form_input label[type=color], form .form_row_checkboxgroup .form_input label[type=color] {
  padding: 0 2px;
}
input[type=radio], .localmenu li a[type=radio], form .form_row_checkbox_group_vertical .form_input label[type=radio], form .form_row_checkboxgroup .form_input label[type=radio], input[type=checkbox], .localmenu li a[type=checkbox], form .form_row_checkbox_group_vertical .form_input label[type=checkbox], form .form_row_checkboxgroup .form_input label[type=checkbox] {
  display: none;
}
input[type=radio] + label, .localmenu li a[type=radio] + label, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label, form .form_row_checkboxgroup .form_input label[type=radio] + label, input[type=checkbox] + label, .localmenu li a[type=checkbox] + label, form .form_row_checkbox_group_vertical .form_input label[type=checkbox] + label, form .form_row_checkboxgroup .form_input label[type=checkbox] + label {
  display: block;
  padding: 3px 5px;
  cursor: pointer;
}
input[type=radio] + label:before, .localmenu li a[type=radio] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label:before, form .form_row_checkboxgroup .form_input label[type=radio] + label:before, input[type=checkbox] + label:before, .localmenu li a[type=checkbox] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=checkbox] + label:before, form .form_row_checkboxgroup .form_input label[type=checkbox] + label:before {
  display: inline-block;
  font: normal normal normal 1.2em/1 FontAwesome;
  text-rendering: auto;
  content: "\f096";
  margin-right: 4px;
  width: 15px;
  top: 1px;
  position: relative;
}
input[type=radio]:checked + label:before, .localmenu li a[type=radio]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before, .localmenu li a[type=checkbox]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=checkbox]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=checkbox]:checked + label:before {
  content: "\f046";
}
input[type=radio] + label:before, .localmenu li a[type=radio] + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio] + label:before, form .form_row_checkboxgroup .form_input label[type=radio] + label:before {
  content: "\f10c";
}
input[type=radio]:checked + label:before, .localmenu li a[type=radio]:checked + label:before, form .form_row_checkbox_group_vertical .form_input label[type=radio]:checked + label:before, form .form_row_checkboxgroup .form_input label[type=radio]:checked + label:before {
  content: "\f192";
}
input[type=range], .localmenu li a[type=range], form .form_row_checkbox_group_vertical .form_input label[type=range], form .form_row_checkboxgroup .form_input label[type=range] {
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  margin: 0.75em 0;
  width: 100%;
}
input[type=range]::-webkit-slider-runnable-track, .localmenu li a[type=range]::-webkit-slider-runnable-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-webkit-slider-runnable-track, form .form_row_checkboxgroup .form_input label[type=range]::-webkit-slider-runnable-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-moz-range-track, .localmenu li a[type=range]::-moz-range-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-moz-range-track, form .form_row_checkboxgroup .form_input label[type=range]::-moz-range-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-ms-track, .localmenu li a[type=range]::-ms-track, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-track, form .form_row_checkboxgroup .form_input label[type=range]::-ms-track {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower, .localmenu li a[type=range]::-ms-fill-lower, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-fill-lower, form .form_row_checkboxgroup .form_input label[type=range]::-ms-fill-lower {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-ms-fill-upper, .localmenu li a[type=range]::-ms-fill-upper, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-fill-upper, form .form_row_checkboxgroup .form_input label[type=range]::-ms-fill-upper {
  background: #EBD2A8;
  border-radius: 0.1px;
  border: 1px solid #523C2E;
  cursor: pointer;
  height: 1em;
  width: 100%;
}
input[type=range]::-webkit-slider-thumb, .localmenu li a[type=range]::-webkit-slider-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-webkit-slider-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-webkit-slider-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
  -webkit-appearance: none;
  margin-top: calc(-0.75em - 1px);
}
input[type=range]::-moz-range-thumb, .localmenu li a[type=range]::-moz-range-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-moz-range-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-moz-range-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
}
input[type=range]::-ms-thumb, .localmenu li a[type=range]::-ms-thumb, form .form_row_checkbox_group_vertical .form_input label[type=range]::-ms-thumb, form .form_row_checkboxgroup .form_input label[type=range]::-ms-thumb {
  background: #523C2E;
  border: 0 solid #523C2E;
  cursor: pointer;
  height: 2.5em;
  width: 1em;
  border-radius: 2px;
}
input[type=range]:focus, .localmenu li a[type=range]:focus, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus, form .form_row_checkboxgroup .form_input label[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track, .localmenu li a[type=range]:focus::-webkit-slider-runnable-track, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-webkit-slider-runnable-track, form .form_row_checkboxgroup .form_input label[type=range]:focus::-webkit-slider-runnable-track {
  background: #e4c89e;
}
input[type=range]:focus::-ms-fill-lower, .localmenu li a[type=range]:focus::-ms-fill-lower, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-ms-fill-lower, form .form_row_checkboxgroup .form_input label[type=range]:focus::-ms-fill-lower {
  background: #e4c89e;
}
input[type=range]:focus::-ms-fill-upper, .localmenu li a[type=range]:focus::-ms-fill-upper, form .form_row_checkbox_group_vertical .form_input label[type=range]:focus::-ms-fill-upper, form .form_row_checkboxgroup .form_input label[type=range]:focus::-ms-fill-upper {
  background: #e4c89e;
}

button.active {
  background: #e4c89e;
}

/***** Captcha *****/
.captcha {
  border: 1px solid #955830;
  display: flex;
  flex-flow: row wrap;
  margin: 10px auto;
  width: 200px;
}
.captcha .captcha-container {
  flex: 0 0 100%;
  height: 92px;
}
.captcha .captcha-tools {
  display: flex;
  height: calc(1.2em + 11px);
  width: 2.2em;
}
.captcha .captcha-tools span {
  cursor: pointer;
  flex: 1 auto;
  font-size: 16px;
  padding: 0.1em 0.1em 0.1em 0.1em;
  text-align: center;
  background: #955830;
  color: #d3b489;
}
.captcha .captcha-tools span:hover {
  background: #904c20;
}
.captcha .captcha-input {
  flex: 1 1 40px;
}
.captcha .captcha-input input, .captcha .captcha-input .localmenu li a, .localmenu li .captcha .captcha-input a, .captcha .captcha-input form .form_row_checkbox_group_vertical .form_input label, form .form_row_checkbox_group_vertical .form_input .captcha .captcha-input label, .captcha .captcha-input form .form_row_checkboxgroup .form_input label, form .form_row_checkboxgroup .form_input .captcha .captcha-input label {
  border: 0 none;
  box-sizing: border-box;
  width: 100%;
}

/***** Message *****/
.message {
  border: 1px solid;
  margin: 1em auto;
  padding: 5px;
  width: 50%;
}
.message ul {
  margin: 1em auto;
  text-align: left;
}
.message.success {
  color: #347826;
  background-color: #c1bd8b;
  border-color: #2e8424;
}
.message.info {
  color: #7a4d2f;
  background-color: #d2b28e;
  border-color: #82502f;
}
.message.warning {
  color: #8a8212;
  background-color: #d6bf86;
  border-color: #96900d;
}
.message.error {
  color: #ba352f;
  background-color: #e2ac8e;
  border-color: #cf332f;
}

/*******************/
.tooltip-suite-container {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  position: fixed;
  max-width: 350px;
  padding: 2px 5px;
  display: none;
}
.tooltip-suite-container a, .tooltip-suite-container a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.tooltip-suite-container a:hover {
  color: #bb8f53;
}
.tooltip-suite-element {
  cursor: help;
  text-decoration: underline dotted;
}

/***** Userlink *****/
.userlink {
  display: inline-block;
  vertical-align: text-bottom;
}
.userlink .userlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.userlink .userlink-avatar img {
  margin-right: 0.3em;
  max-height: 50px;
  max-width: 50px;
  vertical-align: middle;
}
.userlink .userlink-name {
  display: inline-block;
  font-family: "Noto Serif", serif;
  vertical-align: middle;
}

/***** Pridelink *****/
.pridelink {
  font-size: 1.2em;
  font-family: "Present Script", serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: text-bottom;
  --pride-color: transparent;
  text-shadow: 0 0 1px var(--pride-color);
}

/***** Charlink *****/
.charlink {
  display: inline-block;
  vertical-align: text-bottom;
}
.charlink .charlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.charlink .charlink-avatar img {
  margin-right: 0.3em;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  object-fit: contain;
}
.charlink .charlink-name {
  display: inline-block;
  font-family: "Present Script", serif;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
}
.charlink .charlink-name .fa {
  margin-left: 3px;
  font-size: 13px;
}
.charlink.notactive .charlink-name {
  font-weight: normal;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  text-align: left;
  color: #d3b489;
  border-width: 10px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/wooden_block_wide.png?ver=2") 10 fill repeat;
}
.breadcrumbs a, .breadcrumbs a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #bb8f53;
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  display: inline-block;
  margin: 0 0.3em;
}
.breadcrumbs ul li a {
  display: block;
  padding: 0.3em 1em;
  height: 1.4em;
  text-decoration: none;
  position: relative;
}
.breadcrumbs ul li.active a {
  font-weight: bold;
}
.breadcrumbs ul li:before {
  content: "/";
  position: absolute;
  padding: 0.3em 0;
  height: 1.4em;
  margin-left: -0.6em;
}
.breadcrumbs ul li:first-child {
  padding-left: 1em;
}
.breadcrumbs ul li:first-child:before {
  content: "//";
  margin-left: -0.9em;
}

/***** Paginator *****/
.paginator {
  margin: 1.5em 0;
}
.paginator .title {
  font-weight: bold;
}
.paginator .pages {
  border: 1px solid #955830;
  border-left: 0 none transparent;
  display: inline-flex;
}
.paginator .pages a {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #955830;
  padding: 4px 8px;
}
.paginator .pages a.current {
  cursor: auto;
  font-weight: bold;
  background-color: rgba(149, 88, 48, 0.12);
}
.paginator .pages a:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.paginator .pages .sep {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #955830;
  padding: 4px 8px;
}

/***** BB Editor *****/
.bbeditor-container {
  margin: auto;
  padding: 0 5px;
}
.bbeditor-container .bbeditor-toolbar-row {
  display: flex;
  padding: 5px 0;
}
.bbeditor-container .bbeditor-toolbar-button {
  background-color: rgba(149, 88, 48, 0.06);
  background: url("https://static.kozhilya.ru/files/design/day/form_icons.png?ver=2") no-repeat 50% 0;
  cursor: pointer;
  height: 26px;
  width: 26px;
}
.bbeditor-container .bbeditor-toolbar-button:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.bbeditor-container .bbeditor-toolbar-button#button-font {
  background-position-y: 5px;
}
.bbeditor-container .bbeditor-toolbar-button#button-size {
  background-position-y: -21px;
}
.bbeditor-container .bbeditor-toolbar-button#button-bold {
  background-position-y: -47px;
}
.bbeditor-container .bbeditor-toolbar-button#button-italic {
  background-position-y: -73px;
}
.bbeditor-container .bbeditor-toolbar-button#button-underline {
  background-position-y: -99px;
}
.bbeditor-container .bbeditor-toolbar-button#button-strike {
  background-position-y: -125px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-left {
  background-position-y: -151px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-center {
  background-position-y: -177px;
}
.bbeditor-container .bbeditor-toolbar-button#button-align-right {
  background-position-y: -203px;
}
.bbeditor-container .bbeditor-toolbar-button#button-link {
  background-position-y: -229px;
}
.bbeditor-container .bbeditor-toolbar-button#button-spoiler {
  background-position-y: -255px;
}
.bbeditor-container .bbeditor-toolbar-button#button-image {
  background-position-y: -281px;
}
.bbeditor-container .bbeditor-toolbar-button#button-video {
  background-position-y: -307px;
}
.bbeditor-container .bbeditor-toolbar-button#button-hide {
  background-position-y: -333px;
}
.bbeditor-container .bbeditor-toolbar-button#button-quote {
  background-position-y: -359px;
}
.bbeditor-container .bbeditor-toolbar-button#button-code {
  background-position-y: -385px;
}
.bbeditor-container .bbeditor-toolbar-button#button-color {
  background-position-y: -411px;
}
.bbeditor-container .bbeditor-toolbar-button#button-smile {
  background-position-y: -437px;
}
.bbeditor-container .bbeditor-toolbar-button#button-keyboard {
  background-position-y: -463px;
}
.bbeditor-container .bbeditor-toolbar-button#button-table {
  background-position-y: -489px;
}
.bbeditor-container .bbeditor-toolbar-button#button-addition {
  background-position-y: -515px;
}
.bbeditor-container .bbeditor-toolbar-button#button-fullscreen {
  background: none;
  color: #955830;
}
.bbeditor-container .bbeditor-toolbar-button#button-fullscreen:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0b2";
  margin: 7px 7px;
}
.bbeditor-container .bbeditor-toolbar-splitter {
  border-right: 1px solid;
  margin-right: 2px;
  padding-right: 2px;
}
.bbeditor-container .bbeditor-toolbar-filler {
  flex: 1 auto;
}
.bbeditor-container .bbeditor-toolbar-counter {
  color: #955830;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bbeditor-container .bbeditor-toolbar-counter i {
  flex: 0 auto;
  margin-right: 3px;
  font-size: 1.2em;
}
.bbeditor-container .bbeditor-toolbar-counter span {
  flex: 1 auto;
}
.bbeditor-container .bbeditor-tools-container {
  position: relative;
}
.bbeditor-container .bbeditor-tool-select {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  position: absolute;
  right: 5px;
  top: 5px;
}
.bbeditor-container .bbeditor-tool-select a, .bbeditor-container .bbeditor-tool-select a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.bbeditor-container .bbeditor-tool-select a:hover {
  color: #bb8f53;
}
.bbeditor-container .bbeditor-tool-select-element {
  cursor: pointer;
  display: block;
  text-align: left;
}
.bbeditor-container .bbeditor-tool-select-element:hover {
  background: rgba(149, 88, 48, 0.12);
}
.bbeditor-container .bbeditor-tool-select#select-color {
  height: 2em;
}
.bbeditor-container .bbeditor-tool-select#select-color .bbeditor-tool-select-element {
  display: inline-block;
}
.bbeditor-container .bbeditor-tool-select#select-color .bbeditor-tool-select-element span {
  display: inline-block;
  height: 2em;
  margin: 0 2px;
  width: 2em;
}
.bbeditor-container .bbeditor-textarea {
  box-sizing: border-box;
}
.bbeditor-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 10001;
  padding: 0;
  background: url("https://static.kozhilya.ru/files/design/day/block_bg.png?ver=2") repeat center;
  box-shadow: 0 0 20px #240E00;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_border_small.jpg?ver=2") 25 round;
  border-width: 25px;
  border-style: solid;
  color: #523C2E;
  border: 0 none;
}
.bbeditor-container.fullscreen a, .bbeditor-container.fullscreen a:visited {
  color: #955830;
  text-decoration: none;
}
.bbeditor-container.fullscreen a:hover {
  color: #904c20;
}
.bbeditor-container.fullscreen .bbeditor-toolbar-row {
  padding: 5px 15px;
}
.bbeditor-container.fullscreen textarea {
  max-height: calc(100% - 40px);
  max-width: calc(100% - 10px);
  height: 100%;
  width: 100%;
}

/***** BB Container *****/
.bb-container {
  text-align: justify;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.bb-container.mybb {
  max-width: 700px;
  margin: 0 auto;
}
.bb-container p {
  line-height: 150%;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  text-align: justify;
}
.bb-container p.lastedit {
  display: none;
}
.bb-container img {
  vertical-align: text-bottom;
}
.bb-container img.postimg {
  vertical-align: middle;
}
.bb-container .blockcode {
  overflow: hidden;
  width: 100%;
}
.bb-container blockquote {
  overflow: hidden;
  width: 100%;
}
.bb-container .scrollbox {
  overflow: auto;
  width: 100%;
}
.bb-container .quote-box, .bb-container .code-box {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.bb-container .quote-box.collapsable .collapsable-title, .bb-container .code-box.collapsable .collapsable-title {
  cursor: pointer;
}
.bb-container .quote-box.collapsable .collapsable-title .toggler .fa-plus-square-o, .bb-container .code-box.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.bb-container .quote-box.collapsable .collapsable-title .toggler .fa-minus-square-o, .bb-container .code-box.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.bb-container .quote-box.collapsable .collapsable-content, .bb-container .code-box.collapsable .collapsable-content {
  display: block;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title, .bb-container .code-box.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o, .bb-container .code-box.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o, .bb-container .code-box.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.bb-container .quote-box.collapsable.collapsed .collapsable-content, .bb-container .code-box.collapsable.collapsed .collapsable-content {
  display: none;
}
.bb-container .quote-box cite, .bb-container .quote-box strong.legend, .bb-container .code-box cite, .bb-container .code-box strong.legend {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding-bottom: 0.4em;
}
.bb-container .quote-box blockquote, .bb-container .code-box blockquote {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.bb-container em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.bb-container em.bbuline em:not(.bbuline) {
  font-style: italic;
}
.bb-container .spoiler-box > div {
  background: url("https://tlkthebeginning.ru/img/plus.png") no-repeat left center;
  cursor: pointer;
  padding-left: 18px;
}
.bb-container .spoiler-box > div.visible {
  background-image: url("https://tlkthebeginning.ru/img/minus.png");
}
.bb-container .spoiler-box > blockquote {
  display: none;
  padding-top: 1.4em;
}
.bb-container .spoiler-box > blockquote.visible {
  display: block;
}
.bb-container .spoiler-box .spoiler_finite {
  display: block;
  text-align: center;
  height: 25px;
  padding-top: 5px;
  overflow: visible;
}
.bb-container .spoiler-box .spoiler_finite span {
  padding: 7px;
  display: block;
  font-weight: bold;
}
.bb-container ul.user-list {
  list-style: disc;
  padding: 0 0 1em 15px;
}
.bb-container ul.user-list li {
  list-style: inherit;
  margin-bottom: 0.3em;
}
.bb-container ul.user-list li > p {
  padding-bottom: 0.3em;
}
.bb-container ul.user-list li > p:last-of-type {
  padding-bottom: 0;
}
.bb-container table {
  border-collapse: collapse;
  margin: 0 0 0.8em;
}
.bb-container table tr td {
  border-style: solid none solid;
  border-width: 1px 0 1px;
  vertical-align: middle;
  padding: 0.4em 0.5em;
  overflow: hidden;
}
.bb-container table tr td p:last-child {
  padding-bottom: 0;
}
.bb-container table tr:first-child td {
  border-top-style: none;
  border-top-width: 0;
}
.bb-container table tr:last-child td {
  border-bottom-style: none;
  border-bottom-width: 0;
}
.bb-container hr, .bb-container .post-sig dt {
  opacity: 0.5;
  margin-bottom: 0.8em;
  border-color: #955830;
}
.bb-container img.postimg {
  max-width: 100%;
  margin: 0.4em 0;
  vertical-align: middle;
}
.bb-container .userlink {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .userlink .userlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .userlink .userlink-avatar img {
  margin-right: 0.3em;
  max-height: 2.2em;
  max-width: 2.2em;
  vertical-align: middle;
}
.bb-container .userlink .userlink-name {
  display: inline-block;
  font-family: "Noto Serif", serif;
  vertical-align: middle;
}
.bb-container .charlink {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .charlink .charlink-avatar {
  display: inline-block;
  vertical-align: middle;
}
.bb-container .charlink .charlink-avatar img {
  height: 2.2em;
  margin-right: 0.3em;
  object-fit: contain;
  vertical-align: middle;
  width: 2.2em;
}
.bb-container .charlink .charlink-name {
  display: inline-block;
  font-family: "Present Script", serif;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
}
.bb-container .charlink .charlink-name .fa {
  font-size: 0.7em;
  margin-left: 3px;
}
.bb-container .cooldown h4 {
  background-color: #955830;
  color: #d3b489;
  text-align: center;
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.bb-container .cooldown h4 em {
  font: bold normal 1.2rem "Present Script";
  padding: 0.5em 0 0.6em;
  display: inline-block;
}
.bb-container .cooldown h4 a {
  color: #d3b489;
}
.bb-container .cooldown h4 a:hover {
  color: #bb8f53;
}
.bb-container .cooldown ul {
  list-style: disc;
}
.bb-container .cooldown ul li {
  margin: 0;
}
.bb-container .cooldown ul li ul {
  list-style: circle;
}

/***** Form *****/
form {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
form .form_row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  margin: 0;
  padding: 0.5em 1%;
  text-align: left;
  width: 98%;
}
form .form_row .form_title {
  box-sizing: border-box;
  flex: 1 300px;
}
form .form_row .form_title strong {
  display: block;
  padding: 5px 0;
}
form .form_row .form_title em, form .form_row .form_title small {
  display: block;
  font-size: 0.9em;
  margin: 0 0 0 1em;
}
form .form_row .form_input {
  box-sizing: border-box;
  flex: 1 700px;
}
form .form_row textarea.form_input {
  height: 10em;
}
form .form_row_hidden {
  display: none;
}
form .form_row_radio .form_input {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
  background: #EBD2A8;
}
form .form_row_radio .form_input label {
  flex: 1 auto;
  border: 1px solid #955830;
  border-left-style: none;
}
form .form_row_radio .form_input label:hover {
  background: rgba(149, 88, 48, 0.06);
}
form .form_row_radio .form_input label:first-of-type {
  border-left-style: solid;
}
form .form_row_radio .form_input input:checked + label, form .form_row_radio .form_input .localmenu li a:checked + label, .localmenu li form .form_row_radio .form_input a:checked + label, form .form_row_radio .form_row_checkbox_group_vertical .form_input label:checked + label, form .form_row_checkbox_group_vertical .form_row_radio .form_input label:checked + label, form .form_row_radio .form_row_checkboxgroup .form_input label:checked + label, form .form_row_checkboxgroup .form_row_radio .form_input label:checked + label {
  background: rgba(149, 88, 48, 0.12);
}
form .form_row_nullable .form_input {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
}
form .form_row_nullable .form_input:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
form .form_row_nullable .form_input input[type=checkbox], form .form_row_nullable .form_input .localmenu li a[type=checkbox], .localmenu li form .form_row_nullable .form_input a[type=checkbox], form .form_row_nullable .form_row_checkbox_group_vertical .form_input label[type=checkbox], form .form_row_checkbox_group_vertical .form_row_nullable .form_input label[type=checkbox], form .form_row_nullable .form_row_checkboxgroup .form_input label[type=checkbox], form .form_row_checkboxgroup .form_row_nullable .form_input label[type=checkbox] {
  display: none;
}
form .form_row_nullable .form_input span {
  display: inline-block;
  opacity: 0.3;
  vertical-align: middle;
}
form .form_row_nullable .form_input span input, form .form_row_nullable .form_input span .localmenu li a, .localmenu li form .form_row_nullable .form_input span a, form .form_row_nullable .form_row_checkbox_group_vertical .form_input span label, form .form_row_checkbox_group_vertical .form_row_nullable .form_input span label, form .form_row_nullable .form_row_checkboxgroup .form_input span label, form .form_row_checkboxgroup .form_row_nullable .form_input span label {
  box-sizing: border-box;
  vertical-align: middle;
  width: calc(100% - 2.2em);
}
form .form_row_nullable .form_input span:before {
  content: "\f096";
  display: inline-block;
  font: normal 1.5em FontAwesome;
  margin: 0 0.2em;
  text-align: left;
  vertical-align: middle;
  width: 0.9em;
}
form .form_row_nullable .form_input input:checked + span, form .form_row_nullable .form_input .localmenu li a:checked + span, .localmenu li form .form_row_nullable .form_input a:checked + span, form .form_row_nullable .form_row_checkbox_group_vertical .form_input label:checked + span, form .form_row_checkbox_group_vertical .form_row_nullable .form_input label:checked + span, form .form_row_nullable .form_row_checkboxgroup .form_input label:checked + span, form .form_row_checkboxgroup .form_row_nullable .form_input label:checked + span {
  opacity: 1;
  width: 100%;
}
form .form_row_nullable .form_input input:checked + span:before, form .form_row_nullable .form_input .localmenu li a:checked + span:before, .localmenu li form .form_row_nullable .form_input a:checked + span:before, form .form_row_nullable .form_row_checkbox_group_vertical .form_input label:checked + span:before, form .form_row_checkbox_group_vertical .form_row_nullable .form_input label:checked + span:before, form .form_row_nullable .form_row_checkboxgroup .form_input label:checked + span:before, form .form_row_checkboxgroup .form_row_nullable .form_input label:checked + span:before {
  content: "\f046";
}
form .form_row_bb .bbeditor-container {
  width: 100% !important;
  padding: 0;
}
form .form_row_checkboxgroup .form_input {
  padding: 0;
  display: flex;
}
form .form_row_checkboxgroup .form_input label {
  flex: 1 auto;
}
form .form_row_checkboxgroup .form_input label:not(:first-of-type) {
  border-left: 0 none;
}
form .form_row_checkbox_group_vertical .form_input {
  padding: 0;
  display: flex;
  flex-flow: column wrap;
}
form .form_row_checkbox_group_vertical .form_input label:not(:last-child) {
  border-bottom: none;
}
form .form_row_checkbox_group_vertical .form_input label:not(:first-of-type) {
  border-left: 0 none;
}
form .form_row_checkbox_group_vertical .form_input .checkbox-item:not(:last-child) label {
  border-bottom: none;
}
form .form_row_special .form_input.timezone_selects {
  display: flex;
  flex-flow: row nowrap;
}
form .form_row_special .form_input.timezone_selects select {
  flex: 1 1 auto;
  margin-right: 3px;
  width: 0;
}
form .form_row_special .form_input.timezone_selects select.select_element {
  flex-grow: 3;
  margin-right: 0;
}
form .form_row_html .form_input {
  padding: 5px 0;
}
form.login .login_controls {
  display: flex;
  flex-flow: row nowrap;
}
form.login .login_controls > * {
  flex: 1 auto;
}
form.login .login_controls .brands {
  text-align: left;
}
form.login .login_controls .texts {
  text-align: right;
}
form.login .login_controls .brand-login {
  cursor: pointer;
}
form.login .login_controls .brand-login img {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

/***** Skills *****/
.iconset {
  height: 100px;
  margin: auto;
  position: relative;
  width: 100px;
}
.iconset img.nature {
  height: 90%;
  margin: 5%;
  width: 90%;
}
.iconset img.individual {
  bottom: 0;
  height: 40%;
  position: absolute;
  right: 0;
  width: 40%;
}
.iconset img.type {
  bottom: 0;
  height: 40%;
  left: 0;
  position: absolute;
  width: 40%;
}
.iconset img.bought {
  height: 30%;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 30%;
}

/***** Awards *****/
.awardslist, body.char_view main .block#user ul.awards {
  list-style: none;
  margin: 0;
  padding: 0;
}
.awardslist li, body.char_view main .block#user ul.awards li {
  display: inline-block;
}
.awardslist li abbr img, body.char_view main .block#user ul.awards li abbr img {
  opacity: 0.6;
  width: 60px;
  height: 60px;
}
.awardslist li abbr:hover img, body.char_view main .block#user ul.awards li abbr:hover img {
  opacity: 1;
}

.award_tooltip h3 {
  margin: 3px 0 5px;
  font: bold 1.5em "Present Script";
}
.award_tooltip p {
  margin: 0.3em 0;
}
.award_tooltip .description {
  margin-top: 1em;
}
.award_tooltip .text {
  font-style: italic;
  margin-bottom: 0.3em;
}

/***** Query table *****/
.queryform {
  position: relative;
  border: 1px solid transparent;
}
.queryform h2 {
  color: #d3b489;
  border-width: 10px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/wooden_block_wide.png?ver=2") 10 fill repeat;
  margin: 0;
  cursor: pointer;
  text-align: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.queryform h2 a, .queryform h2 a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.queryform h2 a:hover {
  color: #bb8f53;
}
.queryform h2:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f147";
  margin-right: 5px;
}
.queryform fieldset {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  display: none;
  margin-top: 25px;
  padding: 0;
}
.queryform fieldset.collapsable .collapsable-title {
  cursor: pointer;
}
.queryform fieldset.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.queryform fieldset.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.queryform fieldset.collapsable .collapsable-content {
  display: block;
}
.queryform fieldset.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.queryform fieldset.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.queryform fieldset.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.queryform fieldset.collapsable.collapsed .collapsable-content {
  display: none;
}
.queryform.visible h2 {
  position: absolute;
  width: 100%;
}
.queryform.visible h2:before {
  content: "\f196";
}
.queryform.visible fieldset {
  display: block;
}

.querytable {
  width: 100%;
  border-spacing: 0;
}
.querytable thead {
  background: #955830;
  color: #d3b489;
}
.querytable thead a, .querytable thead a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.querytable thead a:hover {
  color: #bb8f53;
}
.querytable thead td, .querytable thead th {
  background: rgba(149, 88, 48, 0.06);
  padding: 5px;
}
.querytable thead td.number, .querytable thead th.number {
  text-align: left;
}
.querytable thead td.sortable, .querytable thead th.sortable {
  position: relative;
  padding: 5px 15px;
}
.querytable thead td.sortable a, .querytable thead th.sortable a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.querytable thead td.sortable a:hover, .querytable thead th.sortable a:hover {
  background: rgba(211, 180, 137, 0.1);
}
.querytable thead td.sortable a i, .querytable thead th.sortable a i {
  margin-right: 3px;
}
.querytable tbody tr {
  height: 2em;
}
.querytable tbody tr:nth-child(2n) {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td, .querytable tbody tr th {
  padding: 5px;
  height: inherit;
}
.querytable tbody tr td.sorted, .querytable tbody tr th.sorted {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td.number, .querytable tbody tr th.number {
  text-align: left;
}
.querytable tbody tr td.link, .querytable tbody tr td.user, .querytable tbody tr td.char, .querytable tbody tr td.pride, .querytable tbody tr th.link, .querytable tbody tr th.user, .querytable tbody tr th.char, .querytable tbody tr th.pride {
  padding: 0;
}
.querytable tbody tr td.link a, .querytable tbody tr td.user a, .querytable tbody tr td.char a, .querytable tbody tr td.pride a, .querytable tbody tr th.link a, .querytable tbody tr th.user a, .querytable tbody tr th.char a, .querytable tbody tr th.pride a {
  display: block;
  height: 100%;
  padding: 0 5px;
}
.querytable tbody tr td.link a:hover, .querytable tbody tr td.user a:hover, .querytable tbody tr td.char a:hover, .querytable tbody tr td.pride a:hover, .querytable tbody tr th.link a:hover, .querytable tbody tr th.user a:hover, .querytable tbody tr th.char a:hover, .querytable tbody tr th.pride a:hover {
  background: rgba(149, 88, 48, 0.12);
}
.querytable tbody tr td.link a, .querytable tbody tr th.link a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
.querytable tbody tr td.char, .querytable tbody tr th.char {
  text-align: left;
}
.querytable tbody tr td.char a, .querytable tbody tr th.char a {
  display: flex;
  align-items: center;
}
.querytable tbody tr td.char a img, .querytable tbody tr th.char a img {
  margin-right: 6px;
  width: 2em;
  height: 2em;
}
.querytable tbody tr td.user, .querytable tbody tr th.user {
  text-align: left;
}
.querytable tbody tr td.user a, .querytable tbody tr th.user a {
  display: flex;
  align-items: center;
}
.querytable tbody tr td.user a img, .querytable tbody tr th.user a img {
  margin-right: 6px;
  height: 2em;
}
.querytable tbody tr td.pride a, .querytable tbody tr th.pride a {
  color: #523C2E;
  font: bold 1.2em "Present Script";
  padding: 0 5px;
  text-align: left;
  display: flex;
  align-items: center;
}
.querytable tbody tr td.tooltip, .querytable tbody tr th.tooltip {
  padding: 0;
}
.querytable tbody tr td.tooltip .tooltip-suite-element, .querytable tbody tr th.tooltip .tooltip-suite-element {
  display: block;
  padding: 9px 5px 8px;
}

.localmenu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 auto 10px;
  justify-content: center;
}
.localmenu li {
  flex: 0 auto;
  width: 150px;
}
.localmenu li a {
  display: block;
  padding: 5px 8px;
}
.localmenu li:not(:first-of-type) a {
  border-left: 0 none;
}
.localmenu li.active a {
  font-weight: bold;
  background: rgba(149, 88, 48, 0.12);
}

/***** Event *****/
.tooltip_pride_score_milestone {
  width: 300px;
}
.tooltip_pride_score_milestone h3 {
  font: bold 1.2em "Present Script";
  margin: 0 0 10px;
}
.tooltip_pride_score_milestone p {
  margin: 5px 0 0;
}

.tooltip_pride_score_reason {
  width: 300px;
}
.tooltip_pride_score_reason p {
  margin-top: 0;
}
.tooltip_pride_score_reason ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tooltip_pride_score_reason ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.tooltip_pride_score_reason ul li strong {
  flex: 0 0 auto;
  width: 76px;
  font: bold 1.2em "Present Script";
  text-align: left;
}
.tooltip_pride_score_reason ul li span {
  flex: 1 auto;
  text-align: left;
}
.tooltip_pride_score_reason ul li.multiplier {
  border-top: 1px solid #d3b489;
  padding-top: 2px;
  margin-top: 3px;
}

/***** Fight state editor *****/
.form_row.form_row_fightstate {
  margin-top: -40px;
}
.form_row.form_row_fightstate > .form_title {
  display: none;
}

.fightstate-editor {
  flex-basis: 100%;
  margin: 0;
}
.fightstate-editor .fightstate-button {
  flex: 0 0 30px;
  width: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  padding: 0;
  transition: 0.5s flex-basis, 0.5s width;
}
.fightstate-editor .fightstate-button em {
  display: block;
  font-size: 12px;
  width: 100px;
  flex: 0 0 100px;
  text-align: right;
  order: 1;
  line-height: 1;
}
.fightstate-editor .fightstate-button i {
  display: block;
  width: 16px;
  flex: 0 0 16px;
  text-align: center;
  font-size: 18px;
  margin: 0 8px;
  order: 2;
}
.fightstate-editor .fightstate-button:hover {
  flex-basis: 130px;
  width: 130px;
}
.fightstate-editor .fightstate-tools {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.fightstate-editor .fightstate-tools .fightstate-title {
  flex: 1 0 auto;
}
.fightstate-editor .char {
  border: 1px solid #955830;
  margin: 5px 0;
}
.fightstate-editor .char .char-title {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  background-color: #955830;
  color: #d3b489;
}
.fightstate-editor .char .char-title a, .fightstate-editor .char .char-title a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.fightstate-editor .char .char-title a:hover {
  color: #bb8f53;
}
.fightstate-editor .char .char-title .char-name {
  flex: 1 auto;
  text-align: left;
  font: bold 1.2em "Present Script";
  padding: 4px 7px;
}
.fightstate-editor .char .char-title .fightstate-button, .fightstate-editor .char .char-title .fightstate-button:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
.fightstate-editor .char .char-title .fightstate-button:hover {
  color: #bb8f53;
}
.fightstate-editor .char .char-elements {
  border-top: 1px solid #955830;
}
.fightstate-editor .char .fightstate-button#char-tool-expand em {
  display: none;
}
.fightstate-editor .char .fightstate-button#char-tool-expand i {
  padding-top: 3px;
}
.fightstate-editor .char .fightstate-button#char-tool-expand:hover {
  width: 30px;
  flex-basis: 30px;
}
.fightstate-editor .char .fightstate-button#char-tool-drag em {
  display: none;
}
.fightstate-editor .char .fightstate-button#char-tool-drag i {
  padding-top: 1px;
}
.fightstate-editor .char .fightstate-button#char-tool-drag:hover {
  width: 30px;
  flex-basis: 30px;
  color: inherit;
}
.fightstate-editor .char.expandable .char-button.char-expand i:before {
  content: "\f196";
}
.fightstate-editor .char.expandable .char-elements {
  display: none;
}
.fightstate-editor .char.expandable.expanded .char-button.char-expand i:before {
  content: "\f147";
}
.fightstate-editor .char.expandable.expanded .char-elements {
  display: block;
}
.fightstate-editor .element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fightstate-editor .element:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.fightstate-editor .element .element-drag-handler {
  width: 20px;
  padding: 7px;
}
.fightstate-editor .element .element-bonus {
  flex: 0 20px;
  text-align: right;
  margin: 0 10px 0 0;
  font: bold 1.2em "Consolas";
}
.fightstate-editor .element .element-title {
  flex: 1 200px;
  text-align: left;
}
.fightstate-editor .element .element-remain {
  flex: 1 150px;
  text-align: left;
}
.fightstate-editor .element .element-tools {
  display: flex;
}
.fightstate-editor .element .element-tools .fightstate-button {
  padding: 6px 0;
}
.fightstate-editor .element .element-tools .fightstate-button:hover {
  background: rgba(149, 88, 48, 0.12);
}
.fightstate-editor .element .element-tools#element-active .fightstate-button em {
  display: none;
}
.fightstate-editor .element .element-tools#element-active .fightstate-button i {
  padding-top: 3px;
}
.fightstate-editor .element .element-tools#element-active .fightstate-button:hover {
  width: 30px;
  flex-basis: 30px;
}
.fightstate-editor .element .element-tools#element-actions {
  flex: 1 0 150px;
  justify-content: flex-end;
}
.fightstate-editor .element.empty span {
  padding: 7px 100px;
  display: block;
  flex: 1 auto;
  text-align: left;
}
.fightstate-editor .element.disabled {
  opacity: 0.5;
}
.fightstate-editor .element.notactivable .element-tools#element-active {
  visibility: hidden;
}
.fightstate-editor .element.neutral {
  background: #cfad88;
}
.fightstate-editor .element.positive {
  background: #a4b878;
}
.fightstate-editor .element.negative {
  background: #e7967d;
}
.fightstate-editor .fightstate-form {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title {
  cursor: pointer;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.fightstate-editor .fightstate-form.collapsable .collapsable-content {
  display: block;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.fightstate-editor .fightstate-form.collapsable.collapsed .collapsable-content {
  display: none;
}
.fightstate-editor .fightstate-form .form_row_select .form_input select {
  display: block;
  width: 100%;
}
.fightstate-editor .fightstate-form .form_row_select .form_input div.description p {
  margin: 0.5rem 0 0;
}

/***** Dice result *****/
.dice-preview {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
.dice-preview.collapsable .collapsable-title {
  cursor: pointer;
}
.dice-preview.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
.dice-preview.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
.dice-preview.collapsable .collapsable-content {
  display: block;
}
.dice-preview.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
.dice-preview.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
.dice-preview.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
.dice-preview.collapsable.collapsed .collapsable-content {
  display: none;
}
.dice-preview-wrapper {
  width: 700px;
  margin: 10px auto;
}
.dice-preview .dice-preview-title {
  font: bold 1.2em "Open Sans";
  margin-top: 0;
}
.dice-preview .modifier-value {
  font: bold 1.2em "Present Script";
  display: inline-block;
  height: 20px;
}
.dice-preview .modifier-value .modifier-value-sign {
  font-size: 1.2em;
  padding-right: 3px;
}
.dice-preview .modifier-value .modifier-value-value {
  font-size: 1.5em;
}
.dice-preview .toggler-container .toggler {
  display: block;
  padding: 5px 0;
}
.dice-preview .toggler-container .toggler .fa:before {
  content: "\f138";
}
.dice-preview .toggler-container .toggler em {
  display: inline-block;
  border-bottom: dashed 1px #955830;
  font-style: normal;
}
.dice-preview .toggler-container .toggler span {
  display: inline-block;
}
.dice-preview .toggler-container .toggler span.onactive {
  display: none;
}
.dice-preview .toggler-container .toggler-content {
  display: none;
}
.dice-preview .toggler-container.active .toggler .fa:before {
  content: "\f13a";
}
.dice-preview .toggler-container.active .toggler span.onnotactive {
  display: none;
}
.dice-preview .toggler-container.active .toggler span.onactive {
  display: inline-block;
}
.dice-preview .toggler-container.active .throw-modifier-list {
  display: flex;
}
.dice-preview .toggler-container.active .toggler-content {
  display: block;
}
.dice-preview .throws {
  display: grid;
  grid-template-columns: 100px 1fr 100px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "imageattack infoattack ." "imageattack modifiers ." ". infodamage imagedamage";
  border-top: 1px solid #523C2E;
}
.dice-preview .throws .throw-image object {
  width: 100px;
  margin: 0 auto;
}
.dice-preview .throws .throw-image#attack {
  grid-area: imageattack;
}
.dice-preview .throws .throw-image#damage {
  grid-area: imagedamage;
}
.dice-preview .throws .throw-image#damage object {
  width: 80px;
}
.dice-preview .throws .throw-info {
  grid-area: info;
}
.dice-preview .throws .throw-info p {
  margin: 10px 0;
}
.dice-preview .throws .throw-info p:first-of-type {
  margin-top: 5px;
}
.dice-preview .throws .throw-info .throw-result {
  font: bold 1.5em "Open Sans";
}
.dice-preview .throws .throw-info#attack {
  grid-area: infoattack;
}
.dice-preview .throws .throw-info#damage {
  grid-area: infodamage;
}
.dice-preview .throws .throw-modifiers {
  grid-area: modifiers;
}
.dice-preview .throws .throw-modifiers.active .throw-modifier-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-flow: row wrap;
  justify-content: stretch;
}
.dice-preview .throws .throw-modifiers li.throw-modifier {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: stretch;
  margin: 1px 1px;
  padding: 1px;
}
.dice-preview .throws .throw-modifiers li.throw-modifier .throw-modifier-value {
  flex: 0 0 36px;
  padding: 0 0 1px;
  border: 1px solid #955830;
  background: #EBD2A8;
}
.dice-preview .throws .throw-modifiers li.throw-modifier .throw-modifier-title {
  flex: 1 0 auto;
  border: 1px solid #955830;
  background: #EBD2A8;
  border-left: 0 none;
  padding: 2px 3px;
}
.dice-preview .throws .throw-modifiers li.throw-modifier.combat-modifier .throw-modifier-title {
  font-weight: bold;
}
.dice-preview .state .state-items {
  padding: 0 0 0 2em;
  text-align: left;
}

/***** Brands *****/
.brand-icon {
  fill: #2CA5E0;
  background-color: #FFFFFF;
  fill: #4680C2;
  background-color: #FFFFFF;
  fill: #05CC47;
  background-color: #FFFFFF;
  fill: #00AFF0;
  background-color: #FFFFFF;
  fill: #FF4500;
  background-color: #FFFFFF;
  fill: #FF0000;
  background-color: #FFFFFF;
  fill: #000000;
  background-color: #FFFFFF;
  fill: #7289DA;
  background-color: #FFFFFF;
  fill: #E4405F;
  background-color: #FFFFFF;
  fill: #9146FF;
  background-color: #FFFFFF;
  fill: #1DA1F2;
  background-color: #FFFFFF;
}

/***** Editable list *****/
.editable-list .content {
  list-style: none;
  margin: 0;
  padding: 0;
}
.editable-list .content li {
  padding: 0.3em 0.5em;
}
.editable-list .content li:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.editable-list .content li .title {
  text-align: center;
}
.editable-list .content li .title .mybox_title {
  display: inline-block;
  font: bold 1.2em "Open Sans";
  text-align: left;
  width: 50%;
}
.editable-list .content li .title > * {
  vertical-align: middle;
}
.editable-list .content li div.more {
  display: none;
}
.editable-list .content li .active_toggle {
  cursor: pointer;
  font-size: 2em;
}
.editable-list .content li .active_toggle span {
  display: none;
}
.editable-list .content li .active_toggle span.on_deactive {
  display: inline-block;
}
.editable-list .content li.active {
  background-color: rgba(149, 88, 48, 0.12);
}
.editable-list .content li.active div.more {
  display: block;
}
.editable-list .content li.active .active_toggle span {
  display: inline-block;
}
.editable-list .content li.active .active_toggle span.on_deactive {
  display: none;
}
.editable-list .content .null_check {
  margin-left: -1.1em;
  margin-top: 0.5em;
  position: absolute;
}
.editable-list .content li {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
}
.editable-list .content li .drag-handle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
.editable-list .content li .active_toggle {
  align-items: center;
  display: flex;
  font-size: 1.5em;
}
.editable-list .content li .fields {
  align-items: center;
  display: inline-flex;
  flex-flow: row nowrap;
  flex: 1 400px;
  justify-content: space-around;
  padding: 0 10px;
  width: 590px;
}
.editable-list .content li .fields .form_title {
  display: none;
}
.editable-list .content li.active {
  background-color: rgba(149, 88, 48, 0.06);
}
.editable-list .content li.active .fields {
  display: block;
}
.editable-list .content li.active .fields .form_title {
  display: block;
}

/***** Declenstion input *****/
.declension-modal {
  width: 50vw;
  max-width: initial;
}
.declension-modal .declension-content {
  text-align: center;
}
.declension-modal .declension-word {
  display: inline-flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
  justify-content: stretch;
  max-width: 100%;
}
.declension-modal .declension-word .declension-option {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 1px;
}
.declension-modal .declension-word .declension-option h4 {
  flex: 0 auto;
  margin: 0;
  padding: 0 1em 0;
  max-height: 18rem;
  writing-mode: vertical-rl;
  text-orientation: sideways;
}
.declension-modal .declension-word .declension-option .declension-variants {
  display: none;
  flex-flow: row wrap;
  height: 17em;
  align-items: center;
}
.declension-modal .declension-word .declension-option p {
  flex: 1 100%;
  text-align: left;
  margin: 0;
}
.declension-modal .declension-word .declension-option.editable p {
  margin: 0;
}
.declension-modal .declension-word .declension-option:hover {
  background-color: rgba(149, 88, 48, 0.12);
}
.declension-modal .declension-word .declension-option.active {
  flex-grow: 1;
  background-color: rgba(149, 88, 48, 0.24);
}
.declension-modal .declension-word .declension-option.active .declension-variants {
  display: flex;
}
.declension-modal .declension-word .declension-option.active .declension-variants p {
  flex: 1 100%;
}

/***** Draft list *****/
.draft_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.draft_list li {
  flex: 0 0 auto;
  margin: 5px;
  width: calc(25% - 10px);
}
.draft_list li a {
  background: rgba(149, 88, 48, 0.12);
  border: 1px solid #955830;
  display: block;
  height: 120px;
  overflow-y: hidden;
  width: 100%;
}
.draft_list li a:hover {
  background: rgba(149, 88, 48, 0.24);
}
.draft_list li h2 {
  margin: 0.2em 0 0.2em;
}
.draft_list li .type {
  color: #523C2E;
  margin: 0 0 0.2em;
  font-weight: bold;
}
.draft_list li .lastedit {
  color: #523C2E;
  margin: 0 0 0.2em;
}
.draft_list li .preview {
  color: #523C2E;
  font: normal 10px "Consolas", "Courier New", monospace;
  opacity: 0.6;
  padding: 5px;
  text-align: left;
  overflow: hidden;
}

body.char_view main h1 {
  font: bold 2.5em "Present Script";
  color: #523C2E;
}
body.char_view main .block {
  padding: 0.5em 0;
}
body.char_view main .block h2 {
  color: #d3b489;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 60px;
  box-sizing: border-box;
  text-align: center;
  font: bold 20px "Present Script";
  border-width: 12px;
  border-style: solid;
  border-image: url("https://static.kozhilya.ru/files/design/day/title_bg.png?ver=2") 12 fill round;
  box-shadow: 0 0 10px #240E00;
  font: bold 2em "Present Script";
  margin: 0.2em 0 0.5em;
  text-align: center;
}
body.char_view main .block h2 a, body.char_view main .block h2 a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.char_view main .block h2 a:hover {
  color: #bb8f53;
}
body.char_view main .block h2:before, body.char_view main .block h2:after {
  content: " ";
  font-size: 0;
  display: block;
  position: absolute;
}
body.char_view main .block h2:before {
  width: 254px;
  height: calc(100% + 46px);
  top: -23px;
  left: -23px;
  background: url("https://static.kozhilya.ru/files/design/day/title_decor_tl.png?ver=2") top left no-repeat, url("https://static.kozhilya.ru/files/design/day/title_decor_bl.png?ver=2") bottom left no-repeat;
}
body.char_view main .block h2:after {
  width: 256px;
  height: calc(100% + 41px);
  top: -20px;
  right: -24px;
  background: url("https://static.kozhilya.ru/files/design/day/title_decor_tr.png?ver=2") top left no-repeat, url("https://static.kozhilya.ru/files/design/day/title_decor_br.png?ver=2") bottom left no-repeat;
}
body.char_view main .block h2 > span {
  display: block;
  padding-bottom: 0.2em;
}
body.char_view main .block h2 em {
  border-radius: 25%;
  border: 1px solid;
  display: inline-block;
  font-size: 0.7em;
  padding: 0 0.3em 0.15em 0.2em;
  margin-left: 0.3em;
}
body.char_view main .block .itemlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.char_view main .block .itemlist .item {
  border: 1px solid transparent;
}
body.char_view main .block .itemlist .item .item_title {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 27px;
}
body.char_view main .block .itemlist .item .item_title:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  content: "\f152";
  position: absolute;
  top: 0;
  left: 5px;
}
body.char_view main .block .itemlist .item .item_content {
  display: none;
  padding: 0 5px;
}
body.char_view main .block .itemlist .item:hover {
  background: rgba(149, 88, 48, 0.12);
}
body.char_view main .block .itemlist .item.full {
  background: rgba(149, 88, 48, 0.24);
}
body.char_view main .block .itemlist .item.full .item_title:before {
  content: "\f150";
}
body.char_view main .block .itemlist .item.full .item_content {
  display: block;
}
body.char_view main .block#info .splitview {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 300px;
}
body.char_view main .block#info .splitview > * > * {
  margin: 15px 0;
}
body.char_view main .block#info .splitview .maininfo {
  flex: 1 400px;
}
body.char_view main .block#info .splitview .maininfo .canon {
  font-weight: bold;
  font-size: 1.2em;
}
body.char_view main .block#info .splitview .avatar {
  flex: 1 200px;
}
body.char_view main .block#info .splitview .secondaryinfo {
  flex: 1 400px;
}
body.char_view main .block#info .niceinfo {
  display: flex;
  flex-flow: column wrap;
  height: 300px;
  justify-content: space-evenly;
  margin: 0 0 2em;
  position: relative;
  text-align: center;
  justify-content: center;
}
body.char_view main .block#info .niceinfo > * {
  margin: 10px 0;
}
body.char_view main .block#info .niceinfo #split {
  flex: 0 100%;
  order: 500;
}
body.char_view main .block#info .niceinfo #pride, body.char_view main .block#info .niceinfo #species, body.char_view main .block#info .niceinfo #age, body.char_view main .block#info .niceinfo #combat {
  order: 501;
}
body.char_view main .block#info .niceinfo #avatar {
  flex: 1 100%;
  order: 499;
  width: auto;
}
body.char_view main .block#info #avatar {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
body.char_view main .block#info #avatar img {
  max-height: 300px;
  max-width: 200px;
  object-fit: cover;
}
body.char_view main .block#info #pride {
  position: relative;
}
body.char_view main .block#info #pride a {
  font: bold 1.7em "Present Script";
}
body.char_view main .block#info #pride a:hover + em {
  display: block;
  opacity: 1;
}
body.char_view main .block#info #pride em {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  position: absolute;
  transition: 0.5s opacity;
  height: auto;
  left: 10%;
  padding: 5px 10px;
  top: 3.2em;
  width: 80%;
  z-index: 1500;
  font-style: normal;
}
body.char_view main .block#info #pride em a, body.char_view main .block#info #pride em a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.char_view main .block#info #pride em a:hover {
  color: #bb8f53;
}
body.char_view main .block#info #pride i {
  display: block;
  font: bold 1.4em "Present Script";
  margin: 0.2em 0 0.5em;
}
body.char_view main .block#info #species {
  font-size: 1.1em;
}
body.char_view main .block#info #age {
  font-size: 1.1em;
}
body.char_view main .block#info #combat {
  font-size: 1.1em;
}
body.char_view main .block#info #user {
  font-size: 1.1em;
}
body.char_view main .block#info #user a {
  display: block;
  margin: 0;
  text-decoration: none;
  vertical-align: middle;
}
body.char_view main .block#info #user a .userlink-avatar {
  display: inline-block;
  height: 3em;
  margin-right: 0.5em;
  text-align: center;
  width: 3em;
}
body.char_view main .block#info #user a .userlink-avatar img {
  max-height: 3em;
  max-width: 3em;
  vertical-align: middle;
}
body.char_view main .block#info #user a .userlink-name {
  font: normal 1.2em "Noto Serif";
  vertical-align: middle;
}
body.char_view main .block#info #user .status {
  font-size: 0.9rem;
}
body.char_view main .block#info #links {
  font-size: 1.1em;
  list-style: none;
  padding: 0;
}
body.char_view main .block#info #links li {
  display: inline-block;
  padding: 0.3em 0.5em;
}
body.char_view main .block#info .infotext {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
  line-height: 1.5;
  text-align: justify;
}
body.char_view main .block#info .infotext.collapsable .collapsable-title {
  cursor: pointer;
}
body.char_view main .block#info .infotext.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.char_view main .block#info .infotext.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.char_view main .block#info .infotext.collapsable .collapsable-content {
  display: block;
}
body.char_view main .block#info .infotext.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.char_view main .block#info .infotext.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.char_view main .block#info .infotext.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.char_view main .block#info .infotext.collapsable.collapsed .collapsable-content {
  display: none;
}
body.char_view main .block#info .infotext :first-child {
  margin-top: 0;
}
body.char_view main .block#info .infotext :last-child {
  margin-bottom: 0;
}
body.char_view main .block#info #state {
  line-height: 1.5;
  text-align: justify;
}
body.char_view main .block#info #place {
  line-height: 1.5;
  text-align: justify;
}
body.char_view main .block#familiar .familiar img {
  float: right;
  margin: 0 0 0.5em 0.5em;
  max-height: 150px;
  max-width: 200px;
}
body.char_view main .block#familiar h3 {
  margin-top: 0;
  text-align: center;
}
body.char_view main .block#familiar h3 em {
  font: normal 1em "Open Sans";
}
body.char_view main .block#familiar h3 strong {
  font: bold 2em "Present Script";
}
body.char_view main .block#familiar p.userdesc {
  text-align: justify;
}
body.char_view main .block#familiar p.lotdesc {
  font-style: italic;
  text-align: justify;
}
body.char_view main .block#skills .skill .item_title {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  padding: 2px 9px 2px 27px;
}
body.char_view main .block#skills .skill .item_title:before {
  top: 16px;
}
body.char_view main .block#skills .skill .item_title .iconset {
  height: 4em;
  margin-right: 0.5em;
  width: 4em;
}
body.char_view main .block#skills .skill .item_title h3 {
  flex: 1 auto;
  font: bold 2em "Present Script";
  margin: 0;
  text-align: left;
}
body.char_view main .block#skills .skill .item_title #type {
  margin: 0;
  text-align: right;
}
body.char_view main .block#skills .skill #description {
  font-size: 1em;
  text-align: justify;
}
body.char_view main .block#lots .bank ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  gap: 0.3em;
  justify-content: center;
}
body.char_view main .block#lots .bank ul li.none {
  opacity: 0.4;
}
body.char_view main .block#lots .bank ul li img {
  max-height: 2em;
  vertical-align: middle;
}
body.char_view main .block#lots .bank ul li span {
  vertical-align: middle;
}
body.char_view main .block#lots .lot .item_title {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  padding: 2px 9px 2px 27px;
}
body.char_view main .block#lots .lot .item_title:before {
  top: 12px;
}
body.char_view main .block#lots .lot .item_title .image {
  margin: 0 3px;
}
body.char_view main .block#lots .lot .item_title .image img {
  height: 3em;
  margin-right: 0.5em;
  width: 3em;
}
body.char_view main .block#lots .lot .item_title h3 {
  flex: 1 auto;
  font: bold 2em "Present Script";
  margin: 0;
  text-align: left;
}
body.char_view main .block#lots .lot .item_title h3 em {
  font-style: normal;
  font-weight: normal;
}
body.char_view main .block#lots .lot .item_title .proof {
  font-size: 0;
  padding: 12px 5px;
  transition: 0.2s all;
  vertical-align: center;
}
body.char_view main .block#lots .lot .item_title .proof i {
  font-size: 12px;
}
body.char_view main .block#lots .lot .item_title .proof:hover {
  font-size: 12px;
  background: rgba(149, 88, 48, 0.12);
}
body.char_view main .block#lots .lot .item_title.noimage {
  height: 40px;
}
body.char_view main .block#lots .lot .item_title.noimage h3 {
  margin-left: 46px;
}
body.char_view main .block#lots .lot #description {
  display: none;
  flex: 1 100%;
  font-size: 1em;
  text-align: justify;
}
body.char_view main .block#lots .lot #additional {
  display: none;
  flex: 1 100%;
  font-size: 1em;
  text-align: justify;
  font-style: italic;
}
body.char_view main .block#lots .lot #commentary {
  display: none;
  flex: 1 100%;
  font-size: 1em;
  text-align: justify;
}
body.char_view main .block#lots .lot #charges {
  display: none;
  flex: 1 100%;
  font-size: 1em;
  text-align: justify;
}
body.char_view main .block#lots .lot #proof {
  display: none;
  flex: 1 100%;
  font-size: 1em;
  text-align: justify;
}
body.char_view main .block#lots .lot.full #description {
  display: block;
}
body.char_view main .block#lots .lot.full #additional {
  display: block;
}
body.char_view main .block#lots .lot.full #commentary {
  display: block;
}
body.char_view main .block#lots .lot.full #charges {
  display: block;
}
body.char_view main .block#lots .lot.full #proof {
  display: block;
}
body.char_view main .block#relationships .generations a {
  font: bold 2em "Present Script";
  margin: 0.5em 0;
}
body.char_view main .block#relationships .list {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
}
body.char_view main .block#relationships .list .rel {
  flex-flow: column wrap;
  flex: 1 30%;
  margin: 0.7em;
}
body.char_view main .block#relationships .list .rel h3 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 0.2em;
}
body.char_view main .block#relationships .list .rel h3 strong {
  font: bold 1.5em "Present Script";
}
body.char_view main .block#relationships .list .rel p {
  margin: 0;
}
body.char_view main .block#user h2 {
  font-size: 20px;
}
body.char_view main .block#user h2 img {
  width: 25px;
  height: 25px;
}
body.char_view main .block#user h2 > span {
  padding-bottom: 0;
}
body.char_view main .block#user ul.twinks {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.char_view main .block#user ul.twinks li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.char_view main .block#user ul.twinks li:hover {
  border-color: #955830;
}
body.char_view main .block#user ul.twinks li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.char_view main .block#user ul.twinks li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.char_view main .block#user ul.twinks li div a span {
  display: none;
}
body.char_view main .block#user ul.twinks li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.char_view main .block#user ul.twinks li div a:hover {
  flex: 15 20px;
}
body.char_view main .block#user ul.twinks li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.char_view main .block#user ul.twinks li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.char_view main .block#user ul.twinks li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.char_view main .block#user ul.twinks li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.char_view main .block#user ul.twinks li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.char_view main .block#user ul.twinks li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.char_view main .block#user ul.twinks li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.char_view main .block#user ul.twinks li span strong .fa {
  font-size: 0.8em;
}
body.char_view main .block#user ul.twinks li span strong.notactive {
  font-weight: normal;
}
body.char_view main .block#user ul.twinks li span em {
  display: block;
  margin: 7px 0 0;
}
body.char_view main .block#user ul.twinks li > a,
body.char_view main .block#user ul.twinks li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.char_view main .block#user ul.twinks a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.char_view main .block#user ul.twinks.small li, body.char_view main .block#user ul.twinks li.small {
  height: 80px;
}
body.char_view main .block#user ul.twinks.small li > a, body.char_view main .block#user ul.twinks.small li > dt, body.char_view main .block#user ul.twinks li.small > a, body.char_view main .block#user ul.twinks li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.char_view main .block#user ul.twinks.small li span.charavatar, body.char_view main .block#user ul.twinks li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.char_view main .block#user ul.twinks.small li strong, body.char_view main .block#user ul.twinks li.small strong {
  padding-bottom: 0.2em;
}
body.char_view main .block#user ul.twinks.small li em, body.char_view main .block#user ul.twinks li.small em {
  margin-top: 0;
}
body.char_view main .block#twinks ul {
  align-content: stretch;
  align-items: normal;
  flex-flow: row wrap;
  font-size: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.char_view main .block#twinks ul li {
  border: 1px solid transparent;
  display: inline-flex;
  flex-flow: column wrap;
  font-size: 12px;
  height: 260px;
  position: relative;
  vertical-align: top;
  width: calc(20% - 2px);
}
body.char_view main .block#twinks ul li:hover {
  border-color: #955830;
}
body.char_view main .block#twinks ul li div {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  text-align: left;
  width: 10%;
}
body.char_view main .block#twinks ul li div a {
  align-items: center;
  background-color: rgba(149, 88, 48, 0.12);
  display: flex;
  flex-flow: column nowrap;
  flex: 1 20px;
  justify-content: center;
  transition: 0.5s flex-grow;
  width: auto;
}
body.char_view main .block#twinks ul li div a span {
  display: none;
}
body.char_view main .block#twinks ul li div a strong {
  height: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition: 0.5s height;
  width: 0;
}
body.char_view main .block#twinks ul li div a:hover {
  flex: 15 20px;
}
body.char_view main .block#twinks ul li div a:hover i {
  display: block;
  flex: 0 auto;
  padding: 10px;
}
body.char_view main .block#twinks ul li div a:hover strong {
  display: block;
  flex: 1 auto;
  font-weight: normal;
  width: 100%;
}
body.char_view main .block#twinks ul li div a:hover span {
  display: block;
  text-align: left;
  transform-origin: 0 130%;
  transform: rotate(90deg) translate(-25px, 0px);
  width: 200px;
}
body.char_view main .block#twinks ul li span {
  display: block;
  margin: 0.3em auto 0;
  text-align: center;
  flex: 1 auto;
}
body.char_view main .block#twinks ul li span.charavatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
}
body.char_view main .block#twinks ul li span.charavatar img {
  display: none;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
body.char_view main .block#twinks ul li span strong {
  display: block;
  font: bold 1.5em "Present Script";
}
body.char_view main .block#twinks ul li span strong .fa {
  font-size: 0.8em;
}
body.char_view main .block#twinks ul li span strong.notactive {
  font-weight: normal;
}
body.char_view main .block#twinks ul li span em {
  display: block;
  margin: 7px 0 0;
}
body.char_view main .block#twinks ul li > a,
body.char_view main .block#twinks ul li > dt {
  background-color: rgba(149, 88, 48, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
  padding: 10px;
  position: relative;
  vertical-align: bottom;
}
body.char_view main .block#twinks ul a:hover {
  background-color: rgba(149, 88, 48, 0.24);
}
body.char_view main .block#twinks ul.small li, body.char_view main .block#twinks ul li.small {
  height: 80px;
}
body.char_view main .block#twinks ul.small li > a, body.char_view main .block#twinks ul.small li > dt, body.char_view main .block#twinks ul li.small > a, body.char_view main .block#twinks ul li.small > dt {
  width: 100%;
  flex-flow: row nowrap;
  height: 50px;
  align-items: center;
}
body.char_view main .block#twinks ul.small li span.charavatar, body.char_view main .block#twinks ul li.small span.charavatar {
  float: left;
  height: 60px;
  width: 40px;
  flex: 0 auto;
}
body.char_view main .block#twinks ul.small li strong, body.char_view main .block#twinks ul li.small strong {
  padding-bottom: 0.2em;
}
body.char_view main .block#twinks ul.small li em, body.char_view main .block#twinks ul li.small em {
  margin-top: 0;
}
@-moz-document url-prefix() {
  body.char_view .toc li a em {
    margin-bottom: 0.2em;
    margin-top: -0.2em;
  }
}

body.char_frame {
  height: 100vh;
}
body.char_frame aside {
  background: none;
  box-shadow: none;
  border-image: none;
  border: 0 none;
  padding-right: 0;
  margin-right: 0;
  width: 215px;
}
body.char_frame aside ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.char_frame aside ul li {
  display: block;
}
body.char_frame aside ul li a {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  position: relative;
  display: block;
  font: bold 1.3em "Present script";
  padding: 7px 10px;
  text-shadow: 2px 1px 1px #491D00;
  margin-left: 10px;
  cursor: pointer;
}
body.char_frame aside ul li a a, body.char_frame aside ul li a a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.char_frame aside ul li a a:hover {
  color: #bb8f53;
}
body.char_frame aside ul li a:hover {
  color: #bb8f53;
  margin-left: 5px;
}
body.char_frame aside ul li a em {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: calc(50% - 0.8em);
  font: bold italic 0.9em "Present Script";
  border: 1px solid;
  padding: 0 0.3em 0.15em 0.2em;
  border-radius: 25%;
}
body.char_frame aside ul li.current a {
  /* background-color: #AD8358; */
  margin-left: 0;
  color: #bb8f53;
  font-weight: bold;
}
body.char_frame aside ul li#user .userlink-avatar {
  position: absolute;
  right: 5px;
  top: calc(50% - 15px);
}
body.char_frame aside ul li#user img {
  width: 30px;
  height: 30px;
}
body.char_frame aside ul li#user .userlink-name {
  font-size: 0.8em;
}
body.char_frame main {
  position: relative;
}
body.char_frame main h1.clone {
  font: bold 2em "Present Script";
  margin: 0 0 0.5em;
  height: 0;
  overflow: visible !important;
  text-align: center;
  z-index: 1000;
  color: #d3b489;
  top: 17px;
  left: 150px;
}
body.char_frame main .charavatar.clone {
  object-fit: contain;
  width: 24px;
  height: 36px;
  top: 20px;
  left: 120px;
  overflow: visible !important;
  z-index: 1000;
}
@-moz-document url-prefix() {
  body.char_frame main h1.clone {
    margin-top: -1px;
  }
}
body.char_frame main .block {
  padding: 0;
}

body.char_editor aside i.fa {
  width: 1rem;
  text-align: center;
}
body.char_editor aside li.save {
  border-bottom: 1px solid #d3b489;
}
body.char_editor aside li.save i.fa {
  margin-right: 3px;
}
body.char_editor aside li.save:not(.saving):not(.error) i:before {
  content: "\f0c7";
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
body.char_editor aside li.save.saving i:before {
  animation: fa-spin 2s infinite linear;
  content: "\f110";
}
body.char_editor aside li.save.error i:before {
  content: "\f057";
}
body.char_editor aside li.frame.disabled {
  opacity: 0.5;
}
body.char_editor aside li.frame.disabled i:before {
  content: "\f023";
}
body.char_editor aside li.frame.valid i:before {
  content: "\f058";
  color: #20A020;
}
body.char_editor aside li.frame.warning i:before {
  content: "\f071";
  color: #B0B000;
}
body.char_editor aside li.frame.error i:before {
  content: "\f057";
  color: #FF3030;
}
body.char_editor form.char-editor {
  min-height: 700px;
}
body.char_editor form.char-editor .message {
  width: 80%;
}
body.char_editor form.char-editor .tip .toggle {
  display: block;
}
body.char_editor form.char-editor .tip .toggle:before {
  font: bold 1em FontAwesome;
  content: "\f107   \f107   \f107";
}
body.char_editor form.char-editor .tip p, body.char_editor form.char-editor .tip ul {
  display: none;
}
body.char_editor form.char-editor .tip.shown p, body.char_editor form.char-editor .tip.shown ul {
  display: block;
  text-align: left;
}
body.char_editor form.char-editor .important {
  font-weight: bold;
  color: red;
}
body.char_editor form.char-editor .additional {
  margin: 20px auto 0;
  text-align: center;
  position: relative;
}
body.char_editor form.char-editor .additional > input {
  display: none;
}
body.char_editor form.char-editor .additional > input + label {
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  width: 300px;
}
body.char_editor form.char-editor .additional > input + label span {
  display: inline-block;
  border-bottom: 1px dashed;
}
body.char_editor form.char-editor .additional > input + label span.checked {
  display: none;
}
body.char_editor form.char-editor .additional > input + label:before {
  font: normal 14px FontAwesome;
  content: "\f138";
  float: left;
  -webkit-transition: 0.2s transform;
  -moz-transition: 0.2s transform;
  -o-transition: 0.2s transform;
  transition: 0.2s transform;
}
body.char_editor form.char-editor .additional > input:checked + label span {
  display: none;
}
body.char_editor form.char-editor .additional > input:checked + label span.checked {
  display: inline-block;
}
body.char_editor form.char-editor .additional > input:checked + label:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.char_editor form.char-editor .additional .content {
  margin-top: 0.5rem;
}
body.char_editor form.char-editor .additional .content textarea {
  height: 6em;
}
body.char_editor form.char-editor .cute_radio {
  border: 1px solid #955830;
  color: #523C2E;
  background: #EBD2A8;
  outline: 0 none transparent;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
body.char_editor form.char-editor .cute_radio label {
  flex: 1 1 100px;
  margin: 0;
  padding: 5px 8px;
  font-size: 14px;
  width: auto;
  cursor: pointer;
  color: var(--main-color);
}
body.char_editor form.char-editor .cute_radio label img {
  opacity: 0.6;
}
body.char_editor form.char-editor .cute_radio label:hover {
  text-shadow: 0 0 5px var(--wooden-color);
}
body.char_editor form.char-editor .cute_radio label:hover img {
  opacity: 0.8;
}
body.char_editor form.char-editor .cute_radio label input:checked + * {
  font-weight: 700;
  text-shadow: 0 0 1px #491D00;
}
body.char_editor form.char-editor .cute_radio label input:checked + * img {
  opacity: 1;
}
body.char_editor form.char-editor section.errors .message {
  display: none;
}
body.char_editor form.char-editor section.frame .block {
  margin: 0.4em 0.8em 0.4em;
  border-style: solid;
  border-width: 20px;
  border-image: url("https://static.kozhilya.ru/files/design/day/quote_bg.png?ver=2") 20 fill repeat;
  color: #523C2E;
}
body.char_editor form.char-editor section.frame .block.collapsable .collapsable-title {
  cursor: pointer;
}
body.char_editor form.char-editor section.frame .block.collapsable .collapsable-title .toggler .fa-plus-square-o {
  display: none;
}
body.char_editor form.char-editor section.frame .block.collapsable .collapsable-title .toggler .fa-minus-square-o {
  display: inline-block;
}
body.char_editor form.char-editor section.frame .block.collapsable .collapsable-content {
  display: block;
}
body.char_editor form.char-editor section.frame .block.collapsable.collapsed .collapsable-title {
  margin-bottom: 0;
}
body.char_editor form.char-editor section.frame .block.collapsable.collapsed .collapsable-title .toggler .fa-plus-square-o {
  display: inline-block;
}
body.char_editor form.char-editor section.frame .block.collapsable.collapsed .collapsable-title .toggler .fa-minus-square-o {
  display: none;
}
body.char_editor form.char-editor section.frame .block.collapsable.collapsed .collapsable-content {
  display: none;
}
body.char_editor form.char-editor section.frame .block h2 {
  margin: 0 0 1rem;
  font: bold 2rem "Present Script", sans-serif;
}
body.char_editor form.char-editor section.frame#name [name=name] {
  font: bold 25px/0.75 "Present Script", Helvetica;
  line-height: 2;
  text-align: center;
  display: block;
  margin: auto;
  padding: 4px 0 8px;
  box-sizing: border-box;
  width: 275px;
  height: 45px;
  background: url("https://static.kozhilya.ru/files/design/day/wooden_block_profile.png?ver=2") no-repeat center;
  color: #d3b489;
  text-shadow: 2px 1px 1px #491D00;
  background-size: 100% 100%;
  overflow: visible;
  box-shadow: none;
  border: 0 none;
}
body.char_editor form.char-editor section.frame#name .cute_radio#gender {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
body.char_editor form.char-editor section.frame#species .species_form {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 0 1rem;
  grid-template-areas: "type selection" "type description" "type narrow";
}
body.char_editor form.char-editor section.frame#species .species_form > #species_type {
  grid-area: type;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_type .cute_radio {
  padding: 50px 0;
  flex-flow: column nowrap;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_type .cute_radio label {
  flex: 1 1 auto;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_selection {
  grid-area: selection;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_selection .cute_radio label {
  flex: 1 1 auto;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_description {
  grid-area: description;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_description p {
  text-align: left;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_description p.show_more {
  text-align: center;
  font-weight: bold;
}
body.char_editor form.char-editor section.frame#species .species_form > #species_narrow {
  grid-area: narrow;
}
body.char_editor form.char-editor section.frame#pride .pride_box {
  display: grid;
  grid-template-columns: 4fr 5fr;
  grid-template-rows: 1fr;
  gap: 1em 1em;
  grid-template-areas: "pride_selection pride_descriptions";
}
body.char_editor form.char-editor section.frame#pride .pride_box .pride_selection {
  grid-area: pride_selection;
}
body.char_editor form.char-editor section.frame#pride .pride_box .pride_descriptions {
  grid-area: pride_descriptions;
}
body.char_editor form.char-editor section.frame#pride .cute_radio#pride {
  gap: 0 1rem;
  padding: 0.5rem 0;
}
body.char_editor form.char-editor section.frame#pride .cute_radio#pride h3 {
  flex: 1 1 100%;
  font: bold 1.2rem "Open Sans", sans-serif;
  margin: 1rem 0 0;
}
body.char_editor form.char-editor section.frame#pride .cute_radio#pride h3:first-of-type {
  margin-top: 0;
}
body.char_editor form.char-editor section.frame#pride .cute_radio#pride label {
  flex: 1 1 auto;
  font: normal 1.2rem "Present Script", sans-serif;
}
body.char_editor form.char-editor section.frame#pride .cute_radio#pride label.category3 {
  font-size: 1rem;
}
body.char_editor form.char-editor section.frame#pride .pride_description h3 {
  font: bold 1.2rem "Open Sans", sans-serif;
}
body.char_editor form.char-editor section.frame#pride .pride_description img {
  max-height: 100px;
}
body.char_editor form.char-editor section.frame#pride .pride_description ul {
  list-style: none;
  padding: 0;
}
body.char_editor form.char-editor section.frame#pride .pride_description p {
  text-align: left;
}
body.char_editor form.char-editor section.frame#age #age_numbers {
  margin-bottom: 20px;
}
body.char_editor form.char-editor section.frame#age #age_numbers input[type=number] {
  width: 4rem;
  text-align: right;
}
body.char_editor form.char-editor section.frame#age #age_numbers input[type=number] + label {
  display: inline-block;
  text-align: left;
  width: 3rem;
}
body.char_editor form.char-editor section.controls button {
  font: bold 2rem "Present Script", sans-serif;
  padding: 1px 15px 6px;
}
body.char_editor form.char-editor section.result_frame .tabs {
  margin-top: 55px;
  position: relative;
}
body.char_editor form.char-editor section.result_frame .tabs .items {
  padding: 0;
  margin: -50px auto -2px;
  display: flex;
  flex-flow: row nowrap;
  width: 95%;
  align-items: flex-end;
}
body.char_editor form.char-editor section.result_frame .tabs .items .item {
  border-style: solid;
  border-width: 5px;
  border-image: url("https://static.kozhilya.ru/files/design/day/block_tab.png?ver=2") 12 fill round;
  color: #d3b489;
  flex: 1 auto;
  height: 35px;
  padding: 4px;
  margin: 0 0.3em;
  border-width: 7px;
  border-style: solid;
  border-bottom: 0 none;
  cursor: pointer;
  font: bold 1.3rem "Present Script", sans-serif;
}
body.char_editor form.char-editor section.result_frame .tabs .items .item a, body.char_editor form.char-editor section.result_frame .tabs .items .item a:visited {
  color: #d3b489;
  text-shadow: #A3663E 0 0 0;
  text-decoration: none;
}
body.char_editor form.char-editor section.result_frame .tabs .items .item a:hover {
  color: #bb8f53;
}
body.char_editor form.char-editor section.result_frame .tabs .items .item.active {
  padding: 7px 4px;
}
body.char_editor form.char-editor section.result_frame .tabs .content .block {
  margin-top: 0;
}

/*# sourceMappingURL=char.css.map */