.username .top-icon {
    vertical-align: top;
    margin-top: 10px;
}

.filmListContainer ul {
    padding: 0;
    margin: 0;
}

.common-page .main-block .card.filmListContainer .card-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*
.userPage__avatar-box {
    max-width: 300px;
}
*/

.main-block .card .card-body {
    padding: 25px 20px 20px 20px !important;
}

@media (max-width: 1050px) {
.main-block .card .card-body {
  padding: 15px 10px 20px 10px !important;
}
}

.userPage .avatar {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    margin: 0 auto;
    background-size: cover!important;
}

.userPage .avatar {
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 20%);
}

.userNote {
    background: #fff1c8;
    padding: 18px 20px;
    margin-bottom: 25px;
    position: relative;
}

.userPage.user_info.leftContent .userNote {
    margin-top: 23px;
    margin-bottom: 35px;
}

.userPage.user_info.leftContent .userNote {
    margin-top: 23px;
    margin-bottom: 35px;
}

.userPage.user_info.leftContent .userNote:not(.actEdit) {
    background: none;
    padding: 0 10px;
    position: relative;
}

.userPage.user_info.leftContent .quotes {
    left: 0;
    top: 0;
    display: block;
    width: 16px;
    height: 27px;
    opacity: 1;
    background: gray;
    position: absolute;
    background: url(/static/img/svg/icon_32_quotes.svg);
    background-size: 16px;
    background-repeat: no-repeat;
}

.userNote__text {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    min-height: 16px;
    word-wrap: break-word;
}

.userPage.user_info.leftContent .userNote:not(.actEdit) .userNote__text {
    color: rgba(0,0,0,.5);
    text-align: center;
    font-size: 16px;
    font-style: italic;
    position: relative;
    padding: 0 10px;
    font-weight: 400;
}

.userPage.user_info.leftContent .quotes.bottom {
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    clear: both;
}

.userPage .counters {
    margin-top: 20px;
    height: 92px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-align: center;

    display: flex;
}

.userPage .counters li:hover {
  background: #f5f5f5;
}

.userPage .counters li {
    /*float: left;*/
    flex: 1;
    width: 25%;
    text-align: center;
    list-style-type: none;
    display: inline-block;
}

.userPage .counters .followerCount, .userPage .counters .followingCount {
    /*width: 24%;*/
}

.userPage .counters li a, .userPage .counters li font, .userPage .counters li p {
    padding: 20px 0;
    display: block;
    text-decoration: none;
    text-align: center;
}

.userPage .counters li span {
    font: normal 24px Arial;
    color: rgb(0 0 0 / 80%);
    display: block;
    white-space: nowrap;
}

.userPage .counters li i {
    font: normal 13px Arial;
    color: rgba(0,0,0,.5);
    display: block;
    transform: scale(.84);
    -webkit-transform: scale(.84);
    margin-top: 9px;
    white-space: nowrap;
}

/*
.userPage .counters .monthFilmCount {
    width: 21%;
}

.userPage .counters .filmCount {
    width: 31%;
}
*/

.userCollectionList {
    list-style-type: none;
    margin-top: 31px;
}

/*
.leftContent .userCollectionList {
    max-width: 300px;
}
*/

.userCollectionList li {
    background: #fff;
    border-bottom: 1px solid #eee;
    color: rgba(0,0,0,.8);
    clear: both;
}

.leftContent .userCollectionList li {
    border-top: 1px solid #eee;
    border-bottom: none;
}

.leftContent .userCollectionList:first-child, .leftContent .userCollectionList li:first-child {
    border-top: none;
}

.userCollectionList li a {
    font-size: 14px;
    padding: 0 5px;
    color: rgba(0,0,0,.8);
    text-decoration: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
}

.userCollectionList li a[href*="?"]:hover {
    /*opacity: 0.6;*/
    background-color: #ebf5ff;
}

.collectionIconHandler .emoji-icon, .collectionIconHandler .icon, .userCollectionList li .emoji-icon, .userCollectionList li .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: bottom;
}

.collectionIconHandler .icon, .userCollectionList li .icon {
    float: left;
}

.collectionIconHandler .emoji-icon.custom, .collectionIconHandler .icon.custom, .userCollectionList li .emoji-icon.custom, .userCollectionList li .icon.custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    background: none;
    color: rgba(0,0,0,.5);
}

.collectionIconHandler .emoji-icon.custom, .collectionIconHandler .icon.custom, .userCollectionList li .emoji-icon.custom, .userCollectionList li .icon.custom {
    opacity: 1;
    -webkit-filter: grayscale(1);
    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter);
    filter: grayscale(1);
}

.collectionIconHandler .emoji-icon.custom img, .collectionIconHandler .icon.custom img, .userCollectionList li .emoji-icon.custom img, .userCollectionList li .icon.custom img {
    width: 20px;
    height: 20px;
    opacity: .5;
}

.cut_text_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #454545;
    font-weight: 400;
}

.userCollectionList .counter {
    color: rgba(0,0,0,.5)!important;
    font-weight: normal;
}


.collectionIconHandler .title, .userCollectionList li .title {
    float: left;
    max-width: 200px;
    line-height: 32px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.userStatHeader {
    text-align: center;
    margin: 50px 0 20px;
}

.userStatHeader a {
    font: normal 14px Arial;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid #eee;
    text-decoration: none;
    padding: 12px 10px;
    color: #929292 !important;
    font-weight: 400;
}

.leftContent h3.badgesListHeader {
    text-align: center;
    margin: 50px 0 20px;
}


.leftContent h3.badgesListHeader span {
    font: normal 14px Arial;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}


.leftContent .badgesList li {
    position: relative;
    margin-bottom: 20px;
    list-style-type: none;
    padding: 10px 14px 0 70px;
    clear: both;
}

.leftContent .badgesList__item-img {
    position: absolute;
    left: 0;
    top: 0;
}

.leftContent .badgesList li img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
    object-fit: contain;
}

.leftContent .badgesList .title {
    font: normal 18px Arial;
    color: rgba(0,0,0,.5);
}

.leftContent .badgesList .description {
    font-size: 13px;
    color: #c8c8c8 !important;
    display: block;
    font-weight: 400;
}

.leftContent .listShowMore {
    position: relative;
    text-align: center;
    margin: 50px 0 20px;
}

.leftContent h3.badgesListHeader {
    text-align: center;
    margin: 50px 0 20px;
}

.leftContent .listShowMore button {
    background: #fff url(/static/img/svg/icon_32_arrow2.svg?v=1) center 0;
    border-radius: 50%;
    height: 34px;
    width: 34px;
    border: 2px solid #eee;
    position: absolute;
    margin: -32px 0 0 -16px;
    left: 50%;
    cursor: pointer;
}

.leftContent .listShowMore span {
    border-top: 1px solid #eee;
    border-bottom: none!important;
    cursor: pointer;
    font: normal 14px Arial;
    color: rgba(0,0,0,.5);
    padding: 12px 0;
}

.leftContent h3.badgesListHeader span {
    font-size: 14px;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.userPage.user_info h1.username, .userPage.user_settings h1.username {
    text-align: center;
    font-size: 26px;
    margin-top: 25px;
    color: rgb(0 0 0 / 80%);
    position: relative;
    font-weight: 400;
}

.clearfix {
    display: block;
}

.userCollectionList .title-inner,.userCollectionList .counter {
    line-height: 32px;
}

.buttonPane {
    height: 55px;
}

.buttonPane.controlPane {
    float: right;
    z-index: 10;
    position: relative;
}

.buttonPane.controlPane {
    border-bottom: 0!important;
}

.statusList.statusPageView .buttonPane {
    border-bottom: 1px solid #eee;
}

.statusList.statusPageView .controlPane {
    border-bottom: none;
}

button.copylink {
    background: transparent url(/static/img/svg/icon_32_chain.svg?v=3) 0 0;
    background-position: 0 0;
}

button.copylink, button.copylist {
    width: 32px;
    height: 32px;
    margin-left: 13px;
    cursor: pointer;
    opacity: 1!important;
    border: none;
}

.buttonPane.controlPane button {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 13px;
    cursor: pointer;
    background: transparent url(/static/img/svg/icon_32_feed_settings.svg?v=5) 0 0;
    opacity: 1;
    border: none;
}

.buttonPane.controlPane button.copylink {
    background: transparent url(/static/img/svg/icon_32_chain.svg?v=3) 0 0;
}

.buttonPane.controlPane button.copylink, .buttonPane.controlPane button.copylist, .buttonPane.controlPane button.filters {
    background-position: 0 0;
}

.statusList.page_feed .buttonPane.controlPane button.filters {
    margin-right: 0;
}

.buttonPane {
    height: 55px;
}

.statusList.statusPageView .buttonPane {
    border-bottom: 1px solid #eee;
}

.round_button {
    border-radius: 16px;
    border: 1px solid #bfbfbf;
}

.round_button, .square_button {
    width: 32px;
    height: 32px;
    display: block;
}

.buttonPane .status {
    margin-right: 32px;
    cursor: pointer;
}

.statusList .status {
    border: none;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
    letter-spacing: -1px;
}

.statusList .status.icon {
    background: url(/static/img/svg/icon_32_status.svg?14) no-repeat 0 0;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
}

.statusList .status.icon {
    background: url(/static/img/svg/icon_32_status.svg?14);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 746px auto;
}

.statusList .buttonPane .status {
    margin-right: 32px;
}

.statusList .status.all.icon {
    background-position: -168px 0;
}

.statusList .status.inactive.now.icon {
    opacity: 1;
    background-position: 0 -84px;
}

.statusList .status.done.icon {
    background-position: -42px 0;
}

.statusList .status.inactive.done.icon {
    opacity: 1;
    background-position: -42px -84px;
}

.statusList .status.future.icon {
    background-position: -84px 0;
}

.statusList .status.icon[disabled], .statusList .status.now.icon[disabled] {
    background-position: 0 -84px!important;
}

.statusList .status.icon[disabled] {
    opacity: .5!important;
    cursor: default!important;
}

.statusList .status.future.icon[disabled] {
    background-position: -84px -84px!important;
}

.statusList .status.never.icon {
    background-position: -126px 0;
}

.statusList .buttonPane .status:last-child {
    margin-right: 0;
}

.statusList .status.inactive.never.icon {
    opacity: 1;
    background-position: -126px -84px;
}

.online, .offline {
    width: 4px;
    height: 4px;
    margin-top: 1px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: baseline;
    padding: 2px;
}

.offline {
    border: 3px solid #f44336;
}

.online {
    border: 3px solid #4caf50;
}

.top-icon{
    vertical-align: middle;
}

.root--QyYY4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    font-size: 12px;
    line-height: 15px;
    padding: 0 8px;
    border-radius: 23px;
    white-space: nowrap;
    background-color: #f2f2f2;
    background-color: var(--color-badge-bg-default);
}

.root--QyYY4.isLarge--nXXpX {
    height: 25px;
    font-size: 15px;
    line-height: 20px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
}

.root--QyYY4.isLarge--nXXpX {
    height: 30px;
    font-size: 17px;
    line-height: 25px;
}

.karma--qlYZu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon--hmlBD {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon--hmlBD.isStar--X9iao {
    background-image: url(data:image/png;base64,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);
}

.karmaValue--Vjdp7 {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    color: rgb(0 0 0 / 87%);
    line-height: 1;
    padding-top: 2px;
    font-weight: 400;
}

.block-star {
    text-align: center;
}

.userCollectionList.main-stat {
    margin-top: 40px;
}

.collectionIconHandler .emoji-icon:not(.custom), .collectionIconHandler .icon:not(.custom), .userCollectionList li .emoji-icon:not(.custom), .userCollectionList li .icon:not(.custom) {
    background: gray;
    background: url(/static/img/svg/icon_32_folders.svg?10);
    background-size: 512px auto;
    opacity: .25;
}

.collectionIconHandler .emoji-icon.movie, .collectionIconHandler .icon.movie, .userCollectionList li .emoji-icon.movie, .userCollectionList li .icon.movie {
    background-position: 0 0;
    opacity: .25;
}

.userCollectionList .icon-member {
    background-position: -32px 0 !important;
}

.userCollectionList .icon-heart {
    background-position: -256px 0 !important;
}

.userCollectionList .icon-film {
    background-position: 0 0 !important;
}

.userCollectionList .icon-flag {
    background-position: 320px 0!important;
}

.jpaginator .pages li:first-child {
    border: 1px solid #eee;
}

.jpaginator .pages li:hover {
    background: #e9ecef;
    border-color: #e9ecef;
}

.jpaginator .pages li:hover a {
    color: #2a2a2a;
}

.jpaginator .pages li.active,
.jpaginator .pages li.active:hover {
    background: #2c9ad7;
    color: #fff;
    border-color: #2c9ad7;
}

.jpaginator .pages li a {
    color: #2a2a2a;
}

.jpaginator .pages li.active a {
    color: #fff;
}

ul.menu.filmList_menu.collection_menu a:hover,
.radioBox.statusSelect.scroll-menu__list a:hover {
    color: #ff5032;
}

.topFilter {
    display: flex;
    padding-top: 40px;
}

.listStyleControl {
    display: flex !important;
    justify-content: space-between;
    margin-bottom: 40px;
}

span#sortSelectorSelect123-button,
span#sortSelectorSelect1-button,
span#sortSelectorSelect21-button,
span#sortSelectorSelect3-button {
    display: flex;
}

span#perpageSelect-button,
span#perpageSelect2-button {
    display: flex;
    margin-right: 0;
    margin-left: 20px;
}

span#perpageSelect-button .ui-selectmenu-text,
span#perpageSelect21-button .ui-selectmenu-text {
    margin-right: 0;
}

#sortSelectorSelect1-button  {
    margin-right: 0 !important;
}

#sortSelectorSelect1-button .ui-selectmenu-text,
#sortSelectorSelect21-button .ui-selectmenu-text {
    margin-right: 0 !important;
}

#sortSelectorSelect21-button  {
    padding-left: 10px;
}

.year-date {
    background: #f2f2f2;
    padding: 5px 10px;
    font-weight: normal;
    color: rgba(0,0,0,.5)!important;
}

#sortSelectorSelect3-button {
    margin-right: 0;
}

.btn-block-tv {
    margin-top: 6px;
}
/*
.filmList__buttons {
    justify-content: center;
	position: relative;
	align-items: flex-end;
}
*/
.filmList__buttons {
    display: flex;
    flex-direction: column;
}

.accordion__content {
    width: 100%;
}

.filter-container__filters {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.accordion-block {

}

.sub-parent-accordion-block {
    width: 33.3%;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sub-parent-accordion-block:last-child {
    padding-right: 0;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.btn-wrapper {
    padding-right: 0;
}

.sub-parent-accordion-block:last-child .accordion-block:first-child + .accordion-block {
    flex-grow: 1;
}

.sub-parent-accordion-block:last-child .accordion-block:last-child {
    padding-bottom: 16px;
}

.statusList .status.inactive.all.icon {
    opacity: 1;
    background-position: -168px -84px;
}

.statusList .status.all.icon:hover {
    background-position: -168px 0;
}

.statusList .status.now.inactive.icon:hover {
    background-position: 0 -42px;
}

.statusList .status.done.inactive.icon:hover {
    background-position: -42px -42px;
}

.statusList .status.future.inactive.icon:hover {
    background-position: -84px -42px;
}

.statusList .status.never.inactive.icon:hover {
    background-position: -126px -42px;
}

.statusList .status.inactive.future.icon {
    background-position: -84px -84px;
}

.statusList .status.icon[disabled] {
    opacity: 0.2;
    pointer-events: none;
}

.statusList .status.future.icon {
    background-position: -84px 0;
}

.statusList .status.future.inactive.icon:hover {
    background-position: -84px -42px;
}

.copylink:hover {
    background-position: -32px -32px !important;
}

.buttonPane.controlPane button.filters:hover {
    background-position: 0 -64px;
}

.statusList .buttonPane .filters {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url(/static/img/svg/icon_32_feed_settings.svg?v=5) 0 0;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
}

.statusList .buttonPane .filters:hover {
    background-position: 0 -64px;
}

.copy-block {
    position: absolute;
    white-space: nowrap;
    margin-top: -21px;
    padding: 3px;
    line-height: 1;
    color: #3C4858;
    display: none;
    left: 0;
}

.statusWidget.no_status span {
    background-position: -210px -83px;
    opacity: 1;
}

.statusWidget.no_status:hover span {
    background-position: -210px -41px;
    opacity: 1;
}

.collectionsWindow, .setCommentWindow, .setStatusWindow {
    width: 300px;
    position: absolute;
    background: #fff;
    border-radius: 2px;
    z-index: 202;
    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 15%);
    box-shadow: 0 0 50px rgb(0 0 0 / 15%);
}

.setStatusWindow {
    top: 0;
    right: 0;
    display: none;
}

.setStatusWindow .statusButtonsContainer {
    border-bottom: 1px solid #eee;
    height: 75px;
}

.setStatusWindow .setStatusButtons {
    width: 100%;
    margin: 0;
}

.setStatusWindow button {
    z-index: 5;
}

.setStatusButtons button {
    width: 25%;
    float: left;
    background: transparent;
    border: none;
    height: 75px;
    text-align: center;
    cursor: pointer;
    background: #f2f2f2;
}

.setStatusWindow .setStatusButtons button {
    background: #fff;
    height: 75px;
    width: 25%;
}

.setStatusButtons button div {
    width: 33px;
    height: 33px;
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.setStatusButtons button div {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 14px;
}

.setStatusButtons button:after, .setStatusButtons button>div {
    display: inline-block;
    vertical-align: top;
}

.setStatusButtons button div {
    -webkit-transition: background .1s ease-in 0s;
    transition: background .1s ease-in 0s;
}

.setStatusButtons button font {
    display: block;
    width: 65px;
    margin: 3px auto 0;
    line-height: 1;
}

.setStatusButtons button font {
    font-size: 10px;
    color: rgba(0,0,0,.25);
    margin-top: 3px;
}

.setStatusButtons button.done font, .setStatusButtons button.now font {
    margin-top: 5px;
}

.setStatusButtons button:after, .setStatusButtons button>div {
    display: inline-block;
    vertical-align: top;
}

.setStatusButtons button:after {
    content: "";
}

.setStatusButtons button img {
    background-size: 26px auto;
    opacity: 1;
    width: 32px;
    height: 32px;
}

.setStatusButtons button img {
    background-image: url(/static/img/svg/icon_32_status.svg?15);
    background-size: 746px auto;
    background-repeat: no-repeat;
}

.setStatusButtons button.now img {
    background-position: 0 -84px;
}

.setStatusButtons button.done img {
    background-position: -42px -84px;
}

.setStatusButtons button.future img {
    background-position: -84px -84px;
}

.setStatusButtons button.never img {
    background-position: -126px -84px;
}

.setStatusButtons button.done:hover :not(.active) img {
    background-position: -42px -42px;
    opacity: 1;
}

.setStatusButtons button.now:hover :not(.active) img {
    background-position: 0 -42px;
    opacity: 1;
}

.setStatusButtons button.future:hover :not(.active) img {
    background-position: -84px -42px;
    opacity: 1;
}

.setStatusButtons button.never:hover :not(.active) img {
    background-position: -126px -42px;
    opacity: 1;
}

.setStatusWindow .statusRatingContainer {
    border-bottom: 1px solid #eee;
    height: 70px;
}

.setStatusWindow button {
    z-index: 5;
}

.setStatusWindow .statusRatingContainer button {
    width: 10%;
    float: left;
    background: transparent;
    border: none;
    height: 70px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.setStatusWindow .statusRatingContainer button div {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
    left: 50%;
    margin-left: -10px;
    position: relative;
    border: none!important;
}

.setStatusWindow .statusRatingContainer button .red {
    color: #ff5032;
}

.number-1:before, .number-2:before, .number-3:before, .number-4:before, .number-5:before, .number-6:before, .number-7:before, .number-8:before, .number-9:before, .number-10:before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background: url(/static/img/svg/icon_32_status.svg?15) no-repeat;
    background-size: 746px auto;
}

.number-1:before {
    background-position: -252px -42px;
}

.setStatusWindow .statusRatingContainer button .yellow {
    color: #fd9b27;
}

.setStatusWindow .statusRatingContainer button .yellow {
    color: #fd9b27;
}

.setStatusWindow .statusRatingContainer button .green {
    color: #64c80a;
}

.number-2:before {
    background-position: -294px -42px;
}

.number-3:before {
    background-position: -336px -42px;
}

.number-4:before {
    background-position: -378px -42px;
}

.number-5:before {
    background-position: -420px -42px;
}

.number-6:before {
    background-position: -462px -42px;
}

.number-7:before {
    background-position: -504px -42px;
}

.number-8:before {
    background-position: -546px -42px;
}

.number-9:before {
    background-position: -588px -42px;
}

.number-10:before {
    background-position: -630px -42px;
}

.setStatusWindow .statusRatingContainer {
    border-bottom: 1px solid #eee;
    height: 70px;
}

.setStatusWindow .statusRatingContainer {
    padding: 0 20px 0 5px;
}

.setStatusButtons button:hover font {
    color: rgba(0,0,0,.5);
}

.setStatusButtons button.now .active img {
    background: url(/static/img/svg/icon_32_status.svg?15) no-repeat 0 0;
    background-size: 746px auto;
}

.setStatusButtons button.never .active img {
    background: url(/static/img/svg/icon_32_status.svg?15) no-repeat -126px 0;
    background-size: 746px auto;
}

.setStatusButtons button.future .active img {
    background: url(/static/img/svg/icon_32_status.svg?15) no-repeat -84px 0;
    background-size: 746px auto;
}

.setStatusButtons button.done .active img {
    background: url(/static/img/svg/icon_32_status.svg?15) no-repeat -42px 0;
    background-size: 746px auto;
}

.setStatusButtons button .active img {
    opacity: 1;
}

.filter-block {
    margin-top: 22px;
}

.hasRating .number-1:before {
    background-position: -252px -84px;
    opacity: 1;
}

.hasRating .number-2:before {
    background-position: -294px -84px;
    opacity: 1;
}

.hasRating .number-3:before {
    background-position: -336px -84px;
    opacity: 1;
}

.hasRating .number-4:before {
    background-position: -378px -84px;
    opacity: 1;
}

.hasRating .number-5:before {
    background-position: -420px -84px;
    opacity: 1;
}

.hasRating .number-6:before {
    background-position: -462px -84px;
    opacity: 1;
}

.hasRating .number-7:before {
    background-position: -504px -84px;
    opacity: 1;
}

.hasRating .number-8:before {
    background-position: -546px -84px;
    opacity: 1;
}

.hasRating .number-9:before {
    background-position: -588px -84px;
    opacity: 1;
}

.hasRating .number-10:before {
    background-position: -630px -84px;
    opacity: 1;
}

.active .number-1:before, .valueBg.number-1:before {
    background-position: -252px 0!important;
}

.active .number-2:before, .valueBg.number-2:before {
    background-position: -294px 0!important;
}

.active .number-3:before, .valueBg.number-3:before {
    background-position: -336px 0!important;
}

.active .number-4:before, .valueBg.number-4:before {
    background-position: -378px 0!important;
}

.active .number-5:before, .valueBg.number-5:before {
    background-position: -420px 0!important;
}

.active .number-6:before, .valueBg.number-6:before {
    background-position: -462px 0!important;
}

.active .number-7:before, .valueBg.number-7:before {
    background-position: -504px 0!important;
}

.active .number-8:before, .valueBg.number-8:before {
    background-position: -546px 0!important;
}

.active .number-9:before, .valueBg.number-9:before {
    background-position: -588px 0!important;
}

.active .number-10:before, .valueBg.number-10:before {
    background-position: -630px 0!important;
}

.setStatusWindow .statusRatingContainer button.active .red {
    background-color: #ff5032;
    color: #fff!important;
}

.setStatusWindow .statusRatingContainer button.active .yellow {
    background-color: #fd9b27;
    color: #fff!important;
}

.setStatusWindow .statusRatingContainer button.active .green {
    background-color: #64c80a;
    color: #fff!important;
}

@media (max-width: 1080px) {
.statusList.statusPageView .buttonPane {
  padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
    .jpaginator .page-select-block:first-child {
        margin-top: 0 !important;
    }
}


@media (max-width: 767px) {
    .userPage__path-string a {
        display: flex;
        gap: 3px;
    }

    .userPage__path-string a .back {
        position: static;
    }

    .buttonPane {
        height: auto;
    }

    .buttonPane.controlPane + .buttonPane {
        display: flex;
        flex-direction: column;
    }

    .buttonPane.controlPane + .buttonPane a{
        margin-bottom: 5px;
    }

    .listStyleControl {
        flex-wrap: wrap;
    }

    .jpaginator .pages {
        margin-bottom: 10px;
    }

    .filmList .item {
        flex-wrap: wrap;
    }
    /*
    .filmList__item-content {
        flex-wrap: wrap;
    }
    */
    .posterWrap {
        margin-bottom: 10px;
    }
}

span#sortSelectorSelect123-button {
    margin-right: 0;
    padding-left: 0;
}

#sortSelectorSelect123-button,
#sortSelectorSelect2-button {
    width: auto !important;
    min-width: 90px;
}

.is-selected-option .ui-selectmenu-button {
    border: 1px solid #ffe391 !important;
    box-shadow: 0 0 0 1px #ffe391;
}

.block-widget-card-status button{
    background: none;
    height: auto;
    float: none;
    width: auto;
}

.block-widget-card-status .active-block{
    margin-top: 0;
}

.userPage__path-string {
    color: #000;
    position: relative;
    font-weight: 400;
}

.back {
    display: none;
    background: url(/static/img/svg/icon_32_popup_back.svg) 0 64px;
    cursor: pointer;
    border: none;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    z-index: 20;
}

.userPage__path-string .back {
    display: block;
    left: -36px;
    top: -2px;
}

.userPage__path-string .back:hover {
    background-position: 0 32px;
}

.buttonPane.controlPane button.lock-list {
    background: transparent url(/static/img/svg/icon_32_folder_lock.svg?v=6) 0 0;
    background-position: 5px 127px;
}

.buttonPane.controlPane button.lock-list:hover {
    background-position: 5px 63px;
}

.buttonPane.controlPane button.lock-list.is-locked {
    background-position: 5px -32px;
}

.buttonPane.controlPane button.lock-list.is-locked:hover{
    background-position: 5px 32px;
}

.list-locked {
    display: flex;
    justify-content: space-between;
}

.lock-list {
    display: inline-block;
    padding-right: 30px;
    padding-top: 7px;
}

.userCollectionList span.counter {
    min-width: 16px;
    text-align: right;
}

.userPage .avatar-block {
    width: 240px;
    height: 240px;
    margin: 0 auto;
}

.userPage .logout {
    position: absolute;
    background: url(/static/img/svg/icon_32_user_exit.svg);
    margin-left: 10px;
    margin-top: -20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block;
    z-index: 99;
    border: none;
}

.userPage .logout:hover {
    background-position: 0 32px;
}

.userPage .settings {
    position: absolute;
    background: url(/static/img/svg/icon_32_user_settings.svg) 50% -1px;
    bottom: -13px;
    right: 15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block;
    z-index: 99;
    border: none;
}

.userPage .settings:hover {
    background-position: 0 31px;
}

.userPage .avatar-block {
    position: relative;
}
/*0001*/