.btn_signup {
    display: none;
}
body.user_login #custom_list_members_members .btn_signup,
body.user_login #list_members_friends .btn_signup {
    display: block;
}

.profile-top-headline {
    display: flex !important;
    flex-direction: column;
}

.profile-title-headline {
    display: inline-block !important;
    word-wrap: break-word;
}

ul.video-information.video-information-user li {
    display: flex !important;
    flex-wrap: wrap;
}

ul.video-information.video-information-user li .grey {
    margin: 0 0 0 5px;
}

ul.video-information.video-information-user li img {
    float: none;
}

.post_comments .item .original-text img {
    float: none;
}

@media only screen and (max-width: 480px) {
    #header ul#nav li.icon a {
        min-height: 55px;
    }
}

.main-title.signup_form .title {
    float: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #009ec5;
}

html.test,
html.test body,
html.test body .wrap,
html.test body .wrap .box.default.options {
    height: 100%;
    float: none;
}
html.test body #content {
    height: calc(100% - 337px);
}

.vats_link_top {
    position: absolute;
    top: 0;
    right: 0;
}

.vats_link_center {
    position: absolute;
    bottom: 82px;
    left: 50%;
    transform: translateX(-50%);
}

.vats_link_top,
.vats_link_center {
    display: none !important;
}

.vast_btn .vats_link_top,
.vast_btn .vats_link_center {
    display: inline-block !important;
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom: none !important;
}

.blog-item.group_chat .list-comments_holder {
    height: 600px;
    overflow: auto;
}

.blog-item.group_chat .list-comments_holder .margin-fix {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

html body .center.after_header {
    margin: 6px 0 !important;
}

.video-wrapper .wrap {
    padding: 0;
}

@media only screen and (max-width: 1000px) {
    .player.wrap .col-12-video-page, .player.wrap .col-8-video-page {
        max-height: 305px !important;
    }
}

@media only screen and (max-width: 767px) {
    .root--ujvuu {
        width: 230px !important;
        height: 157px !important;
    }
}

.post_comments .item .original-text * {
    position: static !important;
}

#rtaOverlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 999999;
    display: none;
}

body.show_rtaOverlay #rtaOverlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

#rtaOverlay .overlay-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    overflow-y: auto;
}

#rtaOverlay .overlay-content {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #000;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1000px;
    width: 60%
}

#rtaOverlay .overlay-content h2 {
    color: #000;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    margin: 25px 0;
}

#rtaOverlay .overlay-content .document-page {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    line-height: 1.1rem
}

#rtaOverlay .overlay-content .document-page h1,
#rtaOverlay .overlay-content .document-page h2,
#rtaOverlay .overlay-content .document-page h3,
#rtaOverlay .overlay-content .document-page h4,
#rtaOverlay .overlay-content .document-page h5,
#rtaOverlay .overlay-content .document-page h6 {
    color: #000;
    font-weight: 700
}

#rtaOverlay .overlay-content .document-page h4 {
    margin: 10px 0;
    font-size: 16px;
}

#rtaOverlay .overlay-content .document-page ol,
#rtaOverlay .overlay-content .document-page ul {
    margin-left: 0;
    padding-left: 20px;
    color: #000;
    text-align: left
}

#rtaOverlay .overlay-content .document-page ol li,
#rtaOverlay .overlay-content .document-page ul li {
    list-style: upper-alpha;
    color: #000;
}

#rtaOverlay .overlay-content .document-page p {
    color: #000;
    text-align: justify;
    font-weight: 300;
    margin: 10px 0;
    margin: 5px 0;
}

#rtaOverlay .overlay-content .document-page strong {
    font-weight: 700;
    color: #000;
}

#rtaOverlay .content-area {
    overflow-y: auto
}

#rtaOverlay .button-area {
    margin-top: 10px;
    text-align: center;
}

#rtaOverlay .button-area .btn {
    background: #009ec5;
    color: #fff;
    margin: 0 auto;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

#rtaOverlay .button-area .btn:hover {
    background: #ccc;
    color: #000;
}

#rtaOverlay hr {
    border-color: hsla(0,0%,100%,.5);
    margin-top: 20px
}

@media (max-width: 1000px) {
    #rtaOverlay .overlay-content {
        width:75%
    }
}

@media (max-width: 600px) {
    #rtaOverlay .overlay-content {
        max-height:100%;
        width: 100%
    }
}

:root .dark {
    --main-color: #fff;
    --static-color: #333;
    --static-second-color: #fff;
    --main-background: #171717;
    --card-background-play: rgba(51 51 51 / 70%);
    --second-main-color: #fff;
    --second-color: #7B7B7B;
    --video-info-color: #A0A0A0;
    --secondary-text-color: #7B7B7B;
    --secondary-color: #A0A0A0;
    --main-opacity: rgba(0 0 0 / 70%);
    --main-backgraund-opacity: rgba(0 0 0 / 70%);
    --active-color: #009ec5;
    --card-color: #000;
    --logo-shadow: #000;
    --main-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    --border-color: #1B1B1B;
    --secondary-border-color: #A0A0A0;
    --background-player: #fff;
    --active-player: #009ec5;
    --overlay-color: rgba(0 0 0 / 70%);
    --popup-color: #1B1B1B;
    --popup-mask: rgba(0, 0, 0, .40);
    --popup-color-text: #A0A0A0;
    --popup-border: #A0A0A0;
    --popup-secondary-color: #717171;
    --popup-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    --detail-text-popup: #7B7B7B;
}

body.dark * {
    color: #c5c5c5;
}

body.dark {
    color: var(--main-color);
    background: var(--main-background);
}

body.dark input, 
body.dark select.select, 
body.dark textarea {
    background: var(--main-background);;
    border: 1px solid var(--main-background);;
}

body.dark .header-wrapper {
    background: var(--card-color);
}

body.dark h1, 
body.dark h2, 
body.dark h3, 
body.dark h4, 
body.dark h5, 
body.dark h6, 
body.dark .headline,
body.dark #header ul#nav li a,
body.dark .main-title ul li ul li a {
    color: var(--main-color);
}

body.dark #header ul#nav li.current a,
body.dark #header ul#nav li a:hover {
    color: var(--active-color);
}

body.dark #header ul#nav li a i {
    color: var(--main-color);
}

body.dark .main-title ul li a.active, 
body.dark .main-title ul li a.active i, 
body.dark .main-title ul li a.selected:hover, 
body.dark .main-title ul li a.selected:hover i,
body.dark #header ul#nav li.icon.current a:hover, 
body.dark #header ul#nav li a:hover i, 
body.dark #header ul#nav li.icon a.current, 
body.dark #header ul#nav li.icon a.current i, 
body.dark #header ul#nav li.icon.current a i,
body.dark .main-title ul li ul li.current a, 
body.dark .main-title ul li ul li a:hover {
    color: #b7146c !important;
}

body.dark ul.pagination li a,
body.dark #header ul#nav li.icon ul,
body.dark .item-wrapper,
body.dark .main-title ul li ul,
body.dark .main-title ul li a.selected {
    background: var(--card-color);
    color: var(--main-color);
}

body.dark #header ul#nav li.icon ul {
    border: 1px solid var(--main-background);
}

body.dark .item-wrapper,
body.dark .main-title ul, 
body.dark .sub-title ul {
    border-bottom: 1px solid var(--card-color);
}

body.dark .comment a.user,
body.dark .comment.item a,
body.dark .item .title, 
body.dark .item.categories a .item-wrapper, 
body.dark .item.members a .item-wrapper {
    color: var(--main-color);
}

body.dark .comment a.user:hover,
body.dark .item .title:hover, 
body.dark .item.categories a:hover .item-wrapper, 
body.dark .item.members a:hover .item-wrapper, 
body.dark .comment a.user:hover {
    color: var(--active-color);
}
body.dark #header ul#nav li.icon.current a {
    color: var(--main-color);
}

body.dark ul.pagination li.current a,
body.dark ul.pagination li a:hover {
    background: var(--active-color);
    color: var(--main-color);
}

body.dark #footer,
body.dark .item.categories .no-thumb {
    background: var(--card-color);
}

body.dark #footer ul li a {
    color: var(--main-color);
}

body.dark #footer ul li a:hover {
    color: var(--active-color);
}

body.dark #header .search input {
    background: var(--card-color);
    color: var(--main-color);
    border-bottom: 1px solid var(--card-color);
}

body.dark #header .search {
    border-top: 1px solid var(--main-background);
}

body.dark .signup-item .box.center,
body.dark .members .avatar_holder,
body.dark .box-list-categories .title, 
body.dark .side-nav .title,
body.dark .sidebar-wrapper,
body.dark .blog-item-wrapper, 
body.dark .wrap-bg {
    background: var(--card-color);
}

body.dark .signup-item .box.center,
body.dark .blog-item-wrapper, 
body.dark .wrap-bg,
body.dark .sidebar-wrapper {
    border-bottom: 1px solid var(--main-background);
}

body.dark .bttn {
    color: var(--main-color);
}

body.dark .p-10-r-l,
body.dark .p-10-r-l * {
    color: var(--main-color) !important;
    background: var(--main-background) !important;
}

body.dark .accordion--default .accordion__item-title:before {
    border-bottom: 2px solid var(--main-color);
    border-left: 2px solid var(--main-color);
}

body.dark .accordion--default .accordion__item-title--active {
    background-color: var(--card-color) !important;
    color: var(--main-color) !important;
}

body.dark .bttn_webmaster ul {
    background: var(--card-color);
    border: 1px solid var(--border-color);
}

body.dark .bttn_webmaster ul li a {
    color: var(--main-color);
}

body.dark .bttn_webmaster ul li a:hover {
    color: #b7146c;
}

body.dark .video-info-wrapper {
    background: var(--card-color);
    border-bottom: 1px solid var(--border-color);
}

body.dark ul.video-options li a, 
body.dark ul.video-extra-options li a, 
body.dark ul.gallery-options li a {
    color: var(--main-color);
}

body.dark ul.video-options li a:hover, 
body.dark ul.video-options li.current a, 
body.dark ul.video-extra-options li a:hover, 
body.dark ul.video-extra-options li.current a, 
body.dark ul.gallery-options li a:hover, 
body.dark ul.gallery-options li.current a {
    color: var(--active-color);
    border-bottom: 2px solid var(--active-color);
}

body.dark .video-info-categories a, 
body.dark .video-info-tags a {
    color: var(--main-color);
    background: var(--main-background);
}

body.dark .video-info-categories a:hover,
body.dark .video-info-tags a:hover {
    background: #b7146c;
    color: #fff;
}

body.dark label.checkbox i, 
body.dark form label.radio.custom i {
    background: transparent;
    color: var(--main-color);
}

body.dark .blockUI.blockOverlay {
    background: var(--card-color) !important;
}

body.dark .profile-avatar-bg {
    background: var(--main-background);
    color: var(--main-color);
}

body.dark .comment:after {
    color: var(--card-color);
}
body.dark .wrap-bg.wrap-bg-content {
    background: var(--main-background);
    color: var(--main-color);
}

body.dark .comment {
    color: var(--main-color);
    background: var(--card-color);
}

body.dark #cboxContent {
    background: var(--card-color);
}

body.dark #cboxContent .layer input[type=submit] {
    border: none;
}

body.dark .do-upload .upload-wrapper {
    background: var(--card-color);
    border-bottom: 1px solid var(--main-background);
}

body.dark .upload_done {
    background: rgba(0, 0, 0, .8);
}

body.dark .fancybox-skin {
    background: var(--card-color);
    color: var(--main-color);
}

body.dark #myformBlog input {
    background: var(--card-color);
}

.trigger svg {
    width: 24px;
    height: 24px;
    fill: #868686;
    transition: fill .3s;
}

body.dark .trigger svg {
    fill: #fff;
}

.trigger:hover svg {
    fill: #b7146c !important;
}

body.dark .mce-panel * {
    color: var(--main-color);
}

body.dark .mce-panel {
    background: var(--card-color);
}

body.dark .mce-btn {
    background: var(--main-background);
}

body.dark .jStar {
    background: url(/static/images/stars_dark.png) repeat-x !important;
}

.center.after_header {
    display: none;
}

@media only screen and (max-width: 992px) {
    .center.after_header {
        height: 156px;
        height: 100px;
        line-height: 0;
        display: flex !important;
        margin: 6px 0 !important;
        align-items: center;
        width: 100%;
        justify-content: center;
        padding: 0 20px;
        float: left !important;
    }
}

.columns_html {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.answer_messages-holder {
    width: 100%;
    max-width: 640px;
    float: none;
    margin: 0 auto 10px;
    max-height: 200px;
    overflow: hidden;
    position: relative;
}

.answer_messages-holder::after {
    content: '';
    display: block;
    width: 100%;
    height: 15px;
    overflow: hidden;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(top, rgb(0,0,0, 0) 0%, rgb(255,255,255) 100%);
    background: -webkit-linear-gradient(top, rgb(0, 0, 0, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgb(0, 0, 0, 0) 0%, rgb(255, 255, 255) 100%);
    position: absolute;
    bottom: 18px;
    left: 0;
    z-index: 9;
}
.answer_messages-holder .comment {
    margin: 0;
}

.answer_messages-holder .comment:after {
    display: none;
}

.list-messages .comment .fancybox-item {
    display: none;
}

.answer_messages-holder .js-answer_messages,
.answer_messages-holder .js-delete-this {
    display: none;
}

.answer_messages-holder .fancybox-item {
    position: absolute;
    bottom: auto !important;
    left: auto !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 99;
    width: 25px !important;
    height: 25px;
}

.list-messages .comment .comment {
    float: none;
    margin: 0;
    background: #e3e3e3;
    padding: 9px;
    margin: 0;
    margin-left: 25px;
    width: calc(100% - 25px) !important;
}

.list-messages .comment.answer_holder .comment:after {
    display: none;
}

.list-messages .comment.answer_holder .comment .comment_left {
    left: 10px;
    top: 10px;
}

.list-messages .comment.answer_holder .comment_left {
    top: 114px;
}

body.dark .list-messages .comment .comment {
    background: #171717;
}

.main-container-user .center .js-requests-custom1_approval {
    display: inline-block;
    margin: 0 5px;
}
.main-container-user .center .js-requests-custom1_approval i {
    font-size: 22px;
}