@charset "UTF-8";
/*==== Публикатор ====*/
.publicator {
  font: 12px Arial, Verdana, Sans-serif, Helvetica; }
  .publicator .publicatorBlocks tr {
    display: table-row; }
  .publicator .overflow,
  .publicator .subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .publicator .subtitle .ru, .publicator .subtitle .en {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .publicator .canvas {
    font-size: 12px;
    background-color: #fff;
    padding: 10px 0; }
  .publicator tr.drag {
    border-color: #EBF6FF;
    background-color: #EBF6FF; }
    .publicator tr.drag textarea {
      border-color: #EBF6FF;
      background-color: #EBF6FF; }
  .publicator tr:hover .mask-top {
    display: block; }
  .publicator tr:hover .mask-bottom {
    display: block; }
  .publicator tr:hover td.action div {
    display: block; }
  .publicator tr:hover .dragger div {
    display: block; }
  .publicator tr:last-of-type .mask-bottom {
    background: none; }
  .publicator tr.dragged .mask-top {
    display: none !important; }
  .publicator tr.dragged .mask-bottom {
    display: none !important; }
  .publicator tr.dragged td.action div {
    display: none !important; }
  .publicator tr.dragged .dragger div {
    display: none !important; }
  .publicator textarea {
    position: relative;
    margin: 0;
    resize: none;
    padding: 6px 12px;
    border-color: #dbdfe1;
    border-radius: 4px;
    outline: none !important;
    font-size: 14px;
    line-height: 20px;
    height: 34px;
    min-height: 34px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .publicator textarea:focus {
      border-color: #36a6de; }
  .publicator textarea.video-url {
    width: 85%;
    float: left; }
  .publicator textarea.photo {
    max-width: 580px; }
  .publicator .tip {
    position: absolute;
    height: 20px;
    top: 18px;
    left: 8px;
    color: #999898;
    cursor: text; }
    .publicator .tip label {
      display: block;
      position: absolute;
      color: #afafaf;
      cursor: text; }
  .publicator .publicatorTitle .tip {
    position: relative;
    top: -23px;
    padding: 0 8px;
    left: auto; }
  .publicator .publicatorTitle textarea {
    font-weight: bold;
    text-transform: uppercase; }
  .publicator .subtitle .tip {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    top: 19px; }
  .publicator .subtitle textarea {
    float: left;
    width: 100%; }
  .publicator .subtitle .size {
    float: right;
    margin-left: 10px; }
    .publicator .subtitle .size select {
      height: 34px;
      width: 55px;
      line-height: 20px;
      padding: 4px;
      border-color: #dbdfe1;
      outline: none; }
  .publicator .mask {
    position: relative;
    padding: 15px 0;
    min-height: 22px; }
    @media (max-width: 767px) {
      .publicator .mask {
        padding: 10px 0; } }
    .publicator .mask .desc {
      clear: both;
      padding-top: 10px;
      font-size: 12px;
      line-height: 16px; }
    .publicator .mask .overflow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .publicator .mask td {
      vertical-align: top; }
    .publicator .mask .mask-top {
      display: none; }
    .publicator .mask .mask-bottom {
      display: none; }
    .publicator .mask td.action a.close {
      display: none; }
    .publicator .mask .dragger a.dragger {
      display: none; }
    .publicator .mask:hover .mask-top {
      display: block; }
    .publicator .mask:hover .mask-bottom {
      display: block; }
    .publicator .mask:hover td.action a.close {
      display: block; }
    .publicator .mask:hover .dragger a.dragger {
      display: block; }
  .publicator .mask-top {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    height: 12px;
    width: 100%; }
    .publicator .mask-top .insert {
      position: relative;
      width: 70px;
      height: 20px;
      margin: 0 auto;
      display: none;
      text-align: center;
      cursor: pointer;
      margin-top: -8px; }
    .publicator .mask-top:hover .insert {
      display: block; }
  .publicator .mask-bottom {
    position: absolute;
    left: 0;
    display: none;
    bottom: -8px;
    height: 4px;
    width: 100%; }
  .publicator td.action {
    max-width: 40px;
    width: 40px;
    vertical-align: middle; }
    .publicator td.action div {
      cursor: pointer;
      display: none;
      margin: 0 auto; }
    .publicator td.action div.edit {
      margin-bottom: 12px; }
      .publicator td.action div.edit:hover {
        background-position: 0 -40px; }
    .publicator td.action div.view {
      background-position: 0 0;
      width: 20px;
      height: 10px;
      margin-bottom: 12px; }
      .publicator td.action div.view:hover {
        background-position: 0 -10px; }
  .publicator .dragger {
    width: 50px; }
    @media (max-width: 767px) {
      .publicator .dragger {
        display: none; } }
    @media (max-width: 767px) {
      .publicator .dragger + td {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; } }
    .publicator .dragger div {
      cursor: pointer;
      display: none;
      margin: 0 auto; }
  .publicator .photo-progress {
    position: relative;
    min-width: 168px;
    min-height: 80px; }
    @media (max-width: 767px) {
      .publicator .photo-progress {
        margin-bottom: 15px; } }
  .publicator .progress-title {
    position: relative;
    width: 168px;
    height: 160px;
    display: table;
    border: 1px solid #ECECEC;
    color: #969798;
    z-index: 100; }
  .publicator .progress-cell {
    position: absolute;
    top: 50%;
    display: table-cell;
    text-align: center;
    padding-top: 15px; }
    .publicator .progress-cell div {
      position: relative;
      top: -50%;
      width: 154px;
      z-index: 100; }
  .publicator .progress-bg {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 168px;
    height: 160px;
    z-index: 25; }
  .publicator .photo-error {
    color: #D8062D; }
  .publicator .photo-text {
    position: relative;
    padding-left: 10px;
    width: 100%;
    min-height: 20px; }
    .publicator .photo-text .tip {
      left: 16px;
      top: 4px; }
  .publicator .photo-align {
    padding-left: 17px;
    padding-top: 10px;
    opacity: 0.75;
    float: left; }
    .publicator .photo-align label {
      margin-right: 10px; }
  .publicator .photo-zoom {
    padding-left: 17px;
    padding-top: 10px;
    opacity: 0.75;
    float: left; }
  .publicator .video-submit {
    margin-left: 10px;
    float: left;
    border-color: #dbdfe1;
    background: #f8f8f8;
    color: #555;
    height: 34px; }
  .publicator .gallery-item {
    display: block;
    float: left;
    width: 72px;
    margin: 5px 3px;
    border: 1px solid #dbdfe1;
    border-radius: 4px;
    text-align: center; }
    .publicator .gallery-item img {
      width: 72px;
      height: 72px; }
    .publicator .gallery-item .swfupload {
      position: absolute;
      top: 0;
      left: 0; }
    .publicator .gallery-item a {
      padding-bottom: 5px;
      display: block; }
  .publicator .gallery-upload {
    position: absolute;
    outline: medium none; }
  .publicator .gallery-edit {
    float: left;
    padding-top: 20px;
    margin-left: 10px;
    width: 85%;
    min-height: 50px;
    position: relative; }
    .publicator .gallery-edit .tip {
      top: 11px; }
    .publicator .gallery-edit br {
      display: none; }
  .publicator .gallery-plus {
    font-size: 30px; }
  .publicator .controls {
    position: relative;
    width: 236px;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    max-width: 100%; }
    .publicator .controls .swfupload {
      position: absolute;
      top: 0;
      left: 0;
      height: 32px;
      width: 32px;
      display: block;
      width: 32px;
      height: 32px;
      margin-bottom: 4px;
      margin-left: 9px; }
      .publicator .controls .swfupload:hover {
        background-position: -74px -39px; }
    .publicator .controls .center {
      float: left;
      background: url(img/pabControlsBg.png) 0 0 repeat-x;
      width: auto !important;
      padding: 10px 10px 0 10px; }
      @media (max-width: 767px) {
        .publicator .controls .center {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: wrap;
          flex-flow: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    .publicator .controls .leftCorner {
      float: left;
      background: url(img/pabControlsLeft.png) 0 bottom no-repeat;
      width: 8px;
      height: 68px; }
    .publicator .controls .rightCorner {
      float: left;
      background: url(img/pabControlsRight.png) 0 bottom no-repeat;
      width: 8px;
      height: 68px; }
    .publicator .controls a.text {
      background: none;
      padding: 0; }
    .publicator .controls a {
      display: block;
      float: left;
      width: 52px;
      margin: 0 0 10px 0;
      color: #4a4d4f;
      text-decoration: none; }
      .publicator .controls a:hover {
        color: #4a4d4f;
        text-decoration: none; }
  .publicator .control-text {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator .control-textmd {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator .control-photo {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator .control-gallery {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator .control-video {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator .control-subtitle {
    background-image: url(img/icons_publisher.png?2);
    background-repeat: no-repeat; }
  .publicator div.adragger {
    width: 14px;
    height: 32px; }
  .publicator .adragger {
    background-image: url(img/wIcons.gif);
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 32px;
    background-position: -1px -190px; }
    .publicator .adragger:hover {
      background-position: -1px -156px; }
  .publicator a.close {
    background-image: url(img/wIcons.gif);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    background-position: -83px -160px; }
    .publicator a.close:hover {
      background-position: -83px -142px; }
  .publicator textarea.markdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    resize: vertical; }
  .publicator .text-to-wy {
    word-wrap: break-word;
    text-align: left; }
    .publicator .text-to-wy .code {
      white-space: pre-wrap; }
    .publicator .text-to-wy p {
      margin: 0; }
      .publicator .text-to-wy p + p {
        margin-top: 15px; }
  .publicator div.quote {
    font-weight: bold; }
    .publicator div.quote:before {
      content: "«";
      margin-left: -6px; }
    .publicator div.quote:after {
      content: "»"; }
  .publicator .controlsBorder {
    border-top: 1px solid #dbdfe1; }
    @media (min-width: 768px) {
      .publicator .controlsBorder {
        margin-left: 50px; } }
  .publicator .langs {
    position: absolute;
    right: 0;
    top: 4px;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    text-align: right; }
    .publicator .langs a {
      padding: 2px 5px 5px 5px;
      background-position: center; }
    .publicator .langs a.active {
      background-color: #d6d6d6;
      border: none;
      border-radius: 0 0 2px 2px; }
  .publicator .save {
    margin: 40px 0 0 0; }
  .publicator .active {
    border: 1px solid #d6d6d6;
    background-color: #fff; }
  .publicator ul {
    list-style: disc; }

.control-quote {
  background-image: url(img/icons_publisher.png?2);
  background-repeat: no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -39px -4px; }
  .control-quote:hover {
    background-position: -39px -39px; }

.control-text {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -4px -4px; }
  .control-text:hover {
    background-position: -4px -39px; }

.control-textmd {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -4px -4px; }
  .control-textmd:hover {
    background-position: -4px -39px; }

.control-photo {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -74px -4px; }
  .control-photo:hover {
    background-position: -74px -39px; }

.control-gallery {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -109px -4px; }
  .control-gallery:hover {
    background-position: -109px -39px; }

.control-video {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -146px -4px; }
  .control-video:hover {
    background-position: -146px -39px; }

.control-subtitle {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  margin-left: 9px;
  background-position: -180px -4px; }
  .control-subtitle:hover {
    background-position: -180px -39px; }

.publicatorTitle {
  position: relative;
  height: 22px;
  margin: 10px 40px; }
  .publicatorTitle:hover {
    height: 22px;
    cursor: text; }
  .publicatorTitle label {
    top: 3px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
    .publicatorTitle label span {
      position: absolute;
      top: 2px;
      right: 16px;
      font-size: 11px;
      font-weight: normal;
      text-transform: none; }
  .publicatorTitle textarea {
    height: 20px;
    margin: 0;
    font-size: 14px; }

.publicatorText label {
  top: 22px;
  padding-left: 10px; }

.publicatorText textarea {
  width: 96%;
  margin: 4px 0 0 0;
  padding: 4px 8px;
  border: 1px solid transparent;
  background: transparent; }
  .publicatorText textarea:hover {
    border: 1px solid #e6e7e7;
    background-color: #f6f6f6; }

.publicatorPhoto label {
  top: 22px;
  padding-left: 10px; }

.publicatorPhoto textarea {
  width: 94%;
  margin: 4px 0 0 0;
  padding: 4px 8px;
  border: 1px solid transparent;
  background: transparent; }
  .publicatorPhoto textarea:hover {
    border: 1px solid #e6e7e7;
    background-color: #f6f6f6; }

.publicatorPhoto .cover {
  float: left;
  width: 100%;
  margin-right: -184px; }

.publicatorPhoto .description {
  margin-right: 184px; }

.publicatorPhoto .pic {
  float: left;
  width: 184px;
  margin: 4px 0 0 0; }

.publicatorPhoto .photoTitle {
  display: block;
  position: absolute;
  top: 32px;
  width: 168px;
  text-align: center;
  line-height: 16px;
  color: #969798; }

.publicatorVideo textarea {
  width: 94%;
  margin: 6px 0 6px 0;
  padding: 3px 8px;
  border: 1px solid #e6e7e7;
  background-color: #f6f6f6; }
  .publicatorVideo textarea:hover {
    border: 1px solid #d6d6d6;
    background-color: #fff; }

.publicatorVideo .button {
  margin: 6px 0; }

.publicator-title h1 {
  padding-left: 0;
  margin-bottom: 18px; }

.bffw-box {
  width: 100% !important; }