/* Minification failed. Returning unminified contents.
(8908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8933,15): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(8936,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(8939,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(8941,17): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9000,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9002,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9003,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9007,30): run-time error CSS1039: Token not allowed after unary operator: '-grey-3-darker'
(9020,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-block-hover-color'
(9022,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9025,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-1'
(9027,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-block-hover-color'
(9041,28): run-time error CSS1039: Token not allowed after unary operator: '-header-bg-color'
(9043,28): run-time error CSS1039: Token not allowed after unary operator: '-header-bg-color'
(9045,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9049,19): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9067,19): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9078,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9081,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9088,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9089,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-dark'
(9090,24): run-time error CSS1039: Token not allowed after unary operator: '-orange-darker'
(9095,19): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9096,24): run-time error CSS1039: Token not allowed after unary operator: '-red'
(9100,28): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-menu-background'
(9101,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-text-color'
(9103,33): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-menu-background'
(9105,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-text-color'
(9107,32): run-time error CSS1039: Token not allowed after unary operator: '-menu-block-hover-color'
(9108,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9110,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-text-color'
(9115,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-text-color'
(9148,17): run-time error CSS1019: Unexpected token, found '-'
(9148,17): run-time error CSS1036: Expected expression, found '-'
(9148,17): run-time error CSS1019: Unexpected token, found '-'
(9148,17): run-time error CSS1042: Expected function, found '-'
(9148,18): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9148,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9152,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-grey'
(9157,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9159,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9161,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-dark'
(9162,24): run-time error CSS1039: Token not allowed after unary operator: '-orange-darker'
(9164,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9175,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text-color'
(9177,19): run-time error CSS1039: Token not allowed after unary operator: '-header-text-color'
(9185,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9187,17): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9199,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9200,28): run-time error CSS1039: Token not allowed after unary operator: '-header-bg-color'
(9202,30): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9204,24): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9209,17): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9213,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9214,17): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9217,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9220,37): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9222,17): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(9226,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9231,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9255,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9257,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9258,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9262,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9280,22): run-time error CSS1039: Token not allowed after unary operator: '-alt-red'
(9284,22): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9289,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9305,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9307,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-text-color'
(9309,19): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9313,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9314,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9315,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9320,35): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9321,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9325,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9327,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9335,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9337,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9338,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-1'
(9340,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9344,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9345,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9347,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9348,30): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(9350,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text-color'
(9351,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-1'
(9353,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text-color'
(9354,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-1'
(9358,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9360,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-gray'
(9364,30): run-time error CSS1039: Token not allowed after unary operator: '-black'
(9366,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9392,17): run-time error CSS1019: Unexpected token, found '-'
(9392,17): run-time error CSS1036: Expected expression, found '-'
(9392,17): run-time error CSS1019: Unexpected token, found '-'
(9392,17): run-time error CSS1042: Expected function, found '-'
(9392,18): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9392,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9394,19): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9397,28): run-time error CSS1039: Token not allowed after unary operator: '-panel-bg'
(9407,17): run-time error CSS1019: Unexpected token, found '-'
(9407,17): run-time error CSS1036: Expected expression, found '-'
(9407,17): run-time error CSS1019: Unexpected token, found '-'
(9407,17): run-time error CSS1042: Expected function, found '-'
(9407,18): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9407,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9410,19): run-time error CSS1019: Unexpected token, found '-'
(9410,19): run-time error CSS1036: Expected expression, found '-'
(9410,19): run-time error CSS1019: Unexpected token, found '-'
(9410,19): run-time error CSS1042: Expected function, found '-'
(9410,20): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9410,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9416,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-1-mute'
(9423,22): run-time error CSS1039: Token not allowed after unary operator: '-alt-red'
(9426,17): run-time error CSS1019: Unexpected token, found '-'
(9426,17): run-time error CSS1036: Expected expression, found '-'
(9426,17): run-time error CSS1019: Unexpected token, found '-'
(9426,17): run-time error CSS1042: Expected function, found '-'
(9426,18): run-time error CSS1039: Token not allowed after unary operator: '-inverted-white'
(9426,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*#448FC1*/
.edit-art-preview-wrapper {
  width: 100%;
  height: auto;
  max-height: 400px;
  display: block;
  margin-bottom: 15px; }
  .edit-art-preview-wrapper .edit-art-preview {
    max-width: 550px;
    height: auto; }

.label-adult-only {
  color: #d9534f;
  border: 1px solid #e27c79; }

.art-list {
  position: relative;
  margin: 0 -15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .art-list .info {
    position: absolute;
    z-index: 3;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    padding: 10px 9px 10px 9px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background-color: #fff;
    transition: opacity 0.2s ease; }
  .art-list .stats {
    border-top: 1px solid #c9c9c9;
    padding-top: 10px;
    margin-top: 5px; }
    .art-list .stats .stats-item {
      display: inline-block;
      vertical-align: top;
      font-size: 13px;
      line-height: 18px;
      margin-right: 8px; }
      .art-list .stats .stats-item.upload-time {
        margin-right: 0;
        float: right; }

.art-title {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.art-wrapper {
  width: 29%;
  padding-top: 29%;
  margin: 10px;
  display: table;
  position: relative; }

.art {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #EFEFEF;
  width: 100%;
  height: 100%; }

.art-link {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  z-index: 3; }

.art-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.art-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2; }

.art-actions {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 4;
  left: 0;
  transition: opacity 0.2s ease;
  text-align: center; }
  .art-actions .art-move-down {
    left: 10px;
    transform: rotate(180deg); }
  .art-actions .change-order-btn {
    padding: 4px 4px 4px 4px !important; }
  .art-actions a.disabled, .art-actions a[disabled] {
    opacity: 0.3; }

.art-wrapper:hover .art-actions, .art-wrapper:hover .info, .art-wrapper:hover .art-overlay {
  opacity: 1; }

.art-wrapper.hover .art-actions, .art-wrapper.hover .info, .art-wrapper.hover .art-overlay {
  opacity: 1; }

.view-art {
  text-align: center;
  margin: 15px 0 20px;
  position: relative;
  /*.picture {
        width: calc(100% - 60px);
        margin: 0 auto;
    }*/ }
  .view-art .slick-arrow-wrapper-left, .view-art .slick-arrow-wrapper-right {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 15px;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.2s; }
  .view-art:hover .slick-arrow-wrapper-left, .view-art:hover .slick-arrow-wrapper-right {
    opacity: 0.7; }
    .view-art:hover .slick-arrow-wrapper-left:hover, .view-art:hover .slick-arrow-wrapper-right:hover {
      opacity: 0.95; }
  .view-art .slick-arrow-wrapper-left {
    left: 0; }
  .view-art .slick-arrow-wrapper-right {
    right: 0; }
  .view-art .slick-prev, .view-art .slick-next {
    opacity: 1;
    position: relative; }

.post.full-post .post-buttons.art-buttons {
  position: relative; }
  .post.full-post .post-buttons.art-buttons .btn-like {
    float: left;
    margin-top: -3px;
    margin-right: 15px; }
  .post.full-post .post-buttons.art-buttons .info-block {
    margin-top: 1px;
    line-height: 23px; }

@media (max-width: 991px) {
  .art-wrapper {
    width: 200px;
    padding-top: 243px;
    margin-bottom: 20px; }
  .art-list .info {
    box-shadow: none;
    opacity: 1;
    bottom: 43px;
    border-radius: 0;
    padding: 5px 9px 5px 9px;
    left: 0;
    width: 100%;
    opacity: .95; }
    .art-list .info .author-fio {
      display: none; }
  .art-list .stats {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .art {
    width: 200px;
    height: 200px; }
  .art-actions {
    opacity: 1;
    top: auto;
    bottom: 0; }
  .art-overlay {
    display: none; } }

@media (max-width: 454px) {
  .art-actions .art-move-up {
    transform: rotate(90deg);
    left: 10px; }
  .art-actions .art-move-down {
    transform: rotate(270deg); }
  .art-actions .change-order-btn img, .art-actions .change-order-btn .comment-avatar .default-avatar, .comment-avatar .art-actions .change-order-btn .default-avatar, .art-actions .change-order-btn .comment-avatar .ghost-avatar, .comment-avatar .art-actions .change-order-btn .ghost-avatar {
    transform: rotate(270deg); } }

.authorization-bg {
  background: #6d7e73 url("../images/authorize-bg.jpg") no-repeat;
  background-position: 50% 0;
  height: 900px;
  padding-top: 100px; }

.authorization {
  padding: 30px;
  width: 100%;
  max-width: 375px;
  position: relative;
  background-color: #fff; }
  .authorization.step2 {
    width: 390px;
    padding-bottom: 15px; }
  .authorization .authorization-title {
    color: #BDBDBD;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 15px;
    text-align: center; }
  .authorization .authorization-method-switch {
    display: inline-block; }
    .authorization .authorization-method-switch a:not(:hover) {
      color: #BDBDBD;
      text-decoration: underline; }
    .authorization .authorization-method-switch label {
      color: #444; }
  .authorization .authorization-social {
    text-align: center;
    white-space: nowrap;
    overflow: hidden; }
    .authorization .authorization-social .btn-lg {
      color: #fff;
      margin: 0 2px; }
  .authorization .authorization-social-title {
    position: relative; }
    .authorization .authorization-social-title:before {
      content: '';
      border-bottom: solid 1px;
      position: absolute;
      height: 0;
      left: -40px;
      right: -40px;
      top: 50%; }
  .authorization .authorization-social-title-text {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 10px; }
  .authorization .authorization-text {
    text-align: center; }

.external-login-title {
  margin-top: -10px; }

.social-login-list .social-login {
  padding: 10px 0;
  line-height: 34px; }

.social-login-list .label-ga {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  float: right; }

.social-login-list .label-google, .social-login-list .label-yandex, .social-login-list .label-vk, .social-login-list .label-facebook {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background: #c7c7c7;
  border-radius: 50%;
  float: right;
  color: #fff; }
  .social-login-list .label-google > i, .social-login-list .label-yandex > i, .social-login-list .label-vk > i, .social-login-list .label-facebook > i {
    position: absolute;
    font-size: 20px;
    width: 1.28571em; }

.social-login-list .label-vk > i {
  margin: 8px 0 0 6px; }

.social-login-list .label-facebook > i {
  margin: 8px 0 0 12px; }

.social-login-list .label-google > img, .social-login-list .comment-avatar .label-google > .default-avatar, .comment-avatar .social-login-list .label-google > .default-avatar, .social-login-list .comment-avatar .label-google > .ghost-avatar, .comment-avatar .social-login-list .label-google > .ghost-avatar {
  margin: 0 0 0 10px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

.social-login-list .label-yandex > img, .social-login-list .comment-avatar .label-yandex > .default-avatar, .comment-avatar .social-login-list .label-yandex > .default-avatar, .social-login-list .comment-avatar .label-yandex > .ghost-avatar, .comment-avatar .social-login-list .label-yandex > .ghost-avatar {
  margin: -1px 0 0 10px; }

.social-login-list .label-vk-enabled, .social-login-list .label-facebook-enabled, .social-login-list .label-google-enabled, .social-login-list .label-yandex-enabled {
  background-color: #5B7FA6; }
  .social-login-list .label-vk-enabled:hover, .social-login-list .label-facebook-enabled:hover, .social-login-list .label-google-enabled:hover, .social-login-list .label-yandex-enabled:hover {
    background-color: #6890BB; }

.social-login-list .btn {
  width: 105px; }

.two-fa input.code {
  width: 200px; }

.two-fa .totp-secret-key {
  display: block;
  width: 500px;
  cursor: pointer; }

.two-fa ol {
  padding-left: 15px; }

.two-fa .stores a {
  display: inline-block;
  margin: 0 10px 10px 0; }

.security .settings-row {
  align-items: center;
  display: flex;
  border-radius: 8px;
  padding: 10px;
  flex-wrap: wrap; }
  .security .settings-row:hover {
    background-color: #f5f6f7; }

.security .settings-row-before {
  align-items: center;
  color: #4582AF;
  display: flex;
  padding-right: 10px; }
  .security .settings-row-before svg {
    width: 30px;
    height: 30px; }

.security .social-login-icon svg, .security .social-login-icon .label-facebook {
  background: #c7c7c7;
  border-radius: 50%;
  width: 34px;
  height: 34px; }

.security .social-login-icon .label-facebook {
  line-height: 36px;
  text-align: center;
  color: #fff;
  font-size: 18px; }

.security .social-login-icon.enabled svg, .security .social-login-icon.enabled .label-facebook {
  background-color: #5B7FA6; }
  .security .social-login-icon.enabled svg:hover, .security .social-login-icon.enabled .label-facebook:hover {
    background-color: #6890BB; }

.security .settings-row-middle {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  max-width: calc(100% - 145px);
  min-width: 0;
  transition: all 0.3s;
  padding-right: 15px; }
  .security .settings-row-middle .row-title {
    color: #444; }
  .security .settings-row-middle .row-content {
    color: #9197A3;
    text-overflow: ellipsis; }

.security .settings-row-after {
  align-items: center;
  display: flex;
  flex-shrink: 0; }
  .security .settings-row-after .btn {
    padding: 6px 14px;
    width: 105px; }

@media (max-width: 480px) {
  .security .settings-row .settings-row-middle {
    max-width: 100%; }
  .security .settings-row .settings-row-after {
    flex-basis: 100%;
    margin: 15px 0; }
    .security .settings-row .settings-row-after form, .security .settings-row .settings-row-after .btn {
      width: 100%; } }

.awards-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }
  .awards-section .award-cell {
    width: 140px;
    padding: 10px;
    text-align: center;
    cursor: pointer; }
    .awards-section .award-cell img, .awards-section .award-cell .comment-avatar .default-avatar, .comment-avatar .awards-section .award-cell .default-avatar, .awards-section .award-cell .comment-avatar .ghost-avatar, .comment-avatar .awards-section .award-cell .ghost-avatar {
      opacity: 0.8;
      transition: opacity 0.2s; }
    .awards-section .award-cell:hover img, .awards-section .award-cell:hover .comment-avatar .default-avatar, .comment-avatar .awards-section .award-cell:hover .default-avatar, .awards-section .award-cell:hover .comment-avatar .ghost-avatar, .comment-avatar .awards-section .award-cell:hover .ghost-avatar {
      opacity: 1; }
    .awards-section .award-cell .award-title {
      overflow: hidden;
      position: relative;
      height: auto;
      line-height: 18px;
      max-height: 54px;
      font-size: 13px;
      font-weight: 400;
      -ms-word-break: normal;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      word-break: normal;
      /* Instead use this non-standard one: */
      word-break: break-word;
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -webkit-hyphens: auto;
      hyphens: auto;
      word-wrap: hyphenate; }
      .awards-section .award-cell .award-title:after {
        background-color: #fff;
        color: #000;
        content: '...';
        left: 0;
        line-height: 18px;
        height: 18px;
        position: absolute;
        text-align: center;
        top: 36px;
        width: 100%; }

.profile .panel-body.awards-section {
  padding: 15px 0 !important; }
  .profile .panel-body.awards-section .award-cell {
    padding: 0 10px;
    width: 25%; }
    .profile .panel-body.awards-section .award-cell img, .profile .panel-body.awards-section .award-cell .comment-avatar .default-avatar, .comment-avatar .profile .panel-body.awards-section .award-cell .default-avatar, .profile .panel-body.awards-section .award-cell .comment-avatar .ghost-avatar, .comment-avatar .profile .panel-body.awards-section .award-cell .ghost-avatar {
      opacity: 1; }

.award-big {
  position: relative;
  padding: 10px 13px 25px 320px;
  border-bottom: 1px solid #e1e8ed;
  min-height: 330px;
  margin: 10px 5px; }
  .award-big:last-child {
    border-bottom: 0; }
  .award-big .title {
    padding-right: 130px; }
  .award-big .award-image {
    position: absolute;
    left: 0;
    top: 10px;
    margin: 0 auto;
    max-width: 300px; }
  .award-big time {
    color: #9197A3;
    font-size: 12px;
    margin: -2px 0 7px;
    display: block; }

.btn {
  padding: 4px 10px;
  font-size: 14px; }
  .btn > i {
    display: inline-block; }

.nav > li > a.btn {
  padding: 4px 10px; }

.btn-sm {
  padding: 2px 10px 3px;
  font-size: 12px;
  line-height: 1.2; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: default; }

a.disabled-link {
  pointer-events: none;
  cursor: default;
  opacity: 0.7; }

.btn-icon {
  padding: 2px 7px;
  font-size: 18px;
  color: #777;
  border: 0; }
  .btn-icon:hover, .btn-icon:active, .btn-icon:focus {
    background-color: transparent !important;
    box-shadow: none !important; }

.btn-hover:hover {
  background-color: #dddddd; }

/*.btn-only-icon {
    min-height: 32px;
    min-width: 32px;

    > i {
        line-height: 26px;
        margin: 0;
    }

    > span {
        vertical-align: top;
        display: inline-block;
        padding-top: 3px;
        margin-left: 6px;
    }
}*/
.btn-dropdown {
  font-size: 16px;
  padding: 2px 7px;
  border: 0; }
  .btn-dropdown:hover {
    background-color: #e6e6e6;
    border-color: #adadad; }

.btn-transparent {
  color: #fff;
  border: 1px solid #FFF;
  background: none;
  background-color: rgba(255, 255, 255, 0);
  transition: all .1s ease-out;
  border-radius: 2px; }
  .btn-transparent:hover, .btn-transparent:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }

.btn-gray, .btn-only-brd {
  color: #666;
  background-color: #e1e5ec;
  border-color: #e1e5ec; }
  .btn-gray:focus, .btn-gray:hover, .btn-only-brd:focus, .btn-only-brd:hover {
    color: #666;
    background-color: #c2cad8;
    border-color: #bcc5d4; }

.btn-only-brd {
  background-color: transparent; }

.btn-with-icon, .btn-only-icon {
  position: relative;
  padding: 4px 10px 4px 30px !important;
  height: 32px; }
  .btn-with-icon i, .btn-only-icon i {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -7px; }
    .btn-with-icon i.icon-envelope-o, .btn-only-icon i.icon-envelope-o {
      margin-top: -8px; }
  .btn-with-icon.btn-sm, .btn-only-icon.btn-sm {
    padding-left: 24px !important;
    height: 26px; }
    .btn-with-icon.btn-sm i, .btn-only-icon.btn-sm i {
      left: 7px;
      margin-top: -6px; }

.btn-only-icon {
  height: 32px;
  width: 32px;
  padding-left: 8px !important;
  /* Icons */ }
  .btn-only-icon.btn-sm {
    padding-left: 0 !important;
    height: 26px;
    width: 27px; }
    .btn-only-icon.btn-sm.btn-telegram {
      padding: 3px 5px 3px 5px !important; }
  .btn-only-icon i.icon-2-open-book {
    left: 6.5px;
    margin-top: -8px; }

.btn-center-icon.btn-sm > i {
  line-height: 22px; }

.btn.is-loading {
  cursor: wait !important; }
  .btn.is-loading > i {
    display: none; }

.btn.is-loading:before {
  content: "\f110";
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: icon-spin 2s infinite linear;
  margin-right: 5px;
  color: #333;
  vertical-align: middle; }

.btn-primary.is-loading:before, .btn-danger.is-loading:before, .btn-success.is-loading:before, .btn-warning.is-loading:before {
  color: #fff; }

.btn-with-icon.is-loading:before {
  margin-right: 3px; }

.btn-with-icon.is-loading, .btn-with-icon.btn-sm.is-loading {
  padding-left: 10px !important; }
  .btn-with-icon.is-loading i, .btn-with-icon.btn-sm.is-loading i {
    display: none; }

.btn-brd {
  background: none;
  border: solid 1px #95a5a6;
  color: #444;
  transition: background color 0.1s ease-in-out; }
  .btn-brd:hover:not([disabled]) {
    color: #fff;
    border-color: #7f8c8d;
    background: #7f8c8d; }

.btn-brd.btn-brd-blue:hover {
  background-color: #4582AF;
  border-color: #3e749d; }

.btn-brd.btn-brd-blue {
  color: #4582AF;
  border-color: #3e749d; }
  .btn-brd.btn-brd-blue:hover {
    background-color: #4582AF; }

.btn-simple-danger {
  color: #A94442 !important;
  background-color: #fff;
  border-color: #ccc; }
  .btn-simple-danger:hover:not([disabled]) {
    color: #fff !important;
    border-color: #A94442 !important;
    background: #A94442 !important; }
  .btn-simple-danger[disabled] {
    color: #dda8a7 !important; }

.btn-default.active, .btn-default.hover:hover {
  background-color: #7F8C8D !important;
  color: #fff !important;
  box-shadow: none; }

.btn-active {
  color: #eea236; }

.btn-green {
  color: #fff;
  background-color: #37bc9b;
  border-color: transparent; }
  .btn-green:focus, .btn-green:hover {
    color: #fff;
    background-color: #32ac8e;
    border-color: transparent; }

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: transparent; }
  .btn-dark:focus, .btn-dark:hover {
    color: #fff;
    background-color: #424649;
    border-color: transparent; }

.btn-lg, .btn-group-lg > .btn {
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 3px; }

.btn-lg-icon {
  border-color: transparent;
  padding: 8px 8px; }
  .btn-lg-icon > i {
    font-size: 20px;
    vertical-align: middle; }
  .btn-lg-icon:hover, .btn-lg-icon:focus {
    border-color: #adadad; }

.btn-reward {
  position: relative;
  overflow: hidden;
  will-change: transform;
  color: #66757F;
  border: 0;
  padding: 3px 7px 2px;
  margin-top: -2px;
  transition: .2s ease;
  /*&:after {
        position: absolute;
        content: '';
        width: 35px;
        bottom: 0;
        background: linear-gradient(-92deg,rgba(255,255,255,.4),rgba(255,255,255,.4));
        height: 125%;
        left: 0;
        transform: skewX(-41deg) translateX(-50px);
        z-index: 1;
        will-change: transform;
    }*/ }
  .btn-reward > i {
    font-size: 15px; }
  .btn-reward:hover {
    background: #faa61e;
    border-color: transparent;
    color: #000;
    /*&::after {
            transform: skewX(-42deg) translateX(160px);
            transition: .6s ease;
        }*/ }
  .btn-reward.disabled {
    opacity: 1; }
    .btn-reward.disabled:hover {
      color: #66757F; }

.btn-reward.btn-reward-aside {
  margin-top: 5px;
  border: 1px solid #ccc; }
  .btn-reward.btn-reward-aside:hover {
    border-color: #ce850f;
    /*&::after {
            transform: skewX(-42deg) translateX(320px);
            transition: .6s ease;
        }*/ }

.btn-group-lg .dropdown-menu > li > a {
  padding: 3px 15px;
  font-size: 15px; }

.btn-group-lg .dropdown-menu .divider {
  margin: 5px 0; }

.btn-group-dropdown {
  display: inline-block;
  position: relative; }

.btn-action-link {
  color: #66757F;
  border-bottom: 1px #9197A3 dashed; }
  .btn-action-link:hover {
    text-decoration: none;
    color: #2f5978; }

.btn-toggle-action .hover-content {
  display: none;
  color: #A94442; }

.btn-toggle-action .main-content {
  display: inline-block; }

.btn-toggle-action:hover .hover-content {
  display: inline-block; }

.btn-toggle-action:hover .main-content {
  display: none; }

.btn-toggle-action.active:hover .hover-content, .btn-toggle-action.is-loading:hover .hover-content {
  display: none; }

.btn-toggle-action.is-loading:hover .main-content {
  display: inline-block; }

.btn-toggle-action.btn-success .hover-content, .btn-toggle-action.btn-primary .hover-content {
  color: #fff; }

.btn-with-icon.btn-toggle-action .hover-content {
  margin-left: -20px; }

.btn-in-library {
  color: #4582AF;
  border-color: #4582AF; }
  .btn-in-library:not(:hover) > i:before {
    color: #4582AF; }

/*.btn-library-dislike {
    color: #f0ad4e;
    border-color: #f0ad4e;
}*/
mark-button {
  display: inline-block; }

/*
.btn-mark {
    height: 32px;
    margin-left: 15px;

    i {
        // color: #aab8c2;
    }

    &:active {
        box-shadow: none;
    }

    &:hover, &.toggle {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

    &.toggle:hover {
        background-color: #449d44;
        border-color: #398439;
        color: #fff;
    }

    &.disabled {
        cursor: default;
    }
}*/
/* Favorite */
.btn-favorite {
  display: inline-block;
  border: 0;
  background: transparent;
  line-height: 1;
  padding: 4px 2px;
  position: relative; }
  .btn-favorite i {
    color: #aab8c2; }
  .btn-favorite:active {
    box-shadow: none; }
  .btn-favorite:hover i, .btn-favorite i.toggle {
    color: #80be58; }
  .btn-favorite.disabled {
    cursor: default; }

/* Social */
.btn-google, .btn-yandex, .btn-facebook, .btn-vk, .btn-twitter, .btn-telegram {
  color: #fff;
  padding: 4px 15px;
  margin: 0 10px 0 0;
  background-color: #4582AF; }
  .btn-google:hover, .btn-google:focus, .btn-yandex:hover, .btn-yandex:focus, .btn-facebook:hover, .btn-facebook:focus, .btn-vk:hover, .btn-vk:focus, .btn-twitter:hover, .btn-twitter:focus, .btn-telegram:hover, .btn-telegram:focus {
    color: #fff;
    background-color: #37678a; }

.btn-instagram {
  background-color: #e4405f; }

.btn-telegram {
  background-color: #0088cc;
  padding: 4px 8px 4px 6px !important; }
  .btn-telegram:hover, .btn-telegram:focus {
    background-color: #006699; }

.btn-twitter {
  background-color: #fff;
  border-color: #ccc; }
  .btn-twitter:hover, .btn-twitter:focus {
    background-color: #e6e6e6;
    border-color: #adadad; }

/* Sharer.js */
.sharer .colored-icon-google, .colored-icon-yandex, .colored-icon-vk, .colored-icon-facebook, .colored-icon-telegram {
  font-size: 17px;
  line-height: 1;
  margin-left: 2px;
  width: 20px;
  vertical-align: middle; }

.dropdown-menu .sharer .colored-icon-google, .dropdown-menu .sharer .colored-icon-yandex, .dropdown-menu .sharer .colored-icon-vk, .dropdown-menu .sharer .colored-icon-facebook {
  margin-left: -5px;
  vertical-align: text-top; }

.dropdown-menu .sharer .colored-icon-telegram {
  margin-left: -5px;
  vertical-align: text-top;
  font-size: 13px;
  margin-top: 2px; }

.dropdown-menu .sharer .colored-img-twitter {
  margin-left: -5px;
  margin-right: 2px; }

.sharer .colored-icon-twitter {
  margin-left: 0; }

/* File upload */
.btn-file-input {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .btn-file-input input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer; }

.input-group .btn {
  padding: 6px 10px; }

.input-group .help-inline {
  display: none !important; }

.btn-edit-post {
  margin-top: 5px;
  float: right;
  height: auto; }

/* Fixes for IE < 8 */
@media screen\9 {
  .btn-file-input input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%; } }

.click-animation {
  position: relative; }
  .click-animation.animate i {
    display: inline-block;
    animation-name: a-pop;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 1; }

.btn-pulse {
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 rgba(69, 130, 175, 0.5); }
  .btn-pulse > i {
    transform: scale(1);
    animation: a-pop 1.5s infinite; }
  .btn-pulse:hover {
    animation: none; }
    .btn-pulse:hover > i {
      animation: false; }

.btn-mark-dropdown {
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 2px 5px; }
  .btn-mark-dropdown.disabled {
    cursor: pointer; }
    .btn-mark-dropdown.disabled :hover {
      background-color: #f5f7fa !important; }

.work-list-actions library-button button {
  margin-bottom: 5px;
  border: none !important;
  width: 32px;
  height: 32px; }

.btn-sm.center-important {
  padding: 4px 4px 4px 4px !important; }

.btn-only-icon .center-important {
  display: flex !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  align-items: center !important;
  justify-content: center !important; }

.btn-group .div-in-btn-group {
  float: left; }
  .btn-group .div-in-btn-group .btn {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0; }

/* Pop */

@keyframes a-pop {
  50% {
    transform: scale(1.2); } }

@keyframes pulse {
  70% {
    box-shadow: 0 0 0 10px; }
  100% {
    box-shadow: 0 0 0 0; } }

.comments {
  color: #444;
  margin-bottom: 20px;
  /*.fr-view img {
        max-height: 250px;
    }*/ }
  .comments .anchor {
    position: absolute;
    top: -5px; }
  .comments .highlighted {
    background-color: #fff7d3; }

.pagination-container + .comments {
  margin-top: 25px; }

.comment-wrapper {
  margin-bottom: 15px;
  padding-top: 2px;
  font-size: 14px;
  position: relative; }

.comment-avatar {
  float: left;
  overflow: hidden;
  margin-top: 3px; }
  .comment-avatar img, .comment-avatar .default-avatar, .comment-avatar .ghost-avatar {
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    border-radius: 50%; }
  .comment-avatar .default-avatar {
    border: 1px solid #ccc; }
  .comment-avatar .ghost-avatar {
    width: 39px;
    height: 39px; }

.comment-body {
  margin-left: 50px; }
  .comment-body .rich-content img, .comment-body .rich-content .comment-avatar .default-avatar, .comment-avatar .comment-body .rich-content .default-avatar, .comment-body .rich-content .comment-avatar .ghost-avatar, .comment-avatar .comment-body .rich-content .ghost-avatar {
    max-height: 350px;
    width: auto !important; }

.comment {
  position: relative;
  margin: -10px -10px -5px;
  padding: 10px 10px 5px;
  transition: background-color .4s ease-in; }
  .comment:before, .comment:after {
    content: " ";
    display: table; }
  .comment:after {
    clear: both; }
  .comment.is-new.highlighted {
    background-color: #DEEBFF; }
  .comment .deleted {
    background-color: #F2DEDE; }
  .comment:not(.c-reply):hover {
    background-color: #fdfdfd; }
  .comment header {
    font-size: 12px;
    position: relative;
    line-height: 18px;
    margin-bottom: 0 !important;
    display: inline-block; }
    .comment header.is-pinned {
      background: #deebff;
      padding: 1px 3px 1px 3px; }
    .comment header:before, .comment header:after {
      content: " ";
      display: table; }
    .comment header:after {
      clear: both; }
    .comment header a {
      float: left;
      font-weight: 700;
      transition: color 300ms;
      text-decoration: none; }
    .comment header .comment-verified {
      float: left;
      font-size: 17px;
      margin: 0 -4px 0 7px;
      color: #BDBDBD; }
      .comment header .comment-verified:hover {
        color: #72c02c; }
    .comment header .comment-is-ignored {
      float: left;
      font-size: 17px;
      margin: 0 -4px 0 7px;
      color: #BDBDBD; }
    .comment header .comment-verified + .label, .comment header .comment-is-ignored + label {
      margin-left: 10px; }
    .comment header .comment-user-name {
      color: #777;
      float: left;
      display: block; }
    .comment header .label {
      margin: 1px 0 0 5px;
      font-size: 10px;
      padding: 0 3px;
      line-height: 17px; }
    .comment header .label-brd {
      margin: 0 2px 0 5px;
      float: right;
      border: 0;
      color: #444; }
    .comment header time {
      margin: 0 0 0 8px;
      float: left; }
    .comment header .comment-with-modification {
      color: #888; }
    .comment header .comment-tool {
      visibility: hidden;
      float: left;
      cursor: pointer;
      font-size: 14px;
      margin-left: 5px; }
      .comment header .comment-tool a {
        font-weight: 500;
        font-weight: normal; }
      .comment header .comment-tool .to-parent {
        margin: -2px 0 0 5px; }
      .comment header .comment-tool .toggle-as-pinned {
        margin: 1px 0 0 5px;
        font-size: 12px; }
  .comment article {
    padding: 0 0 5px 0; }
    .comment article p:last-of-type {
      margin-bottom: 0; }
  .comment .special-link {
    margin: 10px 0;
    display: inline-block;
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
    padding: 4px 10px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 4px; }
    .comment .special-link:hover {
      text-decoration: none;
      color: #666;
      background-color: #c2cad8;
      border-color: #bcc5d4; }
  .comment footer {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .comment footer:before, .comment footer:after {
      content: " ";
      display: table; }
    .comment footer:after {
      clear: both; }

.drop-content .comment {
  margin: 0; }
  .drop-content .comment .comment-tool, .drop-content .comment footer {
    display: none; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content {
  padding: 5px !important;
  min-width: 400px;
  max-width: 500px;
  border: 1px solid #c5d0db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 5px;
  margin-bottom: 0 !important; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content .comment:hover {
    background-color: #fff !important; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content .comment-user-name, .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content time {
    margin-top: 2px !important; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content .comment header {
    height: 20px; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content article {
    max-height: 150px;
    overflow: auto; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content:before {
    border-width: 6px !important;
    margin: 0 -6px !important;
    border-top-color: #c5d0db !important; }
  .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center.drop-view-comment .drop-content:after {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    content: '';
    border-width: 5px;
    margin: 0 -5px;
    border-top-color: #fafbfc;
    transform: translate3d(0, -0.5px, 0);
    top: 100%;
    left: 50%; }

.comment.is-new header, .is-new .comment-toggle-expand, .load-more-comments.is-new {
  background-color: #DEEBFF; }

.load-more-comments.is-new, .is-new .comment-toggle-expand {
  color: #444; }
  .load-more-comments.is-new.highlighted, .is-new .comment-toggle-expand.highlighted {
    background-color: #fff7d3; }

.comment-action {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  color: #6DA3BD;
  display: none; }
  .comment-action:hover {
    text-decoration: none;
    color: #2980B9; }

.replies, .reply-placeholder {
  border-left: dotted 1px #BDBDBD;
  padding-left: 20px;
  margin-left: 3px;
  position: relative; }

.reply {
  margin-top: 5px; }
  .reply .btn {
    margin-top: 5px;
    margin-right: 5px; }

.reply-placeholder {
  display: none;
  margin-top: 10px; }
  .reply-placeholder .comment {
    margin-bottom: 5px; }

.edit-reply {
  margin-bottom: 20px; }
  .edit-reply .fr-box .fr-counter {
    bottom: -32px !important;
    top: auto;
    z-index: 5;
    padding: 3.5px;
    border: 0; }
  .edit-reply .error-messages {
    padding-right: 100px; }

.action-abuse, .action-moderate, .action-hide {
  visibility: hidden;
  float: right;
  margin-right: 0; }

.action-moderate {
  color: #A94442;
  margin-right: 10px; }
  .action-moderate:hover {
    color: #843534; }

.action-hide {
  margin-right: 10px;
  color: #9197A3; }
  .action-hide:hover {
    color: #757d8c; }

/* Comments Modes */
.comment.c-view .action-reply, .comment.c-view .action-abuse, .comment.c-view .action-moderate, .comment.c-view .action-hide, .comment.c-view .action-moderate, .comment.c-view .action-hide {
  display: inline-block; }

.comment.c-allow-edit .action-edit {
  display: block; }

.comment.c-reply .action-reply {
  display: none; }

.comment.c-reply .action-cancel {
  display: block; }

.comment.c-reply .reply-placeholder {
  display: block; }

.comment.c-editing footer {
  display: none; }

.comment-rating-count {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #768a98; }

.rating.comment-rating {
  display: inline-block; }
  .rating.comment-rating li {
    float: left; }
  .rating.comment-rating i {
    color: #D6D6D6;
    cursor: pointer; }
  .rating.comment-rating .rating-up {
    margin-right: 1px; }

.comment:hover .comment-tool, .comment:hover .action-abuse, .comment:hover .action-moderate, .comment:hover .action-hide, .comment:hover .action-moderate, .comment:hover .action-hide {
  visibility: visible; }

.comment:hover .comment-rating i {
  color: #BDBDBD; }

.comment-toggle {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 12px;
  color: #BDBDBD; }
  .comment-toggle:hover {
    color: #4582AF; }
  .comment-toggle .icon-minus-square-o {
    margin-left: 1px; }

.comment-toggle-collapse {
  padding: 0 5px;
  margin-top: 0;
  margin-left: -7px; }

.comment-toggle-expand {
  color: #757070;
  background: #F6F6F6;
  padding: 3px 7px 4px 9px;
  margin-top: 7px;
  z-index: 1;
  position: relative;
  transition: background-color .4s ease-out;
  border-radius: 4px; }
  .comment-toggle-expand .icon-plus-square-o {
    color: #5190B8;
    vertical-align: middle; }
  .comment-toggle-expand .icon-spinner {
    vertical-align: middle; }

.comment-collapsing-area {
  position: absolute;
  width: 25px;
  height: 100%;
  left: -10px;
  top: 0;
  cursor: pointer; }

.collapsing-area-hovered > .replies, .collapsing-area-hovered > .reply-placeholder {
  border-left: solid 1.25px #4582AF;
  padding-left: 19.75px; }

.collapsing-area-hovered .comment-toggle-collapse {
  color: #4582AF; }

.comment-wrapper.collapsed-replies > .comment-toggle-expand {
  display: inline-block; }

.comment-wrapper.collapsed-replies > .replies, .comment-wrapper.collapsed-replies > .reply-placeholder, .comment-wrapper.collapsed-replies > .comments-new-line {
  display: none; }

.comment-wrapper.expanded-replies > .comment-toggle-collapse {
  display: inline-block; }

.comment-wrapper.expanded-replies > .replies, .comment-wrapper.expanded-replies > .reply-placeholder {
  display: block; }

.comments-new-line {
  margin-left: -192px;
  margin-top: 10px;
  padding-left: 0;
  border-left: 0;
  background: #fff; }
  .comments-new-line:before, .comments-new-line:after {
    content: "";
    display: block;
    border: dotted 1px #c9c9c9;
    box-sizing: border-box; }
  .comments-new-line:before {
    height: 16px;
    width: 182px;
    border-bottom: 0;
    margin-top: -16px;
    border-right: 0;
    background: #fff;
    position: absolute;
    margin-left: 3px; }
  .comments-new-line:after {
    width: 99%;
    border-top: 0;
    position: relative;
    margin-top: -20px;
    height: 20px;
    margin-left: 3px; }

.comment-hidden-toggle {
  color: #ababab;
  border-bottom: 1px dotted;
  cursor: pointer;
  margin-bottom: 2px;
  display: inline-block; }

.comment-textarea {
  width: 100%;
  resize: vertical;
  min-height: 7em; }

.header-comments {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 17px; }
  .header-comments:before, .header-comments:after {
    content: " ";
    display: table; }
  .header-comments:after {
    clear: both; }
  .header-comments > span {
    margin-bottom: 20px;
    display: inline-block; }
  .header-comments .c-checkbox {
    color: #666;
    margin-bottom: 20px;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 21px; }

#comments-navigation {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 3; }
  #comments-navigation .new, #comments-navigation .next-new, #comments-navigation .prev-new {
    text-decoration: none;
    display: block;
    color: #444;
    font-size: 12px;
    padding: 7px 10px 8px;
    border-radius: 3px;
    width: 34px;
    text-align: center;
    margin-top: 2px;
    position: relative; }
  #comments-navigation .new {
    background: #329ce1;
    color: #fff; }

.load-more-comments {
  background-color: #f6f7f9;
  margin: 20px 0;
  padding: 10px;
  color: #6da3bd;
  transition: background-color .4s ease-out; }
  .load-more-comments:hover, .load-more-comments:focus {
    color: #2f5978; }

.btn-bottom-comment {
  display: none;
  margin-top: 15px; }

.comments.half-size-comments .comments-new-line {
  margin-left: -96px; }
  .comments.half-size-comments .comments-new-line::before {
    margin-top: -20px;
    width: 90px; }

.dropdown {
  z-index: 10; }
  .dropdown.open {
    z-index: 11; }

.navbar-nav > li > .dropdown-menu {
  margin-top: 1px; }

.nav-profile .dropdown {
  z-index: 11; }

.dropdown-menu {
  margin-top: 5px; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    margin: 5px 15px; }
  .dropdown-menu > li > a {
    padding: 3px 10px; }
  .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .dropdown-menu::after {
    position: absolute;
    top: -5px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: ''; }
  .dropdown-menu .top-ava-menu {
    position: absolute;
    width: 214px;
    height: 40px;
    right: 0;
    top: -40px; }
  .dropdown-menu .without-images {
    padding: 0 10px 0 10px; }
    .dropdown-menu .without-images div {
      text-align: center;
      background: url(../../../dist/images/bgImages/bg-ccc.gif) repeat-x 0 12px; }
      .dropdown-menu .without-images div span {
        background: #fff;
        display: inline-block;
        padding: 0 5px 0 5px; }

.dropdown-menu.dropdown-menu-right::before, .dropdown-menu.pull-right::before {
  left: auto;
  right: 9px; }

.dropdown-menu.dropdown-menu-right::after, .dropdown-menu.pull-right::after {
  left: auto;
  right: 10px; }

.dropdown-header {
  font-size: 15px;
  color: #66757F; }

.dropdown-menu-center {
  right: auto;
  left: 50%;
  transform: translate(-50%, 0); }
  .dropdown-menu-center::before {
    left: 50%;
    right: auto;
    margin-left: -6px; }
  .dropdown-menu-center::after {
    left: 50%;
    right: auto;
    margin-left: -5px; }

.dropdown-menu-links {
  font-size: 15px;
  min-width: 160px !important; }
  .dropdown-menu-links > li > a {
    padding: 6px 20px !important; }
  .dropdown-menu-links > li.confirm a {
    color: #d9534f; }
  .dropdown-menu-links > li.not-confirm a {
    color: #80be58; }
  .dropdown-menu-links > li.waiting a {
    color: #17a2b8; }
  .dropdown-menu-links > li.done a {
    color: #007bff; }
  .dropdown-menu-links .link-with-icon {
    position: relative;
    padding-left: 40px !important; }
    .dropdown-menu-links .link-with-icon i {
      color: #49545F;
      position: absolute;
      left: 15px;
      top: 50%;
      margin-top: -9px;
      font-size: 17px; }

.dropdown-menu-links-count {
  font-size: 15px;
  min-width: 220px !important; }
  .dropdown-menu-links-count .link-with-icon {
    position: relative;
    padding-right: 10px !important; }
    .dropdown-menu-links-count .link-with-icon .nav-value {
      position: absolute;
      right: 6px; }

.navbar-right .dropdown-menu {
  right: 0;
  left: auto; }

.votes-dropdown {
  width: 500px;
  max-height: 300px;
  overflow-y: auto; }

/* Tether drop */
.drop-element-attached-bottom .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px; }
  .drop-element-attached-bottom .dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0; }
  .drop-element-attached-bottom .dropdown-menu:after {
    top: auto;
    bottom: -5px;
    border-top: 6px solid #ffffff;
    border-bottom: 0; }

.dropdown-divider {
  margin: 5px 0; }

.dropdown-header {
  padding: 5px 10px; }

.marks-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 5px;
  width: 220px; }
  .marks-dropdown.tether-drop-content.dropdown-menu {
    display: flex;
    padding: 5px; }

.work-order-dropdown .order-form {
  display: flex;
  align-items: baseline; }
  .work-order-dropdown .order-form input {
    width: 63px; }

.work-order-dropdown .order-btn {
  display: flex;
  justify-content: space-between; }
  .work-order-dropdown .order-btn button {
    width: 48%; }

/*  Top Navbar  */
/*.navbar .navbar-nav .open .dropdown-menu  {
    > li > a:hover,
    > li > a:focus,
    > .active > a,
    .active > a:hover,
    .active > a:focus {
        background-color: #F5F5F5;
        color: #333;
    }
}*/
.topnavbar-wrapper {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #fff; }
  .topnavbar-wrapper .wrapper {
    overflow: visible; }

.dark-menu-theme .navbar-header .navbar-brand,
.green-menu-theme .navbar-header .navbar-brand,
.blue-menu-theme .navbar-header .navbar-brand {
  color: #fff !important; }
  .dark-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img, .dark-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img-new-year,
  .green-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img,
  .green-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img-new-year,
  .blue-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img,
  .blue-menu-theme .navbar-header .navbar-brand .brand-logo .brand-logo-img-new-year {
    background-image: url("../../distCommon/images/at-logo.png") !important; }

.dark-menu-theme .topnavbar .navbar-nav > li > a, .dark-menu-theme .topnavbar .navbar-nav > .open > a,
.green-menu-theme .topnavbar .navbar-nav > li > a,
.green-menu-theme .topnavbar .navbar-nav > .open > a,
.blue-menu-theme .topnavbar .navbar-nav > li > a,
.blue-menu-theme .topnavbar .navbar-nav > .open > a {
  color: #fff !important; }

.dark-menu-theme {
  background: #2c2f33 !important; }

.green-menu-theme {
  background: #84b761 !important; }

.blue-menu-theme {
  background: #242c90 !important; }

.topnavbar {
  background-image: none;
  background-repeat: repeat-x;
  margin: 0 auto; }
  .topnavbar .navbar-header {
    width: auto !important;
    filter: none;
    background-image: none;
    background-repeat: repeat-x;
    margin-right: 5px; }
    .topnavbar .navbar-header .navbar-brand {
      margin-left: 15px;
      color: #444;
      font-size: 22px;
      margin: 0 8px 0 8px;
      line-height: 41px;
      position: relative;
      text-align: center;
      height: 45px; }
      .topnavbar .navbar-header .navbar-brand .brand-logo {
        padding: 2px 0;
        position: relative; }
        .topnavbar .navbar-header .navbar-brand .brand-logo .brand-logo-img, .topnavbar .navbar-header .navbar-brand .brand-logo .brand-logo-img-new-year {
          opacity: 1;
          transition: opacity 0.2s;
          vertical-align: middle;
          display: inline-block;
          width: 39px;
          height: 36px;
          background-image: url("../../distCommon/images/at-logo-dark.png");
          background-position: 0 0;
          background-size: 39px 36px;
          background-repeat: no-repeat; }
        .topnavbar .navbar-header .navbar-brand .brand-logo .main-text {
          margin: 0 3px; }
  .topnavbar .navbar-nav {
    /*> .open > a, > .open > a:hover, > .open > a:focus {
            box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
        }*/ }
    .topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
      color: #444;
      padding: 13px 8px;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-size: 13.5px; }
      .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus {
        color: #808080; }
    .topnavbar .navbar-nav > li.nav-icon > a {
      padding: 13px 9px !important; }
    .topnavbar .navbar-nav > .open > a {
      color: #808080; }
    .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
      color: #444; }
  .topnavbar .navbar-form {
    right: 140px;
    height: 47px;
    width: 350px;
    left: auto;
    border-bottom: 0; }
    .topnavbar .navbar-form .has-feedback .form-control-feedback {
      margin-right: 3px; }
    .topnavbar .navbar-form .form-control {
      height: 38px;
      background-color: #fcfcfc;
      border: 1px solid #ccc;
      border-radius: 25px;
      margin: 5px 0;
      padding-left: 30px; }
      .topnavbar .navbar-form .form-control:focus {
        box-shadow: none; }
  .topnavbar .avatar {
    background-size: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    display: block;
    float: left; }
  .topnavbar .avatar-text {
    float: left;
    line-height: 30px;
    margin-right: 10px; }

.user-dropdown-toggle {
  padding: 8px 0 8px 12px !important;
  height: 48px;
  overflow: hidden; }
  .user-dropdown-toggle.introjs-showElement {
    color: #444 !important;
    width: 150px; }

.nprogress-busy .brand-logo-img,
.nprogress-busy .brand-logo-img-new-year {
  opacity: 0 !important; }

.topnavbar .navbar-nav.nav-toggle {
  margin-right: -5px; }

.dropdown > a > .label {
  right: 2px; }

.no-auth .topnavbar .navbar-form {
  right: 60px; }

.notification-box i {
  margin: 6px 12px 0 6px;
  display: block;
  font-size: 22px; }

.notification-box .notification-details {
  margin: 0;
  color: #9197A3; }
  .notification-box .notification-details.unread {
    color: #4582AF; }
  .notification-box .notification-details.two-line {
    line-height: 25px;
    margin-top: -5px;
    margin-bottom: -5px; }

.notification-box .message-body {
  width: 350px; }

.notification-header {
  border-bottom: solid 1px #ddd;
  padding: 12px 12px 10px;
  min-width: 290px; }

.notification-box-body {
  line-height: 35px; }

.notification-see-more {
  background-color: #f5f5f5; }
  .notification-see-more:hover {
    text-decoration: underline !important; }

#pmNotificationDropdown .list-group-item {
  padding: 5px 5px 6px 0; }

.list-group .list-group-item {
  padding: 8px 10px; }
  .list-group .list-group-item .contact:hover {
    background-color: #f5f5f5; }
  .list-group .list-group-item .contact .contact-info {
    padding: 10px 0 7px; }
  .list-group .list-group-item .spinner {
    margin: 5px auto; }

/*
 * Collapse Menu Icons
 */
.line-wrap {
  width: 18px;
  height: 12px;
  transition: all;
  transition-duration: 300ms;
  margin: 12px 20px; }
  .line-wrap .line {
    width: 18px;
    height: 2px;
    transition: all;
    transition-duration: 300ms; }
    .line-wrap .line.center {
      margin: 3px 0; }

.open .line-wrap {
  transform: rotate(180deg); }
  .open .line-wrap .line.top {
    width: 12px;
    transform: translateX(8px) translateY(1px) rotate(45deg); }
  .open .line-wrap .line.bottom {
    width: 12px;
    transform: translateX(8px) translateY(-1px) rotate(-45deg); }

#aside-toggle {
  border: 0;
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 18px; }
  #aside-toggle .line-wrap .line {
    background-color: #444; }
  #aside-toggle.open {
    color: #ccc; }

.btn-nav-add {
  margin: 8px; }

.layout-quiz .topnavbar .navbar-header .navbar-brand, .new-year-layout .topnavbar .navbar-header .navbar-brand {
  color: #fff; }

.layout-quiz .topnavbar .navbar-nav, .new-year-layout .topnavbar .navbar-nav {
  /*> .open > a, > .open > a:hover, > .open > a:focus {
                box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
            }*/ }
  .layout-quiz .topnavbar .navbar-nav > li > a, .layout-quiz .topnavbar .navbar-nav > .open > a, .new-year-layout .topnavbar .navbar-nav > li > a, .new-year-layout .topnavbar .navbar-nav > .open > a {
    color: #fff; }
    .layout-quiz .topnavbar .navbar-nav > li > a:hover, .layout-quiz .topnavbar .navbar-nav > li > a:focus, .layout-quiz .topnavbar .navbar-nav > .open > a:hover, .layout-quiz .topnavbar .navbar-nav > .open > a:focus, .new-year-layout .topnavbar .navbar-nav > li > a:hover, .new-year-layout .topnavbar .navbar-nav > li > a:focus, .new-year-layout .topnavbar .navbar-nav > .open > a:hover, .new-year-layout .topnavbar .navbar-nav > .open > a:focus {
      color: #ccc; }
  .layout-quiz .topnavbar .navbar-nav > .open > a, .new-year-layout .topnavbar .navbar-nav > .open > a {
    color: #ccc; }
  .layout-quiz .topnavbar .navbar-nav > li > [data-toggle='navbar-search'], .new-year-layout .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
    color: #fff; }

.layout-quiz .topnavbar .brand-logo-img, .new-year-layout .topnavbar .brand-logo-img {
  background-image: url("../../distCommon/images/at-logo.png") !important; }

.layout-quiz .spinner, .new-year-layout .spinner {
  color: #7F8C8E; }

.svg-snowscene {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  z-index: 1051;
  pointer-events: none;
  display: none; }

.new-year-layout .topnavbar-wrapper {
  background: #4582af; }
  .new-year-layout .topnavbar-wrapper .la-timer.la-dark {
    color: #fff; }
  .new-year-layout .topnavbar-wrapper .brand-logo-img-new-year {
    background-image: url("../../distCommon/images/at-new-year-logo.png") !important; }

.new-year-layout #aside-trigger .line-wrap .line {
  background-color: #fff !important; }

.new-year-layout .svg-snowscene {
  display: block; }

.dropdown-list > .dropdown-menu.works-dropdown {
  padding: 15px 0;
  margin: 0 -7px;
  min-width: 0;
  width: 650px; }

.snow {
  fill: #fff;
  animation-name: snowing;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out; }

.snow:nth-child(2n) {
  animation-delay: 1.5s; }

.snow:nth-child(3n) {
  animation-delay: 2.3s;
  animation-duration: 3.3s; }

.snow:nth-child(4n) {
  animation-delay: .8s;
  animation-duration: 3.2s; }

.snow:nth-child(5n) {
  animation-delay: 2.8s; }

@keyframes snowing {
  0% {
    fill-opacity: 1; }
  to {
    fill-opacity: 0;
    transform: translateY(115px); } }

@media (max-width: 991px) {
  .topnavbar-wrapper .wrapper {
    width: auto; } }

@media (max-width: 1199px) {
  .topnavbar .navbar-form {
    right: 0; }
  .user-dropdown-toggle {
    padding: 8px !important; } }

.ios-navbar-back-button {
  padding: 13px 20px 13px 15px;
  line-height: 48px;
  color: #fff; }
  .ios-navbar-back-button:focus, .ios-navbar-back-button:active {
    color: #fff;
    text-decoration: none; }

.nav-tabs > li > a {
  font-weight: 500; }

.nav {
  font-size: 14px; }

.navbar-right {
  margin-right: 0; }

.wrapper {
  position: relative; }
  .wrapper > .aside .aside-inner {
    padding: 52px 0 0; }
  .wrapper > section {
    margin-bottom: 0 !important; }

.wrapper .aside {
  background-color: #3a3f51;
  z-index: 3; }

.layout-fixed .wrapper .aside {
  background-color: #fff;
  position: fixed;
  margin: 62px 0 0 0;
  transition: width .2s ease-in, opacity .2s ease-in;
  opacity: 1;
  z-index: 5; }
  .layout-fixed .wrapper .aside > .profile-card .user-info {
    transition: width .3s; }

.layout-fixed .wrapper .aside + section.content {
  z-index: 5;
  transition: margin .2s ease-in;
  margin: 62px 0 0 270px; }
  .layout-fixed .wrapper .aside + section.content > .unwrap {
    margin: -8px; }

.layout-fixed section.content {
  margin: 50px 0 0; }

@media only screen and (min-width: 992px) {
  .layout-boxed:not(.layout-responsive) .wrapper .topnavbar-wrapper {
    width: 970px; }
  .layout-boxed .wrapper .topnavbar-wrapper {
    width: 100%;
    max-width: 1140px; } }

@media only screen and (min-width: 1200px) {
  .layout-boxed:not(.layout-responsive) .wrapper .topnavbar-wrapper {
    width: 1140px; }
  .layout-boxed .wrapper .topnavbar-wrapper {
    width: 100%;
    max-width: 1140px; } }

.layout-responsive .container, .layout-responsive .wrapper {
  width: 100%;
  max-width: 1140px !important; }

.layout-responsive .topnavbar {
  width: 100%;
  max-width: 1140px !important;
  min-width: inherit; }
  .layout-responsive .topnavbar .navbar-toggle {
    border: 0; }
    .layout-responsive .topnavbar .navbar-toggle .icon-bar {
      background-color: #fff; }

.layout-responsive section.content {
  margin-bottom: 0; }

.layout-responsive .wrapper > footer {
  position: relative;
  bottom: auto;
  height: auto; }

.layout-responsive .buttons-wrapper {
  margin: -5px 0; }
  .layout-responsive .buttons-wrapper .btn {
    margin: 5px 10px 5px 0; }

.layout-responsive .post .buttons-wrapper {
  margin: -10px -10px; }

.layout-responsive .panel .panel-heading .panel-actions,
.layout-responsive .panel .panel-sub-heading .panel-actions {
  margin: -3px 0px -3px 0; }

.mobile-layout .ml-hidden, .account-layout .ml-hidden {
  display: none !important; }

#pjax-container {
  height: 100%; }

.h100 .wrapper, .wrapper > section {
  height: 100%; }

.h100 .wrapper .pm-aside + section.content {
  height: 100%; }

.nav > li > a:focus, .nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0); }

.nav.nav-pills.nav-stacked > li, .nav-profile .nav-pills-v2 > li {
  display: block; }

.nav-pills > li {
  display: inline-block; }
  .nav-pills > li > a {
    padding: 5px 12px;
    color: #444; }
  .nav-pills > li:hover > a {
    color: #34749e; }
  .nav-pills > li > li.active > a {
    color: #fff; }

.nav-pills-v2-gray {
  background-color: #fcfcfc !important;
  padding: 0 5px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5; }

.sidebar > .nav > li > .nav-item:focus,
.sidebar > .nav > li > .nav-item:hover,
.sidebar > .nav > li > a:focus,
.sidebar > .nav > li > a:hover {
  color: #34749e; }

.user-avatar {
  position: absolute;
  top: 15px;
  left: 13px;
  width: 50px;
  height: 50px;
  overflow: hidden; }
  .user-avatar img, .user-avatar .comment-avatar .default-avatar, .comment-avatar .user-avatar .default-avatar, .user-avatar .comment-avatar .ghost-avatar, .comment-avatar .user-avatar .ghost-avatar {
    border-radius: 50%; }
  .user-avatar .default-avatar, .user-avatar .ghost-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ccc; }

.footer {
  margin: 14px 0 0;
  border-top: 1px solid #d8d8d8;
  background-color: #fefefe;
  color: #444;
  padding: 20px 14px;
  z-index: 0; }
  .footer a {
    color: #444; }
  .footer h3 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #66757F;
    text-transform: uppercase; }
  .footer nav > a {
    display: block; }
  .footer .label-adult-only {
    font-size: 100%;
    background-color: #d9534f;
    color: #fff;
    padding: 1px 2px !important; }
  .footer .social {
    padding-top: 5px; }
    .footer .social a {
      display: block;
      float: left;
      width: 36px;
      height: 36px;
      line-height: 35px;
      text-align: center;
      margin: 0 9px 5px 0;
      color: #fff;
      background: #808e97;
      border-radius: 4px; }
      .footer .social a:hover, .footer .social a:focus {
        text-decoration: none; }
      .footer .social a i {
        font-size: 20px;
        line-height: 36px; }
      .footer .social a img, .footer .social a .comment-avatar .default-avatar, .comment-avatar .footer .social a .default-avatar, .footer .social a .comment-avatar .ghost-avatar, .comment-avatar .footer .social a .ghost-avatar {
        display: block; }
  .footer .vk-link:hover {
    background: #4A74A5; }
  .footer .tg-link:hover {
    background: #33aae0; }
  .footer .fb-link:hover {
    background: #4266b2; }
  .footer .instagram-link img, .footer .instagram-link .comment-avatar .default-avatar, .comment-avatar .footer .instagram-link .default-avatar, .footer .instagram-link .comment-avatar .ghost-avatar, .comment-avatar .footer .instagram-link .ghost-avatar {
    width: 31px;
    height: 31px;
    margin: 2px 0 0 2px;
    filter: invert(99%) sepia(16%) saturate(270%) hue-rotate(200deg) brightness(114%) contrast(100%); }
  .footer .instagram-link:hover {
    background: #BF3070; }
  .footer .yandex-zen-link img, .footer .yandex-zen-link .comment-avatar .default-avatar, .comment-avatar .footer .yandex-zen-link .default-avatar, .footer .yandex-zen-link .comment-avatar .ghost-avatar, .comment-avatar .footer .yandex-zen-link .ghost-avatar {
    width: 31px;
    height: 31px;
    margin: 2px 0 0 3px;
    filter: invert(99%) sepia(16%) saturate(270%) hue-rotate(200deg) brightness(114%) contrast(100%); }
  .footer .yandex-zen-link:hover {
    background: #000; }

.inner-content {
  padding-top: 14px; }

.header-global-alert {
  text-align: center;
  padding: 5px;
  background: #D16763;
  color: #fff;
  font-size: 14px; }
  .header-global-alert > a {
    font-weight: bold;
    color: #fff; }

.account-layout .header-global-alert {
  margin-bottom: 14px;
  border-radius: 3px; }

/* Tag box */
.tag-box {
  background: #fafafa;
  padding: 10px 15px; }

.to-top, .to-bottom {
  padding: 0 10px;
  height: 32px;
  position: absolute;
  top: 60px;
  left: -1px;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  background-color: #aab7cb;
  transition: all 300ms ease; }
  .to-top > i, .to-bottom > i {
    margin-left: 8px; }

.to-bottom > i {
  margin-left: 24px; }

.updownscroll {
  cursor: pointer;
  height: 100%;
  position: fixed;
  top: 0;
  left: -110px;
  z-index: 3;
  transition: all 300ms ease; }
  .updownscroll:hover {
    background-color: rgba(149, 176, 215, 0.3); }
    .updownscroll:hover .to-top, .updownscroll:hover .to-bottom {
      background-color: #8895a9; }
  .updownscroll.active {
    left: 0; }
  .updownscroll .to-bottom {
    display: none; }
  .updownscroll.scroll-down .to-top {
    display: none; }
  .updownscroll.scroll-down .to-bottom {
    display: inline-block; }

@media (min-width: 1340px) {
  .updownscroll {
    width: 90px; } }

@media (max-width: 1340px) {
  .updownscroll {
    width: 32px; }
  .to-top, .to-bottom {
    font-size: 0;
    padding: 5px 10px; }
    .to-top > i, .to-bottom > i {
      font-size: 14px;
      margin-left: 0;
      margin-right: 0; } }

@media (max-width: 1050px) {
  .updownscroll {
    width: 0;
    left: auto;
    right: -110px; }
    .updownscroll.active {
      right: 0;
      left: auto; }
  .to-top, .to-bottom {
    top: auto;
    bottom: 30px;
    left: auto;
    right: 30px;
    height: 40px;
    width: 40px;
    line-height: 40px; }
    .to-top > i, .to-bottom > i {
      font-size: 18px;
      margin-left: 0;
      margin-right: 0; }
  .account-layout .collection {
    width: auto; } }

.panel-with-nav {
  border-top: 0; }
  .panel-with-nav .nav-pills-v2 {
    background-color: #fcfcfc;
    padding: 0 5px;
    margin: 0 -1px; }

.navbar-btn {
  margin-top: 8px; }

.flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%; }
  .flex-list:after {
    content: "";
    flex: auto; }

.layout-fixed .wrapper .aside {
  width: 260px; }

.navbar-toggle {
  padding: 7px 6px; }

@media (min-width: 768px) {
  .topnavbar .navbar-collapse.collapse {
    float: left; } }

@media (min-width: 992px) {
  .pull-right-md {
    float: right; } }

@media (max-width: 767px) {
  .layout-fixed.aside-collapsed .wrapper .aside {
    width: 0;
    z-index: 0;
    opacity: 0; }
    .layout-fixed.aside-collapsed .wrapper .aside > .profile-card .user-info {
      width: 0; }
  .layout-fixed.aside-collapsed .wrapper .aside + section.content {
    margin-left: 0; }
  #navbar-right {
    position: absolute;
    right: 52px;
    z-index: 13;
    top: 0; }
    #navbar-right > li {
      float: left; }
  .layout-fixed section.content {
    margin-bottom: 0; }
  .layout-fixed .footer {
    position: relative;
    bottom: auto;
    height: auto; }
  .navbar-collapse.collapse {
    float: none; }
    .navbar-collapse.collapse .nav.navbar-nav {
      width: 100%; }
  .layout-responsive .dropdown-list > .dropdown-menu.works-dropdown {
    width: 100%;
    position: relative !important; }
    .layout-responsive .dropdown-list > .dropdown-menu.works-dropdown .nav-list li a {
      width: 100%; }
  .layout-responsive .topnavbar .navbar-nav > li.nav-icon > a {
    padding: 14px 13px !important;
    font-size: 15px; }
  .layout-responsive #navbar-right {
    top: -8px; }
  .layout-responsive .navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .layout-responsive .topnavbar .navbar-form {
    right: 0;
    left: 0;
    height: 52px;
    width: 100%; }
  .layout-responsive .wrapper .aside + section.content {
    width: 100%;
    opacity: 0.5; }
  .layout-responsive.aside-collapsed .wrapper .aside + section.content {
    opacity: 1; }
  .layout-responsive .aside-profile.profile-card {
    display: none; }
  .layout-responsive .sidebar.user-panel {
    height: 100%;
    padding-top: 20px; } }

.genre-s-footer {
  margin-bottom: 14px; }

/*.layout-fixed .footer .wrapper {
    width: auto;
}*/
@media (max-width: 500px) {
  .col-xss-6 {
    width: 100%; } }

.counter {
  float: left;
  margin-right: 15px; }

.form-label {
  padding-top: 7px; }

.error-page {
  padding: 60px 0 60px;
  text-align: center; }
  .error-page h1 {
    margin-top: 5px; }
  .error-page .content-block {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto 0;
    padding: 20px;
    max-width: 640px; }

.authorization.migration {
  max-width: 500px; }
  .authorization.migration h1 {
    font-size: 24px;
    margin-bottom: 15px; }

#accountChatraBtn {
  margin: 10px 15px;
  width: calc(100% - 30px); }

.pagination {
  margin: 5px 0;
  display: block;
  height: 30px;
  font-family: Verdana, Arial, sans-serif; }
  .pagination .disabled a:hover {
    cursor: default; }
  .pagination > li > a, .pagination > li > span {
    padding: 3px 10px; }
  .pagination > li > a:hover,
  .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 1; }
  .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover {
    border-color: #ccc;
    color: #6da3bd; }
  .pagination > .disabled > a, .pagination > .disabled > a:hover {
    border-color: #ccc;
    color: #777; }
  .pagination > .active > a, .pagination > .active > a:hover {
    border-color: #7f8c8d;
    background: #7f8c8d; }
  .pagination .spinner {
    height: 32px;
    margin-left: 15px;
    display: none; }
    .pagination .spinner > div {
      height: 24px;
      margin-top: 3px; }

.panel.panel-default {
  border-top-width: 1px; }

.panel {
  position: relative;
  margin-bottom: 14px;
  box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .panel .panel-heading {
    color: #66757F;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding: 10px 13px;
    border-bottom: 1px solid #e4eaec;
    margin: 0;
    z-index: 4; }
    .panel .panel-heading:before, .panel .panel-heading:after {
      content: " ";
      display: table; }
    .panel .panel-heading:after {
      clear: both; }
  .panel h1.panel-header {
    margin: 0;
    padding: 5px;
    float: left;
    line-height: 1;
    color: #66757F;
    font-size: 16px;
    font-weight: 400; }
  .panel .panel-heading-sm {
    font-size: 16px; }
  .panel .panel-sub-heading {
    position: relative;
    padding: 5px 0; }
  .panel .search-sidebar {
    margin-left: -1px; }
  .panel h1.panel-title {
    font-size: 25px;
    line-height: 1;
    color: #66757F;
    margin: 0 0 5px; }
  .panel .panel-title > a[data-toggle] {
    width: 100%;
    display: block;
    margin: -10px -13px;
    padding: 10px 13px; }
  .panel .panel-heading:before, .panel .panel-heading:after, .panel .panel-sub-heading:before, .panel .panel-sub-heading:after {
    content: " ";
    display: table; }
  .panel .panel-heading:after, .panel .panel-sub-heading:after {
    clear: both; }
  .panel .panel-heading > a, .panel .panel-sub-heading > a {
    color: #66757F; }
    .panel .panel-heading > a:hover, .panel .panel-sub-heading > a:hover {
      text-decoration: underline !important; }
  .panel .panel-heading > i, .panel .panel-sub-heading > i {
    vertical-align: middle;
    margin-bottom: 2px;
    display: inline-block; }
  .panel .panel-heading > .btn, .panel .panel-sub-heading > .btn {
    margin-left: 5px !important; }
  .panel .panel-heading .panel-actions, .panel .panel-sub-heading .panel-actions {
    float: right;
    margin: -3px 0; }
  .panel .panel-heading .panel-actions-large, .panel .panel-sub-heading .panel-actions-large {
    margin: 7px; }
  .panel .panel-heading .btn-group-dropdown, .panel .panel-sub-heading .btn-group-dropdown {
    top: 0; }
  .panel .panel-body {
    padding: 15px 13px;
    position: relative; }
  .panel .panel-body + .panel-heading {
    border-top: 1px solid #e4eaec; }
  .panel .sub-header {
    line-height: 30px;
    font-size: 17px;
    color: #444; }
  .panel .header {
    color: #66757F;
    font-size: 16px;
    font-weight: 400; }
  .panel .section-title {
    margin: 10px 10px 0;
    font-size: 22px;
    line-height: 1; }
  .panel .section-subtitle {
    font-size: 14px;
    margin: 5px 10px 20px;
    color: #9197A3; }

.panel-heading .panel-heading-truncate {
  max-width: 600px; }

.panel-heading.panel-nav {
  padding: 0;
  background-color: #fff;
  z-index: 1; }
  .panel-heading.panel-nav .panel-actions {
    margin: 7px; }
  .panel-heading.panel-nav .nav-daterangepicker {
    font-size: 14px;
    padding: 7px;
    margin-left: 10px; }
  .panel-heading.panel-nav a[data-search-open] {
    padding: 15px 15px 10px;
    margin: -7px;
    color: #9197A3;
    display: inline-block;
    font-size: 14px; }
    .panel-heading.panel-nav a[data-search-open]:hover {
      color: #444; }
  .panel-heading.panel-nav .search-form {
    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #fff; }
    .panel-heading.panel-nav .search-form .search-input {
      height: 48px;
      border: 0;
      border-radius: 0;
      background-color: #fff;
      padding: 0px 35px; }
    .panel-heading.panel-nav .search-form .search-icon {
      left: 6px; }
    .panel-heading.panel-nav .search-form .search-hint {
      font-size: 11px; }
    .panel-heading.panel-nav .search-form .clear-search-icon {
      font-size: 16px;
      margin-top: 0;
      right: 0;
      top: 0;
      width: auto;
      height: auto;
      padding-top: 0; }
      .panel-heading.panel-nav .search-form .clear-search-icon > button {
        color: #777;
        padding: 15px 12px 9px; }
        .panel-heading.panel-nav .search-form .clear-search-icon > button > i {
          vertical-align: text-top; }
    .panel-heading.panel-nav .search-form.open {
      opacity: 1;
      z-index: 2; }

.panel.sidebar {
  margin-left: -1px; }

.panel-toggle {
  border: 1px dashed #ccc;
  margin: 5px 0;
  box-shadow: none; }
  .panel-toggle .panel-heading {
    padding: 0; }
  .panel-toggle .panel-title > a[data-toggle] {
    margin: 0;
    padding: 4px 13px;
    text-indent: 0;
    font-style: normal;
    font-size: 15px; }
    .panel-toggle .panel-title > a[data-toggle]:hover {
      color: #4582AF;
      text-decoration: underline !important; }
  .panel-toggle .panel-body {
    padding: 10px 13px; }

.panel-with-profile {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-sort-order {
  margin: 3px 5px 10px;
  font-size: 16px; }
  .panel-sort-order + .flex-list {
    margin-top: 25px; }
  .panel-sort-order tr td {
    padding: 5px 0; }
  .panel-sort-order .sort-order-label {
    display: inline-block;
    padding-right: 4px; }
  .panel-sort-order .sorter {
    display: inline-block;
    margin: 0 6px;
    border-bottom: 1px dashed #4582AF;
    text-decoration: none; }
    .panel-sort-order .sorter.active {
      color: #000;
      cursor: default;
      border-bottom: 0;
      background-color: #e6f0fc;
      border-color: #e6f0fc;
      margin: 0 1px;
      padding: 2px 5px; }
  .panel-sort-order .panel-actions {
    float: right;
    margin: -3px 0 -3px 0; }

.empty-panel {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none; }

.panel-only-header {
  border-bottom: 0;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info .panel-body {
    background-color: #d9edf7;
    color: #31708f; }

.panel-body .pagination-container:first-of-type {
  margin-top: 0; }

.panel-body .pagination-container:last-of-type {
  margin-bottom: 0; }

.empty-widget {
  padding: 47px 30px;
  text-align: center;
  background: #fff;
  color: #8a9ab1;
  font-size: 15px;
  line-height: 1.5em; }
  .empty-widget > i {
    font-size: 35px;
    display: inline-block;
    margin-bottom: 10px; }

.book-shelf {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start; }
  .book-shelf:after {
    content: "";
    flex: auto; }
  .book-shelf .bookcard {
    margin-bottom: 25px;
    width: 165px; }

.empty-bookcard {
  height: 0;
  width: 165px; }

.bookcard {
  text-align: center;
  vertical-align: top;
  position: relative; }
  .bookcard:last-child {
    margin-right: 0; }

.book-shelf-vertical {
  justify-content: space-around;
  margin: 10px 0 -10px; }
  .book-shelf-vertical hr {
    width: 100%;
    margin-bottom: 30px; }

.book-hover-content {
  visibility: hidden; }

.book-with-animation {
  perspective: 1500px;
  position: relative;
  background-color: white;
  flex: 0 0 auto;
  z-index: 1;
  transition: 0.3s;
  transform-style: preserve-3d; }
  .book-with-animation::after, .book-with-animation::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    background: white;
    box-shadow: inset 0 0 1px #B5B5B5; }
  .book-with-animation::after {
    z-index: -2;
    right: 3px; }
  .book-with-animation::before {
    z-index: -1;
    right: 5px; }
  .book-with-animation .book-cover-content {
    cursor: pointer;
    position: relative;
    border-radius: 0 6px 6px 0;
    transition: 0.3s;
    transform-origin: 0 0%;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 3; }
    .book-with-animation .book-cover-content:hover {
      transform: rotateY(-25deg);
      /*box-shadow: 3px 3px 3px 0 rgba(0,0,0, 0.1);*/ }

.book-cover {
  display: inline-block;
  max-height: 200px;
  max-width: 134px;
  position: relative;
  /*&.cover-with-buttons:hover, .checked-book {
        .book-cover-content-overlay {
            opacity: 1;
        }

        .thumb-check-icon {
            opacity: 1;
            top: 33%;
        }

        .thumb-buttons {
            opacity: 1;
        }
    }*/ }
  .book-cover.cover-with-buttons .book-cover-content-overlay {
    background-color: rgba(0, 0, 0, 0.7); }
  .book-cover.cover-with-buttons .thumb-check-icon {
    position: absolute;
    top: 10%;
    left: 50%;
    margin: -15px 0 0 -15px;
    z-index: 3;
    transition: all 0.2s ease-out;
    transition-property: opacity, top, color;
    color: #fff;
    font-size: 30px;
    opacity: 0;
    cursor: pointer; }
  .book-cover.cover-with-buttons .thumb-buttons {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    z-index: 4; }
    .book-cover.cover-with-buttons .thumb-buttons a:not(:last-child) {
      margin-bottom: 10px; }
    .book-cover.cover-with-buttons .thumb-buttons a {
      display: block;
      font-size: 13px;
      margin: 0 10px;
      padding: 3px 0;
      text-decoration: none;
      border: 1px solid #fff;
      color: #fff;
      transition: all 0.3s;
      opacity: 0.8; }
      .book-cover.cover-with-buttons .thumb-buttons a:hover {
        opacity: 1;
        font-weight: bold; }
    .book-cover.cover-with-buttons .thumb-buttons .btn-read {
      padding: 6px 0; }
  .book-cover .ribbon {
    z-index: 5; }
  .book-cover .book-cover-content {
    max-width: inherit;
    max-height: inherit;
    position: relative;
    display: block;
    color: #444;
    text-decoration: none; }
    .book-cover .book-cover-content:hover .book-hover-content {
      visibility: visible;
      z-index: 2; }
    .book-cover .book-cover-content:hover .book-cover-content-overlay {
      opacity: 1; }
    .book-cover .book-cover-content:hover .ribbon {
      top: -25px;
      right: -25px;
      opacity: 0; }
    .book-cover .book-cover-content:not(.audiobook-cover-content)::after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background-image: url("../../distCommon/images/cover-shadow.png");
      background-repeat: no-repeat;
      background-size: 90% 100%;
      z-index: 3;
      image-rendering: auto;
      image-rendering: crisp-edges;
      image-rendering: pixelated;
      image-rendering: inherit;
      border-radius: 0 6px 6px 0;
      content: '';
      pointer-events: none; }
  .book-cover .book-cover-content-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0 6px 6px 0;
    z-index: 2; }
  .book-cover .cover-image {
    max-height: inherit;
    max-width: inherit;
    border-radius: 0 6px 6px 0;
    z-index: 1; }
    .book-cover .cover-image img, .book-cover .cover-image .comment-avatar .default-avatar, .comment-avatar .book-cover .cover-image .default-avatar, .book-cover .cover-image .comment-avatar .ghost-avatar, .comment-avatar .book-cover .cover-image .ghost-avatar {
      background-color: #F6F4EE;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0 6px 6px 0; }
  .book-cover img.cover-image, .book-cover .comment-avatar .cover-image.default-avatar, .comment-avatar .book-cover .cover-image.default-avatar, .book-cover .comment-avatar .cover-image.ghost-avatar, .comment-avatar .book-cover .cover-image.ghost-avatar {
    background-color: #F6F4EE;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 6px 6px 0; }
  .book-cover .ebook-cover-image img, .book-cover .ebook-cover-image .comment-avatar .default-avatar, .comment-avatar .book-cover .ebook-cover-image .default-avatar, .book-cover .ebook-cover-image .comment-avatar .ghost-avatar, .comment-avatar .book-cover .ebook-cover-image .ghost-avatar {
    min-height: 90px; }
  .book-cover .audiobook-cover-image img, .book-cover .audiobook-cover-image .comment-avatar .default-avatar, .comment-avatar .book-cover .audiobook-cover-image .default-avatar, .book-cover .audiobook-cover-image .comment-avatar .ghost-avatar, .comment-avatar .book-cover .audiobook-cover-image .ghost-avatar {
    min-height: 90px;
    border-radius: 6px; }

.fixed-size-bookcards .book-cover .cover-image {
  /*max-height: 200px;
            max-width: 134px;
            background: none;*/ }
  .fixed-size-bookcards .book-cover .cover-image img, .fixed-size-bookcards .book-cover .cover-image .comment-avatar .default-avatar, .comment-avatar .fixed-size-bookcards .book-cover .cover-image .default-avatar, .fixed-size-bookcards .book-cover .cover-image .comment-avatar .ghost-avatar, .comment-avatar .fixed-size-bookcards .book-cover .cover-image .ghost-avatar {
    min-height: 134px;
    min-width: 134px;
    background-color: #F6F4EE; }

.fixed-size-bookcards .book-cover .cover-image.audiobook-cover-image img, .fixed-size-bookcards .book-cover .cover-image.audiobook-cover-image .comment-avatar .default-avatar, .comment-avatar .fixed-size-bookcards .book-cover .cover-image.audiobook-cover-image .default-avatar, .fixed-size-bookcards .book-cover .cover-image.audiobook-cover-image .comment-avatar .ghost-avatar, .comment-avatar .fixed-size-bookcards .book-cover .cover-image.audiobook-cover-image .ghost-avatar {
  min-width: 134px;
  min-height: 134px; }

.fixed-size-bookcards.book-row.book-row-sm .book-cover .cover-image {
  height: 160px;
  width: 103px; }

/*@mixin make-ribbon($color) {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 4;
    overflow: hidden;
    width: 90px;
    height: 90px;
    text-align: right;

    span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 120px;
        display: block;
        background: $color;
        background: linear-gradient(lighten($color, 10%) 0%, darken($color, 5%) 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 26px;
        left: -23px;

        &:before, &:after {
            content: "";
            position: absolute;
            top: 100%;
            z-index: -1;
        }

        &:before {
            left: 0px;
            border-left: 3px solid $color;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid $color;
        }

        &:after {
            right: 0px;
            border-left: 3px solid transparent;
            border-right: 3px solid $color;
            border-bottom: 3px solid transparent;
            border-top: 3px solid $color;
        }
    }
}*/
/*.ribbon-green {
    @include make-ribbon(#79A70A);
}

.ribbon-primary {
    @include make-ribbon($brand-primary);
}

.ribbon-default {
    @include make-ribbon($gray);
}*/
.book-meta-info {
  position: absolute;
  width: 90%;
  margin-left: 5%;
  top: 15px; }

.book-hover-content-actions {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1000; }
  .book-hover-content-actions .btn-group-lg > .btn {
    line-height: 1.6; }
  .book-hover-content-actions .open {
    visibility: visible; }
  .book-hover-content-actions .btn {
    transition: none;
    transition: background-color 0.1s ease; }

.bookcard-content {
  padding-top: 6px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .bookcard-content.initial-height {
    height: initial !important; }

.bookcard-title {
  overflow: hidden;
  position: relative;
  height: auto;
  line-height: 17px;
  max-height: 85px;
  font-size: 14px;
  font-weight: 500;
  -ms-word-break: normal;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  word-break: normal;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: hyphenate;
  font-family: tahoma, arial,sans-serif;
  white-space: normal; }
  .bookcard-title:after {
    background-color: #F6F4EE;
    color: #444;
    content: '...';
    left: 0;
    line-height: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%; }

.book-custom-cover {
  background-color: #F6F4EE;
  height: 200px;
  width: 134px;
  padding: 25px 10px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 0 6px 6px 0; }
  .book-custom-cover.audibook-custom-cover {
    height: 134px;
    border-radius: 6px; }

.book-custom-cover-separator {
  margin: 12px auto 10px;
  width: 38px;
  background-color: #444;
  height: 1px;
  line-height: 1px; }

.bookcard-authors {
  overflow: hidden;
  position: relative;
  height: auto;
  line-height: 16px;
  max-height: 50px;
  font-size: 12px;
  font-weight: 400;
  -ms-word-break: normal;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  word-break: normal;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: hyphenate; }
  .bookcard-authors:after {
    background-color: #F6F4EE;
    color: #000;
    content: '...';
    left: 0;
    line-height: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    top: 32px;
    width: 100%; }

.bookcard-discount {
  background: rgba(255, 0, 0, 0.85);
  position: absolute;
  bottom: -5px;
  right: -8px;
  width: 42px;
  height: 42px;
  border-radius: 21px;
  z-index: 3;
  text-align: center; }
  .bookcard-discount .discount-value {
    color: #fff;
    display: inline-block;
    font: 18px/42px Roboto, tahoma, sans-serif;
    font-weight: bold; }

.bookcard-header {
  padding: 0 10px 4px 10px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  background: #fff;
  top: 2px;
  z-index: 2;
  left: 50%;
  margin-left: -17px; }
  .bookcard-header i {
    margin-right: 0; }

.bookcard-header-edit {
  padding: 5px 10px 4px 10px;
  text-align: center;
  font-size: 12px; }

.bookcard-footer {
  padding: 5px 10px 0 10px; }
  .bookcard-footer .bookcard-title {
    word-wrap: break-word;
    margin: 5px 0 0; }
  .bookcard-footer .bookcard-authors {
    margin: 5px 0;
    font-weight: 400; }
  .bookcard-footer .bookcard-title a {
    color: #444; }
  .bookcard-footer .bookcard-authors a {
    color: #9a938d; }
  .bookcard-footer .bookcard-title:after, .bookcard-footer .bookcard-authors:after {
    background-color: #fff; }

.work-file-type {
  width: 50px;
  margin-right: 10px;
  display: inline-block; }

.book-row {
  position: relative;
  margin: 0 -13px 20px;
  padding: 0 13px 13px 0;
  border-bottom: 1px solid #E1E8ED; }
  .book-row:last-child {
    padding-bottom: 0;
    margin-bottom: 5px;
    border-bottom: 0; }
  .book-row .book-cover-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 183px;
    z-index: 1; }
    .book-row .book-cover-wrapper .bookcard-header {
      margin: 0;
      top: 0;
      left: 0;
      position: relative; }
  .book-row .book-row-content {
    min-height: 220px;
    padding-left: 185px;
    position: relative; }
    .book-row .book-row-content .label {
      display: inline-block;
      margin: 3px 0; }
  .book-row .label.label-sm {
    padding: 3px 4px 4px !important;
    font-size: 80%; }
  .book-row .stats-sep {
    margin: 0 5px 0;
    vertical-align: middle;
    height: 18px; }
  .book-row .book-title {
    font-family: Museo,arial,sans-serif;
    font-size: 19px;
    -ms-word-break: normal;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    word-break: normal;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: hyphenate; }
    .book-row .book-title a {
      color: #444; }
  .book-row .book-author {
    font-size: 15px; }
    .book-row .book-author a {
      color: #717171; }
  .book-row .book-details {
    margin-top: 2px;
    font-size: 13px; }
  .book-row .book-status-icon {
    margin-right: 2px; }
  .book-row .annotation {
    max-height: 6em;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word; }
    .book-row .annotation[data-readmore] {
      margin-bottom: 0; }
  .book-row .annotation + .special-link {
    display: inline-block; }
  .book-row .change-order-btn img, .book-row .change-order-btn .comment-avatar .default-avatar, .comment-avatar .book-row .change-order-btn .default-avatar, .book-row .change-order-btn .comment-avatar .ghost-avatar, .comment-avatar .book-row .change-order-btn .ghost-avatar {
    filter: invert(47%) sepia(29%) saturate(815%) hue-rotate(163deg) brightness(93%) contrast(91%);
    width: 17px;
    right: 1px;
    bottom: 2px;
    position: relative; }
  .book-row .order-in-collection-btn {
    display: block;
    text-align: center;
    z-index: 5; }

.book-stats {
  margin: 6px 0;
  color: #66757F; }
  .book-stats a {
    color: #66757F; }
  .book-stats > span {
    margin-right: 20px; }
    .book-stats > span > i {
      margin-right: 2px; }
  .book-stats > .btn-like {
    margin-right: 20px; }
  .book-stats > .label-adult-only {
    color: #d9534f;
    border: 1px solid #e27c79; }
  .book-stats mark-button {
    margin-right: 20px; }
    .book-stats mark-button .btn-group {
      margin-top: -5px; }
      .book-stats mark-button .btn-group:before, .book-stats mark-button .btn-group:after {
        bottom: calc(100% - 5px); }

.btn-book-like, .btn-book-like:hover, .btn-book-like:focus {
  font-size: 13px;
  padding: 0 6px;
  color: #A4A4A4;
  background-color: #fff; }
  .btn-book-like.active {
    background-color: #80be58 !important;
    border: 0;
    padding: 1px 7px; }

.book-details-row:hover .col-1, .book-details-row:hover .col-2 {
  background-color: #F5F5F5; }

.book-details-row:hover .remove-vote {
  visibility: visible; }

.book-details-row .col-1 {
  padding-left: 7px;
  width: 35%;
  float: left;
  color: #777; }

.book-details-row .col-2 {
  width: 65%;
  float: left; }

.book-details-row .col-1, .book-details-row .col-2 {
  min-height: 1px; }

/* ---------- Book Page ----------- */
.book-page .book-title {
  font-family: Museo,arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 5px;
  color: #444; }

.book-page .nav > li > a:focus, .book-page .nav > li > a:hover {
  background-color: #fff; }

.book-page .btn-read-book {
  padding: 8px 15px; }
  .book-page .btn-read-book > i {
    font-size: 20px;
    vertical-align: middle; }

.book-page .book-bottom-buttons {
  position: absolute;
  right: 14px;
  bottom: 14px; }

.book-page .book-tab-content {
  background-color: #fff; }

.book-page .book-authors {
  font-size: 16px;
  margin-bottom: 3px; }

.book-page .book-preview {
  text-align: center; }

.book-page .col-1 {
  width: 200px; }

.book-page .col-2 {
  width: 130px; }

.book-page .book-stats {
  margin: 15px 0; }

.book-page .table-of-content {
  margin-bottom: 0;
  font-size: 16px;
  /*li a {            
            vertical-align: middle;
        }*/ }

.book-page .comments {
  margin-bottom: 0; }

.book-page .nav-tabs > li > a {
  padding: 7px 14px; }

.stats-sep {
  display: inline-block;
  vertical-align: top;
  height: 21px;
  border-right: 1px solid #E9EDF8;
  margin: 0 10px 3px; }

.book-genres {
  margin: 4px 0; }

.book-action-panel {
  width: 208px;
  float: left;
  text-align: center;
  padding: 5px; }
  .book-action-panel .book-cover {
    max-width: 195px;
    max-height: 310px; }
  .book-action-panel .book-custom-cover {
    width: 196px;
    height: 290px; }
    .book-action-panel .book-custom-cover .bookcard-title {
      font-size: 18px;
      line-height: 1.4;
      max-height: 125px; }
      .book-action-panel .book-custom-cover .bookcard-title:after {
        top: 105px; }
    .book-action-panel .book-custom-cover .bookcard-authors {
      font-size: 17px;
      line-height: 1.4;
      max-height: 163px; }
      .book-action-panel .book-custom-cover .bookcard-authors:after {
        top: 50px; }
    .book-action-panel .book-custom-cover:before {
      background-color: #A3A3A3; }
  .book-action-panel .dropdown {
    z-index: initial; }
  .book-action-panel .spinner-clock {
    display: none;
    text-align: center; }
    .book-action-panel .spinner-clock > div {
      display: inline; }

.book-meta-panel {
  width: 474px;
  float: right; }

@media (min-width: 1200px) {
  .book-meta-panel {
    width: 600px; } }

.view-book-actions {
  position: absolute;
  left: 225px;
  bottom: 14px;
  width: 100%; }

.btn-like i {
  margin: 0 3px; }

.btn-like.toggle i {
  color: #80be58; }

.top-rating-award {
  text-align: center;
  width: 140px;
  color: #66757F;
  position: relative; }
  .top-rating-award .rating {
    position: absolute;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: 8px;
    font-size: 18px; }
  .top-rating-award > i {
    font-size: 50px; }

.audio-files-list {
  margin-bottom: 30px; }
  .audio-files-list > li {
    margin-bottom: 30px; }

.book-materials .picture figure {
  width: 32%;
  margin: 0 0 10px 0; }

.book-materials .picture .grid-sizer {
  width: 32%; }

.book-materials .picture figcaption {
  display: none; }

.book-enable-tts {
  line-height: 25px;
  padding: 5px 6px 6px 8px;
  vertical-align: middle; }
  .book-enable-tts:hover, .book-enable-tts:focus {
    text-decoration: none !important;
    background-color: #f5f7fa; }

.book-awards {
  display: inline-block;
  line-height: 27px;
  margin-bottom: -5px;
  vertical-align: middle; }
  .book-awards a:hover, .book-awards a:focus {
    text-decoration: none !important; }
  .book-awards i {
    font-size: 22px; }

.book-filter-form {
  position: relative;
  padding: 8px 13px 8px 13px;
  border-bottom: 1px solid #e4eaec;
  background-color: #fcfcfc; }
  .book-filter-form .collapse.in, .book-filter-form .collapsing {
    margin-top: 10px; }
  .book-filter-form label {
    display: block;
    color: #66757F;
    margin-bottom: 2px; }
  .book-filter-form .filter-row {
    margin-bottom: 10px; }
  .book-filter-form select.form-control, .book-filter-form .sumo-select {
    margin-right: 10px;
    width: 100%; }
  .book-filter-form .btn-more-filters {
    position: absolute;
    top: 8px;
    right: 8px; }
  .book-filter-form .btn-action {
    margin: 15px 5px 5px; }

.book-catalog .panel-sort-order {
  margin: -5px 0 10px; }

.book-catalog .panel-sort-order + .book-row {
  margin-top: 30px; }

.book-catalog .panel-sort-order + .book-row.book-shelf {
  margin-top: 15px; }

.book-catalog form .form-group label {
  overflow: hidden;
  white-space: nowrap; }

@media (max-width: 1200px) {
  .book-filter-form select.form-control:not(.main-filter), .book-filter-form .sumo-select {
    font-size: 13px;
    margin-right: 4px; } }

.genre-s-footer {
  font-size: 95%; }
  .genre-s-footer h1 {
    font-size: 18px; }
    .genre-s-footer h1:first-of-type {
      margin-top: 30px; }
  .genre-s-footer h2 {
    font-size: 16px; }
    .genre-s-footer h2:first-of-type {
      margin-top: 30px; }

.reward-list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  overflow: hidden;
  -ms-word-break: normal;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  word-break: normal;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: hyphenate; }
  .reward-list li {
    padding-bottom: 10px; }

.book-scroll-container {
  white-space: nowrap;
  word-wrap: normal;
  overflow-y: hidden;
  overflow-x: auto;
  margin-right: 0px;
  padding-bottom: 15px !important;
  margin-bottom: -10px !important; }
  .book-scroll-container .bookcard {
    display: inline-block; }

.chapter-publish-time {
  font-size: 11px;
  color: #9197A3;
  line-height: 1;
  margin-left: 10px;
  font-style: italic; }
  .chapter-publish-time span:after {
    font-style: normal; }

.book-promo-label {
  padding-bottom: .3em; }
  .book-promo-label i {
    vertical-align: middle !important;
    display: inline-block;
    margin-top: -1px; }

.btn-genre-filters {
  height: 22px;
  width: 22px; }
  .btn-genre-filters .icon-params2 {
    left: 2px !important;
    font-size: 16px !important; }
  .btn-genre-filters .icon-cross {
    left: 3px; }

.book-library-status {
  height: 22px;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  color: #777;
  margin-bottom: 5px;
  text-align: right;
  display: flex;
  justify-content: space-between; }

.uploadCover {
  max-width: 550px; }

.work-warning {
  font-size: 110%; }

/*.b-grid {
    margin: 0 -1%;
}

.b-grid-col {
    position: relative;
    display: inline-block;
    width: 22%;
    margin: 0 1%;
    vertical-align: top;
}

.b-grid-cover {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 5px rgba(50,50,50,.28);
}

.b-grid-col.col-4 {
    margin: 0;
    width: 25%;

    .b-grid-cover {
        display: inline-block;
        width: 43%;
        margin: 0 3% 13px;
    }
}

.fixed-ratio-cover {
    padding-bottom: 160%;
}

.fixed-ratio {
    position: relative;
    height: 0;

    > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}*/
.audioplayer-wrapper {
  margin: 2px 0 12px;
  text-align: center; }
  .audioplayer-wrapper .btn {
    font-size: 21px;
    border: 0; }
    .audioplayer-wrapper .btn > i {
      margin-right: 0; }
  .audioplayer-wrapper .btn-large {
    font-size: 28px;
    padding: 4px 12px; }
  .audioplayer-wrapper .timeline-slider, .audioplayer-wrapper .volume-slider {
    background: #edeef0;
    width: calc(100% - 4px);
    position: absolute;
    height: 4px;
    top: 6px;
    left: 2px;
    cursor: pointer; }
    .audioplayer-wrapper .timeline-slider .timeline-slider-progress, .audioplayer-wrapper .timeline-slider .volume-slider-progress, .audioplayer-wrapper .volume-slider .timeline-slider-progress, .audioplayer-wrapper .volume-slider .volume-slider-progress {
      background: #4582AF;
      width: 0%;
      height: 100%;
      transition: 0.15s; }
  .audioplayer-wrapper input[type=range] {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    z-index: 1;
    background: transparent;
    cursor: pointer; }
  .audioplayer-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    box-sizing: content-box;
    border-radius: 50%;
    background: #4582AF;
    cursor: pointer; }
  .audioplayer-wrapper input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    box-sizing: content-box;
    border-radius: 50%;
    background: #4582AF;
    cursor: pointer; }
  .audioplayer-wrapper input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    box-sizing: content-box;
    border-radius: 50%;
    background: #4582AF;
    cursor: pointer; }
  .audioplayer-wrapper .timeline-wrapper {
    position: relative;
    margin-top: 20px; }
  .audioplayer-wrapper .volume-wrapper {
    position: relative;
    display: inline-block;
    margin: 13px 10px;
    width: 60px;
    vertical-align: middle;
    color: #333; }
    .audioplayer-wrapper .volume-wrapper .volume-slider-progress {
      background: #444; }
    .audioplayer-wrapper .volume-wrapper input[type=range]::-webkit-slider-thumb {
      background: #444; }
    .audioplayer-wrapper .volume-wrapper input[type=range]::-ms-thumb {
      background: #444; }
    .audioplayer-wrapper .volume-wrapper input[type=range]::-moz-range-thumb {
      background: #444; }
  .audioplayer-wrapper .audio-speed-label {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px; }
  .audioplayer-wrapper .chapter-info {
    display: flex;
    justify-content: space-between; }

.audio-chapters {
  margin: 0 -14px -10px;
  background-color: #f5f5f5; }
  .audio-chapters .chapter {
    border-radius: 0;
    width: 100%;
    border: none;
    padding: 2px 8px;
    line-height: 30px;
    text-align: left;
    border-bottom: 1px solid #cecece; }
    .audio-chapters .chapter.selected .chapter-title {
      font-weight: bold; }
    .audio-chapters .chapter:first-of-type {
      border-top: 1px solid #cecece; }
    .audio-chapters .chapter:last-of-type {
      border: 0; }
    .audio-chapters .chapter:hover {
      background-color: #e6e6e6; }
  .audio-chapters .chapter-available {
    cursor: pointer; }
  .audio-chapters .chapter-utils {
    float: right; }
  .audio-chapters .chapter-download {
    margin-left: 2px;
    margin-right: -6px;
    border: none; }

.audiobook-modal.adult-form {
  max-width: 560px;
  text-align: center; }
  .audiobook-modal.adult-form h2 {
    line-height: 1.5; }
  .audiobook-modal.adult-form .btns-form {
    display: flex; }
    .audiobook-modal.adult-form .btns-form .btn {
      flex-basis: 10%;
      flex-grow: 1; }
  .audiobook-modal.adult-form .adult-info {
    text-align: left;
    padding: 10px;
    margin-top: 10px; }

.edit-book .update-cover-buttons {
  text-align: center;
  margin-top: 20px; }

.edit-book .book-content {
  border-top: 1px solid #e5e5e5;
  padding: 15px 10px; }

.edit-book .chapter-info {
  line-height: 30px;
  margin: 2px 10px 0 0;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 600px; }

.edit-book .nav-pills-v2 {
  background-color: #fcfcfc;
  padding: 0 5px;
  margin: 0 -1px; }

.edit-book .panel-heading i {
  vertical-align: middle; }

.up-down-link {
  z-index: 3; }

.book-shelf-account .bookcard {
  width: 165px; }

.book-annotation-wrapper .header {
  color: #777;
  font-size: 14px; }

.book-annotation-wrapper .book-annotation {
  font-size: 15px;
  font-family: Tahoma, Arial; }

.book-preview-content {
  padding-left: 30px; }

.work-form-selector {
  margin: 25px -15px -20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start; }
  .work-form-selector .divider {
    height: 2px;
    border-top: 1px solid #ccc;
    width: 70%;
    margin: 0 auto 10px; }
  .work-form-selector .work-form-item {
    width: 46%;
    min-height: 140px;
    margin-bottom: 30px;
    padding: 0 10px;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    cursor: pointer; }
    .work-form-selector .work-form-item > h2 {
      margin-bottom: 13px; }
    .work-form-selector .work-form-item .overlay {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      opacity: 0;
      transition: opacity .2s ease-in-out;
      background-color: rgba(0, 0, 0, 0.6); }
    .work-form-selector .work-form-item .thumb-check-icon {
      position: absolute;
      top: 10%;
      left: 50%;
      margin: -15px 0 0 -15px;
      z-index: 11;
      transition: all .2s ease-out;
      transition-property: opacity,top,color;
      color: #fff;
      font-size: 30px;
      opacity: 0;
      cursor: pointer; }
    .work-form-selector .work-form-item.checked .overlay, .work-form-selector .work-form-item:hover .overlay {
      opacity: 1; }
    .work-form-selector .work-form-item.checked .thumb-check-icon, .work-form-selector .work-form-item:hover .thumb-check-icon {
      opacity: 1;
      top: 50%; }
    .work-form-selector .work-form-item.checked .thumb-check-icon {
      color: #72c02c; }

.input-file-name {
  display: inline-block;
  max-width: 50%;
  height: 32px;
  vertical-align: middle; }

.gallery-item-overlay {
  position: absolute;
  overflow: hidden;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 1px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all .2s ease-in-out; }
  .gallery-item-overlay .overlay-info {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s ease-in-out;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) translateZ(0); }
    .gallery-item-overlay .overlay-info > li {
      list-style: none;
      display: inline-block;
      margin: 0 3px; }
  .gallery-item-overlay .overlay-text {
    position: absolute;
    bottom: 10px;
    font-size: 13px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    right: 0;
    padding: 0 10px;
    text-overflow: ellipsis;
    -ms-word-break: normal;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    word-break: normal;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: hyphenate;
    overflow: hidden;
    white-space: nowrap; }

#masonry .item:hover {
  z-index: 2; }
  #masonry .item:hover .img-wrap {
    min-height: 120px; }
  #masonry .item:hover .gallery-item-overlay {
    opacity: 1; }
    #masonry .item:hover .gallery-item-overlay .overlay-info, #masonry .item:hover .gallery-item-overlay .overlay-text {
      opacity: 1;
      filter: alpha(opacity=100); }

.book-row.book-row-sm .book-cover-wrapper {
  width: 125px; }

.book-row.book-row-sm .book-stats {
  margin: 10px 0; }

.book-row.book-row-sm .bookcard, .book-row.book-row-sm .empty-bookcard {
  width: 135px; }

.book-row.book-row-sm .book-row-content {
  padding-left: 130px;
  min-height: 160px;
  width: 100%; }
  .book-row.book-row-sm .book-row-content .btn-only-hover {
    border-color: transparent;
    color: #888;
    transition: all 0.2s; }

.book-row.book-row-sm:hover .book-row-content .btn-only-hover {
  border-color: #ccc;
  color: #444; }

.book-row.book-row-sm .book-cover {
  max-height: 160px; }
  .book-row.book-row-sm .book-cover .cover-image {
    max-width: 110px;
    min-height: initial;
    min-width: 90px; }
    .book-row.book-row-sm .book-cover .cover-image img, .book-row.book-row-sm .book-cover .cover-image .comment-avatar .default-avatar, .comment-avatar .book-row.book-row-sm .book-cover .cover-image .default-avatar, .book-row.book-row-sm .book-cover .cover-image .comment-avatar .ghost-avatar, .comment-avatar .book-row.book-row-sm .book-cover .cover-image .ghost-avatar {
      max-height: 160px;
      max-width: 110px; }
  .book-row.book-row-sm .book-cover .book-custom-cover {
    height: 160px;
    width: 110px;
    padding: 15px 10px; }
    .book-row.book-row-sm .book-cover .book-custom-cover.audibook-custom-cover {
      height: 110px; }
  .book-row.book-row-sm .book-cover .bookcard-title {
    font-size: 12px;
    line-height: 14px;
    max-height: 115px; }
    .book-row.book-row-sm .book-cover .bookcard-title:after {
      content: none; }
  .book-row.book-row-sm .book-cover .book-custom-cover-separator {
    display: none; }
  .book-row.book-row-sm .book-cover .bookcard-authors {
    display: none; }
    .book-row.book-row-sm .book-cover .bookcard-authors:after {
      content: none; }

.book-row.book-row-xs .book-cover-wrapper {
  width: 100px; }

.book-row.book-row-xs .book-row-content {
  padding-left: 104px;
  min-height: 101.5px;
  width: 100%; }

.book-row.book-row-xs .book-cover .cover-image, .book-row.book-row-xs .book-cover .cover-image img, .book-row.book-row-xs .book-cover .cover-image .comment-avatar .default-avatar, .comment-avatar .book-row.book-row-xs .book-cover .cover-image .default-avatar, .book-row.book-row-xs .book-cover .cover-image .comment-avatar .ghost-avatar, .comment-avatar .book-row.book-row-xs .book-cover .cover-image .ghost-avatar {
  max-width: 70px;
  max-height: 110px;
  min-width: 50px; }

.book-row.book-row-xs .book-cover .book-custom-cover {
  height: 101.5px;
  width: 70px;
  padding: 15px 10px; }
  .book-row.book-row-xs .book-cover .book-custom-cover.audibook-custom-cover {
    height: 70px; }

.book-row.book-row-xs .book-cover .bookcard-title {
  font-size: 8.4px;
  line-height: 9.8px;
  max-height: 49px; }
  .book-row.book-row-xs .book-cover .bookcard-title:after {
    line-height: 11.2px;
    height: 11.2px;
    top: 38.5px; }

.book-row.book-row-xs .book-cover .book-custom-cover-separator {
  margin: 6px auto 8px;
  width: 25px; }

.book-row.book-row-xs .book-cover .bookcard-authors {
  line-height: 8.4px;
  max-height: 25.2px;
  font-size: 8.4px; }
  .book-row.book-row-xs .book-cover .bookcard-authors:after {
    top: 17.5px;
    line-height: 8.4px;
    height: 8.4px; }

.work-chapter-timer {
  margin: 10px 0;
  width: 200px; }

@media (min-width: 461px) {
  .work-chapter-timer {
    margin: 0; } }

.edit-book .book-cover {
  overflow: hidden; }
  .edit-book .book-cover .book-image {
    max-height: 200px;
    max-width: 134px; }

.edit-audio-chapters {
  margin: 10px 0 0; }
  .edit-audio-chapters li {
    border-bottom: 1px solid #cecece;
    padding: 10px 0 5px;
    margin-bottom: 5px; }
    .edit-audio-chapters li:last-of-type {
      border-bottom: 0;
      margin-bottom: 0; }
  .edit-audio-chapters .sortable-handle {
    padding: 9px 13px;
    cursor: grabbing;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle; }

/*@media (min-width: $screen-md) {
    .edit-book .chapter-info {
        max-width: 35%;
    }

    .sortable.chapter-sortable li .btn {
        
    }
}*/
.collection {
  margin: 10px 2% 15px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  width: 46%;
  transition: all 0.2s ease-in-out;
  border: 1px solid #e1e8ed;
  display: flex;
  flex-direction: column; }
  .collection:hover {
    box-shadow: 0px 0px 5px 1px #cecece; }
  .collection footer {
    width: 100%;
    display: flex;
    height: 45px;
    align-items: center;
    padding: 0 10px;
    background: #fcfcfc;
    border-top: 1px solid #eee; }
    .collection footer .profile-avatar {
      display: block;
      overflow: hidden;
      border-radius: 5px;
      position: relative;
      left: 0;
      bottom: 0;
      height: 32px;
      width: 32px;
      border: 0; }
      .collection footer .profile-avatar > img, .collection footer .comment-avatar .profile-avatar > .default-avatar, .comment-avatar .collection footer .profile-avatar > .default-avatar, .collection footer .comment-avatar .profile-avatar > .ghost-avatar, .comment-avatar .collection footer .profile-avatar > .ghost-avatar {
        height: 32px;
        width: 32px; }
      .collection footer .profile-avatar .default-avatar, .collection footer .profile-avatar .ghost-avatar {
        width: 32px;
        height: 32px; }
    .collection footer .author-fio {
      font-size: 12px;
      display: inline-block;
      text-decoration: none;
      padding-left: 1em;
      color: #656565;
      flex-basis: calc(100% - 85px); }

.collections-wiget .collection {
  width: auto;
  margin: 0 0 20px; }
  .collections-wiget .collection:last-child {
    margin-bottom: 0; }

.collection-cover {
  width: 100%;
  display: block;
  overflow: hidden; }

.collection-title {
  padding: 0 10px;
  line-height: 45px;
  font-weight: bold;
  font-size: 16px; }
  .collection-title > a {
    color: #656565; }

.collection-counters {
  margin-left: auto;
  font-size: 12px;
  line-height: 16px;
  color: #9a938d; }

.meta-counters, .meta-counters-group {
  display: flex;
  align-items: center; }

.meta-counters-group {
  margin-right: 8px; }
  .meta-counters-group > i {
    margin-right: 4px; }

.select2-results .work {
  display: flex;
  height: 60px;
  align-items: center; }

.select2-results .work-cover {
  width: 41px;
  max-height: 60px;
  display: inline-block;
  margin-right: 10px; }

.book-row.book-row-xs.edit-wc-row .book-row-content {
  padding-left: 145px;
  min-height: 145px; }

.book-row.book-row-xs.edit-wc-row .book-cover-wrapper {
  left: 45px; }

.book-row.book-row-xs.edit-wc-row .sortable-handle {
  padding: 20px; }

.row-index {
  position: absolute;
  left: 6px;
  top: 0; }
  .row-index > a {
    margin-left: 4px; }
    .row-index > a:hover, .row-index > a:focus {
      text-decoration: none; }

.book-row.wc-row time {
  color: #9197A3;
  font-size: 12px;
  position: absolute;
  right: 4px;
  top: 5px; }

.book-row.wc-row .label-row-index {
  margin: 0 3px 0 0;
  vertical-align: text-top;
  background-color: #4582af; }

.book-row.wc-row .book-title {
  padding-right: 140px; }

.wc-comment {
  position: relative;
  margin: 15px 0; }
  .wc-comment .user-avatar {
    top: 0;
    left: 0;
    border-radius: 50%; }
  .wc-comment .comment-text-wrapper {
    margin-left: 55px; }
  .wc-comment .comment-text {
    position: relative;
    color: #555;
    background: #e5f7fd;
    padding: 10px 10px;
    border-radius: 3px;
    margin-right: 20px;
    -ms-word-break: normal;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    word-break: normal;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: hyphenate; }
    .wc-comment .comment-text:after {
      right: 100%;
      top: 20px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-right-color: #e5f7fd;
      border-width: 7px;
      margin-top: -7px; }

.row-index-value {
  width: 46px;
  height: 45px;
  padding-top: 14px;
  background: 0 0;
  color: #999;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  border: 1px solid #e2e2e1;
  border-radius: 25px;
  margin-bottom: 15px; }

.collection-page .cover {
  background: no-repeat center top;
  background-position: 50% 0;
  background-size: cover;
  height: 380px;
  position: relative;
  font-size: 22px; }
  .collection-page .cover .cover-bg {
    background: no-repeat center top;
    background-position: 50% 0;
    background-size: cover;
    min-height: 380px; }
  .collection-page .cover .cover-buttons {
    position: absolute;
    bottom: 15px;
    right: 40px;
    z-index: 3; }

.collection-page .cover-border {
  border: 1px solid #000;
  border-color: rgba(0, 0, 0, 0.25);
  border-top-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: url(../../distCommon/images/profile-cover-border.png) bottom left repeat-x; }

.collection-page .header {
  position: relative;
  border-bottom: 1px solid #DDD; }

.collection-page .sort-order {
  font-size: 16px; }

.collection-description {
  font-size: 15px;
  color: #66757F;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  word-wrap: break-word; }

.collection-stats {
  margin-bottom: 5px;
  color: #66757F; }
  .collection-stats > span, .collection-stats > .btn-like {
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block !important; }

.panel .collection-work-list {
  padding-top: 25px; }

.panel-nav .collection-nav-title {
  float: left;
  padding: 12px 18px 11px; }

.collection-author-info {
  width: 100%;
  display: flex;
  height: 45px;
  align-items: center;
  margin: -5px 0 15px;
  padding: 0 10px;
  background: #fcfcfc;
  border: 1px solid #eee; }
  .collection-author-info .profile-avatar {
    display: block;
    height: 32px;
    width: 32px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    left: 0;
    bottom: 0; }
    .collection-author-info .profile-avatar .default-avatar, .collection-author-info .profile-avatar .ghost-avatar {
      width: 32px;
      height: 32px; }
  .collection-author-info .author-fio {
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    padding-left: 1em;
    color: #656565;
    flex-basis: calc(100% - 50px); }

@media (max-width: 767px) {
  .collection {
    margin: 10px 0 15px;
    width: auto; } }

.crossed-text {
  position: relative;
  display: inline-block;
  color: #444; }
  .crossed-text::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    background: #ff1d25;
    height: 1px;
    left: 0;
    width: 100%; }

.buy-action {
  width: 100%; }
  .buy-action .book-price {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
    margin-right: -5px;
    border: 1px solid #72b647;
    padding: 3px 8px 3px 10px;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: 32px;
    transition: background 0.2s;
    float: left;
    width: 50%; }
    .buy-action .book-price.with-discount {
      line-height: 13px;
      padding: 0 8px 3px 10px; }
    .buy-action .book-price .crossed-text {
      font-size: 11px; }
  .buy-action:hover .book-price {
    background: #f3f3f3; }
  .buy-action .btn-buy-book {
    float: right;
    width: 50%; }
    .buy-action .btn-buy-book > .btn {
      height: 32px;
      transition: all 0.2s;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 100%;
      line-height: 1; }
    .buy-action .btn-buy-book > .text-btn {
      cursor: default; }

.discount-coundown {
  margin-top: 10px; }

.genre-option-parent {
  font-size: 14px;
  font-weight: bold; }

.buy-modal-text {
  font-size: 17px;
  line-height: 1.4;
  color: #444; }

.pay-methods {
  width: 100%;
  margin: 5px auto;
  padding: 3px 0;
  border-radius: 3px;
  text-align: center; }

.pay-method, .pay-type {
  cursor: pointer;
  position: relative; }
  .pay-method a, .pay-type a {
    display: block;
    position: relative;
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    color: inherit;
    text-decoration: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: 0.2s;
    border: 1px solid #ccc; }
  .pay-method:not(.disabled):hover a, .pay-type:not(.disabled):hover a {
    background-color: rgba(0, 0, 0, 0.1); }
  .pay-method.disabled a, .pay-method.temp-disabled a, .pay-type.disabled a, .pay-type.temp-disabled a {
    opacity: 0.35;
    border: 1px solid #ccc; }
  .pay-method.temp-disabled a, .pay-type.temp-disabled a {
    opacity: 0.15; }

.pay-method {
  display: inline-block;
  width: 32.5%; }
  .pay-method p {
    margin: 3px 0 0;
    overflow: hidden; }
  .pay-method small {
    position: absolute;
    top: 10px;
    right: -5px;
    padding: 1px 7px;
    border: 1px solid #a3cd73;
    border-radius: 3px;
    background-color: #fff;
    color: #a3cd73;
    font-size: 85%; }
    .pay-method small.warn {
      top: 35px;
      color: #ffb657;
      border-color: #ffb657; }
  .pay-method img, .pay-method .comment-avatar .default-avatar, .comment-avatar .pay-method .default-avatar, .pay-method .comment-avatar .ghost-avatar, .comment-avatar .pay-method .ghost-avatar {
    display: block;
    position: relative;
    margin: 0 auto;
    border: 0;
    width: 60px;
    height: 60px; }
  .pay-method label {
    display: block;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 90%;
    display: table;
    width: 100%; }
    .pay-method label.label-two-line {
      height: 40px; }
    .pay-method label span {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  .pay-method .loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    color: #fff; }
  .pay-method.recommended a {
    background-color: #f1ffe5;
    border: 1px solid #b8d79c;
    color: #000; }
  .pay-method.recommended:not(.disabled):hover a {
    background-color: #cde2b4;
    border: 1px solid #a3cd73; }

.pay-method-wide {
  width: 47.5%; }

.pay-method-img {
  background-repeat: no-repeat;
  background-size: 60px 60px;
  width: 60px;
  height: 60px;
  margin: 0 auto; }

.pm-bank-card-1 {
  background-image: url("../../distCommon/images/payMethods/BankCard-1.svg");
  background-size: 55px 60px;
  width: 55px; }

.pm-bank-card-2 {
  background-image: url("../../distCommon/images/payMethods/BankCard-2.svg");
  background-size: 55px 60px;
  width: 55px; }

.pm-bank-card-3 {
  background-image: url("../../distCommon/images/payMethods/BankCard-3.svg");
  background-size: 55px 60px;
  width: 55px; }

.pm-credit-card {
  background-image: url("../../distCommon/images/payMethods/CreditCard.png"); }

.pm-qiwi-wallet {
  background-image: url("../../distCommon/images/payMethods/QiwiWallet.png"); }

.pm-yoomoney {
  background-image: url("../../distCommon/images/payMethods/YooMoney.svg"); }

.pm-mobile {
  background-image: url("../../distCommon/images/payMethods/Mobile.png"); }

.pm-web-money {
  background-image: url("../../distCommon/images/payMethods/WebMoney.png"); }

.pm-paypal {
  background-image: url("../../distCommon/images/payMethods/PayPal.png"); }

.pm-online-bank {
  background-image: url("../../distCommon/images/payMethods/OnlineBank.png"); }

.pm-cash {
  background-image: url("../../distCommon/images/payMethods/Cash.png"); }

.pm-robokassa {
  background-image: url("../../distCommon/images/payMethods/robokassa.svg");
  background-size: 130px 40px;
  width: 130px;
  height: 60px;
  background-position: bottom; }

.pm-tinkoff {
  background-image: url("../../distCommon/images/payMethods/T-Bank.svg");
  color-scheme: only light; }

.pm-sbp {
  background-image: url("../../distCommon/images/payMethods/sbp.svg");
  background-size: 75px 55px;
  width: 75px; }

.pm-sberpay {
  background-image: url("../../distCommon/images/payMethods/sberpay.svg");
  background-size: 50px 50px;
  width: 50px;
  background-position: bottom; }

.pm-wallet {
  background-image: url("../../distCommon/images/payMethods/Wallet.png");
  margin: 5px auto 5px;
  background-size: 50px 50px;
  width: 50px;
  height: 50px; }

.pm-robokassa-2 {
  background-image: url("../../distCommon/images/payMethods/robokassa.svg");
  background-size: 150px 60px;
  width: 150px; }

.pm-cloudpayments {
  background-image: url("../../distCommon/images/payMethods/cloudpayments.svg");
  background-size: 150px 60px;
  width: 150px; }

.pm-payselection {
  background-image: url("../../distCommon/images/payMethods/payselection.svg");
  background-size: 150px 60px;
  width: 150px; }

.pm-payanyway {
  background-image: url("../../distCommon/images/payMethods/payanyway.svg");
  background-size: 140px 60px;
  width: 140px; }

.pay-type {
  width: 50%;
  display: block;
  float: left; }
  .pay-type strong {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 5px;
    padding: 0 5px; }
  .pay-type .book-info {
    text-align: center;
    margin: 10px 0 5px; }
  .pay-type .book-title {
    margin: 0 10px 10px;
    font-size: 12px;
    font-weight: bold; }
  .pay-type.recommended a {
    background-color: #f1ffe5;
    border: 1px solid #b8d79c; }
  .pay-type.recommended:not(.disabled):hover a {
    background-color: #cde2b4;
    border: 1px solid #a3cd73; }
    .pay-type.recommended:not(.disabled):hover a strong {
      color: #444; }
  .pay-type .pay-type-lg-icon i {
    font-size: 25px; }

.pay-type-img {
  background-repeat: no-repeat;
  background-size: 130px 130px;
  width: 130px;
  height: 130px;
  margin: 0 auto; }

.pt-with-reward {
  background-image: url("../../distCommon/images/payTypes/with-reward.png");
  margin: 10px auto; }

.pt-promo-code {
  background-image: url("../../distCommon/images/payTypes/promo-code.png");
  width: 80%;
  height: 129px;
  background-size: contain;
  background-position-x: 50%;
  background-position-y: 50%; }

.btn-reward-options {
  margin: 10px 0 15px; }
  .btn-reward-options .btn {
    padding: 8px 13px; }

.buy-book-icon-group {
  width: 100%; }
  .buy-book-icon-group .input-group-btn .btn {
    margin-left: -2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #ccc; }

.reward-form {
  max-width: 389px; }

.price-sub-total {
  position: relative;
  margin-bottom: 5px; }
  .price-sub-total .sub-total-label {
    font-size: 16px;
    color: #444;
    position: absolute;
    top: 12px; }
  .price-sub-total .value {
    margin-top: 4px;
    font-size: 32px;
    margin-left: 60px; }

.mobile-method img, .mobile-method .comment-avatar .default-avatar, .comment-avatar .mobile-method .default-avatar, .mobile-method .comment-avatar .ghost-avatar, .comment-avatar .mobile-method .ghost-avatar {
  margin-right: 50px; }

.mobile-method small {
  right: -10px; }

@media (max-width: 767px) {
  .pay-method {
    width: 50%;
    float: left; }
  .pay-method-wide {
    width: 100%; }
  .pm-robokassa {
    background-size: 100px 40px;
    width: 100px;
    height: 60px; } }

.withdrawal-report .table > tbody > tr > td {
  line-height: 1.2;
  padding: 4px;
  font-size: 14px; }

.gift-book-background {
  background: #ffffff url("../../dist/images/gift-book.jpg") no-repeat scroll 50% 25%/cover;
  height: 500px;
  width: 100%;
  position: relative;
  margin-bottom: 20px; }

.gift-book-promo {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 23px;
  padding: 10px;
  width: 300px;
  margin-left: -134px;
  font-style: italic; }
  .gift-book-promo [data-hint]:after {
    font-style: normal; }

.btn-share-gift {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 320px; }

.btn-buy-series {
  display: block;
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #333;
  padding: 8px 10px; }
  .btn-buy-series:hover {
    background-color: #f3f3f3; }

.btn-with-discount {
  display: flex;
  border-color: #3e749d;
  padding: 0px; }
  .btn-with-discount span:first-child {
    background-color: #4582AF;
    border-right: solid 1px #3e749d;
    color: #fff;
    padding: 4px 0px;
    width: 45px; }
  .btn-with-discount span:last-child {
    padding: 4px 0px;
    flex-grow: 1; }

@media (min-width: 1200px) {
  .gift-book-promo {
    top: 52%; }
  .btn-share-gift {
    top: 330px; } }

.post {
  position: relative;
  /*.rm-expand, .rm-collapse {
        background-color: #fff;
        border: 1px dotted #e1e8ed;
        position: relative;
        color: #444;
        line-height: 42px;
        height: 42px;
        display: block;
        width: 100%;
        text-align: center;
        margin: -15px 0 15px;

        &:hover, &:focus, &:active {
            text-decoration: none;
            background-color: $dropdown-link-hover-bg;
        }
    }

    .rm-expand:before {
        content: " ";
        top: -20px;
        height: 20px;
        left: -1px;
        right: -1px;
        position: absolute;        
        background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    }*/ }
  .post.feed-row {
    padding: 10px 14px 0; }
    .post.feed-row header {
      margin-bottom: 12px; }
  .post h1, .post h2, .post h3, .post h3, .post h4, .post h5 {
    text-align: left; }
  .post h1 {
    font-size: 22px;
    margin: 15px 0; }
  .post h2 {
    font-size: 18px;
    margin: 10px 0; }
  .post h3, .post h4, .post h5, .post h6 {
    font-size: 15px;
    margin-bottom: 10px; }
  .post header {
    font-size: 14px;
    padding-left: 65px;
    margin-bottom: 10px; }
    .post header .user-avatar {
      top: 6px;
      left: 1px; }
  .post time {
    color: #9197A3;
    font-size: 12px;
    margin-left: 1px; }
  .post .privacy-icon {
    font-size: 13px;
    line-height: 13px; }
  .post .post-title {
    margin: 0;
    padding-top: 3px;
    font-size: 22px;
    line-height: 1.4; }
  .post .rich-content {
    position: relative; }
    .post .rich-content .post-content-link {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .post .rich-content .img {
      max-height: 750px; }
  .post .buttons-wrapper {
    float: right;
    margin: -5px 0; }

.post-preview-content {
  max-height: 220px;
  overflow: hidden; }

.post-stats {
  margin: 10px -12px 0px;
  padding: 10px 11px;
  border-top: 1px #f0f0f0 solid; }
  .post-stats > span {
    margin-right: 20px; }
    .post-stats > span > a {
      color: #66757F;
      margin-left: 3px; }
      .post-stats > span > a:hover {
        color: #3498DB; }

.post-category {
  color: #5f9db5;
  font-size: 16px;
  margin: 5px 2px; }
  .post-category:hover {
    color: #47738d; }

.rating {
  margin: 2px 0 0 6px;
  padding: 0;
  line-height: 0; }
  .rating li {
    transition: opacity 200ms;
    padding: 6px 0;
    list-style-type: none;
    cursor: pointer; }
  .rating .rating-up {
    margin-right: 1px; }
  .rating i {
    color: #aab8c2;
    cursor: pointer;
    transition: color 0.1s; }

.post i.like:hover, .post i.like.toggle, .post.full-post .post-buttons:hover i.like:hover, .post.full-post .post-buttons:hover i.like.toggle, .feed-row:hover .rating i.like:hover, .feed-row:hover .rating i.like.toggle, .comment .comment-rating i.like:hover, .comment .comment-rating i.like.toggle, .comment:hover .comment-rating i.like:hover, .comment:hover .comment-rating i.like.toggle {
  color: #80be58; }

.post i.dislike:hover, .post i.dislike.toggle, .post.full-post .post-buttons:hover i.dislike:hover, .post.full-post .post-buttons:hover i.dislike.toggle, .feed-row:hover .rating i.dislike:hover, .feed-row:hover .rating i.dislike.toggle, .comment .comment-rating i.dislike:hover, .comment .comment-rating i.dislike.toggle, .comment:hover .comment-rating i.dislike:hover, .comment:hover .comment-rating i.dislike.toggle {
  color: #E67E22; }

.post i.hover-state-canceled, .post.full-post .post-buttons:hover i.hover-state-canceled, .feed-row:hover .rating i.hover-state-canceled, .comment .comment-rating i.hover-state-canceled, .comment:hover .comment-rating i.hover-state-canceled {
  color: #D6D6D6 !important; }

.feed-row:hover .rating i {
  color: #9197A3; }

.post-rating .rating-count {
  margin-right: 2px;
  line-height: 20px; }

.post-rating i {
  margin: 0 3px;
  display: inline-block; }

.post.full-post {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0; }
  .post.full-post .post-title {
    font-size: 27px;
    font-weight: normal;
    margin-top: -5px;
    padding-top: 0; }
  .post.full-post .post-buttons {
    padding: 10px 15px;
    margin: 14px -15px 0;
    border: 1px solid #ebeaea;
    background-color: rgba(250, 250, 250, 0.5);
    font-size: 14px;
    color: #66757F; }
    .post.full-post .post-buttons:before, .post.full-post .post-buttons:after {
      content: " ";
      display: table; }
    .post.full-post .post-buttons:after {
      clear: both; }
    .post.full-post .post-buttons:hover .rating i {
      color: #9197A3; }
    .post.full-post .post-buttons .list-inline {
      margin-bottom: 0; }
    .post.full-post .post-buttons .info-block {
      margin-top: 2.5px;
      line-height: 21px;
      margin-right: 20px; }
    .post.full-post .post-buttons .btn-sm.sharer {
      font-size: 14px;
      margin: 0 5px; }
      .post.full-post .post-buttons .btn-sm.sharer:focus {
        color: #fff; }
    .post.full-post .post-buttons .btn-favorite {
      margin-top: 3px; }
    .post.full-post .post-buttons .btn-vk > i {
      left: 4.5px;
      margin-top: -7px; }
  .post.full-post .post-tags {
    margin-top: 10px;
    margin-left: 0;
    font-size: 12px;
    line-height: 16px; }
    .post.full-post .post-tags > a {
      margin-left: 5px;
      display: inline-block; }

.pager {
  margin: 0 0 20px;
  list-style: none;
  padding: 0;
  font-size: 16px; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager .prev, .pager .next {
    width: 45%;
    margin: 0;
    position: relative;
    /*> a {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }*/ }
  .pager .prev {
    float: left;
    text-align: left; }
  .pager .next {
    float: right;
    text-align: right; }

.book-review-info {
  padding: 8px 0;
  border: 1px solid rgba(225, 229, 236, 0.5);
  background-color: #fcfcfc;
  margin: 0 0px 10px; }
  .book-review-info .book-cover-wrapper {
    top: 10px; }
    .book-review-info .book-cover-wrapper .book-cover {
      height: auto; }
      .book-review-info .book-cover-wrapper .book-cover .book-cover-content .cover-image {
        height: auto;
        max-width: 80px;
        min-width: initial; }
  .book-review-info .book-row-content {
    min-height: 116px !important; }

.label-divider {
  display: inline-block;
  vertical-align: top;
  height: 21px;
  border-right: 1px solid #e9edf8;
  margin: 0 10px 3px; }

.post-pinned {
  margin: 1px 0 0 5px;
  font-size: 12px; }
  .post-pinned.toogle {
    color: #4582AF; }

edit-profile-bg {
  display: block;
  height: 250px; }

.profile .aside-left {
  width: 265px; }

.profile .aside-sticky {
  position: sticky;
  top: 62px;
  z-index: 1; }

.profile .search-sidebar {
  width: 253px; }

.profile .main-section {
  width: 471px; }

.profile .main-section-lg {
  width: 717px; }

.profile .cover {
  background: no-repeat center top;
  background-position: 50% 0;
  background-size: cover;
  min-height: 250px;
  position: relative;
  font-size: 22px; }
  .profile .cover .cover-bg {
    background: no-repeat center top;
    background-position: 50% 0;
    background-size: cover;
    min-height: 250px; }
  .profile .cover img, .profile .cover .comment-avatar .default-avatar, .comment-avatar .profile .cover .default-avatar, .profile .cover .comment-avatar .ghost-avatar, .comment-avatar .profile .cover .ghost-avatar {
    image-rendering: optimizeQuality;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 1; }
  .profile .cover .profile-info {
    position: absolute;
    bottom: 12px;
    left: 250px;
    right: 360px;
    z-index: 3; }
  .profile .cover .profile-name {
    color: #fff; }
    .profile .cover .profile-name > h1 {
      color: #fff;
      margin: 0;
      font-size: 22px;
      line-height: 33px; }
      .profile .cover .profile-name > h1 > a {
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
    .profile .cover .profile-name .disabled-text {
      color: #ba0000;
      text-shadow: 1px 1px 4px white, 0 0 2em; }
    .profile .cover .profile-name .profile-verified {
      display: inline-block;
      vertical-align: middle;
      margin-top: -4px; }
      .profile .cover .profile-name .profile-verified:hover {
        color: #72c02c; }
  .profile .cover .profile-status {
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
  .profile .cover .cover-buttons {
    position: absolute;
    bottom: 15px;
    right: 40px;
    z-index: 12; }

.profile .cover-border {
  border: 1px solid #000;
  border-color: rgba(0, 0, 0, 0.25);
  border-top-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: url(../../distCommon/images/profile-cover-border.png) bottom left repeat-x; }

.profile .profile-avatar {
  display: block;
  position: absolute;
  left: 40px;
  bottom: 15px;
  background: #fff;
  border: 5px solid #fff;
  overflow: hidden;
  height: 170px;
  width: 170px;
  z-index: 3; }

.profile .header {
  position: relative;
  border-bottom: 1px solid #DDD; }
  .profile .header .profile-avatar, .profile .header .default-avatar, .profile .header .ghost-avatar {
    border-radius: 8px; }

.profile .profile-social-info i {
  margin-left: 0px; }

.profile .profile-social-info img, .profile .profile-social-info .comment-avatar .default-avatar, .comment-avatar .profile .profile-social-info .default-avatar, .profile .profile-social-info .comment-avatar .ghost-avatar, .comment-avatar .profile .profile-social-info .ghost-avatar {
  margin-left: 0px;
  margin-right: 2px; }

.profile-top-wrapper {
  box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.editing-bg .profile-info {
  pointer-events: none; }

.empty-profile-title {
  font-size: 17px;
  line-height: 30px;
  color: #8a9ab1;
  text-align: center;
  padding: 35px 0 40px; }
  .empty-profile-title .icon-lg {
    font-size: 60px;
    color: #c2d5e8;
    margin-bottom: 15px;
    display: block; }

.nav-value {
  margin-left: 5px;
  color: #66757F;
  font-size: 12px;
  background-color: #fcfcfc;
  border: 0;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 5px; }

.nav-pills-v2 {
  background-color: #fff; }
  .nav-pills-v2 .nav-label {
    line-height: 1.2; }
  .nav-pills-v2 .nav > li.active {
    color: #34749e;
    padding: 0;
    border-bottom: 3px solid;
    background-color: transparent;
    border-radius: 0; }
    .nav-pills-v2 .nav > li.active > a.nav-link {
      background-color: transparent;
      margin-bottom: -2px; }
    .nav-pills-v2 .nav > li.active .nav-value {
      color: #34749e; }
  .nav-pills-v2 .nav > li > a.nav-link {
    color: #121212;
    padding: 12px 8px 11px;
    margin-bottom: 1px;
    height: 46px;
    text-align: center; }
    .nav-pills-v2 .nav > li > a.nav-link:hover {
      color: #34749e; }
      .nav-pills-v2 .nav > li > a.nav-link:hover .nav-value {
        color: #34749e; }
    .nav-pills-v2 .nav > li > a.nav-link.nav-link-char {
      height: auto;
      padding: 8px 6px 7px; }

.nav-profile {
  padding-left: 250px; }

.main-info .activity-status .active {
  color: #abd99a; }

.main-info .activity-status .inactive {
  color: #909fa7; }

.main-info .aside-profile-stats {
  padding: 0 0 10px;
  border-bottom: 1px solid #E9EDF8;
  margin-bottom: 10px;
  text-align: left; }

.main-info span[data-hint] {
  display: inline; }

.subscribers img, .subscribers .comment-avatar .default-avatar, .comment-avatar .subscribers .default-avatar, .subscribers .comment-avatar .ghost-avatar, .comment-avatar .subscribers .ghost-avatar {
  width: 55px;
  height: 55px;
  display: inline-block;
  margin: 5px 2px; }

.my-profile .cover-buttons {
  visibility: hidden; }

.my-profile .cover-buttons.open {
  visibility: visible; }

.my-profile .cover:hover .cover-buttons {
  visibility: visible; }

.my-profile .col-xs-4 .panel-heading > .panel-heading-text {
  max-width: 185px; }

.my-profile .editing-bg-buttons {
  display: none;
  position: absolute;
  top: 250px;
  height: 55px;
  left: 0;
  right: 0;
  padding: 12px 12px 0 251px;
  background-color: #222;
  cursor: default;
  font-size: 18px;
  color: #ddd; }
  .my-profile .editing-bg-buttons > span {
    line-height: 35px; }

@media only screen and (min-width: 1200px) {
  .my-profile .col-xs-4 .panel-heading > .panel-heading-text {
    max-width: 240px; } }

.my-profile.editing-bg {
  z-index: 1041; }
  .my-profile.editing-bg .my-profile-avatar, .my-profile.editing-bg .cover, .my-profile.editing-bg .editing-bg-buttons {
    z-index: 1041; }
  .my-profile.editing-bg .cover {
    cursor: move; }
  .my-profile.editing-bg .avatar-edit-wrap {
    display: none; }
  .my-profile.editing-bg .editing-bg-buttons {
    display: block; }

.my-profile-avatar {
  display: block;
  position: absolute;
  left: 40px;
  bottom: 15px;
  z-index: 5; }
  .my-profile-avatar .avatar-inner {
    background: #fff;
    border: 5px solid #fff;
    border-radius: 12px;
    height: 170px;
    position: relative;
    width: 170px; }
    .my-profile-avatar .avatar-inner img, .my-profile-avatar .avatar-inner .comment-avatar .default-avatar, .comment-avatar .my-profile-avatar .avatar-inner .default-avatar, .my-profile-avatar .avatar-inner .comment-avatar .ghost-avatar, .comment-avatar .my-profile-avatar .avatar-inner .ghost-avatar, .my-profile-avatar .avatar-inner .default-avatar {
      height: 160px;
      width: 160px;
      border-radius: 8px; }
  .my-profile-avatar .avatar-edit-wrap {
    height: 58px;
    width: 160px;
    margin-top: -58px;
    overflow: hidden;
    position: relative; }
  .my-profile-avatar .avatar-edit {
    color: #FFF;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 160px;
    margin-top: 40px;
    transition: all 200ms ease-in-out;
    z-index: 450;
    padding: 3px 0; }
    .my-profile-avatar .avatar-edit .btn {
      background: rgba(0, 0, 0, 0);
      text-shadow: 0 1px 0 #262626;
      color: #fff;
      opacity: 0.7;
      width: 100%;
      padding: 4px 15px;
      text-align: left; }
      .my-profile-avatar .avatar-edit .btn:hover {
        opacity: 1; }
  .my-profile-avatar .avatar-edit-wrap.only-upload {
    margin-top: -34px; }
    .my-profile-avatar .avatar-edit-wrap.only-upload .avatar-edit {
      margin-top: 0; }
  .my-profile-avatar:hover .avatar-edit {
    opacity: 1;
    filter: none;
    margin-top: 0; }

.editing-bg-modal .galery-container:before, .editing-bg-modal .galery-container:after {
  content: " ";
  display: table; }

.editing-bg-modal .galery-container:after {
  clear: both; }

.editing-bg-modal .galery-container a {
  position: relative;
  float: left;
  width: 150px;
  height: 100px;
  margin: 14px 0 0 14px; }
  .editing-bg-modal .galery-container a img, .editing-bg-modal .galery-container a .comment-avatar .default-avatar, .comment-avatar .editing-bg-modal .galery-container a .default-avatar, .editing-bg-modal .galery-container a .comment-avatar .ghost-avatar, .comment-avatar .editing-bg-modal .galery-container a .ghost-avatar {
    z-index: 1; }
  .editing-bg-modal .galery-container a .overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-out; }
  .editing-bg-modal .galery-container a .thumb-check-icon {
    position: absolute;
    top: -1px;
    left: 65px;
    z-index: 3;
    transition: all 0.3s ease-out;
    transition-property: opacity, top;
    color: #fff;
    font-size: 20px;
    opacity: 0; }
  .editing-bg-modal .galery-container a:hover .thumb-check-icon {
    opacity: 1;
    top: 35px; }
  .editing-bg-modal .galery-container a:hover .overlay {
    opacity: 1; }

.edit-avatar-image-wrapper {
  width: 100%;
  height: auto;
  max-height: 400px;
  display: block;
  margin-bottom: 15px; }
  .edit-avatar-image-wrapper .edit-avatar-image {
    max-width: 550px;
    height: auto; }

.image-preview-wrapper {
  margin-bottom: 15px; }

.image-preview {
  overflow: hidden; }
  .image-preview > img, .comment-avatar .image-preview > .default-avatar, .comment-avatar .image-preview > .ghost-avatar {
    max-width: 100%; }

.img-200 {
  width: 200px;
  height: 200px; }

.img-160 {
  width: 160px;
  height: 160px; }

.img-70-round {
  width: 70px;
  height: 70px;
  border-radius: 50%; }

.img-40 {
  width: 40px;
  height: 40px; }

.default-avatar {
  background-image: url("../../distCommon/images/default-avatar.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 160px;
  height: 160px;
  margin: 0;
  padding: 0; }

.ghost-avatar {
  background-image: url("../../distCommon/images/ghost.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 160px;
  height: 160px;
  margin: 0;
  padding: 0; }

.profile-contacts p {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-word-break: normal;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  word-break: normal;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: hyphenate;
  white-space: nowrap; }

.profile-contacts i {
  width: 20px;
  display: inline-block;
  vertical-align: text-top; }

@media only screen and (min-width: 1200px) {
  .profile .main-section {
    width: 598px; }
  .profile .main-section-lg {
    width: 888px; } }

.sortable-ghost {
  opacity: .4; }

ul.sortable {
  list-style: none;
  padding: 0; }
  ul.sortable .sortable-handle {
    cursor: move; }

.sortable.chapter-sortable {
  margin-top: 15px;
  font-size: 14px; }
  .sortable.chapter-sortable .sortable-handle {
    margin: -13px;
    padding: 13px 15px;
    margin-right: -5px; }
  .sortable.chapter-sortable .buttons-wrapper {
    margin: -1px 0; }
  .sortable.chapter-sortable li {
    padding: 1px 5px 1px 10px;
    border: 1px solid #ddd;
    border-top: 0; }
    .sortable.chapter-sortable li:first-child {
      border-top: 1px solid #ddd; }
    .sortable.chapter-sortable li .btn {
      font-size: 17px;
      border: 0;
      margin: 5px -5px 0;
      padding: 10px 15px; }
      .sortable.chapter-sortable li .btn i {
        width: 15px;
        height: 20px; }
    .sortable.chapter-sortable li .btn-chapter-publish {
      display: none; }
    .sortable.chapter-sortable li.chapter-draft .btn-chapter-publish {
      display: block; }
    .sortable.chapter-sortable li.chapter-draft .btn-chapter-draft {
      display: none; }

.up-down-link:hover, .up-down-link:focus {
  text-decoration: none; }

.up-down-link.disabled, .up-down-link[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.65; }

@media (min-width: 768px) {
  .sortable.chapter-sortable li .btn {
    visibility: hidden;
    margin: 2px 0 0;
    padding: 2px 6px; }
    .sortable.chapter-sortable li .btn i {
      width: 15px;
      height: 20px; }
  .sortable.chapter-sortable li:hover .btn {
    visibility: visible; } }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.spinner,
.spinner > div {
  position: relative;
  box-sizing: border-box; }

.spinner {
  display: block;
  font-size: 0;
  color: #7F8C8E;
  width: 40px;
  height: 26px; }

.spinner > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  width: 4px;
  height: 25px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  animation: line-scale 1.1s infinite ease; }

.spinner > div:nth-child(1) {
  animation-delay: -1.2s; }

.spinner > div:nth-child(2) {
  animation-delay: -1.1s; }

.spinner > div:nth-child(3) {
  animation-delay: -1s; }

.spinner > div:nth-child(4) {
  animation-delay: -.9s; }

.spinner > div:nth-child(5) {
  animation-delay: -.8s; }

.spinner.spinner-sm {
  width: 20px;
  height: 16px; }

.spinner.spinner-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0; }

.spinner.spinner-2x {
  width: 80px;
  height: 64px; }

.spinner.spinner-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0; }

.spinner.spinner-3x {
  width: 120px;
  height: 96px; }

.spinner.spinner-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0; }

/*
 * Animation
 */

@keyframes line-scale {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } }

/* Timer */
.la-timer,
.la-timer > div {
  position: relative;
  box-sizing: border-box; }

.la-timer {
  display: block;
  font-size: 0;
  color: #fff; }

.la-timer.la-dark {
  color: #444; }

.la-timer > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-timer {
  width: 32px;
  height: 32px; }

.la-timer > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%; }

.la-timer > div:before,
.la-timer > div:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 2px;
  margin-top: -1px;
  margin-left: -1px;
  content: "";
  background: currentColor;
  border-radius: 2px;
  transform-origin: 1px 1px 0;
  animation: timer-loader 1250ms infinite linear;
  animation-delay: -625ms; }

.la-timer > div:before {
  height: 12px; }

.la-timer > div:after {
  height: 8px;
  animation-duration: 15s;
  animation-delay: -7.5s; }

.la-timer.la-sm {
  width: 16px;
  height: 16px; }

.la-timer.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px; }

.la-timer.la-sm > div:before,
.la-timer.la-sm > div:after {
  top: 7px;
  left: 7px;
  width: 1px;
  margin-top: -.5px;
  margin-left: -.5px;
  border-radius: 1px;
  transform-origin: .5px .5px 0; }

.la-timer.la-sm > div:before {
  height: 6px; }

.la-timer.la-sm > div:after {
  height: 4px; }

.la-timer.la-2x {
  width: 64px;
  height: 64px; }

.la-timer.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px; }

.la-timer.la-2x > div:before,
.la-timer.la-2x > div:after {
  top: 28px;
  left: 28px;
  width: 4px;
  margin-top: -2px;
  margin-left: -2px;
  border-radius: 4px;
  transform-origin: 2px 2px 0; }

.la-timer.la-2x > div:before {
  height: 24px; }

.la-timer.la-2x > div:after {
  height: 16px; }

.la-timer.la-3x {
  width: 96px;
  height: 96px; }

.la-timer.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px; }

.la-timer.la-3x > div:before,
.la-timer.la-3x > div:after {
  top: 42px;
  left: 42px;
  width: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 6px;
  transform-origin: 3px 3px 0; }

.la-timer.la-3x > div:before {
  height: 36px; }

.la-timer.la-3x > div:after {
  height: 24px; }

/*
 * Animation
 */

@keyframes timer-loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.profile-card {
  padding: 5px 0 6px;
  position: relative;
  background-color: #fff;
  transition: 0.2s background;
  border: 1px solid #eceff3;
  margin-bottom: 15px;
  min-height: 95px; }
  .profile-card:hover {
    background-color: #f0f2f5;
    color: #586786; }
  .profile-card .cover {
    background-size: cover;
    border-bottom: 1px solid #E1E8ED;
    height: 95px;
    background-position: 0 50%;
    width: 100%;
    min-height: inherit; }
  .profile-card .user-info {
    margin-bottom: 12px; }
    .profile-card .user-info .label-row-index {
      padding: .2em .4em;
      margin: 0;
      vertical-align: text-top;
      font-size: 11px; }
  .profile-card .profile-avatar {
    border-radius: 50%;
    vertical-align: bottom;
    position: relative;
    background: none;
    border: none;
    left: 11px;
    top: 7px;
    float: left;
    height: 70px;
    width: 70px;
    overflow: hidden;
    /*img {
            padding: 1px;
        }*/ }
    .profile-card .profile-avatar img, .profile-card .profile-avatar .comment-avatar .default-avatar, .comment-avatar .profile-card .profile-avatar .default-avatar, .profile-card .profile-avatar .comment-avatar .ghost-avatar, .comment-avatar .profile-card .profile-avatar .ghost-avatar, .profile-card .profile-avatar .default-avatar, .profile-card .profile-avatar .ghost-avatar {
      background-color: #fff;
      border-radius: 50%; }
    .profile-card .profile-avatar .default-avatar {
      height: 70px;
      width: 70px;
      border: 1px solid #eee; }
    .profile-card .profile-avatar .ghost-avatar {
      height: 68px;
      width: 68px;
      border: 1px solid #eee; }
  .profile-card .stats-sep {
    height: 15px; }
  .profile-card .card-content {
    padding: 5px 10px;
    padding-left: 95px; }
    .profile-card .card-content .profile-name {
      font-weight: 500;
      font-size: 16px;
      color: #444;
      overflow: hidden;
      text-overflow: ellipsis; }
    .profile-card .card-content .profile-role {
      font-size: 13px;
      padding-right: 5px;
      margin-bottom: 4px; }
  .profile-card footer {
    text-align: center;
    padding: 4px 0;
    height: 35px; }
  .profile-card .account-back-url {
    position: absolute; }

.profile-led {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #98e87a;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 4px, #89FF00 0 0px 12px;
  margin-top: -3px; }

.aside-profile.profile-card {
  border-width: 0;
  border-radius: 4px;
  border-bottom-width: 1px;
  position: relative;
  background-color: #000;
  height: auto;
  padding: 0; }
  .aside-profile.profile-card .cover {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 0;
    opacity: 0.8; }
  .aside-profile.profile-card .user-info {
    position: absolute;
    overflow: hidden;
    top: 10px;
    left: 93px;
    right: 15px;
    line-height: 1;
    height: 75px; }
  .aside-profile.profile-card .aside-profile-avatar {
    border-radius: 50%;
    margin: -85px 0 0 10px;
    vertical-align: bottom;
    height: 72px;
    width: 72px;
    border: 3px solid #fff;
    left: 0;
    top: 0;
    background-color: #fff;
    /*> img, > .default-avatar, > .ghost-avatar {
            border: 0;
            border-radius: 0;
        }*/ }
    .aside-profile.profile-card .aside-profile-avatar > .default-avatar, .aside-profile.profile-card .aside-profile-avatar > .ghost-avatar {
      height: 68px;
      width: 68px; }
  .aside-profile.profile-card .profile-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 90px; }
  .aside-profile.profile-card .profile-role {
    font-size: 13px;
    line-height: 15px;
    padding-right: 5px;
    color: #fff;
    height: 46px;
    overflow: hidden; }
  .aside-profile.profile-card .profile-text {
    font-size: 15px;
    line-height: 1.5;
    padding-right: 5px;
    color: #fff;
    height: 46px;
    overflow: hidden;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }

.aside-profile-stats {
  padding: 10px 7px;
  text-align: center;
  background-color: #fff;
  font-size: 14px;
  color: #66757F; }
  .aside-profile-stats .stats-sep {
    margin-bottom: 0; }

.aside-profile-btns {
  background-color: #fff;
  padding: 2px 7px 10px;
  text-align: center; }

.profile-user-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }

.friend-card {
  width: 33%;
  text-align: center; }
  .friend-card .profile-avatar {
    vertical-align: bottom;
    position: relative;
    background: none;
    border: none;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto; }
    .friend-card .profile-avatar img, .friend-card .profile-avatar .comment-avatar .default-avatar, .comment-avatar .friend-card .profile-avatar .default-avatar, .friend-card .profile-avatar .comment-avatar .ghost-avatar, .comment-avatar .friend-card .profile-avatar .ghost-avatar {
      padding: 1px;
      border-radius: 50%;
      background-color: #FFF; }
    .friend-card .profile-avatar .default-avatar, .friend-card .profile-avatar .ghost-avatar {
      border: 1px solid #ccc;
      border-radius: 50%;
      background-color: #FFF; }
    .friend-card .profile-avatar .default-avatar, .friend-card .profile-avatar .ghost-avatar {
      height: 60px;
      width: 60px; }
    .friend-card .profile-avatar .ghost-avatar {
      border: 0; }
  .friend-card .profile-name {
    margin-top: 7px;
    color: #444;
    max-height: 70px;
    font-size: 12px;
    position: relative;
    -ms-word-break: normal;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    word-break: normal;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: hyphenate;
    overflow: hidden;
    padding: 0 3px; }
    .friend-card .profile-name:after {
      background-color: #fff;
      color: #444;
      content: '...';
      left: 0;
      line-height: 18px;
      height: 18px;
      position: absolute;
      text-align: center;
      top: 54px;
      width: 100%; }

.filter-container {
  margin: -5px -7px 0; }

.filter {
  float: left;
  margin: 0 0 10px 0; }
  .filter:first-child {
    margin-left: 0px; }
  .filter .filter-title {
    margin-bottom: 3px; }

.filter-with-title {
  min-height: 55px;
  margin-bottom: 5px; }

.filter-inline {
  padding: 0 10px; }
  .filter-inline .filter-title {
    display: inline-block;
    padding-right: 7px; }
  .filter-inline .filter-value {
    display: inline-block; }

.chart {
  border: 1px solid #D0D0D0;
  width: 100%;
  height: 450px; }

.infobox {
  border: 1px solid #D0D0D0;
  background-color: #f3f3f3; }
  .infobox header {
    padding: 15px 40px 5px 15px; }
    .infobox header .infobox-title {
      font-size: 14px;
      text-transform: uppercase; }
    .infobox header i {
      position: absolute;
      top: 11px;
      right: 15px;
      font-size: 25px; }
  .infobox .infobox-content {
    padding: 0 15px 5px;
    font-weight: 400;
    font-size: 15px;
    color: #66757F; }
  .infobox footer {
    padding: 5px 15px;
    font-size: 12px;
    opacity: 0.9; }
    .infobox footer span[data-hint] {
      cursor: help; }
  .infobox.bg-primary {
    background-color: #5d9cec; }
    .infobox.bg-primary footer {
      background-color: #468ee9; }
  .infobox.bg-purple {
    background-color: #7266ba; }
    .infobox.bg-purple footer {
      background-color: #6254b2; }
  .infobox.bg-info-dark {
    background-color: #1797be; }
    .infobox.bg-info-dark footer {
      background-color: #1485a7; }
  .infobox.bg-green {
    background-color: #37bc9b; }
    .infobox.bg-green footer {
      background-color: #31a88b; }
  .infobox.bg-success {
    background-color: #84b761; }
    .infobox.bg-success footer {
      background-color: #76af50; }
  .infobox.bg-danger {
    background-color: #5d9cec; }
    .infobox.bg-danger footer {
      background-color: #468ee9; }
  .infobox.bg-warning {
    background-color: #F4B335; }
    .infobox.bg-warning footer {
      background-color: #f3aa1d; }
  .infobox.bg-alarm {
    background-color: #d9534f; }
    .infobox.bg-alarm footer {
      background-color: #d43f3a; }
  .infobox.bg-primary, .infobox.bg-purple, .infobox.bg-info-dark, .infobox.bg-green, .infobox.bg-success, .infobox.bg-warning, .infobox.bg-alarm {
    color: #fff; }
    .infobox.bg-primary .infobox-content, .infobox.bg-primary footer, .infobox.bg-purple .infobox-content, .infobox.bg-purple footer, .infobox.bg-info-dark .infobox-content, .infobox.bg-info-dark footer, .infobox.bg-green .infobox-content, .infobox.bg-green footer, .infobox.bg-success .infobox-content, .infobox.bg-success footer, .infobox.bg-warning .infobox-content, .infobox.bg-warning footer, .infobox.bg-alarm .infobox-content, .infobox.bg-alarm footer {
      color: #fff; }

.infobox-link {
  color: inherit; }
  .infobox-link:hover {
    text-decoration: none; }

.charts {
  position: relative;
  z-index: 1; }
  .charts .overlay {
    opacity: 0.3; }

.library .panel-heading {
  z-index: 5; }

.library .aside-left .title {
  color: #66757F;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px; }

.library .aside-left .nav-pills > li > a {
  border: 1px solid #fff;
  color: #444;
  padding: 8px 11px;
  margin: 5px 0; }

.library .aside-left .nav-pills > li > a:hover, .library .aside-left .nav-pills > li > a:focus {
  color: #0084B4; }

.library .aside-left .nav-pills > li.active {
  background-color: #fff;
  padding: 0; }
  .library .aside-left .nav-pills > li.active > a {
    color: #448FC1;
    border: 1px solid #448FC1;
    background-color: #fff; }

.library .aside-left .nav-pills > li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.library section.books-container {
  float: left;
  width: 696px;
  margin: 14px 0; }
  .library section.books-container .bookcard {
    width: 215px; }

.library .book-cover {
  max-height: 227px !important; }
  .library .book-cover .cover-image img, .library .book-cover .cover-image .comment-avatar .default-avatar, .comment-avatar .library .book-cover .cover-image .default-avatar, .library .book-cover .cover-image .comment-avatar .ghost-avatar, .comment-avatar .library .book-cover .cover-image .ghost-avatar {
    max-height: 200px !important; }

.library .book-cover-content:hover .book-cover-content-overlay, .library .checked-book .book-cover-content-overlay {
  opacity: 1; }

.library .book-cover-content:hover .thumb-check-icon, .library .checked-book .thumb-check-icon {
  opacity: 1;
  top: 33%; }

.library .book-cover-content:hover .thumb-buttons, .library .checked-book .thumb-buttons {
  opacity: 1; }

.library .checked-book .thumb-check-icon {
  color: #4582AF; }

.nav-library {
  padding: 12px 15px;
  background-color: #fff;
  margin-bottom: 14px; }

@media only screen and (min-width: 1200px) {
  .library section.books-container {
    width: 866px; }
    .library section.books-container .bookcard {
      width: 163px; } }

.lib-clear-filter {
  position: relative;
  top: 6px; }

.profile-book-block {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAEAEA; }
  .profile-book-block:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.library-dropdowns {
  margin: -4px 0 0 5px;
  margin-left: auto; }
  .library-dropdowns .btn-dropdown {
    font-size: 16px;
    padding: 3px 7px 4px;
    border: 0;
    opacity: 0.7;
    z-index: 4;
    transition: all 0.3s; }
    .library-dropdowns .btn-dropdown > i {
      margin: 0;
      vertical-align: bottom; }
    .library-dropdowns .btn-dropdown > img, .library-dropdowns .comment-avatar .btn-dropdown > .default-avatar, .comment-avatar .library-dropdowns .btn-dropdown > .default-avatar, .library-dropdowns .comment-avatar .btn-dropdown > .ghost-avatar, .comment-avatar .library-dropdowns .btn-dropdown > .ghost-avatar {
      width: 16px;
      height: 16px; }
    .library-dropdowns .btn-dropdown:hover, .library-dropdowns .btn-dropdown.open {
      background-color: #e6e6e6;
      border-color: #adadad;
      opacity: 1; }
    .library-dropdowns .btn-dropdown.is-loading:before {
      margin-right: 0; }

.library-marks-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 5px;
  width: 220px; }
  .library-marks-dropdown.tether-drop-content.dropdown-menu {
    display: flex;
    padding: 5px; }

.work-mark-button {
  width: 40px;
  height: 40px;
  margin: 5px 5px;
  padding: 0;
  background: transparent;
  border: 1px transparent solid;
  border-radius: 50%;
  position: relative; }
  .work-mark-button img, .work-mark-button .comment-avatar .default-avatar, .comment-avatar .work-mark-button .default-avatar, .work-mark-button .comment-avatar .ghost-avatar, .comment-avatar .work-mark-button .ghost-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .33s;
    transform: scale(1); }
  .work-mark-button img[data-mark="Perfect"], .work-mark-button .comment-avatar .default-avatar[data-mark="Perfect"], .comment-avatar .work-mark-button .default-avatar[data-mark="Perfect"], .work-mark-button .comment-avatar .ghost-avatar[data-mark="Perfect"], .comment-avatar .work-mark-button .ghost-avatar[data-mark="Perfect"] {
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%; }
  .work-mark-button:hover img, .work-mark-button:hover .comment-avatar .default-avatar, .comment-avatar .work-mark-button:hover .default-avatar, .work-mark-button:hover .comment-avatar .ghost-avatar, .comment-avatar .work-mark-button:hover .ghost-avatar, .work-mark-button.active img, .work-mark-button.active .comment-avatar .default-avatar, .comment-avatar .work-mark-button.active .default-avatar, .work-mark-button.active .comment-avatar .ghost-avatar, .comment-avatar .work-mark-button.active .ghost-avatar {
    transform: scale(1.25); }
  .work-mark-button.active {
    background-color: #e6f0fc;
    border-color: #4582af; }

.library-marks-filter {
  margin: 10px -5px 0; }
  .library-marks-filter .btn {
    margin: 5px; }
    .library-marks-filter .btn img, .library-marks-filter .btn .comment-avatar .default-avatar, .comment-avatar .library-marks-filter .btn .default-avatar, .library-marks-filter .btn .comment-avatar .ghost-avatar, .comment-avatar .library-marks-filter .btn .ghost-avatar {
      width: 20px;
      height: 20px;
      vertical-align: text-bottom; }
      .library-marks-filter .btn img[data-mark="DoNotRecommend"], .library-marks-filter .btn .comment-avatar .default-avatar[data-mark="DoNotRecommend"], .comment-avatar .library-marks-filter .btn .default-avatar[data-mark="DoNotRecommend"], .library-marks-filter .btn .comment-avatar .ghost-avatar[data-mark="DoNotRecommend"], .comment-avatar .library-marks-filter .btn .ghost-avatar[data-mark="DoNotRecommend"] {
        margin-bottom: -2px; }
      .library-marks-filter .btn img[data-mark="Perfect"], .library-marks-filter .btn .comment-avatar .default-avatar[data-mark="Perfect"], .comment-avatar .library-marks-filter .btn .default-avatar[data-mark="Perfect"], .library-marks-filter .btn .comment-avatar .ghost-avatar[data-mark="Perfect"], .comment-avatar .library-marks-filter .btn .ghost-avatar[data-mark="Perfect"] {
        width: 18px;
        height: 18px; }

.timeline {
  position: relative;
  min-height: 200px; }
  .timeline:before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #e2ebf2; }

.timeline-block {
  position: relative;
  margin: 25px 0; }
  .timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .timeline-block:first-child {
    margin-top: 0; }
  .timeline-block:last-child {
    margin-bottom: 0; }

.timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 9px 0 0 1px;
  border: 1px solid #e4e5e7;
  text-align: center;
  background: #4582AF; }
  .timeline-icon i {
    font-size: 20px;
    color: #fff; }

.timeline-icon-new-chapter {
  background: #2b957a;
  padding-left: 3px; }

.timeline-icon-work-refresh {
  background: #564aa3; }
  .timeline-icon-work-refresh i {
    font-size: 22px; }

.timeline-end-block {
  position: absolute;
  bottom: 0; }
  .timeline-end-block .timeline-icon {
    padding-left: 0;
    background-color: #4d85ab; }
  .timeline-end-block .timeline-actions {
    margin-left: 60px;
    padding-top: 5px; }

@media only screen and (min-width: 1170px) {
  .cssanimations .timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; } }

.timeline-content {
  position: relative;
  margin-left: 60px;
  background: #f3f3f3;
  border-radius: 3px;
  padding: 15px;
  border: 1px solid #eee;
  box-shadow: 1px 2px 3px #ccc; }
  .timeline-content:after, .timeline-content:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .timeline-content:after {
    border-color: rgba(243, 243, 243, 0);
    border-right-color: #f3f3f3;
    border-width: 10px;
    margin-top: -10px; }
  .timeline-content:before {
    border-color: rgba(238, 238, 238, 0);
    border-right-color: #eee;
    border-width: 11px;
    margin-top: -11px; }

.timeline-content h2 {
  color: #303e49; }

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .timeline-block:nth-child(even) .timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; } }

/*@media only screen and (min-width: 1170px) {
    .timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}*/
/*.timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    // Force Hardware Acceleration in WebKit
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}*/
/*@media only screen and (min-width: 1170px) {
    .timeline-block {
        margin: 4em 0;
    }

    .timeline-block:first-child {
        margin-top: 0;
    }

    .timeline-block:last-child {
        margin-bottom: 0;
    }
}*/
/*@media only screen and (min-width: 1170px) {
    .timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .timeline-content .cd-read-more {
        float: left;
    }

    .timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem;
    }

    .timeline-block:nth-child(even) .timeline-content {
        float: right;
    }

    .timeline-block:nth-child(even) .timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .timeline-block:nth-child(even) .timeline-content .cd-read-more {
        float: right;
    }

    .timeline-block:nth-child(even) .timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .cssanimations .timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .timeline-content.bounce-in {
        visibility: visible;
        animation: cd-bounce-2 0.6s;
    }
}*/

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

.feed header {
  position: relative;
  margin-bottom: 8px; }
  .feed header .title {
    font-size: 14px;
    line-height: 22px;
    margin: 0; }
    .feed header .title > a {
      color: #66757F;
      font-weight: bold; }
    .feed header .title .action-title {
      font-weight: normal;
      color: #9197A3; }
  .feed header .feed-details, .feed header time {
    color: #9197A3;
    font-size: 12px; }
  .feed header .feed-details {
    margin-top: 2px; }

.feed .feed-header-actions {
  position: absolute;
  right: -3px;
  top: -5px;
  color: #AAA;
  visibility: hidden;
  cursor: pointer;
  font-size: 17px; }

.feed .pagination-container:first-of-type {
  margin-top: 15px; }

.feed-row {
  padding: 13px 15px 20px;
  margin: 14px 0;
  position: relative;
  box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff; }
  .feed-row.is-new {
    background-color: #fffcec; }
    .feed-row.is-new .comment:hover {
      background: #fffcec !important; }
    .feed-row.is-new .book-review-info {
      background-color: #fffcec; }
    .feed-row.is-new .bookcard-header {
      background: #fffcec !important; }
  .feed-row.is-system {
    background-color: #ecf7ff; }
  .feed-row.comment-wrapper {
    padding: 10px 15px 15px 77px; }
    .feed-row.comment-wrapper > .comment header {
      margin-bottom: 0;
      height: auto; }
      .feed-row.comment-wrapper > .comment header a {
        float: none; }
      .feed-row.comment-wrapper > .comment header time {
        font-size: 11px;
        float: none; }
    .feed-row.comment-wrapper .user-avatar {
      left: -54px; }
    .feed-row.comment-wrapper .comment-wrapper:last-child {
      margin-bottom: 0; }
    .feed-row.comment-wrapper .comment:hover {
      background: #fff; }
  .feed-row:first-child {
    border-top: 0;
    margin-top: 0; }
  .feed-row:last-child {
    border-bottom: 0; }
  .feed-row:hover .feed-header-actions {
    visibility: visible; }
  .feed-row .art-list {
    margin: 0;
    justify-content: normal; }

.feed-row:not(.user-post) .post {
  margin: -5px 0 -10px; }

.feed-row.user-post {
  padding-bottom: 0px; }

.feed-body {
  margin-left: 62px; }
  .feed-body .title {
    font-size: 22px; }
  .feed-body h2 {
    font-size: 18px; }
  .feed-body .post .post-stats {
    margin: 15px 0 0;
    padding: 0 0 5px;
    border-top: 0; }
  .feed-body .feed-item {
    margin-bottom: 20px; }
  .feed-body .feed-item:last-child {
    margin-bottom: 0; }

.no-more-feed {
  display: block;
  color: #66757F;
  font: 21px Tahoma, Arial, sans-serif;
  text-align: center;
  margin: 30px 0 15px !important; }

.work-updates .book-cover-wrapper {
  width: 153px; }

.work-updates .book-row-content {
  width: 100%; }

@media only screen and (min-width: 1200px) {
  .work-updates .book-row-content {
    min-width: 475px; } }

.feed-collection-updates {
  white-space: normal !important; }

.message {
  position: relative; }
  .message .user-avatar {
    top: 0;
    left: 0; }
  .message header {
    margin-bottom: 7px; }

.message-user-name {
  color: #777;
  font-weight: bold; }

.message-date {
  position: absolute;
  right: 0;
  top: 0;
  font: 13px/18px Tahoma,sans-serif,Arial,Helvetica; }

.message-body {
  margin-left: 55px; }

.message-content-preview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pm-messages {
  height: 70%;
  height: calc(100% - 210px); }
  .pm-messages.without-form {
    height: calc(100% - 185px); }
  .pm-messages .nano-content {
    background-color: #fff; }
  .pm-messages .nano-pane {
    background: rgba(216, 223, 225, 0.45);
    top: 2px;
    right: 5px;
    bottom: 2px; }
    .pm-messages .nano-pane > .nano-slider {
      background: rgba(84, 94, 103, 0.5); }
  .pm-messages .message {
    padding: 10px 85px 10px 45px; }
    .pm-messages .message:before, .pm-messages .message:after {
      content: " ";
      display: table; }
    .pm-messages .message:after {
      clear: both; }
    .pm-messages .message .header {
      margin-bottom: 2px; }
    .pm-messages .message:last-of-type {
      margin-bottom: 0; }
    .pm-messages .message .user-avatar {
      position: relative;
      float: left; }
    .pm-messages .message .message-check-icon {
      display: none;
      float: left;
      line-height: 40px;
      color: #4582AF;
      opacity: 0;
      font-size: 16px;
      margin-right: 12px; }
    .pm-messages .message.own {
      padding-left: 15px; }
      .pm-messages .message.own .user-avatar {
        float: right; }
      .pm-messages .message.own .message-text-wrapper {
        margin-right: 15px;
        margin-left: 0;
        background-color: #ecfde0;
        float: right; }
        .pm-messages .message.own .message-text-wrapper:after {
          right: initial;
          left: 100%;
          border-color: rgba(136, 183, 213, 0);
          border-left-color: #ecfde0; }
    .pm-messages .message.editable {
      cursor: pointer; }
      .pm-messages .message.editable .message-check-icon {
        display: block; }
    .pm-messages .message:hover .message-check-icon {
      opacity: 0.5; }
    .pm-messages .message.selected {
      background: #f2f6fa; }
      .pm-messages .message.selected .message-check-icon {
        opacity: 1; }
    .pm-messages .message.own.selected .message-text-wrapper {
      background-color: #dcf8c6; }
      .pm-messages .message.own.selected .message-text-wrapper:after {
        border-left-color: #dcf8c6; }
    .pm-messages .message.message-deleted .message-text-wrapper {
      background-color: #f2dede; }
      .pm-messages .message.message-deleted .message-text-wrapper:after {
        border-left-color: #f2dede; }
    .pm-messages .message.other-chat {
      background: #fffcec; }
      .pm-messages .message.other-chat .message-text-wrapper {
        background-color: #fff;
        border: 1px #ccc solid; }
        .pm-messages .message.other-chat .message-text-wrapper:after {
          border-right-color: #ccc; }
  .pm-messages .message-text-wrapper {
    float: left;
    position: relative;
    color: #000;
    border-radius: 3px;
    max-width: 80%;
    background-color: #e5f7fd; }
    .pm-messages .message-text-wrapper:after {
      right: 100%;
      top: 20px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-right-color: #e5f7fd;
      border-width: 7px;
      margin-top: -7px; }
  .pm-messages .message-text {
    word-wrap: break-word;
    overflow: hidden;
    min-width: 110px;
    padding: 6px 10px; }
  .pm-messages .message-date {
    top: 16px;
    width: 70px;
    line-height: 1.6;
    white-space: nowrap; }

.layout-fixed .wrapper .pm-aside {
  height: 100%;
  width: 300px;
  margin-top: 56px;
  border-right: 1px solid #eee;
  background-color: #fafafa; }
  .layout-fixed .wrapper .pm-aside .tab-v2, .layout-fixed .wrapper .pm-aside .tab-content {
    height: 100%;
    background-color: #F8F8F8; }
  .layout-fixed .wrapper .pm-aside .nav-tabs.nav-justified > li > a {
    border-radius: 0; }
  .layout-fixed .wrapper .pm-aside .search-form {
    background-color: #fafafa;
    padding: 18px 0;
    width: 270px;
    margin: 0 auto; }
    .layout-fixed .wrapper .pm-aside .search-form .search-input {
      background-color: #fff; }
  .layout-fixed .wrapper .pm-aside .search-input {
    border-radius: 18px; }

.layout-fixed .wrapper .pm-aside + section.content {
  margin: 52px 0 0 300px;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

/*@media (max-width: $screen-sm-max) {
    .layout-fixed .wrapper .pm-aside {
        width: 200px;
    }

    .layout-fixed .wrapper .pm-aside + section.content {
        margin-left: 200px;
    }

    .layout-fixed .wrapper .pm-aside .search-form {
        width: 170px;
    }
}*/
.contact-list {
  height: calc(100% - 132px);
  background: #fff;
  border-left: 1px solid #eee; }
  .contact-list .show-more-dialogs {
    padding: 10px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block; }

.user-avatar-small {
  top: 8px;
  left: 15px;
  width: 40px;
  height: 40px; }
  .user-avatar-small .default-avatar, .user-avatar-small > img, .comment-avatar .user-avatar-small > .default-avatar, .comment-avatar .user-avatar-small > .ghost-avatar {
    width: 40px !important;
    height: 40px !important; }

.contact {
  position: relative;
  display: block;
  color: #444;
  text-decoration: none;
  transition: background 0.1s ease-out;
  min-height: 56px; }
  .contact:hover, .contact:focus {
    color: #444;
    text-decoration: none; }
  .contact .contact-info {
    margin-left: 70px;
    margin-right: 65px;
    padding: 6px 0 7px; }
    .contact .contact-info .profile-name {
      font-weight: 600;
      font-size: 15px; }
      .contact .contact-info .profile-name .fio {
        max-width: 85%;
        display: inline-block; }
      .contact .contact-info .profile-name .contact-verified {
        margin-top: -14px; }
        .contact .contact-info .profile-name .contact-verified:hover {
          color: #72c02c; }
    .contact .contact-info .dialog-text {
      font-size: 15px;
      min-height: 22px; }
    .contact .contact-info .label {
      position: absolute;
      top: 30px;
      right: 12px; }
  .contact .message-date {
    right: 12px;
    top: 5px;
    line-height: 1.7; }
  .contact .link-wrapper {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .contact:hover {
    background-color: #f0f2f5; }
  .contact.active .message-date {
    color: #fff; }
  .contact.active, .contact.active:hover {
    background-color: #4582AF;
    color: #fff;
    margin-left: 0; }
    .contact.active .text-muted, .contact.active:hover .text-muted {
      color: #fff; }
    .contact.active .user-avatar.online:after, .contact.active:hover .user-avatar.online:after {
      border-color: #4582AF; }
    .contact.active .profile-name .contact-verified .icon-verified:before, .contact.active:hover .profile-name .contact-verified .icon-verified:before {
      color: #fff; }

#contacts .contact-info {
  margin-right: 10px; }

.dialog {
  position: relative;
  background-color: #fff;
  height: 92%;
  height: calc(100% - 52px); }
  .dialog > header {
    border-bottom: 1px solid #eee;
    position: relative;
    height: 76px;
    background: #f8f8f8; }
    .dialog > header .user-avatar {
      left: 15px;
      top: 10px; }
    .dialog > header .contact-info {
      margin-left: 75px;
      margin-right: 250px;
      padding: 11px 0;
      font-size: 16px; }
      .dialog > header .contact-info .profile-name {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 3px; }
      .dialog > header .contact-info > a {
        color: #66757F; }
    .dialog > header .btn-toggle-action, .dialog > header .dropdown-btn.btn-group {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 65px; }
    .dialog > header .btn-show-more {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 16px; }
  .dialog > footer {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #EEE; }
  .dialog .footer-buttons {
    text-align: center;
    padding: 25px;
    margin-bottom: 44px; }

.no-dialog {
  background-color: #fff;
  text-align: center;
  height: 70%;
  height: calc(100% - 52px); }

.dialog-loading {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 40%; }

.send-message-form {
  margin: 10px 20px;
  padding-right: 125px;
  position: relative; }

.send-message-info {
  position: absolute;
  top: 0;
  right: 0; }
  .send-message-info .btn {
    height: 40px; }

.send-message-info.edit-message .btn {
  width: 111px;
  margin-bottom: 10px; }

.pm-search-result {
  background-color: #fff;
  height: calc(100% - 132px); }

.pm-layout {
  height: 100%;
  min-height: 350px; }
  .pm-layout .contact-verified {
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    font-size: 14px; }
    .pm-layout .contact-verified:hover {
      color: #72c02c; }
  .pm-layout .wrapper {
    overflow: hidden; }
  .pm-layout .topnavbar-wrapper .wrapper {
    min-width: inherit !important;
    overflow: inherit; }
  .pm-layout .fr-box .fr-counter {
    bottom: -28px !important;
    top: auto;
    z-index: 5;
    padding: 3.5px;
    border: 0; }
  .pm-layout .user-avatar.online:after {
    bottom: 2%;
    right: 2%;
    height: 10px;
    width: 10px;
    border: 2px solid #ffffff;
    content: '';
    position: absolute;
    background-color: #98e87a;
    border-radius: 50%; }
  .pm-layout .user-avatar img, .pm-layout .user-avatar .comment-avatar .default-avatar, .comment-avatar .pm-layout .user-avatar .default-avatar, .pm-layout .user-avatar .comment-avatar .ghost-avatar, .comment-avatar .pm-layout .user-avatar .ghost-avatar, .pm-layout .user-avatar .default-avatar, .pm-layout .user-avatar .ghost-avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px; }

/*@media (max-width: $screen-md-max) {
    .hidden-tablet {
        display: none;
    }

    .send-message-form {
        padding-right: 60px;
    }
}*/
/* Search form */
.search-page {
  min-height: 600px; }
  .search-page .search-sidebar {
    width: 253px; }

.search-form .form-group {
  position: relative; }

.search-input {
  padding: 0 28px;
  background-color: #fafafa;
  border: 1px solid #e1e8ed;
  transition: all .2s ease-in-out;
  margin: 0 auto; }
  .search-input:focus {
    background-color: #fff; }

.search-icon {
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -12.5px;
  font-size: 14px; }
  .search-icon .nav-search {
    background: rgba(0, 0, 0, 0);
    color: #9197A3;
    border: 0;
    padding: 3px 6px;
    vertical-align: middle; }

.clear-search-icon {
  position: absolute;
  top: 50%;
  padding-top: 2px;
  margin-top: -12px;
  right: 4px;
  width: 26px;
  height: 26px;
  cursor: pointer; }
  .clear-search-icon button {
    background: rgba(0, 0, 0, 0);
    color: #9197A3;
    border: 0; }

.sort-order-title {
  line-height: 49px; }

.filter-list li {
  z-index: 0;
  position: relative; }
  .filter-list li span.bar {
    background: #E1E7ED;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 2px;
    bottom: 2px;
    right: 0; }
  .filter-list li i {
    line-height: 20px;
    margin-right: 0; }

.filter-list .filter-item {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 4px 10px;
  margin: 0 0 3px;
  color: #444; }
  .filter-list .filter-item.ignored {
    color: #9197A3; }
  .filter-list .filter-item.selected, .filter-list .filter-item.selected:hover {
    color: #fff;
    background-color: #4582AF; }
    .filter-list .filter-item.selected .count > span, .filter-list .filter-item.selected:hover .count > span {
      color: #fff; }
  .filter-list .filter-item:hover {
    text-decoration: none;
    background-color: #D5DDE5; }
  .filter-list .filter-item .count {
    float: right;
    margin-left: 15px; }

.searched-item {
  background: #fffacd;
  font-style: normal; }

.search-tags {
  width: 100%;
  color: #8f8f91;
  border-spacing: 0;
  margin-top: 5px; }
  .search-tags .search-tags-caption {
    white-space: nowrap;
    padding-right: 10px; }
  .search-tags .search-tags-container {
    width: 530px; }

#search-results .overlay {
  background-color: #fff; }

#search-results .panel-sub-heading {
  font-size: 18px;
  margin-bottom: 5px; }

.sticky {
  position: fixed; }

@media only screen and (min-width: 1200px) {
  .search-tags .search-tags-container {
    width: 645px; } }

.sidebar {
  margin-right: 0;
  overflow-y: auto; }
  .sidebar .nav-heading {
    font-size: inherit;
    padding: 12px 10px 5px; }
  .sidebar:after {
    width: 0; }
  .sidebar.user-panel {
    height: calc(100% - 100px); }
  .sidebar > .nav > li.active,
  .sidebar > .nav > li.active .nav,
  .sidebar > .nav > li.active > a,
  .sidebar > .nav > li.open,
  .sidebar > .nav > li.open .nav,
  .sidebar > .nav > li.open > a {
    font-weight: normal;
    white-space: normal; }
  .sidebar > .nav > li.active > span,
  .sidebar > .nav > li > a {
    padding: 7px 15px 7px 25px;
    display: block; }
  .sidebar > .nav .label {
    margin: 0; }
  .sidebar > .nav > li.active {
    border-left-color: #34749e; }
    .sidebar > .nav > li.active > a, .sidebar > .nav > li.active > span {
      color: #34749e;
      font-weight: normal; }

.sidebar li:not(.sidebar):not(.sidebar-nav):hover {
  background-color: #f5f7fa; }

.search-sidebar.two-level > .nav > li.sidebar {
  padding-bottom: 0;
  border-left: 0; }
  .search-sidebar.two-level > .nav > li.sidebar li.active > span, .search-sidebar.two-level > .nav > li.sidebar .nav > li > a {
    padding-left: 25px;
    overflow: hidden;
    white-space: normal; }

.search-sidebar.two-level .nav > li.active > span, .search-sidebar.two-level .nav > li > a {
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis; }

.search-sidebar {
  border-left: 0;
  border-right: 0;
  padding: 10px 0; }
  .search-sidebar > .nav > li.active > span,
  .search-sidebar > .nav > li > a {
    padding-left: 20px; }

.select-child-item label {
  margin-left: 10px !important; }

/*.search-sidebar.two-level {
    > .nav > li.sidebar {
        padding-bottom: 0;

        & li.active > span, & .nav > li > a {
            padding-left: 35px;
        }
    }

    .nav > li.active > span, .nav > li > a {
        padding-left: 15px;
    }
}*/
.heart-container {
  position: relative;
  width: 17px;
  height: 17px;
  display: inline-block;
  overflow: hidden;
  top: 4px; }

.heart {
  background: url(../../distCommon/images/web-heart-animation-new.png);
  position: absolute;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2900%;
  height: 50px;
  width: 50px;
  left: -100%;
  top: -100%; }

@keyframes heart-blast {
  0% {
    background-position: left; }
  100% {
    background-position: right; } }

.heart-animation {
  animation-name: heart-blast;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  background-position: right; }

.btn-like {
  display: inline-block;
  border: 0;
  background: transparent;
  line-height: 1;
  padding: 3px 6px 7px;
  position: relative; }
  .btn-like.disabled {
    cursor: default; }
  .btn-like:hover:not(.disabled) {
    background-color: #f5f7fa; }

.btn-like:hover .heart {
  background-position: 3.571428571428571%; }

.btn-like.toggle .heart, .btn-like.toggle:hover .heart {
  background-position: right; }

.hover-state-canceled .heart, button[disabled] .heart {
  background-position: left !important; }

.like-count {
  margin-left: 6px;
  position: relative; }

.like-title {
  margin-left: 5px; }

.tags {
  margin-bottom: 15px;
  margin-left: 5px;
  font-size: 14px;
  line-height: 16px; }
  .tags > i {
    margin-left: -5px; }

.collection-tags {
  margin-top: 10px;
  margin-left: 0; }
  .collection-tags > a {
    margin-left: 5px;
    display: inline-block; }

.input-with-icon {
  padding: 0 30px 0 32px;
  z-index: 1; }

.input-icon {
  position: absolute;
  top: 10px;
  width: 19px;
  left: 8px;
  text-align: center;
  font-size: 15px;
  z-index: 2;
  color: #9197A3; }

.input-icon-right {
  top: 6px;
  background-color: transparent;
  border: none;
  right: 5px;
  width: 27px;
  margin-left: auto; }

.disputed-item {
  position: relative;
  display: block;
  color: #444;
  border-bottom: 1px solid #eceff3;
  padding: 4px 8px 2px;
  font-size: 13px;
  line-height: 17px; }
  .disputed-item:hover {
    text-decoration: none;
    background-color: #fafafa;
    transition: background-color 0.3s; }
  .disputed-item:last-child {
    border-bottom: 0; }
  .disputed-item a {
    color: #444; }
  .disputed-item .content {
    margin-right: 55px; }
    .disputed-item .content header {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #717171; }
  .disputed-item time {
    position: absolute;
    top: 5px;
    right: 8px;
    color: #9197A3;
    font-size: 11px; }
  .disputed-item .item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin: 5px 0 0;
    width: 100%; }
  .disputed-item .item-comments {
    position: absolute;
    bottom: 5px;
    right: 8px;
    color: #9197A3;
    font-size: 11px; }

.widget-spinner {
  text-align: center;
  padding-top: 5px; }
  .widget-spinner .spinner {
    display: inline-block;
    margin-left: -20px; }

.works-widget .bookcard, .slick-container .bookcard {
  margin-bottom: 0; }

.works-widget .bookcard-footer .bookcard-title, .slick-container .bookcard-footer .bookcard-title {
  font-size: 12px;
  line-height: 16px;
  margin: 3px 0 0; }

.works-widget .bookcard-authors, .slick-container .bookcard-authors {
  font-size: 12px;
  line-height: 16px; }

.slick-container.book-row {
  margin-bottom: 0;
  padding: 0 30px;
  /*.audiobook-cover-image img {
        max-height: 120px !important;
    }*/ }
  .slick-container.book-row .slick-prev {
    left: 5px; }
  .slick-container.book-row .slick-next {
    right: 5px; }

.slick-container.book-row.book-row-sm {
  /*.book-cover {
        height: 160px !important;
    }*/ }
  .slick-container.book-row.book-row-sm .bookcard-content {
    height: 170px; }
  .slick-container.book-row.book-row-sm .ebook-cover-image.cover-image img, .slick-container.book-row.book-row-sm .ebook-cover-image.cover-image .comment-avatar .default-avatar, .comment-avatar .slick-container.book-row.book-row-sm .ebook-cover-image.cover-image .default-avatar, .slick-container.book-row.book-row-sm .ebook-cover-image.cover-image .comment-avatar .ghost-avatar, .comment-avatar .slick-container.book-row.book-row-sm .ebook-cover-image.cover-image .ghost-avatar {
    height: 160px; }

.work-widget-list .book-row {
  margin: 0 -13px 13px;
  padding: 0 13px 8px 0; }
  .work-widget-list .book-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .work-widget-list .book-row .book-cover-wrapper {
    width: 85px; }
  .work-widget-list .book-row .cover-image, .work-widget-list .book-row .cover-image img, .work-widget-list .book-row .cover-image .comment-avatar .default-avatar, .comment-avatar .work-widget-list .book-row .cover-image .default-avatar, .work-widget-list .book-row .cover-image .comment-avatar .ghost-avatar, .comment-avatar .work-widget-list .book-row .cover-image .ghost-avatar {
    width: 60px;
    min-height: 60px;
    max-height: 90px;
    min-width: initial;
    overflow: hidden; }
  .work-widget-list .book-row .book-cover .cover-image {
    border: 0; }
  .work-widget-list .book-row .book-custom-cover {
    height: 87px;
    width: 60px;
    padding: 10px; }
  .work-widget-list .book-row .bookcard-title {
    font-size: 8px;
    line-height: 10px;
    max-height: 32px; }
    .work-widget-list .book-row .bookcard-title:after {
      top: 20px;
      line-height: 11px;
      height: 14px; }

.work-widget-list .book-custom-cover-separator {
  margin: 6px auto 8px;
  width: 25px; }

.work-widget-list .bookcard-authors {
  line-height: 8px;
  max-height: 24px;
  font-size: 7px; }
  .work-widget-list .bookcard-authors:after {
    top: 15px;
    line-height: 8px;
    height: 8px; }

.work-widget-list .book-row-content {
  padding-left: 85px;
  min-height: 90px; }

.work-widget-list .book-genre {
  line-height: 1.2;
  margin-bottom: 2px; }

.work-widget-list .book-title {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 2px; }

.work-widget-list .book-author {
  font-size: 12px;
  margin-bottom: 2px; }

.work-widget-list .book-price {
  font-size: 11px; }

.work-widget-list .ribbon {
  right: -2px;
  top: -5px;
  width: 65px;
  height: 65px; }
  .work-widget-list .ribbon span {
    font-size: 8px;
    width: 86px;
    line-height: 16px; }

.empty-aside-widget {
  padding: 10px 13px;
  color: #8a9ab1; }

.user-rating-list.panel {
  border: 0; }
  .user-rating-list.panel .panel-body {
    padding: 0 0; }
  .user-rating-list.panel .profile-name {
    line-height: 20px;
    font-weight: normal; }
  .user-rating-list.panel .contact .contact-info {
    padding: 5px 0 3px; }
  .user-rating-list.panel .rep-count {
    line-height: 25px; }

.work-series {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAEAEA; }
  .work-series:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .work-series .title {
    font-size: 22px;
    margin: 0 0 7px; }
    .work-series .title > a {
      color: #4582AF; }
  .work-series .description {
    margin-bottom: 15px; }

/*@font-face {
/*@font-face {
    font-family: 'Arian AMU';
    src: local('Arian AMU'), url('../fonts/arianamu.woff2') format('woff2'), url('../fonts/arianamu.woff') format('woff'), url('../fonts/arianamu.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}*/
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local("Playfair Display Italic"), local("PlayfairDisplay-Italic"), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk72xU.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local("Playfair Display Italic"), local("PlayfairDisplay-Italic"), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk72xU.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local("Playfair Display Italic"), local("PlayfairDisplay-Italic"), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local("Playfair Display Italic"), local("PlayfairDisplay-Italic"), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*@font-face {
    font-family: 'Arian AMU';
    src: local('Arian AMU'), url('../fonts/arianamu.woff2') format('woff2'), url('../fonts/arianamu.woff') format('woff'), url('../fonts/arianamu.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}*/
.about-us {
  font: 18px/22px "Arian AMU", Verdana,"Open Sans",sans-serif;
  margin: 0 15px 20px;
  text-align: left;
  font-weight: bold; }

.section-top {
  background: #807e7a url(../images/pageAbout/banner-top.jpg) no-repeat scroll 50% 25%/cover;
  height: 500px;
  width: 100%; }

.section-android-top {
  position: relative; }
  .section-android-top h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff; }
  .section-android-top:before {
    /*background: rgb(74, 91, 212);
        background: linear-gradient(0deg, rgb(74, 91, 212) 0%, rgb(0, 212, 255) 100%);*/
    background: #4a5bd4;
    background: linear-gradient(0deg, #4a5bd4 0%, #4582af 100%);
    display: block;
    content: '';
    position: relative;
    height: 725px;
    z-index: 0; }
  .section-android-top:after {
    background: url(../images/android/section_top_pc.png) no-repeat scroll 50% 25%/cover;
    display: block;
    content: '';
    position: absolute;
    height: 725px;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%; }

.section-android-bottom {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0; }
  .section-android-bottom .store-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 5px; }
  .section-android-bottom .app-from-site {
    margin: 20px 10px; }
  .section-android-bottom a:hover {
    text-decoration: none; }
  .section-android-bottom .btn-large {
    font-size: 16px;
    padding: 11.5px 15px; }

.section-top-content {
  padding: 75px 0 130px 50px;
  width: 550px;
  text-align: left;
  color: #fff;
  font-size: 20px;
  line-height: 1.5; }
  .section-top-content p {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
  .section-top-content h1 {
    font-size: 48px;
    line-height: 1;
    color: #fff;
    margin: 0 0 40px;
    width: 600px; }
  .section-top-content .btn-lg {
    padding: 8px 15px; }
  .section-top-content .btn-gray {
    color: #000; }

.section-img {
  background-color: #fff; }
  .section-img .section-content {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    text-align: left;
    padding: 0 2.5%; }
  .section-img h2 {
    font-size: 24px;
    margin: 10px 0; }
  .section-img p {
    font-size: 16px;
    color: #636a6d; }
  .section-img.section-left:before, .section-img.section-right:after {
    display: inline-block;
    width: calc(25% - 30px);
    height: 200px;
    margin: 15px;
    vertical-align: middle;
    content: ''; }

.section-gray {
  background: #fcfcfc;
  border-bottom: 1px solid #ebebeb; }

.section-book::before {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-book.jpg) no-repeat scroll 50% 25%/cover; }

.section-contest::after {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-contest.jpg) no-repeat scroll 50% 25%/cover; }

.section-contract::before {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-contract.jpg) no-repeat scroll 50% 25%/cover; }

.section-social::after {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-social.jpg) no-repeat scroll 50% 25%/cover; }

.section-money::before {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-money.jpg) no-repeat scroll 50% 25%/cover; }

.section-time::after {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-time.jpg) no-repeat scroll 50% 25%/cover; }

.section-bottom {
  background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-bottom.jpg) no-repeat scroll 70% 75%/cover;
  height: 250px;
  width: 100%;
  text-align: center; }
  .section-bottom h2 {
    padding: 35px 0 25px;
    margin: 0;
    font-size: 36px;
    line-height: 48px;
    color: #444; }
  .section-bottom .btn-lg {
    padding: 10px 15px;
    font-size: 16px; }

.slick-container.section-banners {
  padding: 0;
  margin: 0 0 14px; }
  .slick-container.section-banners .slick-prev, .slick-container.section-banners .slick-next {
    opacity: 1;
    background-image: url(../images/arrows-white.svg); }
  .slick-container.section-banners .slick-prev {
    left: 10px; }
  .slick-container.section-banners .slick-next {
    right: 10px; }

.home-horizontal-banner {
  height: 280px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.f-book-container {
  position: relative;
  height: 280px; }
  .f-book-container .bg-image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 280px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1; }
  .f-book-container .f-book-overlay {
    padding: 20px 240px 0 50px;
    z-index: 2;
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .f-book-container .f-book-overlay:hover, .f-book-container .f-book-overlay:focus {
      text-decoration: none; }

@media only screen and (min-width: 1200px) {
  .section-img .section-content {
    width: 904px; }
  .section-img.section-left:before, .section-img.section-right:after {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 15px;
    vertical-align: middle;
    content: ''; } }

@media (max-width: 600px) {
  .section-top {
    height: 550px;
    background-position-x: 25%; }
  .top-section-content {
    width: 100%;
    padding: 25px;
    text-align: center; }
    .top-section-content h1 {
      width: 100%;
      font: 36px/1.4 Roboto; }
    .top-section-content p {
      font-size: 18px; }
  .section-img {
    padding: 15px; }
    .section-img.section-left:before, .section-img.section-right:before {
      display: block;
      width: 200px;
      height: 200px;
      margin: 15px auto;
      vertical-align: middle;
      content: ''; }
    .section-img.section-right:after {
      display: none; }
    .section-img .section-content {
      width: 100%;
      text-align: center; }
  .section-contest::before {
    background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-contest.jpg) no-repeat scroll 50% 25%/cover; }
  .section-social::before {
    background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-social.jpg) no-repeat scroll 50% 25%/cover; }
  .section-time::before {
    background: rgba(0, 0, 0, 0) url(../images/pageAbout/banner-time.jpg) no-repeat scroll 50% 25%/cover; }
  .section-bottom h2 {
    padding: 20px 20px 5px;
    font-size: 27px; } }

.f-book-title {
  font-size: 25px;
  margin: 0;
  color: #fff;
  display: block; }
  .f-book-title:hover {
    color: #fff; }

.f-book-authors {
  font-size: 18px;
  font-family: 'Playfair Display',Georgia,serif;
  font-style: italic;
  display: block;
  margin-bottom: 5px;
  padding: 0 3px;
  color: #fff; }
  .f-book-authors:hover {
    color: #fff; }

.f-book-annotation {
  font-size: 14px;
  line-height: 20px;
  height: 122px;
  overflow: hidden;
  text-align: justify;
  margin-top: 3px; }

.f-book-title, .f-book-authors, .f-book-annotation {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }

.f-book-read-btn {
  margin-top: 12px;
  padding: 5px 25px;
  position: absolute;
  z-index: 6;
  bottom: 20px;
  left: 50px;
  transition: 0; }

.f-book-cover {
  position: absolute;
  height: 100%;
  right: 50px;
  text-align: left;
  top: 25px;
  z-index: 3; }
  .f-book-cover img, .f-book-cover .comment-avatar .default-avatar, .comment-avatar .f-book-cover .default-avatar, .f-book-cover .comment-avatar .ghost-avatar, .comment-avatar .f-book-cover .ghost-avatar {
    max-height: 235px;
    max-width: 170px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

.f-bg-image {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  opacity: .6; }

.cssfilters .f-bg-image {
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: blur(50px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='65');
  background-size: 100%; }

@supports (-ms-ime-align: auto) {
  .f-bg-image {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.005) !important;
    filter: none !important; }
    .f-bg-image:before {
      transform: scale(0.05);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: '';
      background-image: inherit;
      background-size: contain;
      background-repeat: inherit; } }

.no-cssfilters .f-bg-image {
  transform: scale(0.0005);
  filter: none; }
  .no-cssfilters .f-bg-image:before {
    transform: scale(0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-image: inherit;
    background-size: contain;
    background-repeat: inherit; }

.mode-switch {
  display: block;
  margin: -10px;
  padding: 10px;
  color: #66757F !important; }
  .mode-switch i {
    font-size: 22px;
    vertical-align: bottom; }

.game-wrapper {
  position: relative; }

.btn-start-game {
  position: absolute;
  left: 50%;
  font-size: 16px;
  top: 77px;
  font-size: 16px;
  margin-left: -38px; }

.contest-wrapper {
  padding-bottom: 15px;
  border-bottom: 1px solid #E1E8ED;
  margin-bottom: 15px; }
  .contest-wrapper:before, .contest-wrapper:after {
    content: " ";
    display: table; }
  .contest-wrapper:after {
    clear: both; }
  .contest-wrapper:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0; }

.contest-img-wrap {
  overflow: hidden;
  width: 100%;
  position: relative; }
  .contest-img-wrap .art-overlay {
    opacity: 1; }

.contest-link {
  width: 30%;
  float: left; }

.contest-description {
  width: 70%;
  float: right;
  padding: 0 20px; }
  .contest-description h2 {
    margin: 0 0 5px; }

.contest-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  width: 100%;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  z-index: 3;
  padding: 0 20px; }
  .contest-title h2 {
    margin: 0;
    max-height: 90px;
    font-size: 24px;
    line-height: 1.2; }

.contest-btns {
  margin: -5px; }
  .contest-btns .btn {
    margin: 5px 0; }
    .contest-btns .btn:first-child {
      margin-left: 5px; }

/*.fox-panel {
    z-index: 1;
}

.fox-welcome-wrapper {
    position: relative;

    .authorization {
        padding: 15px;    
        margin-bottom: 14px;

        .authorization-social {
            margin-top: 0;
        }

        .btn-block {
            margin: 0;
        }
    }
}

.fox-welcome-1 {
    position: absolute;
    top: 0;
    z-index: 0;
    left: -45px;
    transition: 0.5s all ease-out;
    cursor: pointer;

    &:hover {
        left: -16px;
    }

    &.out {
        left: -16px;
        transform: rotate(-25deg);
        opacity: 0;
    }
}

.fox-welcome-2 {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.5s all ease-in;
    transform: rotate(15deg);

    &.in {
        z-index: 0;
        opacity: 1;
        display: block;
        transform: rotate(0);
    }
}*/
.genre-list .genre-item {
  display: flex;
  justify-content: space-between; }
  .genre-list .genre-item .genre-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .genre-list .genre-item .genre-dots {
    flex-grow: 1;
    background-image: linear-gradient(90deg, #9c9c9c 33%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin: 0 5px 5px; }

.category-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  height: 28px;
  display: inline-block;
  padding: 0 9px;
  margin: 0 7px 7px 0; }
  .category-btn:hover, .category-btn:focus, .category-btn:active {
    background-color: #e6f0fc;
    border-color: #e6f0fc;
    text-decoration: none;
    color: #444; }

.nav-list {
  padding-left: 5px; }
  .nav-list:before, .nav-list:after {
    content: " ";
    display: table; }
  .nav-list:after {
    clear: both; }
  .nav-list li {
    vertical-align: middle;
    margin-left: 5px; }
    .nav-list li a {
      display: block;
      width: auto;
      padding: 6px 10px;
      color: #444;
      text-decoration: none; }
    .nav-list li:hover a, .nav-list li:active a {
      color: #262626;
      background-color: #e6f0fc; }

.nav-two-col li {
  float: left;
  width: 47%; }
  .nav-two-col li a {
    margin-right: 0; }

#workPreferencesModal .modal-dialog {
  max-width: 800px; }

.genre-ignr-list {
  padding: 15px 0; }
  .genre-ignr-list .genre-column {
    width: 252px;
    display: inline-block;
    vertical-align: top; }
  .genre-ignr-list .checkbox {
    margin: 5px 0; }
  .genre-ignr-list .c-checkbox input[type=checkbox]:checked + span {
    border-color: #A94442;
    background-color: #A94442; }
  .genre-ignr-list .genre-wrapper {
    width: 95%;
    margin-bottom: 15px;
    text-align: left;
    display: inline-block;
    border: 1px solid #ccc; }
  .genre-ignr-list .genre-item-btn {
    text-align: left;
    display: inline-block;
    border-radius: 3px;
    line-height: 16px;
    color: #656565;
    width: 100%;
    padding: 8px 12px; }
    .genre-ignr-list .genre-item-btn .icon-chevron-up {
      display: none; }
    .genre-ignr-list .genre-item-btn.active .icon-chevron-up {
      display: inline-block; }
    .genre-ignr-list .genre-item-btn.active .icon-chevron-down {
      display: none; }
    .genre-ignr-list .genre-item-btn:hover {
      text-decoration: none;
      background-color: #f4f4f5;
      color: #4582AF; }
  .genre-ignr-list .collapse {
    padding: 4px 0 4px 12px; }
  .genre-ignr-list .single-genre-checkbox {
    margin-bottom: 12px;
    text-align: left;
    padding-left: 5px; }
    .genre-ignr-list .single-genre-checkbox .checkbox {
      margin: 0; }

.banner img, .banner .comment-avatar .default-avatar, .comment-avatar .banner .default-avatar, .banner .comment-avatar .ghost-avatar, .comment-avatar .banner .ghost-avatar {
  border-radius: 4px; }

.notification-widget-list {
  padding: 0; }
  .notification-widget-list .notification-widget {
    margin: 0 0 15px 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 4px 1px #cecece; }
    .notification-widget-list .notification-widget .widget {
      color: #444;
      display: block; }
      .notification-widget-list .notification-widget .widget:hover, .notification-widget-list .notification-widget .widget:active {
        text-decoration: none; }
      .notification-widget-list .notification-widget .widget img, .notification-widget-list .notification-widget .widget .comment-avatar .default-avatar, .comment-avatar .notification-widget-list .notification-widget .widget .default-avatar, .notification-widget-list .notification-widget .widget .comment-avatar .ghost-avatar, .comment-avatar .notification-widget-list .notification-widget .widget .ghost-avatar {
        display: block;
        width: 100%;
        border-radius: 4px 4px 0 0; }
        .notification-widget-list .notification-widget .widget img.only, .notification-widget-list .notification-widget .widget .comment-avatar .only.default-avatar, .comment-avatar .notification-widget-list .notification-widget .widget .only.default-avatar, .notification-widget-list .notification-widget .widget .comment-avatar .only.ghost-avatar, .comment-avatar .notification-widget-list .notification-widget .widget .only.ghost-avatar {
          border-radius: 4px; }
      .notification-widget-list .notification-widget .widget i {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #fff;
        border-radius: 8px;
        width: 48px;
        height: 48px;
        display: inline-block;
        font-size: 32px;
        padding: 8px 0 0 8px; }
      .notification-widget-list .notification-widget .widget .widget-text {
        position: relative;
        padding: 10px 36px 10px 70px;
        min-height: 52px; }
      .notification-widget-list .notification-widget .widget .widget-title {
        margin: 0 0 5px 0;
        font-weight: bold; }

.colored-icon-google, .colored-icon-yandex, .colored-icon-facebook, .colored-icon-vk {
  color: #3C599F; }

.colored-icon-instagram {
  color: #e4405f; }

.colored-icon-twitter {
  color: #00aced; }

.colored-icon-telegram {
  color: #0088CC; }

.colored-icon-skype {
  color: #01AEF2; }

.colored-icon-link {
  color: #EF6C00; }

.colored-icon-email {
  color: #444; }

.colored-icon {
  width: 20px;
  display: inline-block; }

.icon-2x {
  font-size: 28px; }

.icon-lg {
  font-size: 18px; }

.icon-fw {
  width: 18px;
  display: inline-block;
  text-align: center; }
  .icon-fw.icon-volume-mute, .icon-fw.icon-volume-medium {
    margin-left: 2px;
    margin-right: 1px; }

i {
  margin-right: 2px; }
  i.icon-v-middle {
    vertical-align: middle !important; }
  i.icon-v-init {
    vertical-align: initial !important; }

.checkbox i {
  margin-right: 0; }

.icon-rotate-90 {
  transform: rotate(90deg); }

.icon-rotate-180 {
  transform: rotate(180deg); }

.icon-rotate-270 {
  transform: rotate(270deg); }

.icon-spin-animate {
  animation: icon-spin 2s infinite linear;
  display: inline-block; }

a:hover .icon-bell-animate {
  animation: notify-bell .5s linear 0s 1 forwards;
  transition: all 0.3s;
  display: inline-block; }

.btn-only-icon .icon-params2 {
  font-size: 18px;
  margin-top: -9px;
  left: 6px; }

@keyframes icon-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes notify-bell {
  15% {
    transform: rotate(-25deg); }
  50% {
    transform: rotate(25deg); }
  75% {
    transform: rotate(-5deg); }
  85% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0deg); } }

.icon-2-open-book, .icon-2-book {
  font-size: 130%; }

.icon-2-collection {
  font-size: 120%; }

.icon-v-sub {
  vertical-align: sub; }

.k-grid tr.active-discount, .k-grid tr.active-discount:hover {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.k-grid tr.past-discount, .k-grid tr.past-discount:hover {
  color: #9197A3; }

/* Copyright 2013-2015 etc Chris Tabor. See https://github.com/christabor/css-progress-wizard/blob/master/LICENSE for details. */
.flexer, .progress-indicator {
  display: flex; }

.no-flexer, .progress-indicator.stacked {
  display: block; }

.no-flexer-element {
  -moz-flex: 0;
  flex: 0; }

.flexer-element, .progress-indicator > li {
  -moz-flex: 1;
  flex: 1; }

.progress-indicator {
  margin: 0;
  padding: 0;
  font-size: 80%;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 2em; }
  .progress-indicator > li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block;
    transition: all 0.2s; }
    .progress-indicator > li:hover {
      color: #6f6f6f; }
  .progress-indicator > li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #bbb;
    display: block;
    margin: 0 auto 0.5em auto;
    border-bottom: 1px solid #888888;
    transition: all 0.2s; }
  .progress-indicator > li .bubble:before,
  .progress-indicator > li .bubble:after {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb;
    transition: all 0.2s; }
  .progress-indicator > li .bubble:before {
    left: 0; }
  .progress-indicator > li .bubble:after {
    right: 0; }
  .progress-indicator > li:first-child .bubble:before,
  .progress-indicator > li:first-child .bubble:after {
    width: 50%;
    margin-left: 50%; }
  .progress-indicator > li:last-child .bubble:before,
  .progress-indicator > li:last-child .bubble:after {
    width: 50%;
    margin-right: 50%; }
  .progress-indicator > li.completed {
    color: #65d074; }
    .progress-indicator > li.completed .bubble {
      background-color: #65d074;
      color: #65d074;
      border-color: #247830; }
      .progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after {
        background-color: #65d074;
        border-color: #247830; }
  .progress-indicator > li.active {
    color: #337AB7; }
    .progress-indicator > li.active .bubble {
      background-color: #337AB7;
      color: #337AB7;
      border-color: #122a3f; }
      .progress-indicator > li.active .bubble:before, .progress-indicator > li.active .bubble:after {
        background-color: #337AB7;
        border-color: #122a3f; }
  .progress-indicator > li a:hover .bubble {
    background-color: #5671d0;
    color: #5671d0;
    border-color: #1f306e;
    transition: all 0.2s; }
    .progress-indicator > li a:hover .bubble:before, .progress-indicator > li a:hover .bubble:after {
      background-color: #5671d0;
      border-color: #1f306e; }
  .progress-indicator > li.danger .bubble {
    background-color: #d3140f;
    color: #d3140f;
    border-color: #440605; }
    .progress-indicator > li.danger .bubble:before, .progress-indicator > li.danger .bubble:after {
      background-color: #d3140f;
      border-color: #440605; }
  .progress-indicator > li.warning .bubble {
    background-color: #edb10a;
    color: #edb10a;
    border-color: #5a4304; }
    .progress-indicator > li.warning .bubble:before, .progress-indicator > li.warning .bubble:after {
      background-color: #edb10a;
      border-color: #5a4304; }
  .progress-indicator > li.info .bubble {
    background-color: #5b32d6;
    color: #5b32d6;
    border-color: #25135d; }
    .progress-indicator > li.info .bubble:before, .progress-indicator > li.info .bubble:after {
      background-color: #5b32d6;
      border-color: #25135d; }
  .progress-indicator.stacked > li {
    text-indent: -10px;
    text-align: center;
    display: block; }
  .progress-indicator.stacked > li .bubble:before,
  .progress-indicator.stacked > li .bubble:after {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%; }
  .progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60% !important;
    width: 45% !important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em; }
  .progress-indicator.stacked > li a {
    border: none; }
  .progress-indicator.stacked.nocenter > li .bubble {
    margin-left: 0;
    margin-right: 0; }
  .progress-indicator.stacked.nocenter > li .bubble:before,
  .progress-indicator.stacked.nocenter > li .bubble:after {
    left: 10px; }
  .progress-indicator.stacked.nocenter .stacked-text {
    width: auto !important;
    display: block;
    margin-left: 40px !important; }

@media handheld, screen and (max-width: 400px) {
  .progress-indicator {
    font-size: 60%; } }

.login-activity h4 {
  font-size: 16px;
  margin: 0; }

.login-activity h1 {
  font-size: 20px;
  margin: 0;
  font-weight: normal; }

.forum-header {
  color: white;
  background-color: #5480ab;
  height: 575px;
  position: relative;
  overflow: hidden; }
  .forum-header h1, .forum-header h3 {
    position: absolute;
    left: 0px;
    right: 0px;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 3;
    margin-inline: auto; }
  .forum-header h1 {
    top: 395px;
    font-size: 60px;
    font-family: "Shantell Sans", Tahoma; }
  .forum-header h3 {
    top: 475px;
    font-size: 25px; }
  .forum-header .bottom-buttons {
    z-index: 3;
    position: absolute;
    top: 535px;
    left: 0px;
    right: 0px;
    text-align: center; }

.header-logo {
  position: absolute;
  width: 434px;
  height: 405px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 121px;
  z-index: 2; }

.header-vector-1 {
  z-index: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.forum-info-block {
  background-color: white;
  font-size: 16px;
  padding: 30px 15px; }

.forum-wrapper {
  max-width: 1140px;
  margin: 0 auto; }

.forum-ticket {
  position: relative;
  max-width: 400px;
  margin: 15px auto 30px;
  display: block; }
  .forum-ticket .ticket-title {
    margin: 0 auto;
    max-width: 200px;
    transition: all 0.2s;
    position: absolute;
    top: calc(15% - 135px / 2);
    z-index: 2;
    text-align: center;
    left: 0;
    right: 0;
    font-family: "Shantell Sans", Tahoma;
    font-size: 35px;
    color: #222; }
  .forum-ticket .ticket-data {
    position: absolute;
    top: 185px;
    right: 0;
    left: 0;
    padding: 0 50px;
    font-size: 20px;
    text-align: center; }
  .forum-ticket .ticket-item-title {
    color: #9197A3;
    font-size: 85%; }
  .forum-ticket .ticket-item-data {
    margin-bottom: 25px; }
  .forum-ticket img, .forum-ticket .comment-avatar .default-avatar, .comment-avatar .forum-ticket .default-avatar, .forum-ticket .comment-avatar .ghost-avatar, .comment-avatar .forum-ticket .ghost-avatar {
    width: 100%; }
  .forum-ticket .qr-code {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 75px);
    width: 150px; }

.mini-ticket-title {
  position: absolute;
  top: calc(50% - 30px);
  z-index: 2;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 50px;
  line-height: 50px; }

.forum-ticket-mini {
  color: #F5F5F5; }

#promocode {
  cursor: pointer; }

@media (min-width: 920px) {
  .header-vector-1 {
    top: 35%; } }

@media (min-width: 1600px) {
  .header-vector-1 {
    top: 16%; } }

@media (max-width: 600px) {
  .forum-header h1 {
    font-size: 38px; }
  .forum-header h3 {
    top: 470px;
    font-size: 19px; } }

/* cyrillic */
@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/shantellsans/v10/FeVvS0pCoLIo-lcdY7kjvNoQqWVWB0qWpl29ajppTuUTu_kJKmHesPOL-maYi4xZeHCNQ09eBlmv8w88PXVh.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* latin */
@font-face {
  font-family: 'Shantell Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/shantellsans/v10/FeVvS0pCoLIo-lcdY7kjvNoQqWVWB0qWpl29ajppTuUTu_kJKmHesPOL-maYi4xZeHCNQ09eBlmv8ws8PQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@media print {
  .no-print, .no-print * {
    display: none !important; } }

.warning-panel {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 5px; }
  .warning-panel p {
    padding-left: 10px; }

.litmob-title {
  padding: 8px 10px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 16px; }
  .litmob-title > a {
    color: #656565; }

.support-link {
  color: #BDBDBD; }
  .support-link:hover {
    color: #4582AF; }

.img-thumbnail {
  border: 0;
  padding: 3px; }

.content-wrapper {
  padding: 15px; }

.breadcrumb > li + li:before {
  content: "/\00a0"; }

.text-muted {
  color: #9197A3;
  font-weight: 200; }
  .text-muted a {
    color: #9197A3 !important; }

.text-header {
  color: #66757F; }

.heart-color {
  color: #e0245e; }

dl {
  margin-bottom: 0; }

.breadcrumb {
  background: 0 0;
  font-size: 17px;
  border: 0;
  padding: 0;
  margin-bottom: 0; }

.special-link {
  color: #6DA3BD; }
  .special-link:focus {
    text-decoration: none;
    color: #6DA3BD; }
  .special-link:hover, .special-link:active {
    color: #2980B9; }

.form-group {
  position: relative; }
  .form-group .hint {
    color: #8899A6;
    margin: 5px 0 0 0;
    font-size: 14px;
    line-height: 18px; }

.size32 {
  width: 32px;
  height: 32px;
  border-radius: 4px; }

.abs-vertical-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0; }

.text-default-color {
  color: #444 !important; }

.no-border {
  border: 0 !important; }

.panel .overlay, .library .overlay, .tab-pane .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 11;
  background-color: #fff;
  opacity: 0.5; }

.panel .loading-indicator, .library .loading-indicator, .tab-pane .loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  z-index: 3; }

/* Vk Group */
#vkGroups {
  width: 100% !important;
  margin-bottom: 14px; }
  #vkGroups > iframe {
    width: 100% !important; }

@media (max-width: 1200px) {
  #reformal_tab {
    display: none !important; } }

.rules-list ul {
  list-style-type: disc;
  padding-left: 17px;
  margin-top: 5px; }
  .rules-list ul > li {
    margin-bottom: 5px; }

.rules-list > li {
  margin-bottom: 10px; }

/* Intro */
.introjs-tooltip {
  min-width: 400px; }

.introjs-prevbutton {
  margin-right: 5px;
  border-right: 2px solid;
  border-radius: 3px; }

.introjs-nextbutton {
  border-radius: 3px; }

.introjs-skipbutton {
  margin-right: 15px; }
  .introjs-skipbutton:focus, .introjs-skipbutton:active, .introjs-skipbutton:hover {
    background: #2671A2;
    border-color: #235677;
    color: #fff !important; }

.introjs-button {
  text-shadow: none;
  font: 14px/normal Roboto, sans-serif; }
  .introjs-button:hover {
    color: #fff !important; }
  .introjs-button.introjs-disabled:hover {
    color: #C2C2C2 !important; }

.navbar.topnavbar.navbar-fixed-top.introjs-fixParent .nav.navbar-nav.navbar-right {
  padding-right: 54px; }

.navbar.topnavbar.navbar-fixed-top.introjs-fixParent .introjs-showElement {
  left: 110px; }

.content.introjs-fixParent {
  position: relative !important; }

.table-with-btn.table.table > tbody > tr > td {
  padding: 0 8px;
  line-height: 45px;
  vertical-align: middle; }

.link-with-border {
  position: relative; }
  .link-with-border:after {
    content: " ";
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0; }
  .link-with-border:hover, .link-with-border:focus, .link-with-border:active {
    text-decoration: none;
    color: #f56728; }
  .link-with-border:hover:after {
    border-bottom: 1px solid #f78959; }

.form-horizontal .control-label-2 {
  margin-top: -5px;
  padding-top: 0; }

.show-all-link {
  font-size: 14px;
  padding-right: 11px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAHZJREFUCB1jmL3+SMGsDYfLGdAA0z+Gf2yMDIwdM9cfbkCTY2CYvf5w/ewNR/4TJcmIrB2kk4GRseHf/3/lTMgSDAz/mUF8Rkag1TAwe/2hJog9R2phYkDLsQjOWn+kEkMlUAvLfwaGz////y9JD7TthRsBZAAAG+tCPfv6yo4AAAAASUVORK5CYII=") no-repeat right 4.5px; }

.games-promo {
  height: 240px;
  background-color: #fbfbfb;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 30px; }
  .games-promo h2 {
    line-height: 1.4;
    margin: 0; }

.games-img {
  height: 240px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); }

.contest-bg {
  background: #807e7a center 50% no-repeat;
  background-size: cover;
  position: relative;
  min-height: 550px;
  z-index: 1;
  margin-bottom: 5px;
  text-align: center; }
  .contest-bg.contest-bg-sdahow:after {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 2;
    width: 600px;
    left: 50%;
    top: 8%;
    margin-left: -300px;
    bottom: 38%;
    border-radius: 5px; }
  .contest-bg .title {
    margin: 0;
    font-size: 30px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    color: #fff;
    z-index: 3;
    opacity: 1;
    top: 50px;
    position: absolute;
    left: 0;
    right: 0; }
  .contest-bg .sub-title, .contest-bg .bottom-title {
    margin: 0;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    z-index: 3;
    opacity: 1;
    top: 115px;
    position: absolute;
    left: 0;
    right: 0; }
  .contest-bg .bottom-title {
    top: 400px; }
  .contest-bg .bottom-buttons {
    z-index: 3;
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0; }
    .contest-bg .bottom-buttons > .btn {
      font-size: 16px; }

/* Count down */
.flip-count-down {
  padding: 0 0 30px;
  width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 200px;
  z-index: 3; }

.flip-count-down .time {
  margin: 0 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 130px;
  width: 65px;
  perspective: 479px;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }

.flip-count-down .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 43px;
  line-height: 92px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;
  transform: translateZ(0);
  transform-style: flat; }

.flip-count-down .count.top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px 5px 0 0;
  height: 47.5px;
  transform-origin: 50% 100%; }

.flip-count-down .count.bottom {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 47.5px;
  top: 47.5px;
  transform-origin: 50% 0; }

.flip-count-down .label {
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  padding: 0; }

/* Animation start */
.flip-count-down .count.curr.top {
  transform: rotateX(0deg);
  z-index: 3; }

.flip-count-down .count.next.bottom {
  transform: rotateX(90deg);
  z-index: 2; }

/* Animation end */
.flip-count-down .flip .count.curr.top {
  transition: all 250ms ease-in-out;
  transform: rotateX(-90deg); }

.flip-count-down .flip .count.next.bottom {
  transition: all 250ms ease-in-out 250ms;
  transform: rotateX(0deg); }

.aside-banner {
  margin-bottom: 14px;
  display: block;
  text-align: center;
  position: relative; }
  .aside-banner img, .aside-banner .comment-avatar .default-avatar, .comment-avatar .aside-banner .default-avatar, .aside-banner .comment-avatar .ghost-avatar, .comment-avatar .aside-banner .ghost-avatar {
    border-radius: 3px;
    z-index: 1; }
  .aside-banner:hover .aside-banner-buttons {
    opacity: 1; }

.aside-banner-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: ease-in opacity 0.1s; }

.contest-table, .scrollable-table-wrapper {
  overflow: auto; }
  .contest-table .table, .scrollable-table-wrapper .table {
    width: auto;
    max-width: none;
    margin-bottom: 0;
    /*tbody tr:first-child > td {
            background-color: #dff0d8;
        }*/ }
    .contest-table .table thead tr th, .scrollable-table-wrapper .table thead tr th {
      white-space: nowrap;
      max-width: 300px;
      text-overflow: ellipsis;
      overflow: hidden; }

@media (max-width: 769px) {
  .contest-bg .title {
    font-size: 25px; }
  .contest-bg .bottom-title {
    top: 355px; }
  .contest-bg .sub-title {
    font-size: 21px; }
  .contest-bg .flip-count-down .count {
    font-size: 30px; }
  .contest-bg .flip-count-down .time {
    width: 50px; }
  .contest-bg .flip-count-down .label {
    font-size: 14px; } }

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
  transition-property: top, right, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #541f00;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #FAA61E;
  background: linear-gradient(#FAA61E 0%, #FA9108 100%);
  box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 19px;
  right: -21px; }

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #FA9108;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FA9108; }

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #FA9108;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FA9108; }

#authModal .authorization {
  padding: 20px; }
  #authModal .authorization.auth-popup {
    padding: 0; }
  #authModal .authorization .authorization-social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px; }
    #authModal .authorization .authorization-social .btn-vk {
      background: #07F; }
    #authModal .authorization .authorization-social .btn-yandex {
      background: #000; }
    #authModal .authorization .authorization-social .btn-facebook {
      background: #1877F2; }
    #authModal .authorization .authorization-social .btn-google {
      background: #F2F2F2;
      color: #000000; }
    #authModal .authorization .authorization-social .btn-yandex, #authModal .authorization .authorization-social .btn-facebook, #authModal .authorization .authorization-social .btn-google, #authModal .authorization .authorization-social .btn-vk {
      display: flex;
      padding: 6px 4px;
      justify-content: center;
      align-items: center;
      margin: 0;
      border-radius: 8px;
      width: 130px;
      height: 36px; }
      #authModal .authorization .authorization-social .btn-yandex img, #authModal .authorization .authorization-social .btn-yandex .comment-avatar .default-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-yandex .default-avatar, #authModal .authorization .authorization-social .btn-yandex .comment-avatar .ghost-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-yandex .ghost-avatar, #authModal .authorization .authorization-social .btn-facebook img, #authModal .authorization .authorization-social .btn-facebook .comment-avatar .default-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-facebook .default-avatar, #authModal .authorization .authorization-social .btn-facebook .comment-avatar .ghost-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-facebook .ghost-avatar, #authModal .authorization .authorization-social .btn-google img, #authModal .authorization .authorization-social .btn-google .comment-avatar .default-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-google .default-avatar, #authModal .authorization .authorization-social .btn-google .comment-avatar .ghost-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-google .ghost-avatar, #authModal .authorization .authorization-social .btn-vk img, #authModal .authorization .authorization-social .btn-vk .comment-avatar .default-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-vk .default-avatar, #authModal .authorization .authorization-social .btn-vk .comment-avatar .ghost-avatar, .comment-avatar #authModal .authorization .authorization-social .btn-vk .ghost-avatar {
        margin-right: 6px; }
  #authModal .authorization .authorization-social-title {
    text-align: center;
    overflow: hidden; }

.ad {
  text-align: center; }
  .ad img, .ad .comment-avatar .default-avatar, .comment-avatar .ad .default-avatar, .ad .comment-avatar .ghost-avatar, .comment-avatar .ad .ghost-avatar {
    height: auto !important;
    margin: 0 auto 14px; }

.fade-box {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }
  .fade-box .lazyload,
  .fade-box .lazyloading {
    opacity: 0; }
  .fade-box img.lazyloaded, .fade-box .comment-avatar .lazyloaded.default-avatar, .comment-avatar .fade-box .lazyloaded.default-avatar, .fade-box .comment-avatar .lazyloaded.ghost-avatar, .comment-avatar .fade-box .lazyloaded.ghost-avatar {
    opacity: 1;
    transition: opacity 200ms; }

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.hasselect {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text; }

.lazyloading {
  background-color: inherit;
  animation: placeholder-glow 2s ease-in-out infinite; }

@keyframes placeholder-glow {
  50% {
    background-color: rgba(1, 1, 1, 0.1); } }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.typed-text {
  border-bottom: 4px solid #4582AF;
  transition: border-color .3s ease-in-out; }

.typed-cursor {
  opacity: 1;
  animation: blink 0.7s infinite; }

#typed-strings {
  visibility: hidden; }

.ad-aside {
  margin-bottom: 14px; }

img[data-width][data-height], .comment-avatar .default-avatar[data-width][data-height], .comment-avatar .ghost-avatar[data-width][data-height] {
  cursor: pointer; }

.pagination-container {
  margin: 15px 0; }

.hint-extralarge:after {
  white-space: normal;
  line-height: 1.4em;
  width: 390px; }

.tg-chat-info {
  background-color: #fff;
  padding: 15px; }
  .tg-chat-info h1 {
    margin-top: 0; }
  .tg-chat-info h3 {
    font-size: 18px; }
  .tg-chat-info .list-without-style {
    list-style: none; }
  .tg-chat-info .btn-primary {
    padding: 9px 25px;
    font-size: 17px; }
  .tg-chat-info .table {
    max-width: 400px;
    margin: 15px auto; }

.library-night {
  background: url("../../distCommon/images/icons/icon-library-night.svg");
  height: 22px;
  width: 22px;
  display: block; }

#cookieConsent {
  background-color: #2b2d31;
  border-radius: 4px;
  align-items: center;
  z-index: 2147483647;
  font-size: 14px;
  line-height: 18px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 15px 10px 15px 20px;
  max-width: 585px;
  color: #f9f9f9; }
  #cookieConsent .cookie-consent-text {
    flex: 1;
    margin-right: 20px; }
  #cookieConsent .btn {
    padding: 6px 30px; }

html.dark {
  color-scheme: dark; }

html.dark:not(.reader):not(.admin-area) {
  --white: #f9f9f9;
  --black: #444;
  --inverted-white: #000;
  --inverted-gray: #e5e5e5;
  --grey-1-mute: #37393f;
  --card-bg-color: #333;
  --header-bg-color: #262626;
  --header-text-color: #444;
  --menu-text-color: #cacccf;
  --menu-text-hover-color: #9b9d9f;
  --menu-block-hover-color: #484848;
  --dropdown-menu-background: #3b3b3b;
  --layout-bg-color: #1e1f22;
  --grey-1: #dcdcde;
  --grey-3-darker: #7b7d89;
  --orange-dark: #a96300;
  --orange-darker: #ffd08c;
  --red: #fd6148;
  --alt-red: #d84f39;
  --panel-heading-color: #d9d9d9;
  --input-color: #1a1a1a;
  --panel-bg: #ebebeb; }

html.dark:not(.reader):not(.admin-area) {
  filter: invert(1) hue-rotate(180deg);
  color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) ::-moz-selection {
    background: #80b8ec;
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) ::selection {
    background: #80b8ec;
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) body {
    color: var(--input-color);
    background-color: #fefefe; }
  html.dark:not(.reader):not(.admin-area) body > .wrapper img, html.dark:not(.reader):not(.admin-area) body > .wrapper .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .default-avatar, html.dark:not(.reader):not(.admin-area) body > .wrapper .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .ghost-avatar, html.dark:not(.reader):not(.admin-area) body > .wrapper video, html.dark:not(.reader):not(.admin-area) body > .wrapper canvas, html.dark:not(.reader):not(.admin-area) body > .wrapper iframe, html.dark:not(.reader):not(.admin-area) body > .wrapper picture, html.dark:not(.reader):not(.admin-area) body > .wrapper .charts .infobox, html.dark:not(.reader):not(.admin-area) body > .wrapper .emojione, html.dark:not(.reader):not(.admin-area) body > .wrapper .ribbon span {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) body > .pswp {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar,
  html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player {
    filter: invert(1) hue-rotate(180deg); }
    html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books img, html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books .default-avatar, html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .section-f-books .ghost-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar img,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar .comment-avatar .default-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar .default-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar .comment-avatar .ghost-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar .ghost-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar img,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar .comment-avatar .default-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar .default-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar .comment-avatar .ghost-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .my-profile-avatar .ghost-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player img,
    html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player .comment-avatar .default-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player .default-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player .comment-avatar .ghost-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper lottie-player .ghost-avatar {
      filter: none; }
  html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar {
    filter: invert(1) hue-rotate(180deg);
    border-bottom: 0;
    background-color: #141414; }
    html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover img, html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover .default-avatar, html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .cover .ghost-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar img,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar .comment-avatar .default-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar .default-avatar,
    html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar .comment-avatar .ghost-avatar,
    .comment-avatar html.dark:not(.reader):not(.admin-area) body > .wrapper .profile-avatar aside-profile-avatar .ghost-avatar {
      filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) body > .wrapper .aside-profile.profile-card .profile-name,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .user-avatar .default-avatar,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .wc-comment .default-avatar,
  html.dark:not(.reader):not(.admin-area) body > .wrapper .form-group .avatar-inner .default-avatar {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) body > header,
  html.dark:not(.reader):not(.admin-area) #toast-container,
  html.dark:not(.reader):not(.admin-area) .work-mark-button,
  html.dark:not(.reader):not(.admin-area) #gallery img,
  html.dark:not(.reader):not(.admin-area) #gallery .comment-avatar .default-avatar,
  .comment-avatar html.dark:not(.reader):not(.admin-area) #gallery .default-avatar,
  html.dark:not(.reader):not(.admin-area) #gallery .comment-avatar .ghost-avatar,
  .comment-avatar html.dark:not(.reader):not(.admin-area) #gallery .ghost-avatar {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .topnavbar [data-hint]:after, html.dark:not(.reader):not(.admin-area) .topnavbar [data-hint]:before {
    filter: none; }
  html.dark:not(.reader):not(.admin-area) .topnavbar .list-group .list-group-item .contact:hover {
    background-color: rgba(20, 20, 20, 0.3); }
  html.dark:not(.reader):not(.admin-area) .topnavbar .navbar-right .label {
    color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .to-top, html.dark:not(.reader):not(.admin-area) .to-bottom {
    color: var(--inverted-white);
    background-color: var(--inverted-gray); }
  html.dark:not(.reader):not(.admin-area) .updownscroll:hover {
    background-color: rgba(229, 229, 229, 0.7); }
    html.dark:not(.reader):not(.admin-area) .updownscroll:hover .to-top, html.dark:not(.reader):not(.admin-area) .updownscroll:hover .to-bottom {
      background-color: var(--grey-3-darker); }
  html.dark:not(.reader):not(.admin-area) .pay-methods,
  html.dark:not(.reader):not(.admin-area) .collection-page .cover .cover-bg,
  html.dark:not(.reader):not(.admin-area) .profile .cover .cover-bg,
  html.dark:not(.reader):not(.admin-area) .profile .cover .profile-name,
  html.dark:not(.reader):not(.admin-area) .profile .cover .profile-status,
  html.dark:not(.reader):not(.admin-area) .profile .cover .cover-border,
  html.dark:not(.reader):not(.admin-area) .edit-avatar-image-wrapper,
  html.dark:not(.reader):not(.admin-area) .image-preview,
  html.dark:not(.reader):not(.admin-area) .my-profile.editing-bg .cover,
  html.dark:not(.reader):not(.admin-area) .my-profile.editing-bg .profile-info {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .pay-method a, html.dark:not(.reader):not(.admin-area) .pay-type a {
    background-color: var(--menu-block-hover-color);
    border-color: transparent;
    color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .pay-type:not(.disabled):hover a {
    background-color: transparent;
    border-color: var(--grey-1); }
  html.dark:not(.reader):not(.admin-area) .pay-method small {
    background-color: var(--menu-block-hover-color); }
  html.dark:not(.reader):not(.admin-area) .pm-yoomoney {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .pm-sbp {
    background-image: url(../../distCommon/images/payMethods/sbp_dark.svg); }
  html.dark:not(.reader):not(.admin-area) .pm-robokassa, html.dark:not(.reader):not(.admin-area) .pm-robokassa-2 {
    background-image: url(../../distCommon/images/payMethods/robokassa_dark.svg); }
  html.dark:not(.reader):not(.admin-area) .pm-payanyway {
    background-image: url(../../distCommon/images/payMethods/payanyway_dark.svg); }
  html.dark:not(.reader):not(.admin-area) .pm-payselection {
    background-image: url(../../distCommon/images/payMethods/payselection_dark.svg); }
  html.dark:not(.reader):not(.admin-area) .pm-cloudpayments {
    background-image: url(../../distCommon/images/payMethods/cloudpayments_dark.svg); }
  html.dark:not(.reader):not(.admin-area) .new-year-layout .topnavbar-wrapper {
    background-color: var(--header-bg-color); }
  html.dark:not(.reader):not(.admin-area) .green-menu-theme {
    background-color: var(--header-bg-color) !important; }
  html.dark:not(.reader):not(.admin-area) .btn-default {
    color: var(--inverted-white);
    background-color: transparent;
    border-color: #666; }
    html.dark:not(.reader):not(.admin-area) .btn-default.active {
      color: var(--inverted-white) !important;
      background-color: #aaaaaa !important;
      border-color: #666 !important; }
  html.dark:not(.reader):not(.admin-area) .btn-brd:hover,
  html.dark:not(.reader):not(.admin-area) .btn-only-brd:focus,
  html.dark:not(.reader):not(.admin-area) .btn-only-brd:hover,
  html.dark:not(.reader):not(.admin-area) .btn-gray:focus,
  html.dark:not(.reader):not(.admin-area) .btn-gray:hover,
  html.dark:not(.reader):not(.admin-area) .pagination > .active > a {
    color: #666;
    background-color: #d0d0d0;
    border-color: #a3a3a3; }
    html.dark:not(.reader):not(.admin-area) .btn-brd:hover:not([disabled]),
    html.dark:not(.reader):not(.admin-area) .btn-only-brd:focus:not([disabled]),
    html.dark:not(.reader):not(.admin-area) .btn-only-brd:hover:not([disabled]),
    html.dark:not(.reader):not(.admin-area) .btn-gray:focus:not([disabled]),
    html.dark:not(.reader):not(.admin-area) .btn-gray:hover:not([disabled]),
    html.dark:not(.reader):not(.admin-area) .pagination > .active > a:not([disabled]) {
      color: var(--inverted-white) !important;
      background-color: #dadada !important;
      border-color: #666 !important; }
  html.dark:not(.reader):not(.admin-area) .pagination > li > a {
    color: #6e6e6e;
    background-color: #e4e4e4;
    border-color: #9b9b9b; }
  html.dark:not(.reader):not(.admin-area) .btn-primary,
  html.dark:not(.reader):not(.admin-area) .btn-with-discount span:first-child,
  html.dark:not(.reader):not(.admin-area) .btn-toggle-action.btn-success .hover-content,
  html.dark:not(.reader):not(.admin-area) .btn-toggle-action.btn-primary .hover-content {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .btn-gray,
  html.dark:not(.reader):not(.admin-area) .btn-default:hover {
    color: var(--inverted-white);
    background-color: #c6c6c6;
    border-color: #666; }
  html.dark:not(.reader):not(.admin-area) .reward-form .btn-primary {
    background-color: #4582AF;
    border-color: #3e749d; }
  html.dark:not(.reader):not(.admin-area) .btn-warning {
    color: var(--inverted-white);
    background-color: var(--orange-dark);
    border-color: var(--orange-darker); }
  html.dark:not(.reader):not(.admin-area) .btn-simple-danger {
    border-color: #666;
    background-color: transparent; }
    html.dark:not(.reader):not(.admin-area) .btn-simple-danger:hover:not([disabled]) {
      color: var(--inverted-white) !important;
      background: var(--red) !important; }
    html.dark:not(.reader):not(.admin-area) .btn-simple-danger[disabled] {
      color: #4d4d4d !important; }
  html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu, html.dark:not(.reader):not(.admin-area) .nav-list {
    background-color: var(--dropdown-menu-background) !important;
    color: var(--menu-text-color); }
    html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu:after, html.dark:not(.reader):not(.admin-area) .nav-list:after {
      border-bottom-color: var(--dropdown-menu-background) !important; }
    html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu > li > a, html.dark:not(.reader):not(.admin-area) .nav-list > li > a {
      color: var(--menu-text-color) !important; }
      html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu > li > a:hover, html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu > li > a:focus, html.dark:not(.reader):not(.admin-area) .nav-list > li > a:hover, html.dark:not(.reader):not(.admin-area) .nav-list > li > a:focus {
        background-color: var(--menu-block-hover-color) !important;
        color: var(--white) !important; }
    html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu.dropdown-menu-links .link-with-icon i, html.dark:not(.reader):not(.admin-area) .nav-list.dropdown-menu-links .link-with-icon i {
      color: var(--menu-text-color); }
    html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu .label-success, html.dark:not(.reader):not(.admin-area) .nav-list .label-success {
      color: #fff;
      background-color: #80be58; }
    html.dark:not(.reader):not(.admin-area) .navbar .navbar-nav .dropdown-menu .contact, html.dark:not(.reader):not(.admin-area) .nav-list .contact {
      color: var(--menu-text-color); }
  html.dark:not(.reader):not(.admin-area) .comment .comment-rating i,
  html.dark:not(.reader):not(.admin-area) .comment:hover .comment-rating i {
    color: #919191; }
  html.dark:not(.reader):not(.admin-area) .text-success,
  html.dark:not(.reader):not(.admin-area) .post i.like:hover,
  html.dark:not(.reader):not(.admin-area) .post i.like.toggle,
  html.dark:not(.reader):not(.admin-area) .post.full-post .post-buttons:hover i.like:hover,
  html.dark:not(.reader):not(.admin-area) .post.full-post .post-buttons:hover i.like.toggle,
  html.dark:not(.reader):not(.admin-area) .feed-row:hover .rating i.like:hover,
  html.dark:not(.reader):not(.admin-area) .feed-row:hover .rating i.like.toggle,
  html.dark:not(.reader):not(.admin-area) .comment .comment-rating i.like:hover,
  html.dark:not(.reader):not(.admin-area) .comment .comment-rating i.like.toggle,
  html.dark:not(.reader):not(.admin-area) .comment:hover .comment-rating i.like:hover,
  html.dark:not(.reader):not(.admin-area) .comment:hover .comment-rating i.like.toggle,
  html.dark:not(.reader):not(.admin-area) .btn-favorite:hover i,
  html.dark:not(.reader):not(.admin-area) .btn-favorite i.toggle {
    color: #5ba81c !important; }
  html.dark:not(.reader):not(.admin-area) .post i.dislike:hover,
  html.dark:not(.reader):not(.admin-area) .post i.dislike.toggle,
  html.dark:not(.reader):not(.admin-area) .post.full-post .post-buttons:hover i.dislike:hover,
  html.dark:not(.reader):not(.admin-area) .post.full-post .post-buttons:hover i.dislike.toggle,
  html.dark:not(.reader):not(.admin-area) .feed-row:hover .rating i.dislike:hover,
  html.dark:not(.reader):not(.admin-area) .feed-row:hover .rating i.dislike.toggle,
  html.dark:not(.reader):not(.admin-area) .comment .comment-rating i.dislike:hover,
  html.dark:not(.reader):not(.admin-area) .comment .comment-rating i.dislike.toggle,
  html.dark:not(.reader):not(.admin-area) .comment:hover .comment-rating i.dislike:hover,
  html.dark:not(.reader):not(.admin-area) .comment:hover .comment-rating i.dislike.toggle,
  html.dark:not(.reader):not(.admin-area) .btn-favorite:hover i,
  html.dark:not(.reader):not(.admin-area) .btn-favorite i.toggle {
    color: #E67E22 !important; }
  html.dark:not(.reader):not(.admin-area) .wc-comment .comment-text {
    background: #bdbdbd;
    color: var(---inverted-white); }
  html.dark:not(.reader):not(.admin-area) .feed .feed-row.is-new .post .post-rating i,
  html.dark:not(.reader):not(.admin-area) .feed .feed-row.is-new .post .post-stats > span > a,
  html.dark:not(.reader):not(.admin-area) .feed .feed-row.is-new .post .btn-favorite i {
    color: var(--inverted-grey); }
  html.dark:not(.reader):not(.admin-area) .feed-row.is-new {
    background-color: #c6c6c6 !important; }
  html.dark:not(.reader):not(.admin-area) .btn-success, html.dark:not(.reader):not(.admin-area) .label-success {
    background-color: #5ba81c;
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .label, html.dark:not(.reader):not(.admin-area) .qq-upload-button {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .label-warning {
    background-color: var(--orange-dark);
    border-color: var(--orange-darker); }
  html.dark:not(.reader):not(.admin-area) .label-info {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .panel,
  html.dark:not(.reader):not(.admin-area) .profile-top-wrapper,
  html.dark:not(.reader):not(.admin-area) .feed-row,
  html.dark:not(.reader):not(.admin-area) .modal-content,
  html.dark:not(.reader):not(.admin-area) .fr-tooltip,
  html.dark:not(.reader):not(.admin-area) #toast-container > div {
    box-shadow: none; }
  html.dark:not(.reader):not(.admin-area) .panel, html.dark:not(.reader):not(.admin-area) .nav-pills-v2, html.dark:not(.reader):not(.admin-area) .feed-row, html.dark:not(.reader):not(.admin-area) .panel-heading.panel-nav {
    background-color: #ebebeb; }
  html.dark:not(.reader):not(.admin-area) .panel .panel-heading {
    color: var(--header-text-color); }
    html.dark:not(.reader):not(.admin-area) .panel .panel-heading > a {
      color: var(--header-text-color); }
  html.dark:not(.reader):not(.admin-area) .form-control, html.dark:not(.reader):not(.admin-area) select.form-control, html.dark:not(.reader):not(.admin-area) .book-review-info,
  html.dark:not(.reader):not(.admin-area) .aside-profile.profile-card,
  html.dark:not(.reader):not(.admin-area) .fr-box .fr-counter,
  html.dark:not(.reader):not(.admin-area) .fr-toolbar,
  html.dark:not(.reader):not(.admin-area) .search-form .form-group,
  html.dark:not(.reader):not(.admin-area) .search-input,
  html.dark:not(.reader):not(.admin-area) .fr-box.fr-basic .fr-wrapper {
    background-color: var(--inverted-gray);
    border-color: #a2a2a2;
    color: var(--input-color); }
    html.dark:not(.reader):not(.admin-area) .form-control:focus, html.dark:not(.reader):not(.admin-area) select.form-control:focus, html.dark:not(.reader):not(.admin-area) .book-review-info:focus,
    html.dark:not(.reader):not(.admin-area) .aside-profile.profile-card:focus,
    html.dark:not(.reader):not(.admin-area) .fr-box .fr-counter:focus,
    html.dark:not(.reader):not(.admin-area) .fr-toolbar:focus,
    html.dark:not(.reader):not(.admin-area) .search-form .form-group:focus,
    html.dark:not(.reader):not(.admin-area) .search-input:focus,
    html.dark:not(.reader):not(.admin-area) .fr-box.fr-basic .fr-wrapper:focus {
      box-shadow: 0 0 0 2px #489abf; }
  html.dark:not(.reader):not(.admin-area) .searched-item {
    background: #bdbdbd; }
  html.dark:not(.reader):not(.admin-area) select option {
    color: var(--inverted-gray);
    background-color: var(--header-bg-color); }
    html.dark:not(.reader):not(.admin-area) select option:hover {
      background-color: var(--card-bg-color); }
  html.dark:not(.reader):not(.admin-area) .c-checkbox span, html.dark:not(.reader):not(.admin-area) .c-radio span {
    border-color: var(--input-color); }
  html.dark:not(.reader):not(.admin-area) .c-checkbox input[type=checkbox]:checked + span:before,
  html.dark:not(.reader):not(.admin-area) .c-checkbox input[type=radio]:checked + span:before,
  html.dark:not(.reader):not(.admin-area) .c-radio input[type=checkbox]:checked + span:before,
  html.dark:not(.reader):not(.admin-area) .c-radio input[type=radio]:checked + span:before {
    color: var(--input-color); }
  html.dark:not(.reader):not(.admin-area) .genre-ignr-list .c-checkbox input[type=checkbox]:checked + span {
    background-color: #ff7b7b; }
  html.dark:not(.reader):not(.admin-area) .sumo-select > .caption-container, html.dark:not(.reader):not(.admin-area) .sumo-select > .caption-container > span.placeholder {
    background-color: var(--inverted-gray);
    color: var(--input-color);
    border-color: #a2a2a2; }
  html.dark:not(.reader):not(.admin-area) .sumo-select > .options-wrapper {
    background-color: var(--inverted-gray);
    box-shadow: none; }
    html.dark:not(.reader):not(.admin-area) .sumo-select > .options-wrapper > .options {
      scrollbar-color: #b1b6bd var(--inverted-gray); }
  html.dark:not(.reader):not(.admin-area) .book-filter-form label {
    color: var(--input-color); }
  html.dark:not(.reader):not(.admin-area) .fr-box .fr-counter {
    background: transparent; }
  html.dark:not(.reader):not(.admin-area) .modal-backdrop {
    background-color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .modal .modal-content {
    border-top-color: #ccc;
    background-color: #d5d5d5; }
  html.dark:not(.reader):not(.admin-area) .layout-fixed .wrapper .aside, html.dark:not(.reader):not(.admin-area) .sidebar {
    background-color: var(--inverted-gray); }
  html.dark:not(.reader):not(.admin-area) .sidebar::-webkit-scrollbar {
    width: 10px; }
  html.dark:not(.reader):not(.admin-area) .sidebar::-webkit-scrollbar-thumb {
    background: #b1b6bd;
    border-radius: 8px; }
  html.dark:not(.reader):not(.admin-area) .sidebar::-webkit-scrollbar-track {
    border-radius: 4px; }
  html.dark:not(.reader):not(.admin-area) .k-grid .k-grid-content::-webkit-scrollbar {
    width: 10px; }
  html.dark:not(.reader):not(.admin-area) .k-grid .k-grid-content::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px; }
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.active,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.active .nav,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.active > a,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.open,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.open .nav,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.open > a,
  html.dark:not(.reader):not(.admin-area) .sidebar li:not(.sidebar):not(.sidebar-nav):hover {
    background-color: #c6c6c6; }
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.active > a, html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li.active > span,
  html.dark:not(.reader):not(.admin-area) .sidebar > .nav > li > a:hover,
  html.dark:not(.reader):not(.admin-area) .sidebar .nav-heading {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .fr-tooltip {
    color: var(--inverted-white);
    background-color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .authorization, html.dark:not(.reader):not(.admin-area) .authorization .authorization-social-title-text {
    background-color: #d5d5d5; }
  html.dark:not(.reader):not(.admin-area) .art-actions .btn-default {
    background-color: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) .art-actions .change-order-btn img, html.dark:not(.reader):not(.admin-area) .art-actions .change-order-btn .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .art-actions .change-order-btn .default-avatar, html.dark:not(.reader):not(.admin-area) .art-actions .change-order-btn .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .art-actions .change-order-btn .ghost-avatar {
    filter: none; }
  html.dark:not(.reader):not(.admin-area) .f-book-container,
  html.dark:not(.reader):not(.admin-area) .contest-bg,
  html.dark:not(.reader):not(.admin-area) .contest-bg .bottom-buttons,
  html.dark:not(.reader):not(.admin-area) .contest-bg .label,
  html.dark:not(.reader):not(.admin-area) #cookieConsent {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .slick-prev, html.dark:not(.reader):not(.admin-area) .slick-next,
  html.dark:not(.reader):not(.admin-area) .slick-container.section-banners .slick-prev,
  html.dark:not(.reader):not(.admin-area) .slick-container.section-banners .slick-next {
    background-image: url(../images/arrows.svg);
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .f-book-cover img, html.dark:not(.reader):not(.admin-area) .f-book-cover .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .f-book-cover .default-avatar, html.dark:not(.reader):not(.admin-area) .f-book-cover .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .f-book-cover .ghost-avatar {
    filter: none !important; }
  html.dark:not(.reader):not(.admin-area) .book-row .book-cover .bookcard-discount {
    filter: invert(1) hue-rotate(180deg);
    background: var(--alt-red); }
  html.dark:not(.reader):not(.admin-area) .book-row .book-cover .book-cover-content:not(.audiobook-cover-content)::after {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .book-row .book-cover .bookcard-header {
    background: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) .book-row .change-order-btn img, html.dark:not(.reader):not(.admin-area) .book-row .change-order-btn .comment-avatar .default-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .book-row .change-order-btn .default-avatar, html.dark:not(.reader):not(.admin-area) .book-row .change-order-btn .comment-avatar .ghost-avatar, .comment-avatar html.dark:not(.reader):not(.admin-area) .book-row .change-order-btn .ghost-avatar {
    filter: invert(47%) sepia(29%) saturate(815%) hue-rotate(163deg) brightness(93%) contrast(91%) !important; }
  html.dark:not(.reader):not(.admin-area) .bookcard-footer .bookcard-title:after,
  html.dark:not(.reader):not(.admin-area) .bookcard-footer .bookcard-authors:after {
    background-color: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) [data-hint]:after, html.dark:not(.reader):not(.admin-area) [data-hint]:before {
    filter: invert(1) hue-rotate(180deg);
    box-shadow: none; }
  html.dark:not(.reader):not(.admin-area) .work-mark-button[data-hint]::after,
  html.dark:not(.reader):not(.admin-area) .work-mark-button[data-hint]::before {
    filter: none;
    box-shadow: none; }
  html.dark:not(.reader):not(.admin-area) .dropdown-menu {
    box-shadow: none; }
  html.dark:not(.reader):not(.admin-area) .comment:not(.c-reply):hover, html.dark:not(.reader):not(.admin-area) .disputed-item:hover {
    background-color: #e5e5e5; }
  html.dark:not(.reader):not(.admin-area) .comment.highlighted,
  html.dark:not(.reader):not(.admin-area) .comment-toggle-expand {
    background-color: #d1d1d1; }
  html.dark:not(.reader):not(.admin-area) .comment.highlighted:hover {
    background-color: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) .comment.is-new header {
    background-color: var(--menu-text-color); }
    html.dark:not(.reader):not(.admin-area) .comment.is-new header .comment-user-name {
      color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .cssfilters .f-bg-image {
    filter: contrast(0.1); }
  html.dark:not(.reader):not(.admin-area) .topnavbar .navbar-form .form-control {
    background-color: var(--card-bg-color);
    border: 1px solid var(--inverted-gray);
    color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .navbar-form input.form-control:-webkit-autofill,
  html.dark:not(.reader):not(.admin-area) .navbar-form input.form-control:-webkit-autofill:hover,
  html.dark:not(.reader):not(.admin-area) .navbar-form input.form-control:-webkit-autofill:focus,
  html.dark:not(.reader):not(.admin-area) .navbar-form input.form-control:-webkit-autofill:active {
    box-shadow: 0 0 0 1000px var(--card-bg-color) inset !important;
    -webkit-text-fill-color: var(--white) !important; }
  html.dark:not(.reader):not(.admin-area) .tab-v2 .nav-tabs .active > a,
  html.dark:not(.reader):not(.admin-area) .tab-v2 .nav-tabs > a:hover,
  html.dark:not(.reader):not(.admin-area) .tab-v2 .nav-tabs > a:focus {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .tab-v2 .nav-tabs > li > a {
    color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .book-custom-cover {
    filter: invert(1) hue-rotate(180deg);
    background-color: #dbd7cc; }
  html.dark:not(.reader):not(.admin-area) .bookcard-title::after,
  html.dark:not(.reader):not(.admin-area) .bookcard-authors::after {
    background-color: #dbd7cc; }
  html.dark:not(.reader):not(.admin-area) .friend-card .profile-name:after {
    background-color: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) .notification-header {
    color: var(--white);
    border-bottom: solid 1px var(--grey-1); }
  html.dark:not(.reader):not(.admin-area) .notification-see-more {
    background-color: var(--card-bg-color); }
    html.dark:not(.reader):not(.admin-area) .notification-see-more:hover {
      text-decoration: underline !important; }
  html.dark:not(.reader):not(.admin-area) .list-group-item {
    color: var(--white);
    background-color: var(--card-bg-color); }
    html.dark:not(.reader):not(.admin-area) .list-group-item:hover {
      color: var(--white);
      background-color: var(--card-bg-color); }
  html.dark:not(.reader):not(.admin-area) .profile .cover .cover-buttons .btn {
    color: var(--header-text-color);
    background-color: var(--grey-1); }
  html.dark:not(.reader):not(.admin-area) .aside-banner-buttons .btn {
    color: var(--header-text-color);
    background-color: var(--grey-1);
    z-index: 1; }
  html.dark:not(.reader):not(.admin-area) .editing-bg-buttons .btn,
  html.dark:not(.reader):not(.admin-area) #cookieConsent .btn {
    color: var(--white); }
  html.dark:not(.reader):not(.admin-area) .aside-profile-stats, html.dark:not(.reader):not(.admin-area) .aside-profile-btns {
    background-color: var(--inverted-gray); }
  html.dark:not(.reader):not(.admin-area) .main-info .aside-profile-stats, html.dark:not(.reader):not(.admin-area) .main-info .aside-profile-btns {
    background-color: transparent; }
  html.dark:not(.reader):not(.admin-area) .stats-sep {
    border-right-color: var(--black); }
  html.dark:not(.reader):not(.admin-area) .contest-title {
    color: var(--inverted-white);
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.9); }
  html.dark:not(.reader):not(.admin-area) .btn-google, html.dark:not(.reader):not(.admin-area) .btn-yandex, html.dark:not(.reader):not(.admin-area) .btn-facebook, html.dark:not(.reader):not(.admin-area) .btn-vk, html.dark:not(.reader):not(.admin-area) .btn-twitter, html.dark:not(.reader):not(.admin-area) .btn-green, html.dark:not(.reader):not(.admin-area) .heart,
  html.dark:not(.reader):not(.admin-area) .section-top,
  html.dark:not(.reader):not(.admin-area) .section-img:before,
  html.dark:not(.reader):not(.admin-area) .section-img:after,
  html.dark:not(.reader):not(.admin-area) .section-android-top {
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .authorization-bg {
    filter: invert(1) hue-rotate(180deg); }
    html.dark:not(.reader):not(.admin-area) .authorization-bg .block-center.authorization {
      filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .layout-fixed .wrapper .pm-aside {
    background-color: #fafafa; }
  html.dark:not(.reader):not(.admin-area) .pm-messages .message-text-wrapper {
    background-color: #dedede; }
    html.dark:not(.reader):not(.admin-area) .pm-messages .message-text-wrapper:after {
      border-right-color: #dedede; }
  html.dark:not(.reader):not(.admin-area) .pm-messages .message.own .message-text-wrapper {
    background-color: #5c7ea5; }
    html.dark:not(.reader):not(.admin-area) .pm-messages .message.own .message-text-wrapper:after {
      border-left-color: #5c7ea5;
      border-right-color: transparent; }
  html.dark:not(.reader):not(.admin-area) .pm-messages .message.other-chat {
    background-color: rgba(50, 50, 141, 0.2); }
  html.dark:not(.reader):not(.admin-area) .contact-list .contact.active {
    color: var(---inverted-white); }
    html.dark:not(.reader):not(.admin-area) .contact-list .contact.active .text-muted {
      color: var(--inverted-white); }
  html.dark:not(.reader):not(.admin-area) .slick-arrow-wrapper-right,
  html.dark:not(.reader):not(.admin-area) .slick-arrow-wrapper-left {
    background-color: var(--panel-bg); }
  html.dark:not(.reader):not(.admin-area) .sweet-alert .icon.success::before,
  html.dark:not(.reader):not(.admin-area) .sweet-alert .icon.success::after,
  html.dark:not(.reader):not(.admin-area) .sweet-alert .icon.success .fix {
    background: #2a2a2a;
    filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .contest-img-wrap .art-overlay {
    opacity: 0; }
  html.dark:not(.reader):not(.admin-area) .filter-item.selected,
  html.dark:not(.reader):not(.admin-area) .filter-item.selected:hover {
    color: var(---inverted-white); }
    html.dark:not(.reader):not(.admin-area) .filter-item.selected .count > span,
    html.dark:not(.reader):not(.admin-area) .filter-item.selected:hover .count > span {
      color: var(---inverted-white); }
  html.dark:not(.reader):not(.admin-area) .gift-book-background {
    filter: invert(1) hue-rotate(180deg); }
    html.dark:not(.reader):not(.admin-area) .gift-book-background .btn, html.dark:not(.reader):not(.admin-area) .gift-book-background .gift-book-promo {
      filter: invert(1) hue-rotate(180deg); }
  html.dark:not(.reader):not(.admin-area) .message-body a {
    color: var(--grey-1-mute);
    text-decoration: none; }
  html.dark:not(.reader):not(.admin-area) .message-body a:hover, html.dark:not(.reader):not(.admin-area) .message-body a:focus {
    color: #2f5978;
    text-decoration: underline; }
  html.dark:not(.reader):not(.admin-area) .header-global-alert {
    filter: invert(1) hue-rotate(180deg);
    background: var(--alt-red); }
  html.dark:not(.reader):not(.admin-area) .alert-info {
    background: #bdbdbd;
    color: var(---inverted-white);
    border-color: #787878; }

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