.btn-block-tv {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
	position: relative;
}
			
.statusWidget.no_status span {
	background-position: -210px -84px;
}

.statusWidget.no_status:hover span {
    background-position: -210px -42px;
}

.statusWidget.now span {
	background-position: 0 0;
}

.statusWidget.done span {
	background-position: -42px 0;
}

.statusWidget.future span {
    background-position: -84px 0;
}

.statusWidget.never span {
   background-position: -126px 0;
}

.ajax-loading{
	opacity: 0.6;
	pointer-events: none;
}

.statusWidget span {
    width: 32px;
    height: 33px;
    display: block;
    margin: 0;
    z-index: 4;
    top: 16px;
    cursor: pointer;
}

.statusWidget.no_status span {
    background-position: -210px -84px;
}

.statusWidget.done span, .statusWidget.future span, .statusWidget.never span, .statusWidget.no_status span, .statusWidget.now span {
    background-image: url(/static/img/svg/icon_32_status.svg?13);
    background-repeat: no-repeat;
}

.filmListContainer .collectionWidget {
    z-index: 10;
    margin: 0;
    position: relative;
}

.collectionsWindow .head, .collectionWidget .head {
    width: 100%;
    background: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14;
    color: rgba(0,0,0,.5);
    border: 0;
}

.collectionWidget .head {
    cursor: pointer;
    background: #f2f2f2;
}

.btn-block-tv button.head {
    margin: 0 10px;
}

.collectionListContainer .collectionWidget .head, .filmListContainer .collectionWidget .head, .popup-info-persona .collectionWidget .head, .statusPageView .collectionWidget .head {
    padding: 0;
    z-index: 4;
    top: 15px;
    width: 32px;
    height: 33px;
    background-color: transparent;
}

.collectionAddPopup .icon, .collectionsWindow .icon, .collectionWidget .icon {
    background: url(/static/img/svg/icon_32_folders.svg?10);
    background-position: 0 0;
    opacity: .25;
}

.collectionsWindow .head span, .collectionWidget .head span {
    width: 32px;
    height: 32px;
    background-position: -128px 0;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
}

.collectionListContainer .collectionWidget .head span, .filmListContainer .collectionWidget .head span, .statusPageView .collectionWidget .head span {
    background-image: url(/static/img/svg/icon_32_popup_folder2.svg);
    background-position: 0 0;
}

.filmList .item p {
    font-size: 12px;
    font-weight: normal;
    color: rgba(0,0,0,.5)!important;
    margin: 0;
    line-height: 19px;
}

.collectionListContainer .collectionWidget .head .number-icon, .filmListContainer .collectionWidget .head .number-icon, .popup-info-movie .collectionWidget .head .number-icon, .popup-info-persona .collectionWidget .head .number-icon, .statusPageView .collectionWidget .head .number-icon {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    left: 27px;
    top: 12px;
    margin: 0;
    padding: 0;
    color: #fff !important;
}

/* Status */

.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;
	left: 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;
}

.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;
}

/* Status */

/* Status */

.collectionsWindowList {
    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%);
	display: none;
	left: 0;
    top: 0;
}

.collectionsWindowList .head {
    width: 100%;
    background: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0,0,0,.5);
    border: 0;
}

.collectionsWindowList .head {
    border-bottom: 1px solid #eee;
    background: #fff;
    cursor: pointer;
    border-radius: 0 0 2px 2px;
}

 .collectionsWindowList .head span {
    width: 32px;
    height: 32px;
    background-position: -128px 0;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
}

.collectionsWindowList .close {
	display: flex;
}

 .collectionsWindowList .icon {
    background: url(/static/img/svg/icon_32_folders.svg?10);
    background-position: 0 0;
    background-size: 512px auto;
    opacity: .25;
}

.collectionsWindowList ul.collectionList {
    margin: 0;
	padding: 0;
}

ul.collectionList {
    list-style-type: none;
}

.collectionsWindowList ul.collectionList li.item-list {
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: auto 1fr auto 40px;
	cursor: pointer;
}

ul.collectionList li {
    padding: 0 5px;
    height: 32px;
    cursor: pointer;
}

.collectionsWindowList ul.collectionList li.item-list input[type=checkbox] {
    width: auto;
    height: auto;
    margin: 10px 10px 10px 8px;
    position: relative;
	cursor: pointer;
}

.collectionsWindowList .collectionList li.item-list input[type=checkbox] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.collectionList .title-list {
    display: inline-block;
    max-width: 200px;
    font-size: 14px;
	line-height: 33px;
}

.cut_text_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.collectionsWindowList .collectionList li.item-list .icon {
    background: none;
}

.collectionList li.futureList .icon, .collectionList li.futureList.private .icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.collectionList .icon {
    display: inline-block;
    float: left;
}

.collectionList .cnt {
    float: right;
    display: inline-block;
    max-width: 30px;
    margin-right: 10px;
    text-align: right;
    font-size: 14px;
	line-height: 33px;
}

ul.collectionList li:hover {
    background: rgba(255,241,200,.8);
    color: rgba(0,0,0,.8);
}

.filmListContainer .collectionWidget .head.is-bookmark span {
	background-position: 0 -96px;
}

.head.is-bookmark span,
.head.is-bookmark:hover span {
	background-position: 0 -96px !important;
	opacity: 1;
}

.head.is-favorite span,
.head.is-favorite:hover span {
	background-position: 0 -160px !important;
	opacity: 1;
}

.head.is-select-count span,
.head.is-select-count:hover span {
	background-position: 0 -128px !important;
	opacity: 1;
}

.head.is-select-count .number-icon{
	display: block;
}

@media (min-width: 767px) {
	.setStatusWrapper.setStatusWindow .close {
		display: none;
	}
}

.block-widget-card-status button img {
    background-image: url(/static/img/svg/icon_32_status_other_profile.svg?15) !important;
}

.block-widget-card-status button.now img {
    background-position: 0 0px  !important;
}

.block-widget-card-status button.done img {
    background-position: -42px 0px !important;
}

.block-widget-card-status button.future img {
    background-position: -84px 0px !important;
}

.block-widget-card-status button.never img {
    background-position: -126px 0px  !important;
}

.block-widget-card-status button {
	margin-right: 53px;
	cursor: default !important;
	padding: 0 !important;
}

.collectionWidget .head:hover {
    color: #ff5032;
}

.collectionWidget .head:hover span {
    background-position: -128px -32px !important;
    opacity: 1;
}

.collectionWrapper.collectionsWindowList .material-icons {
	font-size: 18px;
}

@media (max-width: 768px) {
	.btn-block-tv {
		justify-content: center !important;
	}
}

.available-block a {
	background: #f5f5f5;
	color: #3C4858;
	box-shadow: none;
	font-weight: 500 !important;
    font-size: 12px !important;
}

.available-block a:hover {
	background-image: linear-gradient(310deg,#00bcd4,#2196f3)!important;
	box-shadow: none;
}

.available-block {
	margin-bottom: 10px;
}

.available-block a.active {
    background-image: linear-gradient(310deg,#00bcd4,#2196f3)!important;
    box-shadow: none;
}