/**
 * Содержит переопределения стилей сущенствующих компонентов
 */

 body table{
  font-size: .9em;
}


a:hover,
a:focus{
  color: #676767;
}

.b-user-anon{
  display: inline-block;
}

.b-user_display-image, 
.b-xog_display-image{
  position: relative;
  display: block;
}

.b-user-avatar-image, 
.b-xog-avatar-image{
  display: block;
  width: 100%;
  height: auto;
}

.b-user__avatar, 
.b-xog__avatar{
  /*background-color: #f1f5f8;*/
  border-radius: 50%;
  display: block;
  overflow: hidden;
  max-height: 100%;
}

.b-user__status{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADySURBVHjaTJAxT8NADIV9p6AuqEUsZGHrH6Brl4QVgeje34XExsBcBOy0S9dWldoBoS5koVsTtYcSJTHPFyPF0ney3/mezjbMTBoGdMGF1juQAd8QqCgNV+AWRKrNwDtY+gdwtCACX8eS+SVpkFw0vbPieAZGh5L64zlT4hq7py3R89D0TwO6R7myOEJwPfmu6XNfkisaJH9NankTS484SlWdcEWpy6kdtu74UwYSxx/wcXMZ0HlQUvZbeCQXDTH1PTpMDLb7vObHjeOHtWPJRdM7a3SPPTAAd/qnf6c3sACpaS3c6j5DXb58KdUZ6E+AAQDE1I4zUx9x4AAAAABJRU5ErkJggg==');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -1000em;
}

.b-user__status-offline{
  display: none !important;
}

/* .b-user_jslink-name .b-user__name, 
.b-xog_jslink-name .b-xog__name{
  text-decoration: none;
  border-bottom: 1px dotted;
} */

/*
.btn{
  outline: none !important;
}

.btn-default{
  background-color: #ccc;
}

.btn-primary{
  background-color: #3d91cc;
  border-color: #3d91cc;
}
*/

td.content-multiple-drag{
  width: 1%;
}

body .media-left,
body .media > .pull-left{
  padding-right: 1rem;
}

body .badge{
  background: #b2b4b4;
  font-weight: normal;
  font-size: .8em;
}
body .badge a{
  color: white;
}

/**
 * Tabs
 */
.tabs ul.tabs {
  margin: 0 0 1em 0;
}
.tabs ul.tabs li{
  display: inline-block;
  padding: 0;
  margin: 0;
}
.tabs ul.tabs li.active{
  position: relative;
  bottom: -1px;
}
.tabs ul.tabs li a{
  display:block;
  padding: 0.5em 1em;
  background: #fff;
  border-color: #bbb;
  border-width: 0px;
  border-style: solid solid none solid;
}
.tabs ul.tabs li.active a.active{
  background: #fff;
  border-width: 1px;
}

/**
 * Tabs
 */

/* скроем табы 2го уровня */
.b-xtabs__local-tasks_secondary{
  display: none;
}

.b-xtabs._manual{
  margin-bottom: 15px;
}


/* СПИСОК ЗАПИСЕЙ БЛОГА */

.b-xblog-list__item-label{
  font-size: 22px;
}

/* АЛЬБОМЫ */

.page-photo-lenta .page-title, 
.page-video-lenta .page-title{
  text-align: center;
  width: 100% !important;
}

.page-photo-lenta .page-title h3, 
.page-video-lenta .page-title h3{
  display: none;
}

.b-xalbum-file img {
  width: 100%;
}

.b-xalbum-lenta-header{
  padding: 10px 0;
}

.b-xalbum-lenta-header__cats-link{
  color: #08bfb6;
}

.b-xalbum-lenta-header__cats-link:hover{
  color: #333;
}

.b-xalbum-lenta-header .form-item{
  margin-top: 5px;
}

/* РАЗДЕЛ ФИНАНСЫ */

.b-xpay-payment-form h3{
  font-size: 1.2rem;
}


body .b-xpay-payment-form .form-item-amount .field-suffix{
  position: static;
}



/*** User-quick-info card ***/
.tippy-tooltip {
  padding: 10px;
}


/*** xfriends ***/
.xfriends-add,
.xfriends-approve,
.xfriends-delete,
.xfriends-cancel,
.xfriend-blacklink-add,
.xfriend-blacklink-remove {
  padding: 0;
  background-image: none !important;
}

.b-xfriends-online__users .b-user_display-image{
  padding: 0 5px 5px 5px;
  display: block;
  height: 125px;
  overflow: hidden;
}

/*** .b-xkarma-prestige-scale ***/
body .b-xkarma-prestige-scale{
  background: #0098B5;
}



/* СТРАНИЦА РЕГИСТРАЦИИ */

#user-register #edit-mail-wrapper,
#user-register #edit-pass-wrapper{
  margin-top: 1em;
}

#user-register .description{
  width: 334px;
}

.mobile #user-register .description{
  width: 100%;
}

#user-register .btn{
  float: left;
}

#user-register .form-remind{
  margin-top: 17px;
  float: right;
  font-style: italic;
}

#user-register .captcha{
  overflow: hidden;
  width: 100%;
  margin-top: 1em;
  position: relative;
}

.mobile #user-register .captcha{
  overflow: visible;
}

#user-register .captcha img{
  border: #e3e3e3 solid 1px;
  display: block;
  position: absolute;
  top: 15px;
  right: 0px;
  z-index: 100;
}

.mobile #user-register .captcha img{
  float: none;
  display: block;
  margin: 0 auto;
}

#user-register .captcha .form-item{
  width: 100%;
}

.mobile #user-register .captcha .form-item{
  float: none;
  width: 100%;
  text-align: center;
}

#user-register .captcha .form-item .form-text,
#user-register .captcha .form-item .description{
  width: 100%;
}

#user-register .captcha .form-item .form-text{
  height: 38px;
}

.mobile #user-register .captcha .form-item .form-text,
.mobile #user-register .captcha .form-item .description{
  width: 100%;
}


/**
 * Xmsg
 */

/**
 * xpopup
 */
 /*
.b-xpopup_skin_default .b-xpopup__content-container{
  border-radius: 3px 3px 2px 2px;
}

body .b-xpopup_skin_default .b-xpopup__header{
  border-radius: 2px 2px 0px 0px;
  background: #207aae;
  color: white;
  font-size: 16px;
  font-weight: normal;
}

.b-xpopup__header .b-user__name, 
.b-xpopup__header .dialogs-link{
  color: #fff;
}

.b-xpopup_skin_default .b-xpopup__close_type_inside{
  color: #fff;
}
.b-xpopup_skin_default.b-xpopup_skin_default_centered .b-xpopup__close_type_inside {
  color: #000;
}

.b-xpopup__bg{
  background: rgba(11,11,11,.8);
}

.b-xpopup_type_iframe .b-xpopup__content-inner iframe{
  height: 100%;
}

.b-xpopup__header-subcaption, 
.b-xpopup_skin_default .b-xpopup__header-subcaption,
body .b-xpopup__header-subcaption a{
  opacity: .9;
  color: #fff;
}

.b-xpopup__header-subcaption a:hover{
  color: #fff;
}

.page-map-places .b-xl__region{
  padding-top: 0;
}
*/
/**
 * xguest
 */
.b-xguest-list__item .userimage img{
  width: 100%;
  height: 100%;
}

/**
 * xarticle-form
 */

body .xarticle-form .body-field-wrapper{
  border-top: 0;
}


/**
 * xalbum
 */

.xalbum-files-form{
  background: transparent;
  padding: 0;
}


/**
 * Filefield
 */

.filefield-element .widget-preview{
  max-width: 60%;
}

.filefield-element .widget-edit{
  max-width: 40%;
}
/* FILEFIELD FIX: Появилась до кнопка в элементе загрузки файлов  */

.filefield-element .widget-edit .field-suffix{
  display: none;
}




/**
 * user-online-status
 */
 /*
body .user-online-status-wrapper{
  padding: 1px;
}
body #xuser-status-status-form, 
body .uos-top-cap, 
body .uos-bottom-cap, 
body .uos-content{
  background: white;
}
.uos-left-top-cap, 
.uos-left-bottom-cap, 
.uos-left-cap, 
.uos-right-cap, 
.uos-right-more-cap, 
.uos-left-more-cap, 
.uos-right-top-cap, 
.uos-right-bottom-cap {
  width: 0;
}
*/
.b-main-list__map-link{
  float: right;
  margin-left: 2rem;
  color: #333;
  font-size: .9rem;
  padding-top: .1rem;
}
.b-main-list__map-link .b-ico{
  color: #828282;
}



/**
 * b-xyandexmap
 */
.b-xyandexmap-filters:after{
  content: ' ';
  clear: both;
  display: block;
  height: 1px;
}

.b-xyandexmap-filters #edit-reset{
  float: left;
  width: 48%;
}

.b-xyandexmap-filters #edit-submit{
  float: right;
  width: 48%;
}

.b-xyandexmap__form{
  opacity: .7;
  bottom: auto;
}
.b-xyandexmap__form:hover,
.b-xyandexmap__form:focus
{
  opacity: 1;
}
.b-xyandexmap__form form{
  background: transparent;
}

.b-xyandexmap__form-inner{
  overflow: visible;
}
.b-xyandexmap__form-footer{
  display: none !important;
}

/**
 * .slick-slider
 */
 .slick-slider
 {
     margin-bottom: 0;
 }


 /**
  * .b-xvoting-list__item-vote
  */

body .b-xvoting-list__item-vote._like:after{
  background-position: 11px 16px;
}
body .b-xvoting-list__item-vote._like:after,
body .b-xvoting-list__item-vote._dislike:after{
  top: 0px;
  right: 0px;
}

/* СПИСОК БЛОГОВ */

.b-xblog-list__item{
  box-shadow: 0 0 5px #eaeff3;
  border:none;
}

.b-xblog-list__item:hover{
  box-shadow: 0 0 5px #d7dee4;
}

.b-xblog-list__item-label{
  font-size: 1.5rem;
}

.b-xblog-list__item-info{
  line-height: inherit;
}

.b-xblog-list__item-hashs{
  font-size: .9rem;
}

.b-xblog-list__item-data{
  border-color: #e3e7ea;
  font-size: .9rem;
  text-transform: none;
  color: inherit;
}

.b-xblog-list__item-data .b-user_display-image{
  margin-top: 4px;
  margin-right: 1rem;
  width: 64px;
  height: 64px;
  float: left;
  position: static;
}

/* СПИСОК КОММЕНТАРИЕВ К БЛОГАМ ПОЛЬЗОВАТЕЛЯ */

.b-xblog-list__empty{
  font-size: .8rem;
  text-align: center;
}

/* СТРАНИЦА БЛОГА */

.b-node-blog-author{
  box-shadow: 0 0 5px #eaeff3;
  background: #fff;
  border: #fff solid 15px;
  border-top: 0;
  border-bottom: 0;
  color: #536069;
  font-size: .9rem;
}

.b-node-blog-author:hover{
  box-shadow: 0 0 5px #d7dee4;
}

.b-node-blog-author__info-i._created,
.b-node-blog-author__param._com{
  margin: 0;
}

.b-node-blog-author .b-user_display-image{
  padding-top: .3rem;
  float: left;
  position: static;
  margin-right: 1rem;
  width: 4rem;
  height: 4rem;
}

.b-xblog-tags__link{
  border-color: #dfe6eb;
  color: #222d35;
}

.b-xblog-tags__link:hover{
  border-color: #b4c4ce;
  opacity: 1;
}

/* СТЕНА ПОЛЬЗОВАТЕЛЯ */

/* ПРЯМОЙ ЭФИР */



/* ЖУРНАЛ */

/* СПИСОК СТАТЕЙ */

.b-xarticle-list .b-page-divider{
  display: none;
}

.b-xarticle-list__item{
  border-bottom-color: #ededed;
  padding: 15px 0;
  margin: 0;
  max-height: none;
}

.b-xarticle-list__item._first{
  padding-top: 0;
}

.b-xarticle-list__item-cover{
  width: 220px;
  max-height: 160px;
}

.b-xarticle-list__item-info{
  margin-left: 235px;
  overflow: visible;
  max-height: none;
  line-height: 22px;
}

.b-xarticle-list__item-info:after{
  display: none;
}

.b-xarticle-list__item-label{
  margin-bottom: 0;
  margin-top: -4px;
  font-size: 22px;
  font-weight: normal;
}

.b-xarticle-list__item-status{
  vertical-align: bottom;
}

.b-xarticle-list__item-term{
  font-size: 14px;
  color: #a4a4a4;
  margin-top: 10px;
  margin-bottom: 13px;
}

@media (max-width: 480px) {
  .b-xarticle-list__item-cover{
    float: none;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 15px;
  }

  .b-xarticle-list__item-cover-img{
    display: block;
    width: 100%;
  }

  .b-xarticle-list__item-info{
    margin-left: 0;
    min-height: 0;
  }
}

/* BB ЭЛЕМЕНТЫ */
.b-bbtable {
  margin: 1em 0;
  width: 100%;
}

body .b-bb-smile{
  width: auto !important;
}


.b-h1,
.b-h3,
.b-h5{
  color: #222d35;
  font-weight: 300;
  line-height: 40px;
  font-size: 30px;
  letter-spacing: 0;
  display: block;
  margin: 0;
  margin-bottom: 1.5rem;
}

.b-h3{
  font-weight: 300;  
  font-size: 25px;
  line-height: 25px;
}

.b-h5{
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
}

.b-h6{
  font-size: 11px;
}

.b-h1 .b-text-counter,
.b-h3 .b-text-counter,
.b-h5 .b-text-counter{
  font: 24px Arial, Helvetica, sans-serif;
  line-height: 38px;
}
.bb-quote._static blockquote{
  margin-bottom: 5px;
  font-style: italic;
  font-size: .9em;
}
.bb-quote blockquote{
  margin-bottom: 8px;
  font-size: .9em;
}
.bb-quote._static .bb-quote-author{
  display: none;
}

.b-note{
  background: transparent;
  border-top: 4px double #ededed;
  border-bottom: 4px double #ededed;
  padding: 22px 0;
  font-size: 19px;
  border-radius: 0;
}

.b-note._wave{
  border: 0;
  font-style: italic;
  padding: 45px;
  position: relative;
}

.b-note._wave:after,
.b-note._wave:before{
  background: url(images/xelements/sep-wave.gif) 0px 0px repeat-x;
  content: ' ';
  display: block;
  width: 100%;
  height: 17px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.b-note._wave:before{
  top: auto;
  bottom: 0px;
}

.b-note._pull{
  float: right;
  width: 30%;
  margin: 0;
  margin-left: 45px;
  margin-right: 0;
  font-size: 17px;
  border: 0;
  padding: 0;
}

.b-note._arrows{
  border-top: #ededed solid 1px;
  border-bottom: #ededed solid 1px;
  font-style: italic;
  color: rgb(34, 45, 53);;
  padding: 45px;
  margin: 30px 0;
  position: relative;
}

.b-note._arrows:after,
.b-note._arrows:before{
  content: '»';
  display: block;
  position: absolute;
  bottom: -8px;
  left: 43.5%;
  font-size: 48px;
  color: #ededed;
  background: #f6f6f6;
  padding: 0 32px;
  font-style: normal;
}

.b-note._arrows:before{
  content: '«';
  bottom: auto;
  top: -14px;
}

.b-note._quote{
  border: 0;
  padding: 30px 75px;
  position: relative;
}

.b-note._quote:after,
.b-note._quote:before{
  content: '”';
  display: block;
  position: absolute;
  bottom: 2px;
  right: 0;
  font-size: 125px;
  color: #e1e8ed;
  font-style: normal;
  font-family: Georgia;
}

.b-note._quote:before{
  content: '“';
  bottom: auto;
  right: auto;
  left: 0px;
  top: 72px;
}

.b-text-align-center .b-h3{
  position: relative;
}

.b-text-align-center .b-h3:after{
  border-top: 1px solid #ededed;
  content: ' ';
  position: absolute;
  top: 12px;
  left: 0px;
  width: 100%;
  height: 1px;
  z-index: 1;
}

.b-text-align-center .b-h3 .b-h__inner{
  background: #f6f6f6;
  display: inline-block;
  margin: 0;
  padding-left: 45px;
  padding-right: 45px;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
}

.b-list{
  margin: 0.5em 0 1em;
  padding: 0;
}

.b-list._format_disc{
  margin-left: 17px;
}

.b-list_li{
  margin: 0.4em 0 0.4em .5em;
}

.b-list._format_decimal .b-list_li{
  padding: 0 0 .3em;
  margin-left: 2em;
}

.b-text-counter:before{
  border: #eee solid 2px;
  font-size: 21px;
  line-height: 34px;
}

.b-bb-xog-card__label{
  font-size: 21px;
}

/* BBCODE */

.b-bbtable{
  border: #dbe4ef solid 1px;
  margin: 0.6em 0 1.2em;
}

.b-bbtable:hover{
  box-shadow: 0 0 5px #eaeff3;
}

.b-bbtable td{
  border: #dbe4ef solid 1px;
  padding: 10px;
}

.b-bbtable .b-bbtable__th{
  border: #dbe4ef solid 1px;
  padding: 10px;
  color: #000;
  font-weight: bold;
  text-align: left;
}

.b-bbtable._not_border,
.b-bbtable._not_border:hover,
.b-bbtable._not_border .b-bbtable__td,
.b-bbtable._not_border .b-bbtable__th{
  box-shadow: none;
  border: 0;
}

.bb-table._not_border .b-bbtable__td{
  padding: 5px;
}

.bb-table._not_border .b-bbtable__td:first-of-type{
  padding-left: 0px;
}

.bb-table._not_border .b-bbtable__td:last-of-type{
  padding-right: 0px;
}

.bb-table._not_border .b-bbtable__tr:first-of-type .b-bbtable__td{
  padding-top: 0px;
}

.bb-table._not_border .b-bbtable__tr:last-of-type .b-bbtable__td{
  padding-bottom: 0px;
}

.b-bbtable img{
  max-width: 100%;
  display: block;
}

.b-bbtable .ctools-ajaxing{
  padding-right: 0 !important;
}

.wrapper-youtube{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

iframe.youtube-video{
  display: block;
  margin: 0 0 1.8em;
}



/*  xmoder-note-widget */
body .moder-note-widget {
  border: none;
  border-radius: 0;
}

/* user-note */
body .user-note-widget {
  border:none;
  border-radius: 0;
}


/* FORUM */

.b-xforum-forums-table__reply-inner{
  line-height: 13px;
  min-height: 43px;
  height: auto;
}


/* КОММЕНТАРИИ В АЛЬБОМАХ */

body .b-xalbum-file__comments .bue-ui{
  display: block;
}


/**
 * xguest-invisible-widget
 */
body .xguest-invisible-widget {
  top: 64px;
  left: 38.3%;
}
@media (max-width: 767px){
  body .xguest-invisible-widget {
    top: 5px;
    left: 37px;
    height: 10px;
    width: 35px;
    background-size: contain;
  }
}
@media (min-width: 768px){
  .b_nav_mobile .xguest-invisible-widget {
    top: 5px;
    left: 37px;
    height: 10px;
    width: 35px;
    background-size: contain;
  }
}


body .b-comment-list-wall-view .b-comment-item__action-more {
  position: absolute;
  top: 6px;
  right: 15px;
  background: #fff;
  padding-left: 10px;
}



/** .forms **/
.form-control{
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus,
.selectize-input.focus
{
  border-color: #90d1e1;
  box-shadow: 0 0 0 3px #40afc730;
}
.has-error .form-control:focus,
.has-error .selectize-input.focus {
  box-shadow: 0 0 0 3px #f4433640;
}


/** CHAT **/

.b-page-node-x-chat .b-xog-pchat-list__item-content {
  display: block;
}

.b-page-node-x-chat .b-xog-pchat-list__item-date {
  position: static;
  display: block;
  margin-top: 5px;
  text-align: right;
  color: #999 !important;
}

.b-page-node-x-chat .b-xog-pchat-list__item-inner {
  padding: 8px 10px;
}

@media(max-width: 1024px){
  .b-page-node-x-chat .b-xog-pchat {
    padding: 0;
    border:0;
    border-radius: 0;
  }
  .b-page-node-x-chat .b-page__content-inner.container {
    padding: 0;
    min-height: auto;
  }
}

@media(min-width: 1025px){
  .b-page-node-x-chat .b-page__content-inner.container {
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}