.body_small {
    display: flex;
    width: 100%;
    min-height: 100%;
    position: relative;
    margin: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.poll_buttons {
    width: auto;
    height: 20px;
    background: #fbfbfb;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 9px 10px;
}

.poll_buttons a {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #8654cc;
    border: 1px solid #6a3bab;
    color: #fff;
    border-radius: 3px;
    padding: 2px 7px;
    text-decoration: none;
}

.poll_buttons a:hover {
    background: #6a3bab;
    border: 1px solid #6a3bab;
}

.poll_buttons a:active {
    background: #a276df;
}

.users_table {
    display: flex;
    background: #fff;
    width: auto;
    height: auto;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0px 15px 0px 15px;
}

.users_table .tr {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    border-bottom: 1px solid #e9ebee;
}

.users_table .tr:first-child {
    border-bottom: 0px solid #e9ebee;
}

.users_table .th {
    padding: 0px 0px;
    text-align: center;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background: #f3f3f3;
    font-size: 14px;
    color: #686969;
    margin: 0;
    width: auto;
    height: 36px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.users_table .tr:hover {
    background: #f7f7f7;
}

.users_table .th.url {
    padding: 0px;
}

.users_table .th:first-child {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    text-align: center;
}

.users_table .td {
    text-align: center;
    border-right: 1px solid #e9ebee;
    font-size: 14px;
    color: #949494;
    margin: 0;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding:var(--base-size-9, .5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: space-between;
}

.users_table .td div {
    margin: 0;
    min-height: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td_special {
    border-bottom: 1px solid #e9ebee;
    padding: 0px;margin: 0;
    min-height: 15px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: stretch;
}

.td_special:last-child {
    border-bottom: 0px solid #e9ebee;
}

.users_table .td:first-child {
    border-left: 1px solid #dddddd;
    text-align: center;
}

.users_table .th a {
    white-space: nowrap;
    padding:var(--base-size-9, .5rem);
    width: 100%;
    height: 20px;
    line-height: 18px;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    color: #686969;
    cursor: pointer;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mainer_margin_top {
    display: flex;
    position: relative;
    margin-top: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mainer_margin_bottom {
    display: flex;
    position: relative;
    margin-bottom: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cnt_posts {
    display: block;
    width: auto;
    min-width: 400px;
    max-width: 1000px;
    min-height: 100%;
    position: relative;
    font-size: 14px;
    color: #757575;
    margin: auto;
    overflow: hidden;
}

.comments_loadmore {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    padding:var(--base-size-9, .5rem) 10px;
    background: #f6f6f6;
}

.comments_loadmore:hover {
    background: #eeeeee;
}

.comments {
    background: #fff;
    padding: 20px 0px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
    gap: 20px;
}

.comments_padding {
    display: table;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    margin: 15px 15px 15px 15px;
}

.comment_rating_c {
    display: flex;
    width: 100%;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #9b9999;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
}

.comment_rating_c .progress {
    display: flex;
    width: 20px;
    height: 6px;
    background: #ffecec;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    border-radius: var(--base-size-9, 5625rem);
}

.comment_rating_c .progress .fill {
    height: 100%;
    background: #de5d5d;
}

.comment_rating_u {
    display: inline-block;
    width: 100%;
    height: 38px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.comment_rating_u div {
    display: inline-block;
    position: absolute;
    text-align: center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 20px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -3px;
}

.comment_rating_u .u_basic {
    background-image: url(/img/sprite.png);
    background-position: -31px -228px;
}

.comment_rating_u:hover .u_basic {
    background-position: -59px -228px;
}

.comment_rating_u .u_active {
    background-image: url(/img/sprite.png);
    background-position: -59px -228px;
}

.comment_rating_d {
    display: inline-block;
    width: 100%;
    height: 38px;
    position: relative;
    text-align: center;
    float: left;
    cursor: pointer;
}

.comment_rating_d div {
    display: inline-block;
    position: absolute;
    text-align: center;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 20px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -9px;
}

.comment_rating_d .d_basic {
    background-image: url(/img/sprite.png);
    background-position: -31px -242px;
}

.comment_rating_d:hover .d_basic {
    background-position: -59px -242px;
}

.comment_rating_d .d_active {
    background-image: url(/img/sprite.png);
    background-position: -59px -242px;
}

.comment_toggle {
    color: #a4a4ab;
    border-bottom: 1px dotted;
    cursor: pointer;
    display: inline-block;
}

.source_author {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #00ac36;
    padding: 2px 6px;
}

.source_author:hover {
    color: #008028;
}

.comment_username {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
    height: 24px;
    line-height: 24px;
}

.comment_username.user {
    color: #777;
}

.comment_username.user:hover {
    color: #6a3bab;
}

.comment_username.moder {
    color: #4b76cd;
}

.comment_username.moder:hover {
    color: #315499;
}

.comment_username.supermoder {
    color: #50b7aa;
}

.comment_username.supermoder:hover {
    color: #3e9b8f;
}

.comment_username.admin {
    color: #dd8f00;
}

.comment_username.admin:hover {
    color: #c37f00;
}

.comment_username.superadmin {
    color: #e34c4c;
}

.comment_username.superadmin:hover {
    color: #ff0000;
}

.comment_main_body_date {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
    text-decoration: none;
    cursor: default;
    height: 24px;
    line-height: 24px;
}

.comment_line_margin {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    border-left: dotted 1px #898989;
    margin-left: 23px;
}

.comment_line_margin a {
    width: 9px;
    height: 9px;
    position: absolute;
    left: -6px;
    border: 1px solid #898989;
    color: #898989;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.comment_children {
    display: flex;
    position: relative;
    margin-left: 24px;
    gap: 20px;
    flex-direction: column;
    margin-top: 20px;
    width: auto;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.comment_children.collapsed {
    display: none;
}

.comment_collapsing_area {
    display: block;
    position: absolute;
    width: 23px;
    height: 100%;
    left: -24px;
    top: 0;
    cursor: pointer;
    border-right: 1px dashed #d4d4d4;
}

.comment_collapsing_area:hover {
    border-right: 1px dashed #8654cc;
}

.comment_toggle_children {
    display: flex;
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    z-index: 1;
}

.comment_toggle_children .show {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    font-size: 9px;
    color: #fff;
}

.comment_toggle_children .show .span {
    font-size: 9px;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 18px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #898989;
    background: #fff;
    color: #898989;
}

.comment_toggle_children .hide {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    font-size: 9px;
    color: #fff;
}

.comment_toggle_children .hide .span {
    font-size: 9px;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 18px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #898989;
    background: #fff;
    color: #898989;
}

.b_answers_show span {
    border: 1px solid #898989;
    background: #fff;
    color: #898989;
}

.b_answers_show:hover span {
    color: #0056bc;
    border: 1px solid #0056bc;
}

.b_answers_show:hover .comment_line_margin_show {
    color: #0056bc;
}

.b_answers_hide {
    cursor: pointer;
}

.b_answers_hide span {
    border: 1px solid #898989;
    background: #fff;
    color: #898989;
}

.b_answers_hide:hover span {
    color: #ea5757;
    border: 1px solid #ea5757;
}

.b_answers_hide:hover .comment_line_margin_show {
    color: #ea5757;
}

.comment_line_margin_b {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    margin-left: 20px;
}

.comment_line_margin_show {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 48px;
    margin-left: 23px;
    font-size: 9px;
    color: #fff;
}

.comment_line_margin_show span {
    font-size: 9px;
    width: 9px;
    height: 9px;
    position: absolute;
    left: -5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.comment_line_margin_hide {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 48px;
    margin-left: 23px;
    font-size: 9px;
    color: #fff;
}

.comment_line_margin_hide span {
    font-size: 9px;
    width: 9px;
    height: 9px;
    position: absolute;
    left: -5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.comment {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.comment_line_left {
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #d0d0d0;
    display: inline-block;
    position: absolute;
}

.comment_new_layer {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    float: left;
    border-left: dotted 1px #000000;
    background: #ebebeb;
    margin-top: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.comment_top_line {
    display: inline-block;
    width: 203px;
    height: 1px;
    position: relative;
    text-align: left;
    float: left;
    background: #d0d0d0;
}

.comment_bottom_line {
    display: inline-block;
    width: 100%;
    height: 1px;
    position: relative;
    text-align: left;
    float: left;
    background: #d0d0d0;
    margin-top: 15px;
}

.comment_body {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.comment_body.highlight .comment_main {
    background: #f4ecff;
}

.comment_rating {
    width: auto;
    height: 100%;
    position: relative;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

.comment_rating_sticky {
    display: flex;
    width: 48px;
    height: 96px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 48px;
}

.comment_main {
    background: #fafafa;
    width: auto;
    min-height: 70px;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    flex-grow: 1;
    transition: background-color 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.comments_editor {
    display: flex;
    background-color: #fff;
    border: 1px solid #d1d9e0;
    border-radius: 14px;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: space-between;
    justify-content: space-between;
}

.comments_editor .e_textarea {
    display: flex;
    min-height: 48px;
    border-radius: 14px;
    outline: none;
    padding:var(--base-size-9, .5rem) 12px 0px;
    width: auto;
}

.comments_editor:focus-within {
    outline: 2px solid #8654cc;
    outline-offset: -2px;
}

.comments_editor .e_actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding:var(--base-size-9, .5rem);
}

.comments_editor .e_actions a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.comments_editor .e_actions a:hover {
    background: #f2f3f4;
    color: #000;
}

.comment_emotions {
    width: auto;
    height: 100%;
    position: relative;
    vertical-align: middle;
    right: 0px;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.comment_emotions_sticky {
    display: flex;
    width: 48px;
    height: 96px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 48px;
}

.comment_main_body {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: stretch;
    justify-content: space-between;
    padding:var(--base-size-9, .5rem);
    gap: 4px;
}

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

.editor {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.comment_main_body_top {
    display: flex;
    width: auto;
    height: 24px;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.comment_main_body_top_left {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
}

.comment_main_body_top_left a {
    text-decoration: none;
    font-weight: 700;
}

.comment_main_body_top_right {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
}

.comment_main_body_top_right a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}

.comment_main_body_top_right a:hover {
    color: #a987d9;
}

.comment_main_body_main {
    display: flex;
    width: auto;
    height: auto;
    min-height: 24px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.comment_main_body_main_text {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 24px;
    padding: 0px 6px;
}

.comment_main_body_main_text a {
    text-decoration: none;
    cursor: pointer;
    color: #8654cc;
}

.comment_main_body_main_text a:hover {
    color: #a987d9;
}

.comment_main_body_main_text a:active {
    color: #6a3bab;
}

.comment_main_body_bottom {
    display: flex;
    width: auto;
    height: 24px;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.comment_main_body_bottom_left {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
}

.comment_main_body_bottom_left a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}

.comment_main_body_bottom_left a:hover {
    color: #a987d9;
}

.comment_main_body_bottom_left a:active {
    color: #6a3bab;
}

.comment_main_body_bottom_right {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
}

.comment_main_body_bottom_right a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}

.comment_main_body_bottom_right a:hover {
    color: #a987d9;
}

.comment_main_body_bottom_right a:active {
    color: #6a3bab;
}

.click_reactions_actions {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: none;
    text-align: center;
    position: absolute;
    bottom: 25px;
    z-index: 999;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #bebebe;
    box-shadow: 0 1px var(--base-size-9, .5rem) rgba(0, 0, 0, .25);
    overflow: hidden;
}

.icon_overlay_3 {
    width: auto;
    height: auto;
    display: flex;
    text-align: center;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mia_reactions {
    position: relative;
    font-size: 14px;
    width: 225px;
    height: auto;
    display: flex;
    color: #858585;
    text-align: left;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: baseline;
    padding: 5px;
}

.mia_reactions .div {
    cursor: pointer;
    width: 75px;
    height: 75px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mia_reactions .div:hover {
    background: #f7f7f7;
}

.mia_reactions .div:hover .title {
    display: flex;
}

.mia_reactions .div .title {
    position: absolute;
    border-radius: var(--base-size-9, 5625rem);
    padding: 0px 6px;
    background: #8654cc;
    color: #fff;
    font-size: 9px;
    top: 48px;
    line-height: 16px;
    display: none;
}

.mia_reactions .div .icon {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    font-size: 30px;
}

.mia_reactions .div .counter {
    width: 36px;
    height: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #fafafc;
}

.emotions_history {
    display: flex;
    padding: 5px 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #8654cc;
    width: 100%;
    cursor: pointer;
}

.emotions_history:hover {
    background: #f7f7f7;
}



.community {
    background: #fff;
    padding: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: 850px;
    margin: 0px 55px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.community_div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.community_posts {
    display: flex;
    height: auto;
    position: relative;
    width: 1000px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
    margin-top: 20px;
}



.c_s_search {
    background: #fff;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.c_s_search_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.c_s_search_left input {
    padding: 7px 78px 7px 18px;
    margin: 0px;
    color: #999999;
    border: 1px solid #cfcfcf;
    position: relative;
    display: inline-block;
    width: 100%;
    outline: none;
    height: 40px;
    font-size: 14px;
}

.c_s_search_left input:focus {
    border: 1px solid #8654cc;
}

.c_s_search_left a {
    display: flex;
    width: 60px;
    height: 25px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 7px;
    background: #8654cc;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 700;
    position: absolute;
    right: 0px;
}



.communities {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: 660px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.communities_div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.communities_avatar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--base-size-9, 5625rem);
    position: relative;
}

.communities_avatar a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    border-radius: var(--base-size-9, 5625rem);
    overflow: hidden;
    position: relative;
}

.communities_avatar img {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black-200);
    display: inline-block;
}

.communities_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-left: 20px;
    margin-right: 10px;
}

.communities_header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.communities_header_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.communities_header_left a {
    
}

.communities_header_left span {
    margin: 0px 7px;
}

.communities_body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 6px 0px 7px;
}

.communities_body_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.communities_body_left a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #595959;
    cursor: pointer;
}

.communities_body_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.communities_body_right a {
    margin: 0px 4px 0px 4px;
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    outline: none;
    text-decoration: none;
    padding: 0px 6px;
    line-height: 21px;
    outline: none;
    text-decoration: none;
    padding: 0px 6px;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.communities_footer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.communities_footer_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.communities_footer_left a {
    
}

.communities_margin {
    display: flex;
    width: auto;
    height: 20px;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
}



.mentions {
    background: #fff;
    padding: 20px 0px;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.mention_div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    padding: 5px 20px;
    border-bottom: 1px solid #ececec;
}



.sessions {
    background: #fff;
    padding: 0px 0px;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}



.building {
    background: #fff;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.building .div {
    display: flex;
    width: 220px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    text-decoration: none;
    color: #646464;
}

.building .div:hover {
    background: #fbfbfb;
}

.building .div .name {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 600;
}

.building .div .img {
    display: flex;
    width: 100%;
    height: 355px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.building .div img {
    width: 160px;
}



.subscriptions {
    background: #fff;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
    padding: 7px 0px;
}

.subscription_div {
    display: flex;
    width: auto;
    height: auto;
    text-align: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s;
    padding: 5px;
    margin: 0px 7px;
    font-size: 14px;
}

.subscription_div_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.subscription_div_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}





.mainer .notifications {
    background: #fff;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-size: 14px;
    color: #757575;
}

.notification_div {
    display: flex;
    width: auto;
    height: auto;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    transition: 0.5s;
    padding: 5px;
    margin: 5px;
    font-size: 14px;
}

.notification_div_header {
    display: flex;
    margin-bottom: 3px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.notification_div_body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.notification_div_footer {
    display: flex;
    margin-top: 3px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.notification_div_footer a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 2px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
}



.cnt_messages {
    display: flex;
    width: 1000px;
    height: 100%;
    position: relative;
    font-size: 14px;
    color: #757575;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}

.mainer_messages {
    display: flex;
    width: 998px;
    height: 100%;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
}

.messages_list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    border-right: 1px solid #ddd;
}

.messages_list_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding:var(--base-size-9, .5rem);
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.messages_list_header .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.messages_list_header .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.messages_list_chats {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    padding:var(--base-size-9, .5rem);
    width: 285px;
    height: 100%;
    gap:var(--base-size-9, .5rem);
}

.messages_list_chat_a_active {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    cursor: pointer;
    padding:var(--base-size-9, .5rem);
    border-radius: 5px;
    background: #8654cc;
    color: #fff;
    gap: 6px;
}

.messages_list_chat_a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    cursor: pointer;
    padding:var(--base-size-9, .5rem);
    border-radius: 5px;
    color: #757575;
    gap: 6px;
}

.messages_list_chat_a:hover {
    background: #f8f8f8;
}

.messages_list_chat_a:active {
    background: #f4ebff;
}

.messages_list_chat_a:focus {
    background: #f4ebff;
}





.messages_chat {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}

.messages_chat_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding:var(--base-size-9, .5rem);
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    height: 32px;
}

.messages_chat_header .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.messages_chat_header .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.messages_chat_body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-end;
    align-items: stretch;
    padding:var(--base-size-9, .5rem);
    height: auto;
    flex-grow: 1;
    gap: 16px;
}

.messages_chat_footer {
    height: auto;
    display: flex;
    border-top: 1px solid #ddd;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: auto;
}



.msg {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    gap:var(--base-size-9, .5rem);
}

.msg_your {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-end;
    gap:var(--base-size-9, .5rem);
}

.msg_head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
}

.msg_head_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 12px;
}

.msg_body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    max-width: 80%;
}

.msg_body_text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    background: #f8f8f8;
    padding:var(--base-size-9, .5rem) 12px;
    border-radius: var(--base-size-9, 5625rem);
}

.msg_body_date {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    padding:var(--base-size-9, .5rem);
    width: auto;
    white-space: nowrap;
}



.m_chat_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0px 4px;
}

.m_chat_header .n {
    display: flex;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.m_chat_header .t {
    display: flex;
    height: 18px;
    line-height: 18px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.m_chat_body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    padding: 0px 4px;
}

.m_chat_body div {
    display: inline-block;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    height: 18px;
    line-height: 18px;
}

.m_chat_body span {
    font-weight: 700;
}



.reports {
    background: #fff;
    padding: 0px 0px;
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    color: #757575;
}

.reports_div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    padding: 5px 20px;
    border-bottom: 1px solid #ececec;
}

.reports_div:last-child {
    border-top: 0px;
}

.reports_comment_top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 5px 40px 2px 40px;
    padding: 5px 0px;
}

.reports_comment_top:first-child {
    margin: 0px 40px 2px 40px;
}

.reports_comment_top div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 6px;
}

.reports_comment_top div a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 2px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
}

.reports_comment_top div a:hover {
    color: #a987d9;
}

.reports_comment_top div a:active {
    color: #6a3bab;
}

.reports_comment_bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 2px 40px 5px 40px;
    padding: 5px 0px;
}

.reports_comment_bottom:last-child {
    margin: 2px 40px 0px 40px;
}

.reports_comment_bottom div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 6px;
}

.reports_comment_bottom div a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 2px 6px;
    text-decoration: none;
    color: #8654cc;
    cursor: pointer;
}

.reports_comment_bottom div a:hover {
    color: #a987d9;
}

.reports_comment_bottom div a:active {
    color: #6a3bab;
}





.poll_editor {
    margin-top: 20px;
    display: flex;
    height: auto;
    position: relative;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
}

#comment_form {
    width: auto;
    display: flex;
    padding: 20px 20px;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

.editor_footer_left .send {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.editor_footer_left .send:hover {
    background: #6a3bab;
    border: 1px solid #6a3bab;
}

.editor_footer_left .send:focus {
    outline: 3px solid #dfc9ff
}

.editor_footer_left .send:active {
    background: #62369f;
    border: 1px solid #62369f;
}

.editor_footer_left .send_disabled {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: 0.5;
}

.editor_footer_left .comment_edit {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.editor_footer_left .comment_edit:hover {
    background: #6a3bab;
    border: 1px solid #6a3bab;
}

.editor_footer_left .comment_edit:focus {
    outline: 3px solid #dfc9ff
}

.editor_footer_left .comment_edit:active {
    background: #62369f;
    border: 1px solid #62369f;
}

.editor_footer_left .comment_edit_disabled {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: 0.5;
}

.post {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: left;
    float: left;
    margin-bottom: 15px;
}

.post:hover .post_top_main {
    background: #fff;
}

.post_main {
    display: table;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 10px;
}

.post_top_left {
    width: 55px;
    height: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.post_top_main {
    padding: 5px 10px;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    background: #fff;
}

.post_top_right {
    width: 55px;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
}

.post_title_name {
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    font-size: 18px;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: table-cell;
    line-height: 18px;
}

.post_title_name a {
    color: #8654cc;
    text-decoration: none;
}

.post_title_name div {
    font-size: 14px;
    min-height: 22px;
    line-height: 22px;
    outline: none;
}

.post_top {
    display: table;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.post_main_left {
    width: 55px;
    height: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.post_main_main {
    background: #fff;
    padding: 5px 10px;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
}

.post_main_right {
    width: 55px;
    height: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.post_main_main_text {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: left;
    float: left;
}

.post_rating_block_counter {
    width: 100%;
    height: 20px;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    color: #9b9999;
    display: inline-block;
    position: relative;
    text-align: center;
    float: left;
}

.post_rating_block_up {
    display: inline-block;
    width: 100%;
    height: 25px;
    position: relative;
    text-align: center;
    float: left;
    cursor: pointer;
}

.post_rating_block_up div {
    display: inline-block;
    position: absolute;
    text-align: center;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 20px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -6px;
}

.post_rating_block_up .up {
    background-image: url(/img/sprite.png);
    background-position: -31px -228px;
}

.post_rating_block_up:hover .up {
    background-position: -59px -228px;
}

.post_rating_block_down {
    display: inline-block;
    width: 100%;
    height: 25px;
    position: relative;
    text-align: center;
    float: left;
    cursor: pointer;
}

.post_rating_block_down div {
    display: inline-block;
    position: absolute;
    text-align: center;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 20px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -6px;
}

.post_rating_block_down .down {
    background-image: url(/img/sprite.png);
    background-position: -31px -242px;
}

.post_rating_block_down:hover .down {
    background-position: -59px -242px;
}

.mainer_search {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    background: #fff;
}

.mainer_special {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    background: #fff;
}

.mainer_cnt_search {
    display: none;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    margin: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mainer_cnt_special {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    margin: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.mainer_header {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    cursor: default;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: var(--base-size-9, .5rem);
    padding: var(--base-size-9, .5rem);
}

.mainer_header_name {
    display: flex;
    color: #212121;
    width: auto;
    height: 36px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left: var(--base-size-9, .5rem);
    font-size: 16px;
    font-weight: 500;
    flex-grow: 1;
}

.mainer_header_name .counter {
    margin: 0px 5px;
    background: rgb(70 0 193 / 5%);
    font-size: 12px;
    line-height: 18px;
    border-radius: var(--base-size-9, 5625rem);
    padding: 1px 6px;
    color: #1f2328;
    margin-right: -2px;
    font-family: monospace;
}

.mainer_header_menu {
    display: flex;
    width: auto;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:var(--base-size-9, .5rem);
}

.mainer_header_menu a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: var(--base-size-36, 2.25rem);
    height: var(--base-size-36, 2.25rem);
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.mainer_header_menu a:hover {
    background: rgb(70 0 193 / 5%);
    color: #000;
}

.mainer_header_menu a:focus {
    outline: 3px solid #dfc9ff
}

.margin_top_cnt {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.profile {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
}

.profile_header {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
}

.profile_back {
    background: #fff;
    display: flex;
    width: 100%;
    height: 140px;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-position: 50% 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.profile_avatar {
    background: #fff;
    display: flex;
    width: 128px;
    height: 128px;
    position: absolute;
    border: 3px solid #ffffff;
    background-position: 50% 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    top: 45px;
}

.profile_info {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    padding:var(--base-size-9, .5rem) 10px;
}

.profile_info_left {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 12px;
}

.profile_info_right {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.profile_info_right a {
    margin-right: 10px;
}

.profile_info_right a:last-child {
    margin-right: 0px;
}

.link_profile_a {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.link_profile_a:hover {
    background: #6a3bab;
    border: 1px solid #6a3bab;
}

.link_profile_a:focus {
    outline: 3px solid #dfc9ff
}

.link_profile_a:active {
    background: #62369f;
    border: 1px solid #62369f;
}

.link_profile_a_disabled {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: 0.5;
}

.profile_info_name {
    display: flex;
    width: auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 19px;
}

.profile_info_rules {
    display: flex;
    width: auto;
    position: relative;
    font-size: 14px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #2bba87;
}

.profile_stats {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    padding:var(--base-size-9, .5rem) 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.profile_stats .div_a {
    display: flex;
    width: 100px;
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
}

.profile_stats .div_b {
    display: flex;
    width: 1px;
    height: 100%;
    position: relative;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    background: #ddd;
}

.profile_stats .div_c {
    display: flex;
    width: 100%;
    height: 30px;
    position: relative;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

.profile_stats .div_d {
    display: flex;
    width: 100%;
    height: 15px;
    position: relative;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
}

.users_table .th a:hover {
    color: #8654cc;
}

.users_table .td a {
    display: inline-block;
    color: #8654cc;
    text-decoration: none;
    font-size: 14px;
}

.users_table .td a:hover {
    color: #422b63;
}

.users_table .td a.admin {
    color: #a85dce;
}

.users_table .td a.admin:hover {
    background: #a85dce;
    color: #fff;
}

.users_table .td a.admins {
    color: #6db379;
}

.users_table .td a.admins:hover {
    background: #6db379;
    color: #fff;
}

.users_table .td a.friends {
    color: #b5b24a;
}

.users_table .td a.friends:hover {
    background: #b5b24a;
    color: #fff;
}

.users_table .td a.banned {
    color: #e28484;
}

.users_table .td a.banned:hover {
    background: #e28484;
    color: #fff;
}

.b_page {
    min-width: 12px;
    text-decoration: none;
    padding: 0px 12px;
    display: inline-block;
    line-height: 36px;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    font-family: monospace;
}

.b_page.act {
    background: rgb(70 0 193 / 8%);
    cursor: default;
}

.b_page_block_button {
    margin: 10px 10px 10px 10px;
}

.b_page_arrow {
    width: 36px;
    height: 36px;
    color: #8654cc;
    display: inline-block;
    text-decoration: none;
    line-height: 36px;
    cursor: default;
}

.b_page_arw {
    width: auto;
    height: 36px;
    text-decoration: none;
    padding: 0px 12px;
    display: inline-block;
    line-height: 34px;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    font-family: monospace;
    cursor: pointer;
}

.b_page_disabled {
    color: #c4b2dd;
    text-decoration: none;
    padding: 0px 11px;
    display: inline-block;
    line-height: 32px;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    font-family: monospace;
    cursor: default;
}

.pagination {
    padding: var(--base-size-9, .5rem);
    text-align: center;
    display: flex;
    width: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: var(--base-size-9, .5rem);
    font-size: 15px;
}

.error404 {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
}

.error404_center {
    display: flex;
    text-align: center;
    font-size: 27px;
    width: 100%;
    height: 100%;
    top: 50%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.error404_smile {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100px;
    line-height: 110px;
}

.error404_text {
    position: relative;
    display: flex;
    width: 100%;
    height: 100px;
    line-height: 35px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #000;
}

.header_left .small {
    
}

.notification {
    display: flex;
    width: 100%;
    height: 0px;
    position: sticky;
    top: 50px;
    z-index: 100;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    transition: 0.5s;
}

.notification_body {
    backdrop-filter: blur(15px);
    filter: url(#glass-distortion);
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 10000;
    border-radius: 3px;
    font-size: 14px;
    color: #1f1f1f;
    cursor: pointer;
    transition: 0.5s;
    overflow: hidden;
    position: relative;
    max-height: 0px;
}

.notification_content {
    padding:var(--base-size-9, .5rem);
    transition: 0.5s;
}

.tickets_div {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
}

.ticket_div {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    color: #545454;
    text-decoration: none;
}

.ticket_div:hover {
    background: #f7f7f7;
}

.ticket_div_left {
    padding: 15px var(--base-size-9, .5rem) 15px 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.ticket_div_center {
    padding: 15px var(--base-size-9, .5rem) 15px var(--base-size-9, .5rem);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}

.ticket_div_right {
    padding: 15px 15px 15px var(--base-size-9, .5rem);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.ticket_div_id {
    display: flex;
    width: 70px;
    height: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    font-weight: 700;
    font-size: 14px;
}

.ticket_div_status {
    display: flex;
    width: 200px;
    height: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-end;
    align-items: stretch;
}

.ticket_div_name {
    display: flex;
    width: auto;
    height: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: center;
}

.name_rank {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 2px 6px;
    text-decoration: none;
    cursor: default;
    border-radius: 3px;
    font-size: 9px;
}

.name_rank.founder {
    color: #cd6a00;
}

.name_rank.moderator {
    color: #b10000;
}

.name_rank.author {
    color: #009930;
}

.cnt_small {
    display: flex;
    width: 290px;
    min-height: 100%;
    position: relative;
    font-size: 14px;
    color: #757575;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.center_big {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 100px;
}

.header_center_small {
    display: block;
    width: 280px;
    height: 100%;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    text-align: center;
}

.header_center_small a {
    display: inline-block;
    width: auto;
    height: 26px;
    position: relative;
    text-decoration: none;
    font-size: 20px;
    line-height: 27px;
    padding: 0px 6px;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    margin:var(--base-size-9, .5rem) 13px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 0px 2px rgb(255 255 255 / 10%), 0px 0px 2px rgb(0 0 0 / 50%);
}

.header_center_small a:hover {
    background: rgba(0, 0, 0, .15);
}

.header_center_small a:active {
    background: rgba(0, 0, 0, .25);
    outline: 1px solid #ddd;
}

.header_center_small a:focus {
    background: rgba(0, 0, 0, .15);
    outline: 1px solid #ddd;
}

.header .wrapper .left {
    display: flex;
    width: auto;
    min-width: 200px;
    height: auto;
    position: relative;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.header .actions, .header_mini .actions {
    width: auto;
    height: auto;
    display: none;
    position: absolute;
    top: 39px;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px var(--base-size-9, .5rem);
    border-radius: var(--base-size-9, 5625rem);
    background: rgb(255 255 255 / 70%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(106, 59, 171) rgb(236, 236, 236) rgb(236, 236, 236);
    border-image: initial;
    border-top: 1px solid rgb(106, 59, 171);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    overflow: hidden;
    color: #757575;
    animation: actions_appear .2s 
cubic-bezier(.33, 1, .68, 1);
    backdrop-filter: blur(15px);
    filter: url(#glass-distortion);
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
}

.header .actions .theme {
    
}

.actions .theme .h {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.actions .theme .h .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.actions .theme .h .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.actions .theme .h .a:hover {
    background: #f2f3f4;
    color: #000;
}

.header .actions .profile {
    
}

.actions .profile .h {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.actions .profile .h .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.actions .profile .h .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.actions .profile .h .a:hover {
    background: #f2f3f4;
    color: #000;
}

.header .actions .profile .line {
    display: flex;
    margin:var(--base-size-9, .5rem) 0px;
    width: 100%;
    height: 1px;
    background: #ddd;
}

.header .actions .profile .div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.header .actions .profile .div a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    padding: 6px var(--base-size-9, .5rem);
    width: 100%;
    height: 20px;
    text-decoration: none;
    color: #25292e;
    border-radius: 3px;
}

.header .actions .profile .div a:hover {
    background: #f2f3f4;
}

.actions .notifications {

}

.actions .notifications .h {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.actions .notifications .h .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.actions .notifications .h .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.actions .notifications .h .a:hover {
    background: #f2f3f4;
    color: #000;
}

.actions .notifications .center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #000;
    gap:var(--base-size-9, .5rem);
}

.actions .notifications .spinner {
    animation: loader_spinner 1s linear infinite;
    color: #fff;
}

.actions .messages {

}

.actions .messages .h {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    gap:var(--base-size-9, .5rem);
}

.actions .messages .h .name {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.actions .messages .h .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.actions .messages .h .a:hover {
    background: #f2f3f4;
    color: #000;
}

.actions .messages .f .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    padding: 6px var(--base-size-9, .5rem);
    width: 100%;
    height: 20px;
    text-decoration: none;
    color: #25292e;
    border-radius: 3px;
}

.actions .messages .f .a:hover {
    background: #f2f3f4;
}

.actions .messages .center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #000;
    height: 50px;
}

.actions .messages .spinner {
    animation: loader_spinner 1s linear infinite;
    color: #fff;
}

.header_left_menu {
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    width: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.header_left_menu:hover {
    background: #8c5bcf;
}

.header_left_projects {
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    width: 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.header_left_projects:hover {
    background: #8c5bcf;
}

svg {
    fill: currentColor;
}

.overplay_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:var(--base-size-9, .5625rem);
}

.overplay_center  {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:var(--base-size-9, .5rem);
}

.overplay_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:var(--base-size-9, .5625rem);
}

.header_left_a {
    display: flex;
    width: auto;
    height: var(--base-size-36, 2.25rem);
    line-height: 30px;
    min-width: 152px;
    max-width: 500px;
    position: relative;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    border-radius: var(--base-size-9, 5625rem);
    color: #855abf;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.header_left_a:hover {
    background: rgb(70 0 193 / 5%);
}

.header_left_a:active {
    background: rgb(70 0 193 / 5%);
}

.header_left_a:focus {
    background: rgb(70 0 193 / 5%);
}

.overplay_center  {
    display: flex;
    width: auto;
    height: 100%;
    min-width: 0px;
    position: relative;
    float: left;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
}

.overplay_center  .search {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: auto;
    position: relative;
    border-radius: var(--base-size-9, 5625rem);
    overflow: hidden;
}

.overplay_center  .search .s {
    position: absolute;
    z-index: 1;
    width: 32px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.overplay_center .search .c {
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 32px;
    height: 100%;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: var(--base-size-9, 5625rem);
}

.overplay_center .search .c:hover {
    background: rgb(70 0 193 / 5%);
}

.overplay_center  .search .c svg {
    fill: #8654cc;
}

.overplay_center  .search .c:hover svg {
    fill: #8654cc;
}

.actions.main_search .m {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
    padding:var(--base-size-9, .5rem);
    height: 100%;
    overflow-y: auto;
}

.actions.main_search .m .div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.actions.main_search .m .div .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    padding: 6px var(--base-size-9, .5rem);
    width: 100%;
    height: 20px;
    text-decoration: none;
    color: #25292e;
    border-radius: 3px;
}

.actions.main_search .f {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
    padding:var(--base-size-9, .5rem);
    border-top: 1px solid #ddd;
}

.main_search_actions .search_line {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}

.main_search_actions .search_line div {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    padding: 6px var(--base-size-9, .5rem);
    color: #494949;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.main_search_actions .search_line div .name {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #494949;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    cursor: default;
}

.main_search_actions .search_line div a {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: #4b4b4b;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.main_search_actions .search_line div a:hover {
    color: #8654cc;
}

.main_search_actions .search_line .a {
    display: flex;
    width: auto;
    height: auto;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    padding: 6px var(--base-size-9, .5rem);
    color: #4b4b4b;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    text-wrap: auto;
    overflow: hidden;
}

.main_search_actions .search_line .a:hover {
    background: #f7f7f7;
}

.main_search_actions .search_line .a:active {
    background: #f7f7f7;
}

.overplay_center  input {
    padding: 8px 12px 8px 12px;
    margin: 0px;
    color: #855abf;
    border: 0px;
    background: rgb(255 255 255 / 5%);
    position: relative;
    display: flex;
    width: 100%;
    outline: none;
    height: var(--base-size-36, 2.25rem);
    font-size: 14px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(208 181 255 / 40%);
    border-radius: var(--base-size-9, 5625rem);
    box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.overplay_center  input:hover {
    background: rgb(70 0 193 / 5%);
}

.overplay_center  input:focus {
    background: rgb(70 0 193 / 5%);
}

.overplay_center  input::placeholder {
    color: #855abf;
    text-align: center;
}



.cookie {
    background: #fff;
    border-radius: var(--base-size-9, 5625rem);
    bottom: 20px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    color: #333;
    display: flex;
    left: 50%;
    max-width: 630px;
    padding: 15px 20px;
    position: fixed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    z-index: 10000;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}



.header_menu_right {
    display: flex;
    width: auto;
    height: 100%;
    position: relative;
    float: right;
    padding-right: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.menu_overlay {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.logo_overlay {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.projects_overlay {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.icon_overlay.opened .actions {
    display: flex;
}

.overplay_left .icon {
    display: flex;
    width: var(--base-size-36, 2.25rem);
    height: var(--base-size-36, 2.25rem);
    border: 1px solid transparent;
    border-radius: var(--base-size-9, 5625rem);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #855abf;
    box-sizing: border-box;
}

.overplay_left .icon:hover {
    background: rgb(70 0 193 / 5%);
}

.overplay_left .icon.opened {
    background: rgb(70 0 193 / 5%);
}

.overplay_right .icon {
    display: flex;
    width: var(--base-size-36, 2.25rem);
    height: var(--base-size-36, 2.25rem);
    border: 1px solid transparent;
    border-radius: var(--base-size-9, 5625rem);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #855abf;
    box-sizing: border-box;
}

.overplay_right .icon:hover {
    background: rgb(70 0 193 / 5%);
}

.overplay_right .icon.opened {
    background: rgb(70 0 193 / 5%);
}

.overplay_right .counter {
    display: flex;
    position: absolute;
    background: #dd0000;
    z-index: 10;
    border-radius: 50%;
    padding: 0px 3px;
    width: auto;
    height: 15px;
    color: #fff;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    top: 35px;
}

.left_overlay {
    display: flex;
    width: auto;
    min-width: 200px;
    height: auto;
    position: relative;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.mia_arrow {
    background-image: url(/img/fb.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -1195px;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 20px;
}

.menu_icon_actions {
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: none;
    text-align: center;
    float: left;
    position: absolute;
    top: 43px;
    z-index: 999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #bebebe;
    box-shadow: 0 1px var(--base-size-9, .5rem) rgba(0, 0, 0, .25);
}



.mia_menu {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    padding: 5px 0px;
}

.mia_menu a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    padding:var(--base-size-9, .5rem) 16px;
    text-decoration: none;
    color: #515151;
}

.mia_menu a:hover {
    background: #f7f7f7;
}

.mia_menu a .title {
    font-size: 14px;
}



.mia_theme {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    color: #6a3bab;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    max-height: 700px;
    overflow-y: auto;
}

.mia_theme div {
    
}



.header .actions .help {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    color: #6a3bab;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    max-height: 700px;
    overflow-y: auto;
}

.help a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    padding: 10px 16px;
    text-decoration: none;
    color: #515151;
    border-bottom: 1px solid #ddd;
}

.help a:hover {
    background: #f7f7f7;
}

.help a:last-child {
    border-bottom: 0px;
}

.help a .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}

.help a .description {
    font-size: 14px;
    color: #909090;
    margin-top: 2px;
    text-wrap: balance;
}



.mia_projects {
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    color: #6a3bab;
    text-align: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    max-height: 700px;
    overflow-y: auto;
    padding:var(--base-size-9, .5rem);
    gap:var(--base-size-9, .5rem);
}

.mia_projects a {
    display: flex;
    width: 100%;
    height: 36px;
    min-width: 80px;
    max-width: 500px;
    position: relative;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    border-radius: var(--base-size-9, 5625rem);
    color: #855abf;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.mia_projects a:hover {
    background: rgb(70 0 193 / 5%);
}

.mia_projects a .title {
}

.mia_projects a .description {
}



.mia_div {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
}

.mia_div:last-child {
    border-bottom: 0px;
}

.mia_div a {
    padding: 3px 11px;
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}



.header .wrapper .right.icon {
    height: 100%;
    width: 100%;
    opacity: .8;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.header .wrapper .right.hlp {
    background: none;
}

.header .wrapper .right.hlp:hover {
    opacity: 1;
    background: #7b51b5;
}

.header .wrapper .right.thm {
    background: none;
}

.header .wrapper .right.thm:hover {
    opacity: 1;
    background: #7b51b5;
}

.header .wrapper .right.prfl {
    background-image: none;
}

.header .wrapper .right.prfl:hover {
    opacity: 1;
    background: #7b51b5;
}

.header .wrapper .right.msngr {
    background-image: none;
}

.header .wrapper .right.msngr:hover {
    opacity: 1;
    background: #7b51b5;
}

.header .wrapper .right.ntfctns {
    background-image: none;
}

.header .wrapper .right.ntfctns:hover {
    opacity: 1;
    background: #7b51b5;
}

.header .wrapper .right.stngs {
    background-image: none;
}

.header .wrapper .right.stngs:hover {
    opacity: 1;
    background: #7b51b5;
}

.header_menu_right .link {
    white-space: nowrap;
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 14px;
    padding: 3px 6px;
    margin-right: 5px;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 0px 2px rgb(255 255 255 / 10%), 0px 0px 2px rgb(0 0 0 / 50%);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.header_menu_right .link:hover {
    background: rgba(0, 0, 0, .15);
    border-color: rgba(0, 0, 0, .15);
}

.header_menu_right .link:active {
    background: rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .25);
}

.header_menu_right .link:focus {
    background: rgba(0, 0, 0, .15);
    outline: 0px;
    border-color: #244e84;
}

.header_menu_right .link:last-child {
    margin-right: 0px;
}

.header .wrapper .right {
    display: flex;
    width: auto;
    min-width: 200px;
    height: 100%;
    position: relative;
    float: right;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

span.or {
    display: block;
    width: auto;
    height: 26px;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 11px;
    line-height: 26px;
    padding: 0px 5px;
    border-radius: 2px;
    color: #fff;
    margin:var(--base-size-9, .5rem) 0px;
    cursor: default;
    margin-right: 5px;
}

.header_right_a {
    display: block;
    width: auto;
    height: 26px;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 11px;
    line-height: 26px;
    padding: 0px var(--base-size-9, .5rem);
    border-radius: 2px;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    margin:var(--base-size-9, .5rem) 6px;
}

.header_right_a:hover {
    background: rgba(0, 0, 0, .15);
}

.header_right_a_white {
    display: block;
    width: auto;
    height: 26px;
    position: relative;
    float: right;
    text-decoration: none;
    font-size: 11px;
    line-height: 26px;
    padding: 0px var(--base-size-9, .5rem);
    border-radius: 2px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    margin:var(--base-size-9, .5rem) 13px;
}

.header_right_a_white:hover {
    background: rgba(255, 255, 255, .15);
}

.header_right_a_black {
    display: block;
    width: auto;
    height: 26px;
    position: relative;
    float: right;
    text-decoration: none;
    font-size: 11px;
    line-height: 26px;
    padding: 0px var(--base-size-9, .5rem);
    border-radius: 2px;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    margin:var(--base-size-9, .5rem) 13px;
}

.header_right_a_black:hover {
    background: rgba(0, 0, 0, .15);
}

.header_menu {
    display: flex;
    height: 30px;
    left: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 1001;
    font-family: "Roboto", "Open Sans", helvetica, arial, sans-serif;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.overplay_center  a:hover {
    background: rgb(0 0 0 / 6%);
}

.header_menu_right {
    display: flex;
    width: auto;
    height: 100%;
    position: relative;
    float: right;
    padding-right: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.header_menu_right a {
    white-space: nowrap;
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 14px;
    padding: 3px 6px;
    margin-right: 7px;
    background: rgba(0, 0, 0, .1);
    color: #8654cc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.header_menu_right a:hover {
    background: rgb(0 0 0 / 6%);
}

.header_menu_right span {
    display: inline-block;
    width: auto;
    height: 29px;
    position: relative;
    text-decoration: none;
    font-size: 11px;
    line-height: 29px;
    padding: 0px 5px;
    border-radius: 2px;
    color: #9e9e9e;
    list-style: none;
    margin: 0px;
    cursor: default;
}

.footer_big_links {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 250px;
    max-width: 1000px;
    position: relative;
    float: left;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:var(--base-size-9, .5rem);
}

.footer_big_links a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    line-height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
    padding: 0px var(--base-size-9, .5rem);
}

.footer_big_links a:hover {
    background: #f3f3f3;
}

.form_overlay_block {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    gap:var(--base-size-9, .5rem);
}

.form_overlay_block .account {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 13px;
}

.form_overlay_block .account:last-child {
    margin-bottom: 0px;
}

.form_overlay_block .account .img {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
}

.form_overlay_block .account .name {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0px 13px;
    flex-grow: 1;
}

.form_overlay_block .account .button {
    font-size: 14px;
    font-weight: 600;
    color: #b74b4b;
    line-height: 30px;
    background: #fcfcfc;
    border: 1px solid #c18080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    position: relative;
    display: flex;
    width: auto;
    padding: 0px 12px;
    height: 30px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.form_overlay {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255 255 255 / 70%);
}

.button_overlay_block {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
}

.button_overlay {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255 255 255 / 70%);
}

.api_cont {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
}

.api_cont_left {
    display: inline-block;
    width: 174px;
    margin: 0;
    float: left;
    position: relative;
    background: #fff;
}

.api_cont_left_search {
    display: inline-block;
    width: 100%;
    margin: 0;
    float: left;
}

.api_cont_left_search_input {
    display: inline-block;
    width: 164px;
    margin: 5px;
    float: left;
    padding: 5px;
    outline: none;
}

.api_cont_left_search_errors {
    display: none;
    width: 100%;
    height: 18px;
    margin: 0;
    float: left;
    text-align: center;
    color: #4a4a4a;
}

.api_cont_left_res_all {
    display: inline-block;
    width: 174px;
    float: left;
    margin: 5px;
}

.api_cont_left_res_all_p {
    display: inline-block;
    width: 138px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 6px 13px;
    float: left;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.api_cont_left_layout {
    display: none;
    position: absolute;
    top: 39px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #e9ebee;
    opacity: 0.6;
}

.api_cont_right_layout {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #e9ebee;
    opacity: 0.6;
}

.api_cont_left_res_all_p.act {
    display: inline-block;
    width: 138px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 6px 13px;
    float: left;
    background: #86b383;
    color: #fff;
}

.api_cont_left_res_all_p.act:hover {
    display: inline-block;
    width: 138px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 6px 13px;
    float: left;
    background: #86b383;
    color: #fff;
}

.api_cont_left_res_all_p:hover {
    display: inline-block;
    width: 138px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 6px 13px;
    float: left;
    background: #fff;
}

.api_cont_left_res_all_p:last-child {
    display: inline-block;
    width: 138px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 6px 13px;
    float: left;
    border-bottom: 0;
}

.api_cont_left_res_search {
    display: none;
    width: 174px;
    float: left;
    margin: 5px;
}

.api_cont_left_search_button {
    padding: 5px 7px;
    color: #ffffff;
    font-weight: bold;
    height: 15px;
    line-height: 14px;
    background: #297dd6;
    border: 1px solid #2866a9;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    position: relative;
    display: inline-block;
    width: 147px;
    float: left;
    margin: 5px;
    outline: none;
    text-align: center;
}

.api_cont_right_editor_cnt {
    display: none;
    width: 506px;
    float: left;
    margin: 5px;
}

.api_cont_right {
    display: inline-block;
    width: 516px;
    margin: 0px 0px 0px 10px;
    float: right;
    position: relative;
    background: #fff;
}

.api_cont_right_res_text {
    display: inline-block;
    width: 506px;
    float: left;
    margin: 5px;
}

#updown {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 36px;
    z-index: 99;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    text-align: center;
    padding-top: 10px;
    color: #777;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mainer_big {
    margin-top: 85px;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.chart_bar_name {
    font-size: 16px;
    color: #9e9e9e;
    width: 100%;
    height: 20px;
    line-height: 20px;
    display: flex;
    text-align: center;
    cursor: default;
    position: relative;
    float: left;
    margin: 10px 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar {
    display: flex;
    width: 100%;
    height: 300px;
    position: relative;
    float: left;
    background: #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar:last-child {
    margin-bottom: 0px;
}

.chart_bars_div {
    margin: 0px 15px 15px 15px;
}

.chart_bar_margin {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar_cnt {
    display: flex;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    position: absolute;
    float: left;
    background: #f7f7f7;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar_axis_x {
    display: flex;
    width: 100%;
    height: 19px;
    float: left;
    position: absolute;
    bottom: -20px;
    border-top: 1px solid #f7f7f7;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.chart_bar_axis_y {
    display: flex;
    width: 19px;
    height: 100%;
    float: left;
    position: absolute;
    left: -20px;
    border-right: 1px solid #f7f7f7;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.chart_bar_fill_cnt {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.chart_bar_fill_layer {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar_fill {
    display: flex;
    position: absolute;
    background: rgb(134 84 204 / 25%);
    left: 1px;
    right: 1px;
    bottom: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.chart_bar_fill_layer:hover .chart_bar_fill {
    background: rgb(134 84 204 / 65%);
}

.chart_bar_fill_value {
    color: #000;
    width: 100%;
    height: 19px;
    line-height: 18px;
    display: none;
    position: absolute;
    top: -19px;
    left: 50%;
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    cursor: default;
}

.chart_bar_fill_layer:hover .chart_bar_fill_value {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.chart_bar_fill_name {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 19px;
    line-height: 18px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    cursor: default;
    color: #ddd;
}

.chart_bar_fill_layer:hover +.chart_bar_fill_name {
  display: none;
}

.chart_bar:hover .chart_bar_fill_name {
    color: #a2a2a2;
}

.chart_bar_fill_layer:hover .chart_bar_fill_name {
    color: #000000;
    z-index: 100;
    border-radius: 5px;
}

.logo {
    font-size: 20px;
    width: 100%;
    height: 100%;
    line-height: 38px;
    display: inline-block;
    text-align: center;
}

.logo_name {
    font-size: 20px;
    color: #9e9e9e;
    width: 100%;
    height: 100%;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.logo_name:hover {

}

.logo_settings {
    font-size: 20px;
    color: #9e9e9e;
    height: 100%;
    line-height: 38px;
    display: inline-block;
    text-align: left;
    padding: 0px 13px;
    float: left;
}

.mainer_small_one {
    display: flex;
    background: #fff;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.mainer_small_one_logo {
    display: flex;
    color: #ffffff;
    width: auto;
    text-align: center;
    cursor: default;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding:var(--base-size-9, .5rem);
}

.mainer_small_one_logo a {
    width: 152px;
    height: 32px;
    position: relative;
    text-decoration: none;
    color: #784bb7;
    text-align: center;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    align-items: center;
    overflow: hidden;
    font-size: 22px;
    font-weight: 500;
}

.mainer_small_one_logo a:hover {
    background: #f8f8f8;
}

.mainer_small_one_logo a span {
    height: auto;
    line-height: 34px;
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    font-size: 20px;
    font-weight: 500;
}

.mainer_small_one_logo a span:first-child {
    color: #fff3d4;
}

.mainer_small_one_logo a span:last-child {
    color: #f4f4f4;
}

.mainer_small_one_header_one {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    gap:var(--base-size-9, .5rem);
    padding:var(--base-size-9, .5rem);
}

.mainer_small_one_header_one_logo {
    color: #ffffff;
    width: 100%;
    display: flex;
    text-align: center;
    cursor: default;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mainer_small_one_mainer {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    background: #fff;
    padding: var(--base-size-9, .5rem);
}

.mainer_small_one_mainer form {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.mainer_small_one_footer_one {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    background: #fff;
    padding:var(--base-size-9, .5rem);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
}

.mainer_small_one_footer_one a {
    margin-bottom:var(--base-size-9, .5rem);
}

.mainer_small_one_footer_one a:last-child {
    margin-bottom: 0px;
}

.mainer_posts {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.mainer_posts_special {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
}

.mainer_cnt {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.mainer_cnt_margin {
    margin: 3px 14px var(--base-size-9, .5rem) 14px;
    display: block;
    width: 250px;
    height: auto;
    position: relative;
    text-align: center;
    float: left;
}

.mainer_cnt_block {
    display: inline-block;
    margin-top: 60px;
    width: 278px;
    height: auto;
    position: relative;
    float: left;
    margin-bottom: 10px;
    font-size: 11px;
}

.mainer_cnt_block_name {
    display: inline-block;
    width: 230px;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    float: left;
    font-size: 19px;
    padding: 0px 10px;
    margin-top: 5px;
}

.mainer_cnt_block_text1 {
    display: inline-block;
    width: 258px;
    height: auto;
    line-height: 19px;
    position: relative;
    text-align: center;
    float: left;
    border-bottom: 1px solid #ddd;
    margin: 0px 10px;
    padding: 5px 0px;
}

.mainer_cnt_block_text1 a {
    color: #6d6d6d;
    text-decoration: underline;
}

.mainer_cnt_block_text1 a:hover {
    text-decoration: none;
}

.mainer_cnt_block_text2 {
    display: inline-block;
    width: 258px;
    height: auto;
    line-height: 19px;
    position: relative;
    text-align: center;
    float: left;
    margin: 0px 10px;
    padding: 5px 0px 9px;
}

.input_w {
    display: flex;
    width: auto;
    height: auto;
    line-height: 16px;
    position: relative;
    text-align: left;
    float: left;
    margin-bottom: 4px;
    padding: 0px 4px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.captcha_w {
    display: inline-block;
    width: 100%;
    line-height: 19px;
    position: relative;
    text-align: center;
    float: left;
    height: 60px;
    margin-bottom:var(--base-size-9, .5rem);
}

.captcha_w img {
    position: relative;
    display: inline-block;
    width: 160px;
    text-align: center;
    float: revert;
    height: 60px;
    z-index: 1;
}

.input_w .n {
    display: inline-block;
    width: auto;
    position: relative;
    float: left;
    color: #1f2328;
    font-weight: 600;
    line-height: 1.5;
}

.input_w .name {
    display: inline-block;
    width: auto;
    position: relative;
    float: left;
    color: #1f2328;
    font-weight: 600;
    line-height: 1.5;
}

.input_w .eror {
    display: inline-block;
    width: auto;
    position: relative;
    float: right;
    text-align: right;
    color: #ff8a8a;
}

.input_w .eror a {
    font-size: 14px;
    color: #297dd6;
    text-decoration: none;
}

.input_w .eror a:hover {
    text-decoration: underline;
}



.order_search {
    padding: 5px 7px;
    position: relative;
    display: flex;
    float: left;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 15px;
    width: 124px;
    background: rgba(0, 0, 0, .1);
    border: 1px solid #784bb7;
    color: #fff;
    height: 20px;
    font-size: 14px;
    transition: 0.2s;
}

.order_search:focus {
    border: 1px solid #6a3bab;
}

.order_search::placeholder {
    text-align: center;
    color: #ddd;
    opacity: 1;
}

.input_or {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    margin:var(--base-size-9, .5rem) 0px;
}

.input_or::after {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    content: "";
}

.input_or div {
    width: 40px;
    height: 20px;
    line-height: 17px;
    font-size: 14px;
    font-weight: 600;
    background: #fff;
    z-index: 1;
    text-align: center;
}

.input_text {
    padding: var(--base-size-8, .5625rem) var(--base-size-10, .5rem);
    margin: 0px;
    color: #999999;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 18px;
    float: left;
    outline: none;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    font-size: 14px;
}

.input_text:focus {
    border: 1px solid #8654cc;
}

.input_text:disabled {
    background: #f9f9f9;
}

.textarea {
    padding:var(--base-size-9, .5rem);
    color: #999999;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    display: flex;
    width: 100%;
    resize: none;
    outline: none;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    overflow: hidden;
    font-size: 14px;
    height: 30px;
}

.textarea:focus {
    border: 1px solid #8654cc;
}

.add_poll_field {
    font-size: 14px;
    font-weight: 600;
    margin: 7px 0px 9px 0px;
    color: #fff;
    line-height: 25px;
    background: #64bd63;
    border: 1px solid #549753;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    position: relative;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.add_poll_field:hover {
    background: #6ec36d;
    border: 1px solid #549753;
}

.answer_close {
    font-size: 14px;
    font-weight: 600;
    margin: 7px 0px 9px 0px;
    color: #fff;
    line-height: 30px;
    background: #db5353;
    border: 1px solid #975353;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    position: relative;
    display: inline-block;
    width: auto;
    height: 30px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.answer_close:hover {
    background: #e56363;
    border: 1px solid #975353;
}

.captcha_overlay {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255 255 255 / 30%);
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.captcha_overlay div {
    font-size: 14px;
    text-wrap: balance;
}

.captcha_img {
    display: inline-block;
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
}

.cmoc_mainer {
    display: flex;
    width: 100%;
    height: auto;
    line-height: 19px;
    position: relative;
    text-align: left;
    float: left;
    flex-direction: column;
}

.device_results_overlay {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
}

.r_search_results {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    max-height: 200px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px var(--base-size-9, .5rem) rgba(0, 0, 0, .25);
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
}

.device_result_div {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    padding: 7px 10px;
    cursor: pointer;
}

.device_result_div:hover {
    background: #f5f5f5;
}

.device_result_div_o {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(255 255 255 / 70%);
    z-index: 1;
    display: none;
}





.input_button_one {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 30px;
    background: #2fbba2;
    border: 1px solid #1e9983;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    position: relative;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.input_button_one:hover {
    background: #30c1a7;
    border: 1px solid #1e9983;
}

.input_button_one:focus {
    outline: 3px solid #c3e6df;
}

.input_button_one:active {
    background: #2ca58f;
    border: 1px solid #1e9983;
}

.input_button_one.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}

.input_button_two {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: #dd6767;
    border: 1px solid #c34e4e;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    display: flex;
    width: auto;
    padding: var(--base-size-8, .5625rem) var(--base-size-10, .5rem);
    line-height: 18px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.input_button_two:hover {
    background: #e56e6e;
    border: 1px solid #c34e4e;
}

.input_button_two:focus {
    outline: 3px solid #e6c3c3;
}

.input_button_two:active {
    background: #bb4949;
    border: 1px solid #c34e4e;
}

.input_button_two.disabled {
    line-height: 18px;
    background: #bb4949;
}

.input_button_three {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: #8654cc;
    border: 1px solid #6a3bab;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
    position: relative;
    display: inline-block;
    width: auto;
    padding: var(--base-size-8, .5625rem) var(--base-size-10, .5rem);
    line-height: 18px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.input_button_three:hover {
    background: #925edb;
    border: 1px solid #6a3bab;
}

.input_button_three:focus {
    outline: 3px solid #e1d4f7;
}

.input_button_three:active {
    background: #6f41af;
    border: 1px solid #6a3bab;
}

.input_button_three.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: stretch;
    width: auto;
    gap:var(--base-size-9, .5rem);
}

.oauth_buttons a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    position: relative;
    display: flex;
    width: 30px;
    height: 30px;
    line-height: 30px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.oauth_buttons a:last-child {
    margin-bottom: 0px;
}

.oauth_buttons a .text {
    display: flex;
    width: auto;
    height: 18px;
    margin-left:var(--base-size-9, .5rem);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.oauth_buttons a .logo {
    width: 18px;
    height: 18px;
}

.oauth_buttons a .id {
    display: flex;
    width: auto;
    height: 18px;
    font-weight: 800;
    font-size: 14px;
    margin-right:var(--base-size-9, .5rem);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}



.oauth_buttons .ya {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .ya:hover {
    background: #fdf4f4;
}

.oauth_buttons .ya:focus {
    outline: 3px solid #ffd3cd;
}

.oauth_buttons .ya:active {
    background: #fdf4f4;
}

.oauth_buttons .ya.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons .vk {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .vk:hover {
    background: #e8f3ff;
}

.oauth_buttons .vk:focus {
    outline: 3px solid #cbe3ff;
}

.oauth_buttons .vk:active {
    background: #e8f3ff;
}

.oauth_buttons .vk.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons .tg {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .tg:hover {
    background: #edf9ff;
}

.oauth_buttons .tg:focus {
    outline: 3px solid #cbe3ff;
}

.oauth_buttons .tg:active {
    background: #edf9ff;
}

.oauth_buttons .tg.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons .gh {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .gh:hover {
    background: #f4f4f4;
}

.oauth_buttons .gh:focus {
    outline: 3px solid #f4f4f4;
}

.oauth_buttons .gh:active {
    background: #f4f4f4;
}

.oauth_buttons .gh.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons .apple {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .apple:hover {
    background: #f4f4f4;
}

.oauth_buttons .apple:focus {
    outline: 3px solid #f4f4f4;
}

.oauth_buttons .apple:active {
    background: #f4f4f4;
}

.oauth_buttons .apple.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.oauth_buttons .google {
    background: #ffffff;
    border: 1px solid #ddd;
}

.oauth_buttons .google:hover {
    background: #fff3f2;
}

.oauth_buttons .google:focus {
    outline: 3px solid #ffe4e2;
}

.oauth_buttons .google:active {
    background: #fff3f2;
}

.oauth_buttons .google.disabled {
    background: #2ca58f;
    color: #e9e9e9;
}



.info {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 16px;
    position: relative;
    float: left;
    margin-top: 6px;
    margin-bottom:var(--base-size-9, .5rem);
    font-size: 12px;
    padding:var(--base-size-9, .5rem);
    text-wrap: balance;
}

.info a {
    color: #8654cc;
    text-decoration: none;
}

.info a:hover {
    text-decoration: underline;
}

.auth_eror {
    display: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    float: left;
    color: red;
    border: 1px solid #c73838;
    background: #f9f9f9;
    margin-bottom: 7px;
    border-radius: var(--base-size-9, 5625rem);
}

.confirm_error {
    display: none;
    width: 100%;
    height: 26px;
    line-height: 24px;
    position: relative;
    text-align: center;
    float: left;
    color: red;
}

.name_info_box {
    display: inline-block;
    width: auto;
    position: relative;
    float: left;
    margin-left: 5px;
}

.name_info {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    float: left;
    font-size:var(--base-size-9, .5rem);
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #297dd6;
    text-align: center;
    line-height: 11px;
    margin-top: 3px;
    cursor: pointer;
    border: 1px solid #297dd6;
}



.mainer_settings {
    display: inline-block;
    background: #fff;
    width: 400px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -230px;
    margin-left: -200px;
}

.header_settings {
    display: block;
    width: 100%;
    height: 40px;
    position: relative;
    text-align: center;
    float: left;
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
}

.mainer_cnt_settings {
    display: inline-block;
    width: 698px;
    height: auto;
    position: relative;
    text-align: left;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 3px 0px #dddddd;
}

.settings_input_button {
    padding: 5px 7px;
    margin: 0px;
    color: #ffffff;
    font-weight: bold;
    height: 27px;
    line-height: 16px;
    background: #297dd6;
    border: 1px solid #2866a9;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    box-shadow: 0px 1px 1px 0px rgba(125, 125, 125, 0.75);
    position: relative;
    display: inline-block;
    width: 250px;
    float: left;
    outline: none;
    margin-top:var(--base-size-9, .5rem);
}

.settings_input_button:hover {
    background: #3486dc;
    border: 1px solid #2866a9;
}

.settings_input_button:active {
    background: #2370c1;
    border: 1px solid #2866a9;
}

.settings_input_button:disabled {
    line-height: 18px;
    background: #2370c1;
}

.settings_exit_button {
    padding: 5px 7px;
    margin: 0px;
    color: #297dd6;
    height: 17px;
    line-height: 16px;
    background: #fff;
    position: relative;
    display: inline-block;
    width: auto;
    float: left;
    margin-top: 7px;
    outline: none;
    text-decoration: none;
    margin-left: 10px;
}

.settings_exit_button:hover {
    background: #f3f3f3;
}

.settings_text {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 19px;
    position: relative;
    text-align: center;
    float: left;
    margin-bottom: 3px;
}

.settings_line {
    display: flex;
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.settings_line_icon {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    float: right;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding:var(--base-size-9, .5rem) 0px var(--base-size-9, .5rem)var(--base-size-9, .5rem);
}

.settings_line_name {
    display: flex;
    width: auto;
    height: 16px;
    position: relative;
    text-align: left;
    float: left;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding:var(--base-size-9, .5rem);
    line-height: 16px;
}

.settings_line:hover {
    background: rgb(70 0 193 / 5%);
}

.settings_line_link {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    float: right;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.settings_line_link a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.settings_line_link a:hover {
    background: rgb(70 0 193 / 5%);
    color: #000;
}

.settings_line_checkbox {
    display: flex;
    width: auto;
    height: 32px;
    position: relative;
    text-align: left;
    float: right;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}







.settings_line input {
    vertical-align: top;
    margin: 5px 0 0 13px;
    width: 17px;
    height: 17px;
    display: none;
}

/*.settings_line .label {
    position: relative;
    padding: 0 0 0 42px;
    cursor: pointer;
}*/

..settings_line .label {
    position: relative;
    cursor: pointer;
    width: 42px;
    display: inline-block;
    height: 27px;
}

.checkbox:not(checked) {
  position: absolute;
}

.checkbox:not(checked) + label {
    position: relative;
    width: 40px;
    display: inline-block;
    height: 26px;
    cursor: pointer;
}

/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 38px;
    border: 1px solid #ccced1;
    border-radius: 20px;
    height: 23px;
    background: #ccced1;
    box-shadow: rgb(204, 206, 209) 0px 0px 0px 0px inset;
    transition: border 0.4s, box-shadow 0.4s;
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
    content: '';
    left: 1px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 3px rgba(0,0,0,.4);
    height: 23px;
    position: absolute;
    top: 2px;
    width: 23px;
    transition: background-color 0.4s, left 0.2s;
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
    background-color: #8654cc;
    border-color: #8654cc;
    box-shadow: #8654cc 0px 0px 0px 13.5px inset;
    transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
    left: 16px;
    transition: background-color 0.4s, left 0.2s;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  
}
.checkbox:disabled + label:before {
    background-color: #edeff1;
    border-color: #ccced1;
    box-shadow: rgb(204, 206, 209) 0px 0px 0px 0px inset;
    transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:disabled + label:after {
    transition: background-color 0.4s, left 0.2s;
}

.settings {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    gap:var(--base-size-9, .5rem);
    padding:var(--base-size-9, .5rem);
}

.dropdown-menu ul {
    margin: 0;
    width: auto;
    position: absolute;
    top: 37px;
    right: 0px;
    max-width: 300px;
    list-style: none;
    z-index: 100;
    display: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    box-shadow: 0 3px var(--base-size-9, .5rem) rgba(0, 0, 0, .3);
    padding: 5px 0;
    margin-top: 5px;
}
.dropdown-menu ul li {
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #fff;
}
.dropdown-menu ul li:hover {
    background-color: #4267b2;
    border: 1px solid #29487d;
    color: #fff;
}

.dropdown-menu ul li:hover a {
    color: #fff;
}

.dropdown-menu ul li a {
    display: block;
    text-decoration: none;
    text-align: left;
    border-width: 1px 0;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 12px;
    color: #1d2129;
}
 
.dropdown-menu .title {
    display: inline-block;
    width: auto;
    height: 26px;
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 0px var(--base-size-9, .5rem);
    border-radius: 2px;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    margin:var(--base-size-9, .5rem) 13px;
    cursor: pointer;
}
 
.dropdown-menu .title::after {
    mainer: "";
    float: right;
    display: block;
    width: 0px;
    height: 20px;
}
 
.dropdown-menu.open .title {
    color: #6f6f6f;
}
 
.dropdown-menu.open .title::after {
}
 
.dropdown-menu.open ul {
  display: block;
}

.dropdown-menu {
    z-index: 100;
    position: relative;
    float: right;
}

.stat_menu {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    font-size: 18px;
    text-align: center;
    margin: 10px 0px;
}

.stat_menu_left {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 28px;
    position: relative;
    float: left;
    font-size: 18px;
    text-align: center;
}

.stat_menu_right {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 28px;
    position: relative;
    float: right;
    font-size: 18px;
    text-align: center;
}

.stat_menu_right a {
    display: block;
    width: auto;
    height: 30px;
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 18px;
    line-height: 29px;
    padding: 0px var(--base-size-9, .5rem);
    border-radius: 2px;
    background: #ddd;
    color: #828282;
}




.slider {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    height: 243px;
    position: relative;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
    box-shadow: 0px 1px 3px 0px #dddddd;
    -webkit-box-shadow: 0px 1px 3px 0px #dddddd;
    -moz-box-shadow: 0px 1px 3px 0px #dddddd;
    -o-box-shadow: 0px 1px 3px 0px #dddddd;
    overflow: hidden;
    margin-bottom: 20px;
}

.slider:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.slider img {
     cursor: pointer;
     display: none;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}

.slider_buttons {
    top: 4px;
    left: 0px;
    position: absolute;
    display: block;
    width: 100%;
    height: 0px;
    text-align: center;
}

.slider_buttons a {
    background: rgba(190, 190, 190, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 2px #777;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 4px;
}

.slider_buttons a:hover, .slider_buttons .checked {
    background: #FFF !important;
    cursor: pointer;
}

.slider_title {
    background: rgb(0 0 0 / 50%);
    cursor: pointer;
    width: 100%;
    height: 46px;
    overflow: hidden;
    display: block;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px #000 solid;
    text-decoration: none;
    z-index: 2;
}

.slider_title_name {
    width: calc(100% - 30px);
    height: auto;
    z-index: 1;
    color: #fff;
    display: block;
    font-family: "WarHeliosCondCBold","Arial Narrow",arial,sans-serif;
    font-size: 21px;
    font-weight: normal;
    margin: 0 0 13px 0;
    text-shadow: 0 1px 0 #000;
    text-align: left;
    padding: 10px 15px 0px 15px;
}

.slider_title_text {
    width: calc(100% - 30px);
    height: auto;
    display: block;
    color: #babfba;
    line-height: 140%;
    margin: 0;
    word-wrap: break-word;
    text-align: left;
    padding: 0px 15px 14px 15px;
}

.slider_title span {
    font: normal normal 400 21px/21px WarHeliosCondCBold;
    margin-bottom: 15px;
    color: #fff;
    display: block;
    font-family: "WarHeliosCondCBold","Arial Narrow",arial,sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 13px 0;
    text-shadow: 0 1px 0 #000;
}

.slider_arrow_l {
    display: inline-block;
    width: 40px;
    height: calc(100% - 48px);
    left: 0;
    opacity: 0.7;
    position: absolute;
    z-index: 1;
}

.slider_arrow_l div {
    background-image: url(/img/arrow_l.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slider_arrow_r {
    display: inline-block;
    width: 40px;
    height: calc(100% - 48px);
    right: 0;
    opacity: 0.7;
    position: absolute;
    z-index: 1;
}

.slider_arrow_r div {
    background-image: url(/img/arrow_r.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slider_arrow_l:hover, .slider_arrow_r:hover {
    opacity: 1;
    cursor: pointer;
}

.slider_arrow.r {
    background-position: 26px 80px;
    left: auto;
    right: 0;
}

.scroll_downe svg {
    z-index: 50000;
    transition: stroke 200ms;
    stroke: #979797;
    stroke-width: 2px;
    width: 30px;
    height: 9px;
    margin-top: 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.phone {
    padding: 5px 15px 5px 15px;
    position: relative;
    float: left;
    width: 248px;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.phone:last-child {
    border-bottom: 0px;
}

.phone_name {
    font-size: 15px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 5px 0px 5px;
    position: relative;
    text-align: left;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.phone_sim {
    position: relative;
    display: flex;
    margin: 5px 0 5px;
    width: 100%;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.phone_sim:last-child {
    margin: 5px 0 5px;
}

.phone_sim_div {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.phone_sim_divs {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 21px;
    display: flex;
    text-align: left;
    float: left;
    margin-right: 7px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.phone_sim_divs:last-child {
    margin: 0px;
}

.editor_cnt {
    display: inline-block;
    width: 486px;
    float: right;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 10px;
    padding-top: 0px;
}

.editor_cnt .editor {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
}

.editor_cnt .editor:last-child {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
}

.editor_head {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    height: 23px;
}

.editor_head_left {
    display: inline-block;
    width: auto;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
    margin-left: 10px;
}

.editor_head_left input {
    background: #fff;
    border: 1px #fff;
    cursor: pointer;
    height: 23px;
    line-height: 22px;
    width: auto;
    font-size: 11px;
    margin: 0;
    padding: 0px 7px;
}

.editor_head_left input:hover {
    background: #f5f5f5;
}

.error_top {
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative;
    background: #000;
}

.editor_head_right {
    display: inline-block;
    width: auto;
    float: right;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

.editor_head_right input {
    background: #fff;
    border: 1px #fff;
    cursor: pointer;
    height: 23px;
    line-height: 22px;
    width: auto;
    font-size: 11px;
    margin: 0;
    padding: 0px 6px;
}

.editor_head_right input:hover {
    background: #f5f5f5;
}

.editor_body {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
}

.editor_body textarea {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 10px 15px;
    resize: vertical;
    min-height: 100px;
    outline: none;
    border: 1px solid #cacaca;
}

.poll_editor_link {
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    display: none;
}

.editor_footer {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

.editor_footer_left {
    display: inline-block;
    width: auto;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
}

.editor_footer_right {
    display: inline-block;
    width: auto;
    float: right;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
}

.editor_cnt .editor .title {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 0;
    padding: 7px;
    height: 30px;
    border: 1px solid #cacaca;
}

.comments_source_name {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 5px 52px;
    color: #8654cc;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.comments_source_name a {
    text-decoration: none;
}



.common, .basic {
    background: #f3f3f3;
    border: 1px solid #ddd;
}

.uncommon, .advanced {
    background: #27ae6014;
    border: 1px solid rgb(147 248 151);
}

.rare, .elite {
    background: #238fd526;
    border: 1px solid #065e9826;
}

.components, .epic, .premium {
    background: #a92fdc33;
    border: 1px solid rgba(169, 47, 220, .3);
}

.legendary, .ultimate, .masterplan {
    background: linear-gradient(45deg, #f1c40f59, #f1c40f73 50%, #f1c40f59);
    border: 1px solid rgba(241, 196, 15, .3);
}

.mythic, .eternal {
    background: linear-gradient(45deg,#d3540026,#d354004d 50%,#d3540026);
    border: 1px solid rgb(211 84 0 / 15%);
}

.winter {
    background: linear-gradient(45deg,#dc143c26,#dc143c4d 50%,#dc143c26);
    border: 1px solid rgb(220 20 60 / 15%);
}

.quests {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    gap:var(--base-size-9, .5rem);
    padding:var(--base-size-9, .5rem);
}

.quest {
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    cursor: default;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding: var(--base-size-9, .5rem);
    outline-offset: -1px;
    border-radius: 16px;
    font-family: monospace;
    transition: 1s;
    color: #757575;
}

.quest.unviewed {
    background: #ffffda;
}

.quest .reward {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.quest .reward .item div {
    position: absolute;
    color: #fff;
    background: #2196f3;
    border-radius: 6px;
    padding: 1px 5px;
    right: -3px;
    bottom: -3px;
    font-size: 14px;
}

.quest .reward .item {
    display: flex;
    width: 56px;
    height: 56px;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: var(--base-size-9, 5625rem);
    box-sizing: border-box;
    box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.quest .data {
    display: flex;
    width: 80px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-grow: 1;
    margin: 0px var(--base-size-9, .5rem);
}

.quest .time {
    display: flex;
    width: 80px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.quest .quest-meta {
    display: flex;
    align-items: center;
    gap:var(--base-size-9, .5rem);
}

.quest .quest-actions {
    display: flex;
    gap: 6px;
}

.quest .quest-action {
    display: inline-flex;
    box-sizing: border-box;
    width: var(--base-size-36, 2.25rem);
    height: var(--base-size-36, 2.25rem);
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--base-size-9, 5625rem);
    color: #323232;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    cursor: pointer;
}

.quest .quest-action svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.quest .quest-action:hover,
.quest .quest-action:focus {
    background: rgb(70 0 193 / 5%);
}

.quest .quest-action.quest-action--completed,
.quest .quest-action.quest-action--completed svg {
    color: #f2a900;
    fill: currentColor;
}

.quest .quest-action.quest-action--best svg {
    color: #f2a900;
    fill: currentColor;
}

.quest .quest-action.quest-action--disabled {
    pointer-events: none;
    opacity: 0.75;
    cursor: default;
}

.quest .time {
    width: auto;
    min-width: 64px;
    padding: 6px 10px;
    border-radius: var(--base-size-9, 5625rem);
    background: rgba(255, 255, 255, 0.08);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.quest .quest-badges {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    z-index: 1;
}

.quest .quest-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px var(--base-size-9, .5rem);
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.28);
    color: #fff;
}

.quest .quest-badge-best {
    background: rgba(255, 188, 0, 0.92);
    color: #111;
}

.quest .quest-badge-completed {
    background: rgba(0, 188, 100, 0.92);
    color: #111;
}

.polls_div {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
}

.poll {
    padding:var(--base-size-9, .5rem);
    float: left;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    gap:var(--base-size-9, .5rem);
}

.poll_name {
    font-size: 15px;
    width: auto;
    height: auto;
    line-height: 20px;
    position: relative;
    text-align: left;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0px var(--base-size-9, .5rem);
}

.poll_name_price {
    color: #797979;
    text-decoration: none;
    display: inline;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    line-height: 18px;
    float: right;
    font-weight: normal;
}

.poll_name_price span {
    padding: 1px 4px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
}

.poll_name_price span.r {
    background: #ba3a3a;
}

.poll_name_price span.y {
    background: #c6c94a;
}

.poll_name_price span.g {
    background: #3aba61;
}

.poll_name_price span.s {
    background: #297dd6;
}

.overlay_link_buttons {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    text-align: center;
    float: left;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.link_buttons {
    font-size: 14px;
    width: auto;
    height: 20px;
    line-height: 20px;
    display: flex;
    text-align: left;
    float: left;
    color: #8654cc;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 5px;
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.link_buttons:hover {
    color: #422b63;
}

.link_buttons_actions {
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: none;
    text-align: center;
    float: left;
    position: absolute;
    top: -2px;
    z-index: 999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.link_buttons_actions p {
    position: relative;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: center;
    cursor: default;
    padding: 1px 0px;
    text-decoration: none;
    margin: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

.link_buttons_actions div {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.link_buttons_actions div a {
    padding: 0px 10px;
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}

.menu_link_buttons_divs {

}

.poll_name .link {
    color: #8654cc;
    text-decoration: none;
    display: inline;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    float: left;
    font-weight: bold;
}

.poll_name .link.sber {
    color: #21a038;
}
.poll_name .link.sber:hover {
    color: #106f22;
}

.poll_name .link.boxberry {
    color: #ed1651;
}
.poll_name .link.boxberry:hover {
    color: #ed1651;
}

.poll_name .link.fivepost {
    color: #5ab333;
}
.poll_name .link.fivepost:hover {
    color: #418f1e;
}

.poll_name .link.cdek {
    color: #1ab248;
}
.poll_name .link.cdek:hover {
    color: #1ab248;
}

.poll_name .link.citilink {
    color: #fe7200;
}
.poll_name .link.citilink:hover {
    color: #e16500;
}

.poll_name .link.mvideo {
    color: #e31235;
}
.poll_name .link.mvideo:hover {
    color: #b90c29;
}

.poll_name .link.eldorado {
    color: #76bc21;
}
.poll_name .link.eldorado:hover {
    color: #66a51a;
}

.poll_body {
    display: flex;
    width: auto;
    height: auto;
    margin: 0px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.poll_body form {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.poll_bottom {
    width: auto;
    height: auto;
    color: #858585;
    font-size: 11px;
    position: relative;
    display: flex;
    float: left;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0px var(--base-size-9, .5rem);
}

.poll_bottom a {
    text-decoration: none;
    font-size: 14px;
}

.poll_bottom div {
    font-size: 14px;
    position: relative;
    display: flex;
    float: left;
    text-decoration: none;
    height: 20px;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 10px;
}

.poll_bottom div:last-child {
    margin-right: 0px;
}

.poll_vote {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.poll_vote:hover {
    background: #6a3bab;
    border: 1px solid #6a3bab;
}

.poll_vote:focus {
    outline: 3px solid #dfc9ff
}

.poll_vote:active {
    background: #62369f;
    border: 1px solid #62369f;
}

.poll_vote_disabled {
    background: #8654cc;
    border: 1px solid #6a3bab;
    position: relative;
    height: 20px;
    text-decoration: none;
    padding: 1px var(--base-size-9, .5rem);
    outline: none;
    font-size: 14px;
    width: auto;
    line-height: 20px;
    display: flex;
    text-align: left;
    border-radius: 4px;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: 0.5;
}

.poll_answer {
    display: flex;
    width: auto;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.poll_answer_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.poll_answer_label {
    display: flex;
    width: auto;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    cursor: pointer;
    padding:var(--base-size-9, .5rem);
    gap: 4px;
}

.poll_answer_input {
    padding: 3px 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-right: 4px;
}





.small_input_text {
    text-align: center;
    padding: 3px 4px;
    margin: 0px;
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: inline-block;
    float: left;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    width: 135px;
    height: auto;
    color: #6a3bab;
    cursor: text;
}

.poll_delivery_name {
    font-size: 14px;
    width: auto;
    height: 20px;
    line-height: 21px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 10px;
}



.form_received_date {
    width: auto;
    height: auto;
    line-height: 20px;
    color: #6a3bab;
    display: none;
    font-size: 14px;
    text-align: left;
    float: left;
    position: relative;
}

.add_received_date {
    display: inline-block;
    cursor: pointer;
    color: #4cb733;
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    float: left;
    text-align: center;
    text-decoration: none;
    margin-right: 7px;
}

.add_received_date:hover {
    color: #2a7719;
}

.received_date_edit {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    color: #6a3bab;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    margin-right: 7px;
}

.sim_found {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    color: #bb2f2f;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    margin-left: 7px;
}

.sim_found:hover {
    color: #422b63;
}

.sim_unfound {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    color: #2fbba2;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    margin-left: 7px;
}

.sim_unfound:hover {
    color: #422b63;
}

.p_a_number {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    color: #6a3bab;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    margin-left: 7px;
}

.p_a_number:hover {
    color: #422b63;
}

.received_date_edit:hover {
    color: #422b63;
}

.small_input_text_2 {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    display: inline-block;
    float: left;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    width: 120px;
    height: 20px;
    color: #6a3bab;
    cursor: text;
    margin-right: 7px;
    line-height: 20px;
}



.form_received_code {
    width: auto;
    height: auto;
    line-height: 20px;
    color: #6a3bab;
    cursor: pointer;
    display: none;
    font-size: 14px;
    text-align: left;
    float: left;
    position: relative;
}

.add_received_code {
    display: inline-block;
    cursor: pointer;
    color: #4cb733;
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 24px;
    float: left;
    text-align: center;
    text-decoration: none;
}

.add_received_code:hover {
    background: #f9f9f9;
}

.add_received_code_back {
    display: inline-block;
    cursor: pointer;
    color: #b73333;
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 24px;
    float: left;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #ddd;
}

.add_received_code_back:hover {
    background: #f9f9f9;
}

.edit_received_code {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    color: #4cb733;
}

.add_form_add_received_code {
    display: inline-block;
    cursor: pointer;
    color: #4cb733;
    float: left;
}

.add_form_edit_received_code {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    color: #4cb733;
}

.mca_div {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
}

.mca_div:last-child {
    border-bottom: 0px;
}

.menu_comment_actions div a {
    padding: 3px 10px;
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.comment_actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}



.window {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 30%);
    z-index: 1001;
    backdrop-filter: blur(3px);
}

.window .center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background: #fff;
    overflow: hidden;
}

@media only screen and (min-width: 600px) {
    .window .center {
        width: auto;
        height: auto;
        max-width: 800px;
        max-height: 90%;
        border-radius: 14px;
    }
}

.window .center .br {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
}

.window .name {
    position: sticky;
    top: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    padding:var(--base-size-9, .5rem);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    background: #ffffff;
}

.window .name div {
    display: flex;
    color: #212121;
    width: auto;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
}

.window .name .x {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: var(--base-size-36, 2.25rem);
    height: var(--base-size-36, 2.25rem);
    border-radius: var(--base-size-9, 5625rem);
    color: #212121;
    cursor: pointer;
}

.window .name .x:hover {
    background: rgb(70 0 193 / 5%);
}

.window .body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
    height: auto;
    flex-grow: 1;
}

.window .body .label {
    position: relative;
    display: flex;
    width: auto;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}

.window .body .label .input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-left: 6px;
    margin-right: 14px;
}

.window .body .label .text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    min-height: 22px;
    line-height: 20px;
    margin-right: 14px;
}

/* для элемента input c type="radio" */
.window .body .label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0px;
    width: 16px;
    height: 16px;
}

/* для элемента label связанного с .custom-radio */
.window .body .label span {
    display: flex;
    align-items: center;
    user-select: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #adb5bd;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.window .body .label span::before {
    content: '';
    display: inline-block;
    border: 4px solid #fff;
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 50%;
    transition: all .2s;
}

/* стили при наведении курсора на радио */
.window .body .label input:not(:disabled):not(:checked)+span:hover::before {
    
}

/* стили для активной радиокнопки (при нажатии на неё) */
.window .body .label input:not(:disabled):not(:checked):active+span {
    border-color: #5a29b6;
}

/* стили для радиокнопки, находящейся в фокусе */
.window .body .label input:focus+span::before {

}

.window .body .label input:hover:not(:checked)+span {
    border-color: #8a57ea;
}

.window .body .label input:hover:not(:checked)+span::before {
    
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.window .body .label input:focus:not(:checked)+span::before {
    border-color: #8654cc;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.window .body .label input:checked+span::before {
    background: #8a57ea;
    border: 4px solid #fff;
}
.window .body .label input:checked+span {
    border-color: #8a57ea;
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.window .body .label input:disabled+span::before {
    background-color: #e9ecef;
}



.window .h {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    gap:var(--base-size-9, .5rem);
}

.window .h:first-child {
    border-top: 0px;
}

.window .h .n {
    display: flex;
    color: #212121;
    width: auto;
    height: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    padding-left:var(--base-size-9, .5rem);
    flex-grow: 1;
}

.window .f {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    padding:var(--base-size-9, .5rem);
    border-top: 1px solid #ddd;
}

.window .f a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 6px var(--base-size-9, .5rem);
    border-radius: var(--base-size-9, 5625rem);
    color: #383838;
    cursor: pointer;
}

.window .f a:hover {
    background: rgb(70 0 193 / 5%);
}

.window .m {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    padding:var(--base-size-9, .5rem);
    width: auto;
    height: auto;
}

.window .m a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: var(--base-size-8, .5625rem) var(--base-size-10, .5rem);
    border-radius: var(--base-size-9, 5625rem);
    color: #383838;
    cursor: pointer;
}

.window .m a:hover {
    background: rgb(70 0 193 / 5%);
}

.window .m a.active {
    background: rgb(148 0 255 / 10%);
}

.window .m a .title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 20px;
    text-decoration: none;
    color: #25292e;
    border-radius: 3px;
}



.window .bottom {
    position: sticky;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    background: #fff;
    padding:var(--base-size-9, .5rem);
    border-top: 1px solid #ddd;
}

.window .bottom .a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    padding: var(--base-size-8, .5625rem) var(--base-size-10, .5rem);
    width: auto;
    height: 20px;
    text-decoration: none;
    color: #25292e;
    border-radius: var(--base-size-9, 5625rem);
    cursor: pointer;
}

.window .bottom .a:hover {
    background: rgb(70 0 193 / 5%);
}

.window_b {
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    position: relative;
    text-decoration: none;
    padding: 3px 7px;
    outline: none;
    font-size: 14px;
    width: auto;
    display: flex;
    border-radius: 4px;
    color: #6b6b6b;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.window_b:hover {

}

.window_b:active {
    
}

.window_comment {
    padding: 9px;
    color: #999999;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    display: none;
    width: 100%;
    resize: none;
    outline: none;
    -webkit-border-radius: var(--base-size-9, 5625rem);
    -moz-border-radius: var(--base-size-9, 5625rem);
    border-radius: var(--base-size-9, 5625rem);
    overflow: hidden;
    font-size: 14px;
    height: 35px;
}

.window_comment:focus {
    border: 1px solid #8654cc;
}

.center_label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 6px;
    font-size: 14px;
}

.center_label div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0px 14px;
}



/* для элемента input c type="radio" */
.poll_answer_label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0px;
    width: 16px;
    height: 16px;
}

/* для элемента label связанного с .custom-radio */
.poll_answer_label span {
    display: flex;
    align-items: center;
    user-select: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #adb5bd;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.poll_answer_label span::before {
    content: '';
    display: inline-block;
    border: 4px solid #fff;
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 50%;
    transition: all .2s;
}

/* стили при наведении курсора на радио */
.poll_answer_label input:not(:disabled):not(:checked)+span:hover::before {
    
}

/* стили для активной радиокнопки (при нажатии на неё) */
.poll_answer_label input:not(:disabled):not(:checked):active+span {
    border-color: #5a29b6;
}

/* стили для радиокнопки, находящейся в фокусе */
.poll_answer_label input:focus+span::before {

}

.poll_answer_label input:hover:not(:checked)+span {
    border-color: #8a57ea;
}

.poll_answer_label input:hover:not(:checked)+span::before {
    
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.poll_answer_label input:focus:not(:checked)+span::before {
    border-color: #8654cc;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.poll_answer_label input:checked+span::before {
    background: #8a57ea;
    border: 4px solid #fff;
}
.poll_answer_label input:checked+span {
    border-color: #8a57ea;
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.poll_answer_label input:disabled+span::before {
    background-color: #e9ecef;
}



.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 4px 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.radio:not(checked) + label:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width:var(--base-size-9, .5rem);
    height:var(--base-size-9, .5rem);
    border-radius: 50%;
    background: #8654cc;
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    
}

input[type='reset'] {
    padding: 12px 15px;
    border: none;
    border-radius: 5px;
    background: #CDD1DA;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
}
input[type='reset']:active {
    background: #BDC0CC;
}
input[type='reset']:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}





.overlay_delivery_actions {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    text-align: center;
    float: left;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.delivery_actions {
    font-size: 14px;
    width: auto;
    height: 20px;
    line-height: 20px;
    display: flex;
    text-align: left;
    float: left;
    color: #8654cc;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 5px;
    border-radius: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.menu_delivery_actions {
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: none;
    text-align: center;
    float: left;
    position: absolute;
    top: -2px;
    z-index: 999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
}

.menu_delivery_actions_divs {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.menu_delivery_actions p {
    position: relative;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: center;
    cursor: default;
    padding: 1px 0px;
    text-decoration: none;
    margin: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

.menu_delivery_actions div {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.menu_delivery_actions div a {
    padding: 0px 10px;
    position: relative;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: flex;
    float: left;
    color: #6a3bab;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}

.delivery_actions:hover {
    color: #422b63;
}

.poll_answer_title_name {
    text-align: left;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}

.tracking_link_name {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 21px;
    display: flex;
    text-align: left;
    float: left;
    margin-right: 7px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.tracking_date_name {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    border-radius: var(--base-size-9, 5625rem);
    padding: 0px var(--base-size-9, .5rem);
    margin-right: 3px;
    cursor: default;
}

.tracking_date_date {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-right: 7px;
}

.poll_answer_title_name.received {
    opacity: 0.6;
}

.poll_answer_title_name span {
    font-size: 15px;
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: left;
}

.poll_answer_title_name span a {
    color: #8654cc;
    text-decoration: none;
    display: inline;
    font-size: 15px;
}

.poll_answer_title_name span a:hover {
    color: #422b63;
}

.poll_answer_title_center {
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.poll_answer_title_center img {
    display: flex;
    width: 300px;
    height: 300px;
    outline: 0px solid #6133a2;
    margin: 10px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.poll_answer_title_center a {
    cursor: pointer;
    margin: 0px 5px;
    white-space: nowrap;
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    padding: 2px 10px;
    margin-right: 7px;
    background: rgba(0, 0, 0, .1);
    color: #8654cc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.poll_answer_title_center a:hover {
    color: #512c85;
    background: rgb(0 0 0 / 6%);
}

.poll_answer_title_sold {
    font-size: 14px;
    width: auto;
    height: 20px;
    line-height: 18px;
    display: flex;
    text-align: left;
    float: right;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.poll_answer_title_sold span {
    padding: 0px 5px 0px 5px;
    border-radius: 4px;
    color: #ffffff;
    height: 20px;
    font-weight: 600;
    line-height: 21px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

.poll_answer_title_sold span.r {
    background: #ba3a3a;
}

.poll_answer_title_sold span.y {
    background: #c6c94a;
}

.poll_answer_title_sold span.g {
    background: #34ad59;
}

.poll_answer_title_sold span.b {
    background: #8654cc;
}

.sbsp_layer {
    color: #ffffff;
    font-weight: 600;
    width: 12px;
    height: 20px;
    line-height: 20px;
    position: relative;
    float: right;
    margin-left: 4px;
}

.sbsp_text {
    font-size: 14px;
    text-align: center;
    border-radius: 7px;
    color: #34ad59;
    font-weight: 900;
    width: 12px;
    height: 11px;
    line-height: 10px;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
    z-index: 1;
}

.rouble_text {
    color: #ffffff;
    width: 12px;
    height: 20px;
    line-height: 20px;
    position: relative;
    float: right;
    margin-left: 4px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.sbsp_left {
    text-align: center;
    color: #3aba61;
    font-weight: bold;
    width: 6px;
    height: 5px;
    line-height: 13px;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: 0px;
}

.poll_answer_title_counter {
    font-size: 14px;
    width: 35px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    float: right;
    margin-left: 5px;
}

.poll_answer_slider {
    display: flex;
    width: auto;
    height: 16px;
    background: #fff;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.poll_answer_range {
    width: auto;
    height: 16px;
    display: flex;
    background: #faf6ff;
    color: #fff;
}

.poll_answer_fill {
    height: 100%;
    display: flex;
    background: #c8a1ff;
    color: #fff;
}

.poll_answer_value {
    width: 35px;
    height: 100%;
    position: relative;
    display: table-cell;
    float: right;
    color: #3a3a3a;
    font-size: 12px;
    text-align: right;
    line-height: 16px;
}

.chart_bar_div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
}

.chart_bar_overlay {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255 255 255 / 70%);
}

.chart_bar_div:last-child {
    margin-bottom: 0px;
}



.goods_div {
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    margin: 10px 0px;
}

.good {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.good .status {
    display: flex;
    width: 140px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .name {
    display: flex;
    width: 300px;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.good .money {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .buy {
    display: flex;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: #ffada7;
    width: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .sell_exp {
    display: flex;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: #b5b5b5;
    width: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .sell {
    display: flex;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: #a6d9a8;
    width: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .raz {
    display: flex;
    font-family: monospace;
    font-size: 18px;
    font-weight: bold;
    color: #b5b5b5;
    width: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .opr {
    display: flex;
    width: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.good .rav {
    display: flex;
    width: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.rouble_text_2 {
    width: 12px;
    position: relative;
    float: right;
    margin-left: 4px;
    font-weight: bold;
    font-size: 15px;
    font-family: helvetica, arial, sans-serif;
    color: #dfdfdf;
}