/* в данном файле размещаются настройки различных элементов конкретного проекта */
@import url("../vendor/fraym/css/main.css?20230401_1000");
@import url("../vendor/fraym/css/main_forms.css?20230401_1000");
@import url("../vendor/fraym/css/main_jquery_ui.css?20230401_1000");
@import url("main_current.css?20230401_1000");
@import url("../design/roboto/stylesheet.css?20230401_1000");

/* общая верстка страницы */
div.fullpage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 100%;
    min-height: 100vh;
    padding: 0;
    color: var(--color-font-main);
}

div.fullpage_wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    margin-left: 22rem;
    padding: 0 3.5rem;
    width: calc(100% - 22rem);
}

div.header {
    flex: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 8rem;
    min-height: 8rem;
    max-height: 8rem;
    align-items: center;
}

div.header_left {
    flex: 1;
    min-width: 66%;
}

div.header_left div.mobile_menu_button {
    display: none;
}

div.header_middle {
    display: none;
}

div.header_middle a.logo {
    display: none;
    cursor: pointer;
    background: url(../design/logo.svg) center center no-repeat;
    background-size: contain;
    height: 3em;
    width: 100%;
}

div.header_right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

div.locale_switcher {
    border: 1px var(--inputs-borders) solid;
    border-radius: .5em;
    padding: .3em 1.7em .3em .6em;
    background: url(../design/arrow-down-01.svg) right .5em center no-repeat;
    background-size: .7em;
    cursor: pointer;
    font-size: .9em;
    margin-right: 2em;
}

div.locale_switcher_list {
    display: none;
    background: var(--color-background-main);
    opacity: 1;
    padding: .3em .8em;
    position: absolute;
    z-index: 10;
    box-shadow: 0 0.3em 0.5em var(--shadow-black-1);
    border-radius: .5em;
    top: 2.3em;
    left: 0;
    width: 105%;
}

div.locale_switcher_list.shown {
    display: block;
    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.header_right a.login_btn {
    display: inline-block;
    color: var(--color-background-main);
    background-color: var(--main-blue);
    padding: .5em 1em;
    border-radius: .5em;
    font-size: 1.1em;
    position: absolute;
}

div.header_right div.login_user_data {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 4em;
    max-width: 4em;
    min-width: 4em;
    cursor: pointer;
}

div.header_right div.login_user_data span#new_personal_counter {
    position: absolute;
    display: none;
    color: var(--color-background-main);
    background-color: var(--main-red);
    padding: 0 .5em;
    border-radius: 1em;
    z-index: 1;
    bottom: -.3em;
}

div.header_right div.login_user_data div.photoName {
    width: 3.7em;
    background: url(../design/vertical_dots.svg) right center no-repeat;
    background-size: .25em;
    padding-right: .7em;
}

div.header_right div.login_user_data div.photoName_photo_wrapper {
    width: 3em;
}

div.header_right div.login_user_data div.photoName_photo {
    border: 3px white solid;
}

div.header_right div.login_user_data div.photoName_photo_wrapper:after {
    display: block;
    content: "";
    border-radius: 50%;
    border: 2px solid var(--special-gray);
    width: calc(3em - 4px);
    height: calc(3em - 4px);
    position: absolute;
    top: 0;
    left: 0;
}

div.header_right div.login_user_data div.user_menu {
    display: none;
    background: var(--user-menu-background);
    border: 1px solid var(--user-menu-border);
    padding: 1.3em 1.2em;
    position: absolute;
    z-index: 10;
    box-shadow: 0 .5em 1em var(--shadow-gray-25);
    border-radius: 1.3em;
    right: 0;
    min-width: 18em;
    opacity: 1;
    top: 4em;
    cursor: auto;
}

div.header_right div.login_user_data div.user_menu.shown {
    display: block;

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.header_right div.login_user_data div.user_menu div.menu_item_wrapper {
    margin-top: 1.2em;
}

div.header_right div.login_user_data div.user_menu div.menu_item_wrapper hr {
    border-top-color: var(--user-menu-hr-color);
}

div.header_right div.login_user_data div.user_menu a.edit {
    float: right;
    width: 1.2em;
    height: 1.2em;
    background: center center url(../design/user_menu_edit.svg) no-repeat;
    background-size: 1em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.header_right div.login_user_data div.user_menu a.people {
    float: right;
    width: 1.2em;
    height: 1.2em;
    background: center center url(../design/people_circle.svg) no-repeat;
    background-size: 1em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.header_right div.login_user_data div.user_menu a.add {
    float: right;
    width: 1.2em;
    height: 1.2em;
    background: center center url(../design/plus_circle_small.svg) no-repeat;
    background-size: 1em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.header_right div.login_user_data div.user_menu div:first-of-type {
    margin-top: 0;
}

div.header_right div.login_user_data div.user_menu span.menu_float_right {
    float: right;
    display: none;
    color: var(--color-background-main);
    background-color: var(--main-red);
    padding: 0 .5em;
    border-radius: .5em;
    font-size: 1.1em;
    margin-top: .1em;
}

div.header_right div.login_user_data span.gray_header {
    color: var(--gray-soft);
    font-size: 1.2em;
}

div.header_right div.login_user_data div.counter {
    display: flex;
}

div.header_right div.login_user_data span.usage_counter_name {
    flex: 1;
    width: 90%;
    max-width: 90%;
    min-width: 90%;
}

div.header_right div.login_user_data span.usage_counter {
    flex: 1;
    color: var(--main-blue);
    text-align: right;
    font-weight: bold;
}

div.header_right div.login_user_data div.user_menu a {
    font-size: 1.2em;
    display: block;
    color: var(--color-font-main);
}

div.header_right div.login_user_data div.user_menu a:hover, div.header_right div.login_user_data div.user_menu a.menu_selected {
    color: var(--main-blue);
}

div.header_right div.login_user_data div.user_menu div.user_link a {
    font-size: 1em;
    color: var(--main-blue);
}

div.header_right div.login_user_data div.user_menu div.user_link a span {
    float: right;
    width: 1em;
    height: 1em;
    background: url(../design/user_menu_edit.svg) center center no-repeat;
    background-size: contain;
}

div.header_right div.login_user_data div.user_menu hr {
    margin: 1.2em -1.2em;
    width: calc(100% + 2.4em);
}

div.content {
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

div.maincontent {
    width: 100%;
    height: 100%;
    padding: 0;
}

div.maincontent_wrapper {
    height: 100%;
    width: 100%;
}

div.footer {
    display: flex;
    flex: 1;
    width: 100%;
    background-color: var(--underlay-gray);
    margin-top: 6em;
    height: 8rem;
    max-height: 8rem;
    min-height: 8rem;
    align-items: center;
    padding: 0 2.5rem;
    border-radius: 1.3em 1.3em 0 0;
}

div.footer_left {
    flex: 1;
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    align-items: center;
    display: flex;
    color: var(--special-gray);
}

div.footer_left div#cetb_logo {
    width: 2em;
    margin-right: 1em;
    display: inline-block;
}

div.footer_left div#cetb_logo img {
    display: inline-block;
    width: 2em;
}

div.footer_left span#allrpg_name {
    margin-right: .5em;
}

div.footer_middle {
    flex: 1;
    text-align: right;
}

div.footer_middle a.social_network {
    margin-right: .8em;
    display: inline-flex;
    width: 2em;
    max-width: 2em;
    min-width: 2em;
    height: 2em;
    background: center center no-repeat;
    background-size: contain;
}

div.footer_middle a.social_network:last-child {
    margin-right: 0;
}

div.footer_middle a.v {
    background-image: url(../design/soc-vk.svg);
}

div.footer_middle a.f {
    background-image: url(../design/soc-fb.svg);
}

div.footer_middle a.t {
    background-image: url(../design/soc-tg.svg);
}

div.footer_right {
    flex: 1;
    text-align: right;
    width: max-content;
    max-width: max-content;
    min-width: max-content;
}

div.footer_right a {
    margin-left: 5em;
}

/* меню */
div.mobile_menu_button {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 3em;
    height: 3em;
    cursor: pointer;
    z-index: 1;
    background-color: var(--main-blue);
    align-items: center;
    justify-content: center;
    border-radius: .5em;
}

div.mobile_menu_button div.mobile_menu_button_lines_wrapper {
    width: 1.35em;
    height: 1em;
    max-width: 1.35em;
    max-height: 1em;
}

div.mobile_menu_button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--color-background-main);
    opacity: 1;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

div.mobile_menu_button span:nth-of-type(1) {
    top: 0;
}

div.mobile_menu_button span:nth-of-type(2), div.mobile_menu_button span:nth-of-type(3) {
    top: calc(.5em - 1px);
}

div.mobile_menu_button span:nth-of-type(4) {
    top: calc(1em - 2px);
}

div.mobile_menu_button.opened span:nth-of-type(1), div.mobile_menu_button.opened span:nth-of-type(4) {
    width: 0;
    left: 50%;
}

div.mobile_menu_button.opened span:nth-of-type(2) {
    transform: rotate(45deg);
}

div.mobile_menu_button.opened span:nth-of-type(3) {
    transform: rotate(-45deg);
}

div.mobile_menu.shown {
    display: block;
}

div.mobile_menu {
    position: fixed;
    width: 22rem;
    max-width: 22rem;
    min-width: 22rem;
    height: 100%;
    background-color: var(--color-background-main);
    font-size: 1rem;
    text-align: left;
    overflow-x: hidden;
}

div.mobile_menu::-webkit-scrollbar {
    display: none;
}

div.mobile_menu div.mobile_menu_wrapper {
    padding: 2.7rem 1rem 2.7rem 3.5rem;
    min-height: 100%;
    width: 100%;
}

div.mobile_menu div.menu_item_wrapper {
    width: 100%;
    padding-bottom: 2em;
}

div.mobile_menu a.menu {
    display: block;
    font-size: 1.35em;
    color: var(--color-font-main);
}

div.mobile_menu a.menu.no_dynamic_content {
    background: url(../design/arrow-menu-down.svg) center right .2em no-repeat;
    background-size: .5em;
    padding-right: 1em;
}

div.mobile_menu a.menu.menu_selected {
    color: var(--main-blue-light);
}

div.mobile_menu a.menu.no_dynamic_content.opened {
    background: url(../design/arrow-menu-up.svg) center right .2em no-repeat;
    background-size: .5em;
}

div.mobile_menu div.submenu {
    display: none;
    padding-top: 1.5em;
}

div.mobile_menu div.submenu.submenu_shown {
    display: block;
}

div.mobile_menu div.submenu > a {
    display: block;
    margin-bottom: .7em;
    line-height: 1.5em;
    font-size: 1.15rem;
    padding-right: 3em;
}

div.mobile_menu div.submenu a.submenu_selected {
    color: var(--color-font-main);
    font-weight: bold;
}

div.mobile_menu div.submenu div.menutab {
    padding: 1em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: .8em;
    margin: 1em 0;
    font-size: 1rem;
    display: none;
}

div.mobile_menu div.submenu div.menutab.level2 {
    margin-left: 1rem;
}

div.mobile_menu div.submenu div.menutab.level2 div.menutab_name {
    color: var(--main-blue);
    text-transform: uppercase;
    margin-bottom: 1.1em;
}

div.mobile_menu div.submenu div.menutab a {
    margin-bottom: 1em;
    color: var(--color-font-main);
    display: none;
}

div.mobile_menu div.submenu div.menutab a.submenu_selected {
    color: var(--main-blue);
    font-weight: normal;
}

div.mobile_menu div.submenu div.menutab a:last-of-type {
    margin-bottom: .5em;
}

div.mobile_menu div.submenu a:hover {
    text-decoration: none;
}

div.mobile_menu div.submenu a.not_ready {
    text-decoration: line-through;
}

div.mobile_menu div.submenu a.edit {
    float: right;
    width: 1em;
    height: 1.5em;
    background: center center url(../design/user_menu_edit.svg) no-repeat;
    background-size: .9em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.mobile_menu div.submenu a.people {
    float: right;
    width: 1em;
    height: 1.5em;
    background: center center url(../design/people_circle.svg) no-repeat;
    background-size: .9em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.mobile_menu div.submenu a.add {
    float: right;
    width: 1em;
    height: 1.5em;
    background: center center url(../design/plus_circle_small.svg) no-repeat;
    background-size: .9em;
    border: 0;
    z-index: 1;
    margin: 0 0 0 .5em;
    padding: 0;
}

div.mobile_menu div.submenu hr {
    border-top: 1px solid #e1e1e1;
    width: 100%;
    height: 1px;
    clear: both;
    margin-bottom: .8em;
}

div.mobile_menu div.submenu a.add, div.mobile_menu div.submenu a.edit, div.mobile_menu div.submenu a.people {
    margin-right: 1.7em;
}

div.mobile_menu div.submenu.submenu_4 a.submenu[obj_id] {
    background: url(../design/arrow-menu-down.svg) center right .25em no-repeat;
    background-size: .5em;
    padding-right: 1em;
}

div.mobile_menu div.submenu.submenu_4 a.add + div.mobile_menu div.submenu.submenu_4 a.submenu[obj_id], div.mobile_menu div.submenu.submenu_4 a.edit + div.mobile_menu div.submenu.submenu_4 a.submenu[obj_id], div.mobile_menu div.submenu.submenu_4 a.people + div.mobile_menu div.submenu.submenu_4 a.submenu[obj_id] {
    padding-right: 3em;
}

div.mobile_menu div.submenu.submenu_4 a.submenu_selected[obj_id] {

}

div.mobile_menu span.menu_float_right {
    float: right;
    display: none;
    color: var(--color-background-main);
    background-color: var(--main-red);
    padding: 0 .5em;
    border-radius: .5em;
    font-size: 1.2em;
    margin-top: .2em;
}

div.mobile_menu div.submenu > a:last-child {
    margin-bottom: 0;
}

div.mobile_menu div#project_control_items {
    display: none;
    border-left: 1px solid var(--blocks-borders-and-separators);
}

div#project_control_items[rights*="{admin}"] div.menutab[rights*="{admin}"], div#project_control_items[rights*="{admin}"] a.submenu[rights*="{admin}"] {
    display: block;
}

div#project_control_items[rights*="{gamemaster}"] div.menutab[rights*="{gamemaster}"], div#project_control_items[rights*="{gamemaster}"] a.submenu[rights*="{gamemaster}"],
div#project_control_items[rights*="{application}"] div.menutab[rights*="{application}"], div#project_control_items[rights*="{application}"] a.submenu[rights*="{application}"],
div#project_control_items[rights*="{plot}"] div.menutab[rights*="{plot}"], div#project_control_items[rights*="{plot}"] a.submenu[rights*="{plot}"],
div#project_control_items[rights*="{setup}"] div.menutab[rights*="{setup}"], div#project_control_items[rights*="{setup}"] a.submenu[rights*="{setup}"],
div#project_control_items[rights*="{filterset}"] div.menutab[rights*="{filterset}"], div#project_control_items[rights*="{filterset}"] a.submenu[rights*="{filterset}"],
div#project_control_items[rights*="{tab3}"] div.menutab[rights*="{tab3}"], div#project_control_items[rights*="{tab3}"] a.submenu[rights*="{tab3}"],
div#project_control_items[rights*="{rooms}"] div.menutab[rights*="{rooms}"], div#project_control_items[rights*="{rooms}"] a.submenu[rights*="{rooms}"],
div#project_control_items[rights*="{document}"] div.menutab[rights*="{document}"], div#project_control_items[rights*="{document}"] a.submenu[rights*="{document}"],
div#project_control_items[rights*="{registration}"] div.menutab[rights*="{registration}"], div#project_control_items[rights*="{registration}"] a.submenu[rights*="{registration}"],
div#project_control_items[rights*="{tab4}"] div.menutab[rights*="{tab4}"], div#project_control_items[rights*="{tab4}"] a.submenu[rights*="{tab4}"],
div#project_control_items[rights*="{qrpg_key}"] div.menutab[rights*="{qrpg_key}"], div#project_control_items[rights*="{qrpg_key}"] a.submenu[rights*="{qrpg_key}"],
div#project_control_items[rights*="{qrpg_code}"] div.menutab[rights*="{qrpg_code}"], div#project_control_items[rights*="{qrpg_code}"] a.submenu[rights*="{qrpg_code}"],
div#project_control_items[rights*="{qrpg_history}"] div.menutab[rights*="{qrpg_history}"], div#project_control_items[rights*="{qrpg_history}"] a.submenu[rights*="{qrpg_history}"],
div#project_control_items[rights*="{geoposition}"] div.menutab[rights*="{geoposition}"], div#project_control_items[rights*="{geoposition}"] a.submenu[rights*="{geoposition}"],
div#project_control_items[rights*="{bank_transaction}"] div.menutab[rights*="{bank_transaction}"], div#project_control_items[rights*="{bank_transaction}"] a.submenu[rights*="{bank_transaction}"],
div#project_control_items[rights*="{bank_currency}"] div.menutab[rights*="{bank_currency}"], div#project_control_items[rights*="{bank_currency}"] a.submenu[rights*="{bank_currency}"],
div#project_control_items[rights*="{bank_rule}"] div.menutab[rights*="{bank_rule}"], div#project_control_items[rights*="{bank_rule}"] a.submenu[rights*="{bank_rule}"],
div#project_control_items[rights*="{tab5}"] div.menutab[rights*="{tab5}"], div#project_control_items[rights*="{tab5}"] a.submenu[rights*="{tab5}"],
div#project_control_items[rights*="{character}"] div.menutab[rights*="{character}"], div#project_control_items[rights*="{character}"] a.submenu[rights*="{character}"],
div#project_control_items[rights*="{group}"] div.menutab[rights*="{group}"], div#project_control_items[rights*="{group}"] a.submenu[rights*="{group}"] {
    display: block;
}

div#project_control_items[rights*="{fee}"] div.menutab[rights*="{fee}"], div#project_control_items[rights*="{fee}"] a.submenu[rights*="{fee}"] {
    display: block;
}

div#project_control_items[rights*="{budget}"] div.menutab[rights*="{budget}"], div#project_control_items[rights*="{budget}"] a.submenu[rights*="{budget}"] {
    display: block;
}

div#project_control_items[rights*="{newsmaker}"] div.menutab[rights*="{newsmaker}"], div#project_control_items[rights*="{newsmaker}"] a.submenu[rights*="{newsmaker}"] {
    display: block;
}

div.mobile_menu a.logo {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    background: url(../design/logo.svg) center center no-repeat;
    background-size: contain;
    height: 3rem;
    margin-bottom: 3.4rem;
}

/* элементы форм (общее) */
div.PWAinfo {
    display: none;
    margin-bottom: 2em;
}

div.fullpage_cover div#offlineMessage {
    display: none;
    vertical-align: middle;
    text-align: center;
    top: 0;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    font-weight: bold;
    font-size: 1.5rem;
}

div.fullpage_cover.offline_shown {
    opacity: .8;
}

div.fullpage_cover.offline_shown div#offlineMessage {
    display: table-cell;
}

div.fullpage_cover.offline_shown div#circleG, div.fullpage_cover.offline_shown div#skeletons {
    display: none;
}

div.multi_objects_table div.td, div.multi_objects_table div.th, table.menutable td, table.menutable th {
    padding: 1em;
    vertical-align: middle;
    font-size: 1.2em;
    text-align: center;
    font-weight: normal;
}

div.multi_objects_table tr.hidden {
    display: none;
}

form div.multi_objects_table div.td, form div.multi_objects_table div.th, form table.menutable td, form table.menutable th {
    font-size: 1em;
}

form div.multi_objects_table div.tr.menu div.td, form div.multi_objects_table div.tr.menu div.th, form table.menutable tr.menu td, form table.menutable tr.menu th {
    font-size: 1.2em;
}

form div.multi_objects_table div.tr.menu div.td:first-of-type, form div.multi_objects_table div.tr.menu div.th:first-of-type, form table.menutable tr.menu td:first-of-type, form table.menutable tr.menu th:first-of-type {
    border: 0;
}

div.multi_objects_table div.tr div.td:first-of-type, div.multi_objects_table div.tr div.th:first-of-type, table.menutable tr td:first-of-type, table.menutable tr th:first-of-type {
    text-align: left;
}

div.multi_objects_table div.tr.menu, table.menutable tr.menu {
    font-size: 1em;
}

div.multi_objects_table div.tr div.td:first-of-type, div.multi_objects_table div.tr div.th:first-of-type, table.menutable tr td:first-of-type, table.menutable tr th:first-of-type {
    border-top-left-radius: .7em;
    border-bottom-left-radius: .7em;
}

div.multi_objects_table div.tr div.td:last-of-type, div.multi_objects_table div.tr div.th:last-of-type, table.menutable tr td:last-of-type, table.menutable tr th:last-of-type {
    border-top-right-radius: .7em;
    border-bottom-right-radius: .7em;
}

div.multi_objects_table div.td button {
    border: 0.15rem var(--white) solid !important;
}

div.multi_objects_table div.td button + button {
    margin-left: 1em;
}

div.multi_objects_table div.dropfield2 {
    margin-top: 1px;
}

div.cardtable_card.cardtable_new input, div.cardtable_card.cardtable_new div.fieldvalue, div.cardtable_card.cardtable_new select {
    background-color: var(--color-background-main);
    border-radius: .7em;
}

div.cardtable_card.cardtable_new div.field.checkbox div.fieldvalue {
    background-color: transparent;
}

input, select, textarea, div.dropfield, div.fieldvalue.read, div.trumbowyg-editor {
    font-size: 1.2em;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.trumbowyg-box {
    border: none !important;
}

.trumbowyg-editor {
    border: 1px solid var(--inputs-borders) !important;
    border-top: none !important;
    border-radius: 0 0 .7em .7em !important;
}

.trumbowyg-button-pane {
    background: var(--inputs-borders) !important;
    border-bottom: none !important;
    z-index: 1 !important;
}

.trumbowyg-button-pane .trumbowyg-button-group::after, .trumbowyg-button-pane::after {
    background: var(--some-borders) !important;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ol, ul {
    padding-left: 1em;
}

div.dropfield {
    padding: .59em 1em;
}

div.dropfield div:not(.options):not(.clear) {
    padding: .4em 0;
}

div.dropfield2 img {
    max-height: 3em;
}

span.checkbox_read_green {
    color: var(--main-blue);
}

span.checkbox_read_red {
    color: var(--main-red);
}

input.helper + select {
    border-top: 0;
}

div.maincontent_data.autocreated form div.field, div.maincontent_data.autocreated h1.data_h1, div.maincontent_data.autocreated form h1.data_h1, div.maincontent_data form button.nonimportant.add_group {
    margin-bottom: 1.5rem;
    align-items: center;
}

#modal-container a.modalCloseImg {
    background: url(../vendor/fraym/design/close_bold.svg) center center no-repeat var(--main-blue);
    background-size: .8em;
    border: none;
}

div.maincontent_data.autocreated > form {
    padding-top: 2.5em; /* если нет вкладок, делаем отступ от первого поля формы */
}

/*div.maincontent_data.autocreated > div.indexer_toggle + form {
    padding-top: 7.5em; !* если нет вкладок и есть фильтры, то делаем еще больше отступ *!
}*/

div.ui-tabs-panel div.maincontent_data.autocreated > form {
    padding-top: 0; /* если это форма во вкладке, то не делаем отступ */
}

div.maincontent_data.autocreated h1.data_h1 {
    font-size: 1.5em;
    font-weight: bold;
}

button.main, input.main, button.nonimportant, input.nonimportant, button.careful, input.careful, button.close {
    padding: 1.3em 2.3em !important;
    border-radius: .7em !important;
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
    color: var(--white) !important;
}

button.nonimportant, input.nonimportant {
    color: var(--main-button) !important;
}

@media (prefers-color-scheme: dark) {
    button.nonimportant, input.nonimportant {
        color: var(--white) !important;
    }
}

button.main:hover, input.main:hover, button.nonimportant:hover, input.nonimportant:hover, button.careful:hover, input.careful:hover, button.close:hover {
    font-weight: bold !important;
    color: var(--white) !important;
}

div.ui-tooltip {
    border-radius: .9em;
    padding: .5em 1em;
    border: 0 !important;
    font-size: .9rem !important;
    box-shadow: 0 .3em 1.1em var(--shadow-black-1);
}

h1.form_header {
    color: var(--color-font-main);
    font-size: 2.3em;
    margin: 0;
    text-align: left;
    font-weight: normal;
}

h1.form_header a, h1.form_header a:hover {
    color: var(--color-font-main);
}

h1.page_header {
    color: var(--color-font-main);
    font-size: 2.3em;
    margin: 0;
    text-align: left;
    font-weight: normal;
}

h1.page_header a, h1.page_header a:hover {
    color: var(--color-font-main);
}

h1.page_header sup {
    border-radius: .5em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    padding: .1em;
    font-weight: bold;
    font-size: .6em;
    position: absolute;
    min-width: 1.5em;
    text-align: center;
    margin-left: .5em;
    margin-top: -.5em;
}

h1.form_header ~ hr, h1.page_header ~ hr {
    display: none;
}

div.fieldname.selected {
    font-weight: normal;
}

div.dropfield div.options {
    border-radius: .5em;
    padding: .3em .6em;
    font-size: .9em;
}

div.dropfield div.options img {
    vertical-align: middle;
    margin-right: .5em;
}

.jq-file input {
    font-size: 1.2em !important;
    height: auto !important;
}

.jq-file {
    border: 1px dashed var(--inputs-borders) !important;
    border-radius: .7em !important;
}

div.fieldname.selected ~ div.fieldvalue .jq-file {
    border: 1px dashed var(--inputs-borders) !important;
}

.jq-file__browse {
    font-size: 1em !important;
    color: var(--gray-soft) !important;
    border: 0 !important;
    text-shadow: none !important;
    padding: 1em 1.5em !important;
    height: 3.7em !important;
    display: flex !important;
    align-items: center !important;
}

.jq-file:active .jq-file__browse {
    box-shadow: none !important;
}

div.uploaded_file a {
    color: var(--gray-soft);
    font-size: .9em;
}

.ui-widget-content, .ui-widget-content a {
    border: 0;
}

.ui-autocomplete {
    border: 1px var(--inputs-borders) solid;
}

.ui-dialog .ui-dialog-content {
    padding: 1em .3em;
    text-align: center;
    overflow: initial;
}

.modal-title {
    background-color: var(--underlay-gray);
    border-bottom: 1px solid var(--underlay-gray);
}

.modal-content {
    font-size: 1em;
}

div.control_buttons {
    text-align: center;
    width: 100%;
}

div.control_buttons button {
    margin-left: .9em;
}

div.control_buttons button:first-of-type {
    margin-left: 0;
}

div.dropfield2 {
    border: none;
    background-color: var(--color-background-main);
    border-radius: .7em;
}

div.fieldvalue div.dropfield2 {
    box-shadow: 0 .3em 1em var(--shadow-black-1);
    margin-top: .1em;
}

div.dropfield2 div.dropfield2_container {
    padding: 1em 1.5em;
}

div.dropfield2 div {
    margin-bottom: 1em;
    font-size: .9em;
}

div.dropfield2 .inputcheckbox + label:before, div.dropfield2 .inputcheckbox + label:after {
    font-size: .75em;
    margin-top: 0;
}

div.dropfield2 .inputcheckbox + label {
    padding-left: 2.8em;
}

div.dropfield2 div.dropfield2_select_all, div.dropfield2 div.dropfield2_deselect_all {
    font-size: 1em;
}

div.dropfield div.options a[rel] {
    width: .65em;
    height: .65em;
    display: inline-block;
    background: url(../design/close_blue.svg) center center no-repeat;
    background-size: contain;
    vertical-align: baseline;
    margin-left: .4em;
    opacity: 1;
}

div.dropfield div.options a[rel]:before {
    content: "";
}

.inputcheckbox + label:before {
    background: var(--underlay-gray);
    box-shadow: none;
    height: 1.4em;
    border-radius: 2em;
    width: 2.4em;
}

.inputcheckbox + label:after {
    background: var(--special-gray);
    opacity: 1;
    box-shadow: none;
    top: .2em;
    left: .2em;
    width: 1em;
    height: 1em;
}

.inputcheckbox:checked + label:after {
    opacity: 1;
    left: 1.2em;
    background: var(--color-background-main);
}

.inputcheckbox:checked + label:before {
    background: var(--main-blue);
}

div.fieldvalue > .inputcheckbox + label {
    font-size: .8em;
    padding: 0 0 0 3em;
}

div.field.checkbox {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

div.field.checkbox div.fieldname {
    order: 2;
}

div.field.checkbox div.fieldvalue {
    order: 1;
    max-width: 3em;
    width: 3em;
    min-width: 3em;
}

div.field.checkbox div.fieldvalue.read {
    order: 3;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
}

div.fieldvalue img, div.fieldvalue svg {
    max-width: 100%;
}

div.fieldvalue.read {
    border: 1px solid var(--underlay-gray);
    padding: 1em;
    background-color: var(--underlay-gray);
    border-radius: .7em;
}

div.maincontent_data.autocreated form div.field.wysiwyg, div.maincontent_data.autocreated form div.field.multiselect:not(.multiselect_one), div.maincontent_data.autocreated form div.field.textarea, div.maincontent_data.autocreated form div.field.full_width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.maincontent_data.autocreated form div.cardtable_card div.field.wysiwyg, div.maincontent_data.autocreated form div.cardtable_card div.field.multiselect:not(.multiselect_one), div.maincontent_data.autocreated form div.cardtable_card div.field.textarea {
    width: 23%;
    max-width: 23%;
    min-width: 23%;
}

div.maincontent_data.autocreated {
    max-width: 100%;
    width: 100%;
}

div.maincontent_data.with_indexer {
    padding-right: 1em;
}

div.indexer {
    height: auto;
    border: 1px solid var(--blocks-borders-and-separators);
}

div.indexer_toggle {
    display: flex;
    align-items: center;
    font-size: 1em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: .7em;
    padding: 1.1em 1em;
    float: none;
    position: absolute;
    margin-top: 2.2em;
    right: 0;
}

div.kind_org div.indexer_toggle, div.kind_transaction div.indexer_toggle, div.kind_qrpg_key div.indexer_toggle, div.kind_qrpg_history div.indexer_toggle, div.kind_bank_transaction div.indexer_toggle, div.kind_bank_rule div.indexer_toggle { /* разделы первого типа, в них кнопку фильтра нужно поднять вверх */
    margin-top: -3em;
}

div.indexer_toggle span {
    flex: 1;
}

div.indexer_toggle span.indexer_toggle_text {
    order: 2;
    color: var(--main-blue);
    margin-left: .5em;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
}

div.indexer_toggle span.fa {
    order: 1;
    width: 1.2em;
    height: 1.2em;
    background: url(../design/filter-icon.svg) center center no-repeat;
    background-size: contain;
}

div.indexer_toggle span.fa:before {
    content: "";
}

div.indexer_toggle.indexer_shown {
    background-color: var(--color-background-main);
}

div.indexer button {
    border-radius: .7em !important;
    font-size: 1.1rem !important;
}

div.indexer button.floaty.nonimportant {
    margin-left: 8.6em;
}

div.indexer input, div.indexer select, div.indexer textarea, div.indexer div.dropfield, div.indexer div.dropfield2 {
    font-size: 1rem !important;
}

div.indexer div.dropfield2 {
    margin-top: 0;
}

div.indexer div.dropfield2 div.dropfield2_container {
    padding: 1em 0;
}

div.indexer form .inputcheckbox + label {
    padding: 0 0 0 2.5em;
}

div.indexer form div.filtersBlock > .inputcheckbox + label:before, div.indexer form div.filtersBlock > .inputcheckbox + label:after, div.indexer form div.filtersBlock > div.dropfield2 .inputcheckbox + label:before, div.indexer form div.filtersBlock > div.dropfield2 .inputcheckbox + label:after {
    font-size: .8em;
    margin-top: 0;
}

option[disabled] {
    color: var(--main-blue) !important;
    font-style: italic;
    background-color: transparent;
}

div.pagecounter a {
    border: 1px solid var(--main-blue);
    color: var(--main-blue);
}

div.pagecounter div.pagecounter_nums a {
    background-color: var(--main-blue);
    border: 1px solid var(--main-blue);
}

div.pagecounter div.pagecounter_nums a.selected {
    cursor: initial;
    color: var(--main-blue);
    background-color: var(--gray-light);
    border: 1px solid var(--gray-light);
}

div.pagecounter div.pagecounter_text {
    color: var(--special-gray);
}

div.pagecounter div.pagecounter_text span {
    color: var(--main-blue);
}

textarea.wysihtml5-editor {
    border-top-left-radius: 0;
}


/* различные общие элементы */
input.search_input {
    width: calc(100% - 3rem);
    margin-bottom: 0;
    font-size: 1rem !important;
    vertical-align: top;
    background-color: transparent;
    border: 1px solid var(--inputs-borders) !important;
    border-left: 0 !important;
    border-radius: 0 .5em .5em 0;
    padding: 1rem 1rem 1rem 0;
    height: 3rem;
}

input.search_input.loading {
    background-image: url(../design/ajax-loader.gif);
    background-position: right 1em center;
    background-repeat: no-repeat;
    background-size: 1em;
}

a.search_image {
    width: 3rem;
    display: inline-block;
    border: 1px solid var(--inputs-borders);
    border-right: 0;
    border-radius: .5em 0 0 .5em;
    padding: 0;
    height: 3rem;
    background: url(../design/search.svg) center no-repeat transparent;
    background-size: 1.2rem;
    cursor: pointer;
}

a.search_image svg {
    padding: .9rem;
    overflow: inherit;
}

div.new_application_comment a {
    text-decoration: none;
    display: block;
}

div.new_application_comment a div.wmc_name {
    margin-bottom: 1em;
    font-weight: bold;
}

a.edit_button {
    position: absolute;
    display: inline-block;
    padding: 1.1em 1.3em;
    z-index: 2;
    border: 1px dashed var(--blocks-borders-and-separators);
    border-radius: .8em;
    text-align: right;
}

img.qr_code {
    width: 15em;
    margin-top: 2em;
}

a.bold_link {
    font-weight: bold;
}

blockquote {
    display: block;
    padding: .5em 1em .5em 2em;
    margin: 0 0 1em 0;
    position: relative;

    /*Borders - (Optional)*/
    border-left: .5em solid var(--main-blue);
    border-right: .2em solid var(--main-blue);

    /*Box Shadow - (Optional)*/
    -moz-box-shadow: .1em .1em 1em #ccc;
    -webkit-box-shadow: .1em .1em 1em #ccc;
    box-shadow: .1em .1em 1em #ccc;
}

blockquote::before {
    content: "\201C"; /*Unicode for Left Double Quote*/

    font-size: 200%;
    font-weight: bold;
    color: var(--placeholder);

    /*Positioning*/
    position: absolute;
    left: .2em;
    top: .2em;
}

blockquote::after {
    /*Reset to make sure*/
    content: "";
}

br + blockquote {
    margin-top: 1em;
}

br + br + blockquote {
    margin-top: 0;
}

.disabled {
    cursor: default !important;
}

span.small {
    font-size: 90%;
}

h1 span.small {
    font-size: 60%;
}

span.gray, a.gray {
    color: var(--special-gray);
}

span.red {
    color: var(--main-red);
}

div.options img {
    max-width: 1em;
    vertical-align: middle;
    margin-right: .5em;
}

div.multi_objects_table div.tr.red div.td div.dropfield div:not(.options):not(.clear) {
    background-color: transparent !important;
}

div.maincontent_data {
    display: block;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

div.page_blocks {
    width: 100%;
}

div.page_block {
    /*border-top: 1px var(--blocks-borders-and-separators) solid;
    padding-top: .5em;
    margin-top: .5em;*/
    width: 100%;
}

a.ctrlink, a.ctrlink:link, a.ctrlink:visited {
    display: inline-flex;
    align-items: center;
    background-color: var(--underlay-gray);
    border-radius: 3em;
    padding: .5em 1.4em .5em .5em;
    font-size: 1.2em;
    color: var(--color-font-main);
    font-weight: normal;
    margin: 1.5em .5em 1.5em 0;
    max-width: max-content;
}

div.maincontent_data.autocreated div.filter + a.ctrlink, div.maincontent_data.autocreated div.filter + div.indexer_toggle + a.ctrlink {
    margin-top: 0;
}

div.maincontent_data.autocreated div.filter + div.indexer_toggle {
    margin-top: 0;
}

a.ctrlink span.fa:before {
    content: "";
}

a.ctrlink span.fa {
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
    background: url(../design/plus_circle.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: .5em;
}

h1.form_header + div.page_blocks, div.page_blocks.margin_top, div.page_block.margin_top {
    margin-top: 2.5em;
}

h2.page_subheader {
    text-align: center;
    font-size: 1.9em;
    font-weight: bold;
    margin-bottom: 1em;
}

div.object_info {
    display: flex;
}

div.object_info > div {
    flex: 1;
}

div.object_info div.object_info_1 {
    width: 12em;
    max-width: 12em;
    min-width: 12em;
}

div.object_info div.object_info_2 {
    padding: 0 2em;
}

div.object_info div.object_info_2 h1 {
    font-weight: normal;
    color: var(--color-font-main);
}

div.object_info div.object_info_2 h1 a, div.object_info div.object_info_2 h1 a:hover {
    color: var(--color-font-main);
}

div.object_info div.object_info_2 div.control_buttons {
    text-align: left;
}

div.object_info div.object_info_2 div.control_buttons a {
    background-color: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: var(--color-background-main);
    border-radius: 0.5em;
    padding: 0.5em;
    text-align: center;
    display: inline-block;
    font-size: .9em;
    margin-top: 1em;
    margin-right: .9em;
}

div.object_info div.object_info_2 div.control_buttons a:hover {
    background-color: var(--main-blue-light);
    border: 1px solid var(--main-blue-light);
}

div.object_info div.object_info_2 div.control_buttons a.additional {
    margin-right: .9em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: .5em;
    padding: .5em 1em;
    text-align: center;
    display: inline-block;
    color: var(--main-blue);
}

div.object_info div.object_info_2 div.control_buttons a.additional:hover {
    background-color: var(--underlay-gray-light);
    border: 1px solid var(--underlay-gray-light);
    color: var(--main-blue-light);
}

div.object_info div.object_info_2 div.object_description {
    margin-top: 1.2em;
}

div.object_info div.object_info_2 div.object_description img {
    max-width: 100%;
}

div.object_info div.object_info_2 div.object_info_2_additional {
    margin-top: 1.2em;
    line-height: 2em;
}

div.object_info div.object_info_2 div.object_info_2_additional span {
    display: inline-block;
}

div.object_info div.object_info_2 div.object_info_2_additional span.gray {
    width: 9.5em;
    min-width: 9.5em;
    max-width: 9.5em;
    vertical-align: top;
    display: inline-block;
    color: var(--main-blue);
}

div.kind_calendar_event div.object_info div.object_info_2 div.object_info_2_additional span.gray {
    width: 12em;
    min-width: 12em;
    max-width: 12em;
}

div.object_info div.object_info_2 div.object_info_2_additional span.gray.bigger {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 1em;
}

div.object_info div.object_info_2 div.object_info_2_additional a:not(.show_hidden) {
    color: var(--color-font-main);
}

div.object_info div.object_info_2 div.object_info_2_additional a.show_hidden {
    margin-bottom: .5em;
    line-height: 1.5em;
}

div.object_info div.object_info_2 div.object_info_2_additional a.show_hidden:last-of-type {
    margin-bottom: 0;
}

div.object_info div.object_info_3 {
    width: 40%;
    max-width: 40%;
    min-width: 40%;
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: 50% 1fr 5em;
    grid-template-areas:
        "author members like"
        "switcher switcher switcher";
    align-items: flex-start;
}

div.object_info_3 div.object_author, div.object_info_3 div.object_members {
    padding-left: 1em;
}

div.object_info_3 div.object_author {
    grid-area: author;
}

div.object_info_3 div.object_members {
    grid-area: members;
}

div.object_info_3 div.object_author span.svg_background_import {
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    vertical-align: baseline;
    margin-right: .5rem;
    background-image: url(../design/send.svg);
}

div.object_info_3 div.object_members div {
    background: url(../design/avatar-big-inverted.svg) left center no-repeat;
    background-size: 1em;
    padding-left: 1.5em;
}

div.object_info_3 div.object_author span:first-of-type, div.object_info_3 div.object_members span:first-of-type {
    display: block;
    margin: .5em 0 1em 0;
    color: var(--main-blue);
}

div.object_info_3 div.important_button {
    margin: 0 2em 0 0;
    grid-area: like;
    align-self: center;
}

div.object_info_3 div.important_button span.important_button_icon {
    font-size: 1.5em;
}

div.object_info_3 div.important_button span.important_button_icon svg {
    vertical-align: baseline;
}

div.object_info_3 span.important_button_counter {
    font-size: 1.2em;
}

div.object_info_3 div.actions_list_switcher {
    grid-area: switcher;
    margin-top: 1.5em;
}

a.outer_add_something_button {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    background-color: var(--underlay-gray);
    border-radius: 4em;
    padding: .6em;
    z-index: 1; /* если поставить больше, то будет перекрывать мобильное меню */
    right: 0;
    top: -.6em;
}

div.maincontent_data.with_indexer a.outer_add_something_button {
    margin-right: 1em;
}

a.outer_add_something_button.disabled {
    opacity: .5;
    cursor: not-allowed;
}

a.outer_add_something_button span.outer_add_something_button_text {
    font-size: 1.2em;
    color: var(--color-font-main);
    vertical-align: middle;
    margin: 0 .9em;
}

a.outer_add_something_button span.svg_background_import {
    width: 2.8em;
    height: 2.8em;
    display: inline-block;
    background-size: contain;
    background-image: url(../design/plus_circle.svg);
    vertical-align: middle;
}

a.outer_add_something_button span.svg_background_import svg {
    width: 2.8em;
    height: 2.8em;
    vertical-align: middle;
}

a.outer_add_something_button span.svg_background_import svg .pc-cls-1 {
    fill: var(--main-blue);
}

a.outer_add_something_button span.svg_background_import svg .pc-cls-2 {
    fill: var(--white);
}

div.tabs_horizontal_shadow {
    content: '';
    display: block;
    width: 100%;
    height: 2.5em;
    clear: both;
}

div.page_block > h2, div.block > h2 {
    margin: 3em 0 1.5em 0;
}

div.publication_content + h2 {
    margin-top: 1em;
}

div.page_block > h2:first-of-type, div.block > h2:first-of-type {
    margin-top: 0;
}

div.page_block h2 sup {
    border-radius: .5em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    padding: .1em;
    font-weight: bold;
    font-size: .6em;
    position: absolute;
    min-width: 1.5em;
    text-align: center;
    margin-left: .5em;
    margin-top: -.5em;
}

div.page_block a.inner_add_something_button {
    height: 180%;
    display: inline-block;
    vertical-align: middle;
}

div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav > a.inner_add_something_button { /* кнопка добавления чего-то внутри панели субвкладок */
    z-index: 1;
    position: absolute;
    right: 1em;
    top: 1em;
    font-weight: normal;
    height: auto;
}

div.page_block a.inner_add_something_button span.inner_add_something_button_text {
    font-size: 1.3em;
    vertical-align: middle;
}

div.page_block a.inner_add_something_button span.svg_background_import {
    width: 1.8em;
    height: 1.8em;
    display: inline-block;
    margin-right: .8em;
    background-size: contain;
    background-image: url(../design/plus_circle.svg);
    vertical-align: middle;
}

div.page_block a.inner_add_something_button span.svg_background_import svg {
    width: 1.8em;
    height: 1.8em;
    vertical-align: middle;
}

div.page_block a.inner_add_something_button span.svg_background_import svg .pc-cls-1 {
}

div.page_block a.inner_add_something_button span.svg_background_import svg .pc-cls-2 {
}

div.page_block:after {
    content: '';
    display: table;
    clear: both;
}

form#form_inner_search {
    margin-bottom: 1em;
}

a.add_something {
    padding: .4em .4em .3em .4em;
    float: right;
    z-index: 1;
    color: var(--color-background-main);
}

a.add_something_svg {
    float: right;
    width: 2em;
    height: 2em;
    background: center center url(../design/plus_circle.svg) no-repeat;
    background-size: contain;
    border: 0;
    z-index: 1;
    padding: 0;
    margin: .5em 0 0 .5em;
}

td.centered a.add_something {
    float: none;
}

a.add_something.fa-plus.inverted {
    color: var(--color-links);
}

a.add_something.fa-check.inverted {
    color: #44ad02;
}

a.add_something.fa-check.inverted:hover {
    color: #68c52d;
}

div.overflown_content {
    overflow: hidden;
}

div.overflown_content.em15 {
    max-height: 15em;
}

a.show_hidden, a.show_hidden_table {
    display: block;
    padding: .5rem 1rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: normal;
    border: 1px dashed var(--underlay-gray);
    width: 100%;
    line-height: 2.5em;
    border-radius: .8em;
}

a.show_hidden_table {
    margin: 0 -1em;
    width: auto;
}

a.show_hidden.child {
    margin-left: 7%;
}

div.maincontent_data.autocreated div.filter {
    margin: 2.7em 0 2em 0;
    text-align: left;
    clear: both;
}

div.maincontent_data.autocreated div.indexer_toggle + div.filter {
    padding-right: 10em;
}

div.maincontent_data.autocreated div.indexer_toggle.indexer_shown + div.filter {
    padding-right: 4em;
}

a.ctrlink + div.maincontent_data.autocreated div.filter {
    margin-top: 0;
}

div.maincontent_data.autocreated div.filter a.fixed_select {
    cursor: pointer;
    display: inline-block;
    padding: .7em;
    background-color: transparent;
    color: var(--special-gray);
    border: 1px solid var(--special-gray);
    border-radius: .6em;
    margin: 0 .5em .5em 0;
    font-size: .9em;
    width: auto; /* иначе в firefox появляется пробел почему-то после текста */
}

div.maincontent_data.autocreated div.filter a.fixed_select.inverted {
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    color: var(--main-blue);
}

div.maincontent_data.autocreated div.filter a.fixed_select.inverted#provide_payment {
    background-color: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: var(--color-background-main);
}

div.maincontent_data.autocreated div.filter a.fixed_select:first-letter {
    text-transform: uppercase;
}

div.maincontent_data.autocreated div.filter a.fixed_select:last-of-type {
    margin-right: 0;
}

div.maincontent_data.autocreated div.filter a.fixed_select.right {
    float: right;
}

/* вкладки */
div.tabs {
    padding: 0;
    width: 100%;
    text-align: left;
    background: transparent;
}

div.page_block > div.tabs {
    padding-top: 2.5em;
}

h1.page_header + div.page_block > div.tabs {
    padding-top: 0;
}

.ui-tabs ul.ui-tabs-nav {
    border-bottom: 1px solid var(--special-gray);
    width: 100%;
    padding: 0;
    margin: 0 0 2.5em 0;
}

.ui-tabs ul.ui-tabs-nav li {
    border: 0;
    border-radius: 0;
    background: none transparent;
    padding: 0;
    font-size: 1.2em;
    margin: 0 4.5em 0 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0 0 1em 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor sup {
    border-radius: .5em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    padding: .1em .3em;
    font-weight: bold;
    font-size: .7em;
    position: absolute;
    min-width: 1.5em;
    text-align: center;
    margin-left: .5em;
    margin-top: -.5em;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor sup:empty {
    display: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor sup.red {
    background-color: var(--main-red);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin: 0 4.5em -1px 0;
    padding: 0;
    background: none transparent;
    border: 0;
    border-bottom: 1px var(--main-blue) solid;
    z-index: 1;
    outline: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, body.night_mode .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: var(--main-blue);
}

.ui-tabs .ui-tabs-nav a.simulate_tab { /* симулируем вкладку */
    font-size: 1.32em;
    margin-right: 4.5em;
    top: 0;
    float: left;
    position: relative;
    white-space: nowrap;
    font-weight: normal;
    color: var(--color-font-main);
    padding: 0 0 1em 0;
}

.ui-tabs .ui-tabs-nav a.simulate_tab.right {
    float: right;
    margin-right: 0;
}

.ui-tabs ul.ui-tabs-nav li:last-of-type {
    border-right: 0;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    text-align: left;
    padding: 0;
}

div.maincontent_data.autocreated form .ui-tabs .ui-tabs-panel {
    display: flex;
}

div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav { /* панель, вложенная в другую панель */
    margin-top: -2.9em;
    background-color: var(--underlay-gray);
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    border-bottom: 0;
    top: 1px !important;
}

div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav li {
    font-size: 1.05em;
    margin: 0;
}

div.ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 0;
    margin: 0;
}

div.ui-tabs-panel .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 1em 1.5em;
}

ul.ui-tabs-nav.submenu { /* панель в формате субменю */
    flex: 1;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    margin: 1em 0;
    border-bottom: 0;
}

ul.ui-tabs-nav.submenu li, ul.ui-tabs-nav.submenu li.ui-tabs-active {
    flex: 1 0 auto;
    background-color: transparent;
    border: 0 !important;
    min-width: 10%;
    text-align: center;
    font-size: 1em;
}

ul.ui-tabs-nav.submenu li a.ui-tabs-anchor {
    color: var(--color-font-main);
    display: inline-block;
    padding: .5em 1em;
    border-radius: 1em;
    background-color: transparent;
    font-weight: bold;
    font-size: 1.35em;
    white-space: nowrap;
    float: none;
}

ul.ui-tabs-nav.submenu li.ui-state-hover a {
    background-color: var(--underlay-gray);
    color: var(--color-font-main) !important;
}

ul.ui-tabs-nav.submenu li.ui-state-active a {
    color: var(--placeholder);
}

ul.ui-tabs-nav.submenu li a.ui-tabs-anchor sup {
    margin-left: .5em;
}

ul.ui-tabs-nav.submenu li a.ui-tabs-anchor span.red.bold {
    background-color: var(--special-red);
    border-radius: 50%;
    color: var(--color-background-main);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .5em;
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    right: -.5em;
}

/* поле поиска с доп.элементами */
div.qwerty_space {
    display: block;
}

div.qwerty_space input[name="qwerty"].ui-autocomplete-loading {
    background: url(../design/ajax-loader.gif) 98% center no-repeat;
    background-size: contain;
}

div.qwerty_space input[type=image] {
    border: 1px solid white;
    border-left: none;
    border-radius: 0 .5em .5em 0;
    padding: .8em;
    width: auto;
    font-size: 1.2em;
    height: 3em;
    margin: 0;
    vertical-align: top;
}

div.qwerty_space #qwerty-helper {
    text-align: left;
    position: absolute;
    display: none;
    font-size: 1.1em;
    background-color: var(--underlay-gray-light);
    border-radius: 0;
    padding-left: 1em;
    padding-right: 1em;
    z-index: 1000;
    width: 100%;
}

div.qwerty_space #qwerty-empty-message {
    text-align: left;
    position: absolute;
    display: none;
    font-size: 1.1em;
    background-color: var(--underlay-gray-light);
    border-radius: 0;
    padding-left: 1em;
    padding-right: 1em;
    z-index: 1000;
    width: 100%;
}

div.qwerty_space #qwerty-container {
    position: absolute;
    width: 100%;
}

/* меню переключения между подразделами, меню функций */
div.actions_list {
    background: url(../design/more.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 1;
    display: inline-block;
}

div.actions_list_switcher {
    display: inline-block;
    width: 100%;
    padding: 1.3em 12em 1.3em 1.5em;
    border-radius: .9em;
    background-color: var(--underlay-gray);
    text-align: left;
}

div.actions_list_switcher div.actions_list_button {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 1em;
    max-width: 12em;
}

div.actions_list_switcher div.actions_list_button a {
    display: inline-block;
    text-align: center;
    color: var(--color-background-main);
    background-color: var(--main-blue);
    padding: .5em 1em;
    border-radius: .5em;
}

div.actions_list_switcher div.actions_list_button.careful a {
    background-color: var(--main-red);
}

div.actions_list_switcher div.actions_list_text {
    color: var(--main-blue);
    text-align: right;
    background: url(../design/more.svg) right 1em center no-repeat;
    background-size: 1.8em;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 1em;
    margin-top: -.2em;
}

div.actions_list_switcher div.actions_list_text:after {
    content: "";
    display: block;
    clear: both;
}

div.actions_list_switcher div.actions_list_text.svg_background_import svg {
    width: 1.8em;
    height: auto;
    vertical-align: middle;
    margin-left: .7em;
}

div.actions_list_items {
    display: none;
    background: var(--underlay-gray-light);
    border: 1px solid var(--user-menu-border);
    opacity: 1;
    padding: 1.2em 1.3em;
    position: absolute;
    z-index: 2;
    box-shadow: 0 .5em 1em var(--shadow-gray-25);
    border-radius: 1.3em;
    top: 4em;
    right: 1em;
    min-width: 18em;
}

div.actions_list_items.shown {
    display: block;

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.actions_list_items a {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--user-menu-border);
    font-size: 1em;
    display: block;
    line-height: 1em;
}

div.actions_list_items a:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border: 0 !important;
}

div.actions_list_items a:hover {
}

div.actions_list_switcher > div:not(.actions_list_items):not(.actions_list_text) > span {
    color: var(--main-blue);
    margin-right: .5em;
    display: inline-block;
    margin-bottom: .5em;
}

div.actions_list_switcher > div:not(.actions_list_items):not(.actions_list_text):last-of-type > span {
    margin-bottom: 0;
}

/* управление правами пользователей */
div[class$="_users_list"] input[name="user_rights_lookup"] {
    font-size: .9em;
    float: right;
    width: 25em;
    background: url(../design/search.svg) center left .5em no-repeat;
    background-size: 1em;
    padding: .5em .8em .5em 2em;
}

div[class$="_users_list"] div.users_list_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -3em;
}

div[class$="_users_list"] div.users_list_wrapper a.load_users_list {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.page_block div[class$="_users_list"] div.photoName {
    width: 20%;
    max-width: 20%;
    min-width: 20%;
    margin-bottom: 3em;
    display: inline-flex;
    flex-wrap: wrap;
}

div.page_block div[class$="_users_list"] div.photoName > a {
    display: inline-block;
    width: 4em;
    max-width: 4em;
    min-width: 4em;
    flex: 1;
}

div.page_block div[class$="_users_list"] a div.photoName_photo_wrapper {
    width: 4em;
    position: relative;
    display: inline-block;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    width: 16em;
    max-width: 16em;
    min-width: 16em;
    justify-content: space-between;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.photoName_name {
    flex: 1;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: .3em;
    flex-wrap: wrap;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar, div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar span {
    margin-right: .5em;
    display: inline-block;
    line-height: 1.3em;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar > *:last-child {
    margin-right: 0;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar.selected, div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar span.selected {
    color: var(--main-blue);
    font-weight: bold;
    opacity: 1;
}

div.page_block div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar#delete_all {
    background: url(../vendor/fraym/design/close_bold.svg) center center no-repeat var(--main-blue);
    background-size: .5em;
    width: 1em;
    min-width: 1em;
    max-width: 1em;
    border-radius: 50%;
    height: 1em;
    min-height: 1em;
    max-height: 1em;
    margin-bottom: .15em;
}

/* аватар пользователя */
div.photoName {
    width: 4em;
    display: inline-block;
}

div.photoName_photo_wrapper {
    width: 100%;
    position: relative;
}

div.photoName_photo_wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}

div.photoName.online_marker div.photoName_photo_wrapper:after {
    content: '';
    position: absolute;
    background-color: var(--green-marker);
    border-radius: 50%;
    bottom: 2%;
    right: 2%;
    border: 2px solid white;
    width: .7em;
    height: .7em;
    max-width: 6px;
    max-height: 6px;
}

div.photoName.height100 div.photoName_photo {
    background-position: center;
}

div.photoName.height100 div.photoName_photo_wrapper:before {
    content: "";
    display: block;
    padding-top: 200%;
}

div.photoName.height100.online_marker div.photoName_photo_wrapper:after {
    width: 26% !important;
}

div.photoName_photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

div.photoName_name {
}

/* кнопка "Это интересно" */
div.important_button {
    cursor: pointer;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-width: 1.1em;
    max-width: 3em;
    color: var(--main-blue);
}

div.important_button:hover {
}

div.important_button.marked {
}

div.important_button span.important_button_text {
    display: none;
}

div.important_button span.important_button_icon {
    display: inline-block;
    width: 1.7em;
    min-width: 1.7em;
    max-width: 1.7em;
    height: 1.7em;
    background: url(../design/like.svg) center center no-repeat;
    background-size: contain;
    text-align: center;
    flex: 1;
    opacity: .3;
}

div.important_button.marked span.important_button_icon {
    opacity: 1;
}

div.important_button span.important_button_icon svg {
    vertical-align: baseline;
}

div.important_button span.important_button_icon svg .like-1, div.important_button span.important_button_icon svg .like-2 {
    fill: transparent;
}

div.important_button.marked span.important_button_icon svg .like-1 {
    fill: var(--main-blue);
}

div.important_button.marked span.important_button_icon svg .like-2 {
    fill: var(--underlay-gray);
}

div.important_button span.important_button_counter {
    font-weight: bold;
    flex: 1;
    opacity: .3;
}

div.important_button.marked span.important_button_counter {
    opacity: 1;
}

div.important_button span.important_button_counter:not(:empty) {
    margin-left: 0.3em;
}

/* всплывающая подсказка для "Это интересно" */
div.helper {
    position: absolute;
    z-index: 100000;
    background-color: var(--helper-background);
    color: var(--white);
    padding: .5em 1em 1em 1em;
    display: none;
    min-width: 15.5em;
    text-align: left;
    border-radius: .5em;
    top: -6.5em;
}

div.object_info div.object_info_3 div.important_button div.helper, div.allrpgRolesListApplicationsListApplication div.helper {
    right: 0;
}

div.allrpgRolesListApplicationsListApplication div.helper {
    top: 0;
    font-family: "Roboto", Arial, sans-serif;
    min-width: max-content;
    z-index: 2;
}

div.allrpgRolesListApplicationsListApplication div.helper div.social {
    margin-left: 1em;
    float: right;
    height: 3em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span {
    padding-left: 1.5em;
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span {
    background: left center no-repeat;
    background-size: contain;
    margin-top: .3em;
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span:first-of-type {
    margin-top: 0;
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span a {
    color: var(--color-background-main);
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span.c1 {
    background-image: url(../design/networks/vk_icon.svg);
}

div.allrpgRolesListApplicationsListApplication div.helper div.social span.c2 {
    background-image: url(../design/networks/tg_icon.svg);
}

div.helper.shown {
    display: block;

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.helper div.helper_header {
    color: var(--color-background-main);
    clear: both;
    padding-bottom: .5em;
    font-weight: bold;
}

div.helper div.photoName {
    width: 3em !important;
    margin: 0 .5em 0 0 !important;
    border-radius: 50%;
    overflow: hidden;
}

div.helper div.photoName:last-of-type {
    margin-right: 0 !important;
}

div.helper div.photoName a {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

div.helper div.photoName div.photoName_photo_wrapper {
    width: auto;
    margin: 0;
}

div.helper div.photoName.online_marker div.photoName_photo_wrapper:after {
    display: none;
}

/* подгрузка данных */
a.load_wall {
    display: block;
    padding: .5% 1%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
}

a.load_conversation {
    display: block;
    padding: .5% 1%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
}

a.load_library {
    display: block;
    padding: .5% 1%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
}

a.load_disk {
    display: block;
    padding: .5% 1%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
}

a.load_wall div#circleG, a.load_conversation div#circleG, a.load_library div#circleG, a.load_disk div#circleG {
    position: relative;
    top: auto;
    margin-top: .8em;
    margin-bottom: .8em;
}

a.load_projects_communities_list, a.load_users_list {
    display: block;
    padding: .5rem 1rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: normal;
    border: 1px dashed var(--underlay-gray);
    width: 100%;
    line-height: 2.5em;
    border-radius: .8em;
}

/* виджет задач */
div.tasks_widget_container {
    position: fixed;
    left: 1em;
    bottom: 0;
    width: 5em;
    z-index: 10000;
}

div.tasks_widget {
    background-color: var(--main-blue);
    font-weight: bold;
    text-align: center;
    color: var(--color-background-main);
    cursor: pointer;
    vertical-align: middle;
    display: flex;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: .5em;
}

div.tasks_widget > span {
    color: var(--white);
}

div.tasks_widget span.svg_background_import {
    vertical-align: baseline;
    margin-left: .2em;
    background-image: url(../design/task_widget.svg);
    background-size: contain;
}

div.tasks_widget span.svg_background_import svg {
    vertical-align: baseline;
}

div.tasks_widget_list {
    position: fixed;
    left: 7em;
    bottom: 0;
    width: 25em;
    font-weight: bold;
    text-align: center;
    z-index: 10501;
    display: none;
}

div.tasks_widget_list:after {

}

div.tasks_widget_list_container {
    background-color: var(--color-background-main);
    position: absolute;
    width: 25em;
    bottom: 0;
    z-index: 10501;
    display: none;
}

div.tasks_widget_list_header, div.tasks_widget_task_header {
    background-color: var(--main-blue);
    text-align: left;
    font-size: 1.1em;
    color: var(--color-background-main);
    padding: .5em 0 .5em .5em;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    border: 1px solid var(--inputs-borders);
    border-bottom: 0;
}

div.tasks_widget_list_header, div.tasks_widget_task_header a {
    color: var(--color-background-main);
}

div.tasks_widget_list_close {
    float: right;
    margin-right: .5em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/close_white.svg) no-repeat;
    background-size: contain;
    opacity: .7;
}

div.tasks_widget_list_close:hover {
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.tasks_widget_list_functions {
    float: right;
    margin-right: .6em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/more.svg) no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: .7;
}

div.tasks_widget_list_functions:hover {
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.tasks_widget_list_functions_list {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    border-radius: .5em;
    background-color: var(--underlay-gray);
    box-shadow: 0 .1em 1em var(--shadow-black-25);
    border: 1px solid var(--inputs-borders);

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.tasks_widget_list_functions_list a {
    display: block;
    cursor: pointer;
    padding: .5em 1.5em;
    text-align: left;
    font-size: 1rem;
    font-weight: normal;
}

div.tasks_widget_list_scroll, div.tasks_widget_task_scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

div.tasks_widget_list_scroll {
    height: 27em;
    border: 1px solid var(--inputs-borders);
    border-top: none;
}

div.tasks_widget_list_scroll div.tasks_widget_list_highlight {
    height: 2.5em;
    background-color: var(--inputs-borders);
}

div.tasks_widget_list_search {
    bottom: 0;
    text-align: left;
    font-size: 80%;
    color: var(--color-background-main);
    padding: .5em 1em;
    width: 100%;
    border: 1px solid var(--inputs-borders);
    border-top: 0;
    background-color: var(--underlay-gray-light);
}

div.tasks_widget_list_search input {
    margin-bottom: 0;
}

div.tasks_widget_list_search input:focus {
    border-color: var(--inputs-borders);
}

div.tasks_widget_list_item {
    border-bottom: 1px solid var(--inputs-borders);
    padding: .5em;
    text-align: left;
    font-size: 1.1em;
    cursor: pointer;
    background-color: var(--color-background-main);
}

div.tasks_widget_list_item_separator {
    background-color: var(--main-blue);
    text-align: left;
    font-size: 1.1em;
    color: var(--color-background-main);
    padding: .5em 0 .5em .5em;
}

div.tasks_widget_list_item_name {
    font-weight: normal;
    margin-right: 2.5em;
}

div.tasks_widget_list_item_name.bold {
    font-weight: bold;
}

div.tasks_widget_list_item_count {
    font-weight: bold;
    color: var(--special-red);
    float: right;
}

div.tasks_widget_list_item_settings_list {
    display: none;
    background-color: var(--inputs-borders);
    padding: .5em 0;
}

div.tasks_widget_list_item_settings_list a {
    font-weight: normal;
    margin-right: .5em;
}

div.tasks_widget_list_item_settings_list a:last-child {
    margin-right: 0;
}

/* виджет сообщений */
div.conversations_widget_container {
    position: fixed;
    right: 1em;
    bottom: 0;
    width: 5em;
    z-index: 10000;
}

div.conversations_widget_container_avatar {
    display: none;
    width: 4em;
    height: 4em;
    margin: .5em;
}

div.conversations_widget_container_avatar div.photoName {
    width: 4em;
}

div.conversations_widget_container_avatar div.photoName_photo_wrapper {
}

div.conversations_widget_container_avatar div.conversations_widget_container_avatar_unread_messages {
    position: absolute;
    background-color: red;
    color: var(--color-background-main);
    font-weight: bold;
    left: 0;
    margin-left: 0;
    top: 0;
    display: none;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    justify-content: center;
    align-items: center;
}

div.conversations_widget_container_avatar div.conversations_widget_container_avatar_unread_messages.shown {
    display: flex;
}

div.conversations_widget_container_avatar div.conversations_widget_list_close {
    display: none;
    position: absolute;
    right: -.5em;
    top: -.5em;
    width: 1em;
    height: 1em;
    background: url(../design/close_blue.svg) no-repeat;
    background-size: contain;
    opacity: .7;
}

div.conversations_widget_container_avatar:hover div.conversations_widget_list_close {
    display: block;
}

div.conversations_widget_container_avatar div.conversations_widget_list_close:hover {
    display: block;
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.conversations_widget {
    background-color: var(--main-blue);
    font-weight: bold;
    text-align: center;
    color: var(--color-background-main);
    cursor: pointer;
    vertical-align: middle;
    display: flex;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: .5em;
}

div.conversations_widget > span {
    color: var(--white);
}

div.conversations_widget span.svg_background_import {
    vertical-align: baseline;
    margin-left: .2em;
    background-image: url(../design/avatar-big.svg);
    background-size: contain;
}

div.conversations_widget span.svg_background_import svg {
    vertical-align: baseline;
}

div.conversations_widget_list {
    position: fixed;
    right: 7em;
    bottom: 0;
    width: 25em;
    font-weight: bold;
    text-align: center;
    z-index: 10501;
    display: none;
}

div.conversations_widget_list:after {

}

div.conversations_widget_message_container {
    display: none;
    position: fixed !important;
    width: 25em;
    bottom: 0;
    z-index: 10500;
    right: 7em;
}

div.conversations_widget_message_container.hidden_after:after {
    display: none;
}

div.conversations_widget_list_container {
    background-color: var(--color-background-main);
    position: absolute;
    width: 25em;
    bottom: 0;
    z-index: 10501;
    display: none;
}

div.conversations_widget_list_header, div.conversations_widget_message_header {
    background-color: var(--main-blue);
    text-align: left;
    font-size: 1.1em;
    color: var(--color-background-main);
    padding: .5em 0 .5em .5em;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    border: 1px solid var(--inputs-borders);
    border-bottom: 0;
}

div.conversations_widget_list_header, div.conversations_widget_message_header a {
    color: var(--color-background-main);
}

div.conversations_widget_message_header {
    cursor: move;
}

div.conversations_widget_list_close {
    float: right;
    margin-right: .5em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/close_white.svg) no-repeat;
    background-size: contain;
    opacity: .7;
}

div.conversations_widget_list_close:hover {
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.conversations_widget_list_sound {
    float: right;
    margin-right: .5em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/mute.png) no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: .7;
}

div.conversations_widget_list_sound.mute {
    background: url(../design/volume.png) no-repeat;
    background-size: contain;
}

div.conversations_widget_list_sound:hover {
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.conversations_widget_list_functions {
    float: right;
    margin-right: .6em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/more.svg) no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: .7;
}

div.conversations_widget_list_functions:hover {
    opacity: 1;
    border-bottom: 0;
    cursor: pointer;
}

div.conversations_widget_message_functions {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    border-radius: .5em;
    background-color: var(--underlay-gray);
    box-shadow: 0 .1em 1em var(--shadow-black-25);
    border: 1px solid var(--inputs-borders);

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.conversations_widget_message_functions a {
    display: block;
    cursor: pointer;
    padding: .5em 1.5em;
    text-align: left;
    font-size: 1rem;
}

div.conversations_widget_message_scroll, div.conversations_widget_list_scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

div.conversations_widget_message_scroll {
    height: 24em;
    background: var(--color-background-main);
    border: 1px solid var(--inputs-borders);
    box-sizing: border-box;
    box-shadow: 0 .3em 1em var(--shadow-black-1);
    padding: 1% 0;
    font-size: 1.1em;
}

div.conversations_widget_list_scroll {
    height: 27em;
    border: 1px solid var(--inputs-borders);
    border-top: none;
}

div.conversations_widget_list_search {
    bottom: 0;
    text-align: left;
    font-size: 80%;
    color: var(--color-background-main);
    padding: .5em 1em;
    width: 100%;
    border: 1px solid var(--inputs-borders);
    border-top: 0;
    background-color: var(--underlay-gray);
}

div.conversations_widget_list_search input {
    margin-bottom: 0;
}

div.conversations_widget_list_search input:focus {
    border-color: var(--inputs-borders);
}

div.conversations_widget_list_item {
    border-bottom: 1px solid var(--inputs-borders);
    padding: .2em 0;
    text-align: left;
    font-size: 1.1em;
    cursor: pointer;
    display: table;
    width: 100%;
}

div.conversations_widget_list_item.online {

}

div.conversations_widget_list_item.offline {

}

div.conversations_widget_list_item_separator {
    background-color: var(--main-blue);
    text-align: left;
    font-size: 1.1em;
    color: var(--color-background-main);
    padding: .5em 0 .5em .5em;
}

div.conversations_widget_list_item_name {
    display: table-cell;
    vertical-align: middle;
    width: 85%;
    padding-left: .2em;
}

div.conversations_widget_list_item div.conversations_widget_list_photos {
    width: 3em;
    margin: 0;
    display: table-cell;
    padding: .3em;
}

div.conversations_widget_list_item div.photoName {
    width: 100%;
    margin: 0;
}

div.conversations_widget_message {

}

div.conversations_widget_message:after {
    display: table;
    content: "";
    clear: both;
}

div.conversations_widget_message_contact div.photoName {
    width: 3em;
    margin: 0 .5em 0 0;
    z-index: 1;
    vertical-align: top;
    float: left;
}

div.conversations_widget_message_contact, div.conversations_widget_message_me {
    text-align: left;
    font-weight: normal;
    border-radius: .7em;
    margin: .5em 1em;
    padding: .5em;
    width: 80%;
    border: 1px solid var(--inputs-borders);
}

div.conversations_widget_message_contact {
    float: left;
    background-color: var(--color-background-main);
}

div.conversations_widget_message_me {
    float: right;
    background-color: var(--underlay-gray);
}

div.conversations_widget_message_content div.commands {
    color: var(--gray-soft);
    float: right;
    max-width: calc(100% - 4em);
    text-align: right;
    margin-bottom: .5em;
}

div.conversations_widget_message_content div.commands a[dyn_action] {
    color: var(--color-font-main);
    display: inline-block;
    background-color: var(--underlay-gray);
    padding: .5em 1em;
    margin-left: .5em;
    border-radius: 3.5em;
    font-size: .8em;
    margin-top: 0;
}

div.conversations_widget_message_content div.commands a.bold[dyn_action] {
    font-weight: normal;
    background-color: var(--main-blue);
    color: var(--color-background-main);
}

div.conversations_widget_message_content div.commands a[dyn_action]:hover {
    text-decoration: none;
}

div.conversations_widget_message_content div.additional {
    clear: right;
}

div.conversations_widget_message_content {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    display: block;
    vertical-align: top;
    margin-bottom: 1em;
}

div.no_message_yet div.conversations_widget_message_content {
    font-weight: bold;
    margin-bottom: 0;
}

div.conversations_widget_time {
    color: var(--inputs-borders);
    font-size: .8em;
    text-align: right;
    position: absolute;
    right: .5em;
    bottom: .5em;
}

div.conversations_widget_message_conversation_form textarea {
    height: 3em;
    font-size: 1.1em;
    border-color: var(--inputs-borders);
    border-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    border-radius: 0;
    resize: none;
    overflow: hidden;
    padding-right: 3em;
}

div.conversations_widget_message_conversation_form textarea + button {
    width: 3em;
    height: 3em;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: url(../design/plane.svg) center center no-repeat !important;
    background-size: 3em !important;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

/* загруженный файл, загрузка файла */
div.uploaded_file {
    padding-left: 1.5em;
    background: url(../design/file-icon-1.svg) left center no-repeat;
    background-size: 1.5em;
}

div.uploaded_file.folder {
    background: url(../design/folder-icon-2.svg) left center no-repeat;
    background-size: 1.8em;
}

div.uploaded_file.nothing_found {
    background: none;
    padding-left: 0 !important;
}

div.uploaded_file a.edit_file {
    width: 1em;
    height: 1.2em;
    background: url(../design/edit.svg) left center no-repeat;
    background-size: contain;
    display: inline-block;
    opacity: .6;
    vertical-align: top;
    margin-right: .2em;
}

div.uploaded_file span.uploaded_file_description {
    font-size: 80%;
    display: block;
    color: var(--placeholder);
}

div.uploaded_file span.uploaded_file_info {
    font-size: 80%;
    color: var(--placeholder);
    display: block;
    min-height: 1em;
}

div.uploaded_file.folder a {
    color: var(--color-font-main);
}

div.uploaded_file a.edit_file, div.uploaded_file a.trash {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
}

div.uploaded_file:hover a.edit_file, div.uploaded_file:hover a.trash {
    display: inline-block;
}

div.uploaded_file a.edit_file + a.trash, div.uploaded_file a.trash + a.edit_file {
    margin-right: 1.5em;
}

div.fieldvalue div.uploaded_file, div.multi_objects_table div.td div.uploaded_file {
    height: 1.3em;
    background: none;
    text-align: left;
    padding-left: 0;
}

div.fieldvalue div.uploaded_file a:not(.trash) {
    padding-top: .15em;
    display: inline-block;
}

input#new_file {
    opacity: 0;
    width: 0;
    height: 0;
}

div.uploaded_file ~ a.show_hidden {
    border-top: 0;
}

/* загрузка файлов в разных разделах + библиотека файлов */
div.community_library div.hidden div.uploaded_file:first-child {
    margin-top: 0;
}

div.community_events_list div.community_events_list_item {
    border-bottom: 1px dashed var(--inputs-borders);
    padding-top: 1%;
    padding-bottom: 1%;
}

div.community_projects_list div.community_projects_list_item {
    border-bottom: 1px solid var(--inputs-borders);
    padding-top: 1%;
    padding-bottom: 1%;
}

div.project_library_upload div.new_file_bar, div.community_library_upload div.new_file_bar {
    height: 1px;
    width: 0;
    background-color: var(--gray);
    margin-top: 1%;
}

div.ui-tabs-panel div[class$="_library"] {
    margin-bottom: 2em;
}

div[class$="_library"] div.uploaded_file {
    border-bottom: 1px dashed var(--inputs-borders);
    padding: 1em 0 1em 2.5em;
    background-position: left center;
    font-size: 1.2em;
}

div.project_library > div.uploaded_file:first-child, div.community_library > div.uploaded_file:first-child {
    margin-top: -1em;
}

div.project_tasks_library > div.uploaded_file:first-of-type {
    margin-top: -1em;
}

div.project_tasks_library div.uploaded_file:last-of-type {
    border-bottom: 0;
    padding: 0 0 0 2.5em;
    margin-top: 1em;
}

div[class$="_library"] div.uploaded_file a {
    font-size: 1em;
}

div.project_tasks_library a.expand_all_branches {
    font-weight: bold;
    float: right;
    z-index: 1;
    padding-top: 1em;
}

div.task_library > div.uploaded_file:first-child, div.event_library > div.uploaded_file:first-child, div.folder_library > div.uploaded_file:first-child {
    margin-top: -1em;
}

div.files_group {
    font-weight: bold;
    cursor: pointer;
}

div.files_group_data {
    display: none;
    padding-left: 2em;
}

div.files_group_data div.uploaded_file:first-child {
    margin-top: 0;
}

div.files_group_data div.uploaded_file:last-child {
    border-bottom: 1px dashed var(--inputs-borders);
    padding: 1em 0 1em 2.5em;
    margin-top: 0;
}

div#folder_users_list {
    display: none;
}

div#folder_users_list div.fieldvalue {
    padding-left: 0;
    padding-top: .5em;
}

div#folder_users_list div.fieldvalue div.dropfield, div#folder_users_list div.fieldvalue div.dropfield2 {
    font-size: 1.1em;
}

div#folder_users_list div.fieldvalue div.dropfield2 {
    width: 100% !important;
}

/* различные элементы форм (отдельные, конкретные, в основном multiselect и fielvalue.read */
div.maincontent_data.autocreated form#form_publications_edit div[id^="field_name"],
div.maincontent_data.autocreated form#form_ruling_question_edit div[id^="field_code"],
div.maincontent_data.autocreated form#form_ruling_question_edit div[id^="field_obj_helper_1"],
div.maincontent_data.autocreated form#form_ruling_item_edit div[id^="field_obj_helper_1"],
div.maincontent_data.autocreated form#form_ruling_item_edit div[id^="field_name"],
div.maincontent_data.autocreated form#form_report div[id^="field_name"],
div.maincontent_data.autocreated form#form_calendar_event div[id^="field_name"],
div.maincontent_data.autocreated form#form_calendar_event div[id^="field_mg"],
div.maincontent_data.autocreated form#form_area div[id^="field_external_map_link"],
div.maincontent_data.autocreated form#form_profile div[id^="field_ingroup"],
div.maincontent_data.autocreated form#form_myapplication div[id^="field_project_character_id"],
div.maincontent_data.autocreated form#form_project div[id^="field_helper_1"],
div.maincontent_data.autocreated form#form_event div[id^="field_place"],
div.maincontent_data.autocreated form#form_conversation div[id^="field_group"],
div.maincontent_data.autocreated form#form_conversation div[id^="field_name"],
div.maincontent_data.autocreated form#form_application div[id^="field_creator_id"],
div.maincontent_data.autocreated form#form_application div[id^="field_project_character_id"],
div.maincontent_data.autocreated form#form_application div[id^="field_switch_to_character"],
div.maincontent_data.autocreated form#form_plot div[id^="field_search_groups_by_name"],
div.maincontent_data.autocreated form#form_character div[id^="field_name"],
div.maincontent_data.autocreated form#form_group div[id^="field_link_to_roles"],
div.maincontent_data.autocreated form#form_document div[id^="field_name"],
div.maincontent_data.autocreated form#form_generate_documents div[id^="field_application_id"],
div.maincontent_data.autocreated form#form_exchange_item_edit div[id^="field_name"],
div.maincontent_data.autocreated form#form_qrpg_key_add div[id^="field_property_description"] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.maincontent_data.autocreated form#form_character div[id^="field_link_to_roles"] + div[id^="field_name"] {
    width: 48%;
    max-width: 48%;
    min-width: 48%;
}

div.maincontent_data.autocreated div.fieldvalue.read[id^="div_plots_data"],
div.maincontent_data.autocreated form#form_application div[id^="div_creator_id"],
div.maincontent_data.autocreated form#form_character div[id^="div_link_to_applications"],
div.maincontent_data.autocreated form#form_group div[id^="div_link_to_characters"] {
    background-color: transparent;
}

div.maincontent_data.autocreated div.fieldvalue.read[id^="div_qrpg_key"] {
    /*white-space: break-spaces;*/
}

div.maincontent_data.autocreated div.fieldvalue.read[id^="div_plots_data"] {
    border: 0;
    padding: 0;
}

div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_id"] a.qrpg_code_generate_link {
    margin-right: 1em;
}

form#form_bank_transaction_add div.multi_objects_table div.tr.menu div.td#td_name {
    width: 15em;
}

form#form_bank_transaction_add div.multi_objects_table div.tr.menu div.td#td_amount {
    width: 9em;
}

div.maincontent_data.autocreated.kind_qrpg_history tbody td:nth-of-type(5) a {
    padding-right: .5em;
    margin-right: .5em;
    border-right: 1px dotted var(--main-blue);
}

div.maincontent_data.autocreated.kind_qrpg_history tbody td:nth-of-type(5) a:first-of-type {
    padding-left: .5em;
    margin-left: .5em;
    border-left: 1px dotted var(--main-blue);
}

form#form_org_add td[id] {
    width: 20em !important;
    min-width: 20em !important;
    max-width: 20em !important;
}

form#form_org_add td#td_obj_type_from {
    width: 3em !important;
    min-width: 3em !important;
    max-width: 3em !important;
}

form#form_org_add td#td_type {
    width: 10em !important;
    min-width: 10em !important;
    max-width: 10em !important;
}

form#form_org_add input[disabled] + label:after, form#form_org_add input[disabled] + label:before {
    display: none;
}

form#form_org_add input[disabled] + label {
    padding-left: 0;
    font-weight: bold;
}

/* блоки на страницах проектов, сообществ и т.п. */
div.maincontent_data div.block {
    margin-bottom: 1em;
}

/* приглашение пользователя, добавление пользователя, управление правами пользователей */
div.project_user_add, div.community_user_add, div.task_user_add, div.event_user_add {
    font-weight: bold;
    font-size: 1.2em;
    color: var(--gray);
}

div.project_user_add img, div.community_user_add img, div.task_user_add img, div.event_user_add img {
    vertical-align: middle;
    height: 1.5em;
}

div.project_user_add div#text2, div.community_user_add div#text2, div.task_user_add div#text2, div.event_user_add div#text2 {
    display: none;
}

/* ui-autocomplete */
.ui-widget.ui-widget-content.ui-autocomplete {
    font-size: 1em;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--blocks-borders-and-separators);
    position: absolute;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    z-index: 1;
    /* если выставить z-index, то список будет не видно, например, в выборе пользователя для приглашения в проект */
}

.ui-menu {
    padding: 0;
    color: var(--color-font-main);
    background: var(--color-background-main);
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: none;
    display: block;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding-left: 2em;
    display: block;
    border: 0;
    background: .5em center no-repeat var(--color-background-main);
    background-size: 1em;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-focus, .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    background-color: var(--underlay-gray-light);
}

.ui-menu .ui-menu-item.ui-menu-item-people a, .ui-menu .ui-menu-item.ui-menu-item-people a.ui-state-active {
    background-image: url(../design/avatar-big-inverted.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-project a, .ui-menu .ui-menu-item.ui-menu-item-project a.ui-state-active {
    background-image: url(../design/project.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-community a, .ui-menu .ui-menu-item.ui-menu-item-community a.ui-state-active {
    background-image: url(../design/community.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-task a, .ui-menu .ui-menu-item.ui-menu-item-task a.ui-state-active {
    background-image: url(../design/task.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-event a, .ui-menu .ui-menu-item.ui-menu-item-event a.ui-state-active {
    background-image: url(../design/event.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-application a {
    background-image: url(../design/application.svg);
}

.ui-menu .ui-menu-item.ui-menu-item-tag a, .ui-menu .ui-menu-item.ui-menu-item-publication a {
    padding-left: .5em;
}

div.header .ui-widget-content a {
    color: var(--color-font-main);
}

/* раздел логина */
div.mainpage_login {
    width: 35em;
    max-width: 100%;
    margin: auto;
}

div#login_choices, div#login_remind {
}

div#login_choices div.text, div#login_remind div.text {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 1em 0;
    text-align: center;
}

div#login_remind div.text {
    margin-bottom: .5em;
}

div.mainpage_login input {
    margin-bottom: 0;
}

div#login_choices input#login_global {
    background: transparent;
    border-radius: .2em .2em 0 0;
    border-bottom: none;
}

div#login_choices input#pass_global {
    background: transparent;
    border-radius: 0 0 .2em .2em;
}

div#login_choices div.buttons, div#login_remind div.buttons {
    text-align: center;
    padding-top: 2em;
}

div#login_choices hr {
    border-top: 3px solid #edf0f2;
    margin: 2em 0;
}

div#login_choices div.text2 {
    margin-bottom: 2em;
}

div#login_remind {
    display: none;
}

div#login_remind input#em_global {
    background: transparent;
    border-radius: .2em;
}

div#login_choices a#btn_remind {
    text-align: right;
    display: block;
    margin-top: .5em;
}

/* форма диалога */
div.conversation_form {
    display: none;
}

div.conversation_form.shown, div.conversation_form.do_not_hide {
    display: block;
    margin-bottom: 1em;
}

div.conversation_form form {
    display: flex;
}

div.conversation_form.opened {
}

div.conversation_form div#help_conversation_form_data {
    background-color: var(--underlay-gray-contrast);
    color: var(--color-background-main);
    font-size: .9em;
    border-radius: .5em .5em 0 0;
    padding: .4em 1.3em;
    font-weight: normal;
    text-align: justify;
    display: none;
    position: absolute;
    z-index: 1;
}

div.conversation_form div#help_conversation_form_data.shown + input, div.conversation_form div#help_conversation_form_data.shown + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

div.conversation_form div.conversation_form_photo {
    flex: 1;
    width: 5em;
    max-width: 5em;
    min-width: 5em;
    display: none;
}

div.conversation_form.opened div.conversation_form_photo, div.conversation_form.do_not_hide div.conversation_form_photo {
    display: block;
}

div.conversation_form div.photoName {
    width: 100% !important;
    margin: 0;
}

div.conversation_form div.photoName div.photoName_photo_wrapper {
    width: 100%;
    margin: 0;
}

div.conversation_form div.conversation_form_data {
    flex: 1;
    display: flex;
}

div.conversation_form.opened div.conversation_form_data, div.conversation_form.do_not_hide div.conversation_form_data {
    padding-left: 1.5em;
}

div.conversation_form div.conversation_form_data div.conversation_form_main_fields {
    width: 100%;
}

div.conversation_form div.conversation_form_data textarea, div.conversation_form div.conversation_form_data input {
    font-size: 1.2em;
}

div.conversation_form div.conversation_form_data textarea {
    height: 3.3em;
    resize: none;
    overflow: hidden;
}

div.conversation_form.opened div.conversation_form_data textarea, div.conversation_form.do_not_hide div.conversation_form_data textarea {
    height: 10em;
    margin-bottom: 0;
    resize: vertical;
    overflow: auto;
}

div.conversation_form div.conversation_form_data input[type=text] {
    margin-bottom: .5%;
}

div.conversation_form div.conversation_form_data div.conversation_form_controls {
    display: none;
}

div.conversation_form.opened div.conversation_form_data div.conversation_form_controls, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls, div.conversation_form.opened div.conversation_form_data div.conversation_form_attachments.shown, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_attachments.shown, div.conversation_form.opened div.conversation_form_data div.conversation_form_vote.shown, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_vote.shown {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.conversation_form.opened div.conversation_form_data div.conversation_form_controls, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls {
    width: 16em;
    min-width: 16em;
    max-width: 16em;
    padding-left: 3em;
}

div.conversation_form div.conversation_form_data div.conversation_form_attachments, div.conversation_form div.conversation_form_data div.conversation_form_vote {
    display: none;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.conversation_form div.conversation_form_data div.conversation_form_attachments .jq-file .bar, div.conversation_form div.conversation_form_data div.conversation_form_attachments .jq-file .name, div.conversation_form div.conversation_form_data div.conversation_form_attachments .jq-file .browse {
    font-size: 1em !important;
}

div.conversation_form div.conversation_form_data div.conversation_form_vote hr {
    margin: 1% 0;
}

div.conversation_form div.conversation_form_data div.conversation_form_vote input {
    font-size: 1em;
}

div.conversation_form div.conversation_form_data button.main, div.wall_message_edit div.conversation_form_controls button.main {
    margin-left: 0;
    margin-top: 0;
    order: 2;
}

div.conversation_form div.conversation_form_data button.nonimportant, div.wall_message_edit div.conversation_form_controls button.nonimportant {
    order: 1;
}

div.conversation_form div.conversation_form_data button.main.careful, div.wall_message_edit div.conversation_form_controls button.main.careful {
    background: var(--gray-dark) !important;
    border: .15rem var(--gray-dark) solid !important;
    color: var(--color-background-main) !important;
    order: 1;
}

div.conversation_form div.conversation_form_data input[type="checkbox"] {
    margin-left: 5%;
}

div.conversation_form div.conversation_form_data div.conversation_form_controls .inputcheckbox + label {
    padding: 0 0 0 3em;
}

div.message_conversation_form div.conversation_form {
    padding: .5% 1%;
}

.attach {
    float: right;
    margin-top: 1%;
}

.attach:hover {
    border-bottom: 0;
}

.vote {
    float: right;
    margin-top: 1%;
    margin-right: 1%;
}

.vote:hover {
    border-bottom: 0;
}

/* форма редактирования сообщения */
div.wall_message_edit, div.conversation_message_edit {
    margin-top: 1em;
    margin-bottom: 2em;
    order: 5;
    display: flex;
}

div.wall_message_edit textarea, div.conversation_message_edit textarea, div.wall_message_edit select {
    height: 10em;
    margin-bottom: 0;
}

div.wall_message_edit div.conversation_form_controls, div.conversation_message_edit div.conversation_form_controls {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 16em;
    min-width: 16em;
    max-width: 16em;
    padding-left: 3em;
}

div.wall_message_time a.wall_message_edit_cancel, div.conversation_message_time a.conversation_message_edit_cancel {
    color: var(--main-red) !important;
}

/* сообщения */
div.kind_conversation {
    display: flex;
    flex-wrap: wrap;
}

div.kind_conversation h1.page_header {
    width: 100%;
}

div.conversation_message_switcher {
    flex: 1;
    height: calc(100vh - 20em);
    min-height: calc(100vh - 20em);
    max-height: calc(100vh - 20em);
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    border: 1px solid var(--inputs-borders);
    border-radius: .9em 0 0 .9em;
    margin-top: 2.5em;
    display: flex;
    flex-direction: column;
}

div.conversation_message_switcher div.conversation_message_switcher_search_container {
    padding: 1.5rem;
    border-bottom: 1px var(--inputs-borders) solid;
}

div.conversation_message_switcher div.conversation_message_switcher_scroller {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: 100%;
}

div.conversation_message_switcher div.conversation_message_switcher_scroller div.conversation_block h3 {
    font-size: 1rem;
    padding: 1rem 2rem;
}

div.conversation_message_switcher div.conversation_message_switcher_scroller div.message {
    font-size: 1em;
}

div.conversation_message_switcher div.conversation_message_switcher_scroller div.message:hover {
    cursor: pointer;
}

div.conversation_message_switcher h2 {
    font-size: 165%;
    border-bottom: 1px #e7e7e7 solid;
    padding: .6em;
    height: 2.4em;
}

div.conversation_message_switcher div.conversation_message_switcher_scroller div.message div.message_photos div.photoName {
    z-index: auto;
}

div.conversation_message_maincontent {
    flex: 1;
    height: calc(100vh - 20em);
    min-height: calc(100vh - 20em);
    max-height: calc(100vh - 20em);
    width: 75%;
    display: flex;
    border-radius: 0 .9em .9em 0;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid var(--inputs-borders);
    border-left: 0;
    margin-top: 2.5em;
}

div.conversation_message_maincontent div.conversation_message_maincontent_header {
    height: 6rem;
    max-height: 6rem;
    min-height: 6rem;
    display: flex;
    align-items: center;
}

div.kind_conversation div.actions_list_switcher {
    flex: 1;
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    background-color: transparent;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 2em;
}

div.kind_conversation div.actions_list_items {
    top: 4em;
    right: 2rem;
    margin-top: 0;
}

div.kind_conversation div.actions_list_text {
    bottom: auto;
    right: auto;
    position: relative;
    float: right;
    order: 2;
}

div.conversation_message_maincontent div.conversation_message_maincontent_scroller {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 10em;
}

div.conversation_message_maincontent div.conversation_message_maincontent_scroller div.conversation_message_maincontent_scroller_wrap {
    top: 0;
    bottom: 0;
    height: 100%;
    overflow-y: auto;
    position: unset; /* иначе будет обрезаться всплывающий helper */
}

div.conversation_message_maincontent div.conversation_message_maincontent_scroller div.conversation_message_maincontent_scroller_wrap a.load_conversation {

}

div.conversation_message_maincontent div.conversation_message_maincontent_scroller div.conversation_message_maincontent_scroller_wrap div.message.inner:last-of-type {
    border-bottom: 0;
}

div.conversation_message_maincontent h2 {
    font-size: 1.2em;
    padding: 1rem 2rem;
    flex: 1;
    width: 60%;
    max-width: 60%;
    min-width: 60%;
    align-self: center;
}

div.conversation_message_maincontent div.message_conversation_form {
    flex: 1;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 8rem;
    min-height: 8rem;
    max-height: 8rem;
}

div.conversation_message_maincontent div.message_conversation_form div.conversation_form {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    height: 100%;
    border-top: 1px var(--inputs-borders) solid;
}

div.conversation_message_maincontent div.conversation_form div.conversation_form_photo {
    display: none;
}

div.conversation_message_maincontent div.conversation_form div.conversation_form_data {
    padding-left: 0;
    display: flex;
}

div.conversation_message_maincontent div.conversation_form div.conversation_form_data div#help_conversation_form_data {
    display: none !important;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data textarea {
    flex: 1;
    height: 3em;
    max-height: 100%;
    margin-bottom: 0;
    border: 0 !important;
    padding-left: 0 !important;
    -ms-overflow-style: none;
    resize: none;
    overflow: hidden;
    border-radius: 0 !important;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls {
    flex: 1;
    min-width: max-content;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: .5em;
}

div.kind_conversation div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls {
    margin-left: 0;
    padding-left: .5em;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data button.main {
    border-radius: 50% !important;
    color: var(--main-blue) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: url(../design/plane.svg) left center no-repeat !important;
    background-size: 2.5em !important;
    width: 7.5em;
    font-size: 1.2em !important;
    text-align: right;
    height: 100%;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data button.main.ui-state-disabled {
    color: transparent !important;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data button.main.ui-state-disabled #circleG {
    position: absolute;
    top: auto;
    bottom: auto;
    width: 4em;
    margin-left: 3em;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data button.main.ui-state-disabled .circleG {
    width: 1em;
    height: 1em;
}

div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls {
    flex-direction: row;
}

div.conversation_message_maincontent a.attach {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../design/paperclip.svg) center center no-repeat;
    background-size: contain;
    width: 2em;
    height: 1.5em;
}

div.conversation_message_maincontent .jq-file {
    display: none;
}

div.conversation_message_maincontent div.uploaded_file:hover a.edit_file {
    display: none;
}

div.conversation_message_maincontent div.uploaded_file a.trash {
    position: relative;
    right: auto;
    display: inline-block;
    margin-right: 0.5em;
}

div.conversation_message_maincontent div.uploaded_file {
    padding-left: 0;
    background: none;
}

div.conversation_message_maincontent div.message_content div.files_list {
    margin-left: 0;
    margin-top: 1em;
}

div.conversations_widget_message div.files_list img, div.conversation_message_maincontent div.message_content div.files_list img {
    max-width: 100%;
}

div.conversation_message_maincontent div.user_was_online {
}

div.message {
    padding: 1rem;
    border-bottom: 1px solid var(--inputs-borders);
    color: var(--color-font-main);
    display: flex;
}

div.message.inner {
    padding: 1rem 2rem;
    font-size: 1em;
}

div.message.inner:first-of-type {
    border-top: 1px solid transparent;
}

div.message.inner.unread {
    background-color: var(--unread);
}

div.message.selected {
    background-color: var(--main-blue);
    color: var(--color-background-main);
}

div.message:hover {
}

div.message.inner:hover {
    cursor: auto;
}

div.message.inner div.helper {
    left: 5em;
}

div.message div.message_info {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

div.message.inner div.message_info {
    font-size: 1em;
    justify-content: unset;
}

div.message div.message_photos {
    width: 3.4em;
    max-width: 3.4em;
    min-width: 3.4em;
    margin-right: .8em;
    flex: 1;
    height: 3.4em;
}

div.message.inner div.message_photos {
    margin-right: 1em;
}

div.message div.message_photos div.photoName {
    margin: 0;
    width: 100%;
    z-index: 1;
}

div.maincontent_data > div.message div.message_photos div.photoName {
    margin-top: 3%;
}

div.message_info div.names {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    max-width: calc(100% - 4em);
}

div.message.inner div.names {
    display: inline-block;
    max-width: unset;
}

div.message.inner div.counter {
    font-size: .9em;
    color: var(--gray-medium);
}

div.message_info div.time {
    max-width: 6em;
    min-width: 4em;
    text-align: right;
    color: var(--gray-soft);
}

div.conversation_message_switcher_scroller div.message_info div.time {
    font-size: .9em;
}

div.conversation_message_switcher_scroller div.message.selected div.message_info div.time {
    color: var(--color-background-main);
}

div.message.inner div.time {
    display: inline-block;
    margin-left: .3em;
    width: auto;
    max-width: unset;
    min-width: unset;
    text-align: left;
}

div.message_info div.content_preview {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex: 1;
}

div.message_info div.content_preview.unread {
    padding-right: 1em;
}

div.message_info div.content_preview.unread:after {
    content: '';
    position: absolute;
    background-color: var(--special-red);
    border-radius: 50%;
    bottom: .3em;
    right: 0;
    width: .7em;
    height: .7em;
    max-width: 6px;
    max-height: 6px;
}

div.message.selected div.message_info div.content_preview.unread:after {
    background-color: var(--color-background-main);
}

div.message_info div.content_preview.unread.counter {
    padding-right: 1.5em;
}

div.message div.message_info div.content_preview.unread.counter:after {
    background-color: var(--main-blue);
}

div.message_info div.content_preview.unread.counter {
    padding-right: 2em;
}

div.message_info div.content_preview.unread.counter:after {
    bottom: 0;
    width: auto;
    height: 1.1em;
    max-width: unset;
    max-height: unset;
    color: var(--color-background-main);
    text-align: center;
    content: attr(data-content);
    padding: 0 .5em;
    border-radius: .5em;
}

div.message_info div.content_preview div.commands, div.message_info div.content_preview div.additional {
    display: none;
}

div.message.inner div.message_content {
    margin-top: .5em;
    width: 100%;
}

div.message_content div.photoName {
    width: 100%;
}

div.message_content div.message_content_data {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
}

div.message.inner div.message_content div.message_content_data {
    margin: 0;
}

div.maincontent_data > div.message div.message_content div.message_content_data {
    margin-left: 3.5em;
    text-align: justify;
    margin-bottom: 0;
    max-height: 4.3em;
    overflow: hidden;
}

div.maincontent_data > div.message.inner div.message_content div.message_content_data {
    max-height: none;
}

div.message_content div.files_list {
    margin-left: 4em;
}

div.maincontent_data > div.message div.message_content div.files_list {
    margin-left: 4em;
}

div.message_content div.additional {
}

div.message_content div.commands, div.conversation_message_content_text div.commands {
    float: right;
    z-index: 1;
    margin-left: .5em;
}

div.message_content div.commands a[dyn_action], div.conversation_message_content_text div.commands a[dyn_action] {
    color: var(--color-font-main);
    display: inline-block;
    background-color: var(--underlay-gray);
    padding: .5em 1em;
    margin-left: .5em;
    border-radius: 3.5em;
    font-size: .9em;
    margin-top: -.5em;
}

div.message_content div.commands a.bold[dyn_action], div.conversation_message_content_text div.commands a.bold[dyn_action] {
    font-weight: normal;
    background-color: var(--main-blue);
    color: var(--color-background-main) !important;
}

div.message_content div.commands div.done, div.conversation_message_content_text div.commands div.done {
    display: inline-block;
    margin-left: .5em;
    color: var(--gray-soft);
}

div.message_content div.commands a[dyn_action]:hover, div.message_content div.commands div:hover, div.conversation_message_content_text div.commands div:hover {
    text-decoration: none;
}

div.message_content a.bold {
    font-weight: bold;
}

div.message.inner div.message_delete {
    display: none;
    position: absolute;
    z-index: 1;
    right: 2rem;
}

div.message.inner div.message_delete a {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/close_blue.svg) center center no-repeat;
    background-size: 1em;
    opacity: 0.8;
}

div.message.inner div.message_delete a:hover {
    opacity: 1;
    border-bottom: 0;
}

div.messages_button {
    display: inline-flex;
    align-items: center;
    color: var(--main-blue);
}

div.messages_button span.messages_button_icon {
    display: inline-block;
    width: 1.8em;
    height: 1.7em;
    background: url(../design/icon-discuss-number.svg) center center no-repeat;
    background-size: contain;
    text-align: center;
    vertical-align: baseline;
}

div.messages_button.marked span.messages_button_icon {
    background-image: url(../design/icon-discuss-number-filled.svg);
}

div.messages_button span.messages_button_counter {
    font-weight: bold;
    opacity: .3;
}

div.messages_button.marked span.messages_button_counter {
    opacity: 1;
}

div.messages_button span.messages_button_counter:not(:empty) {
    margin-left: .3em;
}

/* поля необходимы для выравнивания множественных аватарок в разделе сообщений */
div.maincontent_data > div.message div.message_photos div.photoName {
    margin-top: 3%;
}

div.message_info div.names {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    max-width: calc(100% - 4em);
}

div.message.inner div.names {
    display: inline-block;
    max-width: unset;
}

div.message.inner div.counter {
    font-size: .9em;
    color: var(--gray-medium);
}

div.message_info div.time {
    max-width: 6em;
    min-width: 4em;
    text-align: right;
    color: var(--gray-soft);
}

div.conversation_message_switcher_scroller div.message_info div.time {
    font-size: .9em;
}

div.conversation_message_switcher_scroller div.message.selected div.message_info div.time {
    color: var(--color-background-main);
}

div.message.inner div.time {
    display: inline-block;
    margin-left: .3em;
    width: auto;
    max-width: unset;
    min-width: unset;
    text-align: left;
}

div.message_info div.content_preview {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex: 1;
}

div.message.selected div.message_info div.content_preview, div.message.selected div.message_info div.content_preview span.gray {
    color: var(--color-background-main);
}

div.message_info div.content_preview div.commands, div.message_info div.content_preview div.additional {
    display: none;
}

div.message.inner div.message_content {
    margin-top: .5em;
    width: 100%;
}

div.message_content div.photoName {
    width: 100%;
}

div.message_content div.message_content_data {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
}

div.message.inner div.message_content div.message_content_data {
    margin: 0;
}

div.maincontent_data > div.message div.message_content div.message_content_data {
    margin-left: 3.5em;
    text-align: justify;
    margin-bottom: 0;
    max-height: 4.3em;
    overflow: hidden;
}

div.maincontent_data > div.message.inner div.message_content div.message_content_data {
    max-height: none;
}

div.message_content div.files_list {
    margin-left: 4em;
}

div.maincontent_data > div.message div.message_content div.files_list {
    margin-left: 4em;
}

div.message_content div.additional {
}

div.message_content div.commands, div.conversation_message_content_text div.commands {
    float: right;
    z-index: 1;
    margin-left: .5em;
}

div.message_content div.commands a[dyn_action], div.conversation_message_content_text div.commands a[dyn_action] {
    color: var(--color-font-main);
    display: inline-block;
    background-color: var(--underlay-gray);
    padding: .5em 1em;
    margin-left: .5em;
    border-radius: 3.5em;
    font-size: .9em;
    margin-top: -.5em;
}

div.message_content div.commands a.bold[dyn_action], div.conversation_message_content_text div.commands a.bold[dyn_action] {
    font-weight: normal;
    background-color: var(--main-blue);
    color: var(--color-background-main) !important;
}

div.message_content div.commands div.done, div.conversation_message_content_text div.commands div.done {
    display: inline-block;
    margin-left: .5em;
    color: var(--gray-soft);
}

div.message_content div.commands a[dyn_action]:hover, div.message_content div.commands div:hover, div.conversation_message_content_text div.commands div:hover {
    text-decoration: none;
}

div.message_content a.bold {
    font-weight: bold;
}

div.message.inner div.message_delete {
    display: none;
    position: absolute;
    z-index: 1;
    right: 2rem;
}

div.message.inner div.message_delete a {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../design/close_blue.svg) center center no-repeat;
    background-size: 1em;
    opacity: 0.8;
}

/* стена в проектах / сообществах */
div.ui-tabs-panel > div:first-of-type > div.wall_message {
    padding-top: 0;
}

div.wall_message {
    padding: 3em 0;
    display: flex;
}

div.wall_message.child {
    margin-left: 6em;
    padding-bottom: 0;
}

div.wall_message:not(.child) + div.wall_message.child {
    border-top: 1px solid var(--inputs-borders);
}

div.wall_message.child + div.conversation_form {
    padding-top: 3em;
}

div.wall_message:hover {
}

div.hidden + div.wall_message {
    border-top: 0;
}

div.wall_message div.wall_message_photo {
    flex: 1;
    width: 5em;
    max-width: 5em;
    min-width: 5em;
}

div.wall_message.child div.wall_message_photo {
}

div.wall_message div.photoName {
    width: 100%;
    margin: 0;
}

div.wall_message div.photoName div.photoName_photo_wrapper {
    width: 100%;
    margin: 0;
}

div.wall_message div.wall_message_data {
    flex: 1;
    vertical-align: top;
    padding-left: 1.5em;
    display: flex;
    flex-direction: column;
}

div.wall_message.child div.wall_message_data {
}

div.wall_message div.wall_message_data div.important_button {
    margin-right: 1em;
}

div.wall_message div.wall_message_data div.important_button span.important_button_icon {
    /*width: 1.3em;
    height: 1.3em;
    background-size: cover;*/
}

div.wall_message div.wall_message_data div.wall_message_rating {
    border-radius: .5em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    padding: .3em;
    font-weight: bold;
    font-size: 1.3em;
    position: absolute;
    min-width: 1.5em;
    text-align: center;
    right: 0;
    top: 0;
}

div.wall_message div.wall_message_data div.wall_message_creator {
    font-weight: bold;
    margin-bottom: 1em;
    order: 1;
    font-size: 1.2em;
}

div.wall_message div.wall_message_data div.wall_message_more {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 1.5em;
    height: 1.5em;
    background: url(../design/more.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    display: none;
}

div.wall_message div.wall_message_data div.wall_message_more.shown {
    display: block;
}

div.wall_message div.wall_message_data div.wall_message_more_list {
    display: none;
    background: var(--underlay-gray);
    opacity: 1;
    padding: 1.2em 1.3em;
    position: absolute;
    z-index: 2;
    box-shadow: 0 .2em .8em var(--shadow-black-1);
    border-radius: 1.3em;
    top: 1em;
    right: 1em;
    min-width: 18em;
}

div.wall_message div.wall_message_data div.wall_message_more_list.shown {
    display: block;

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.wall_message div.wall_message_data div.wall_message_more_list a {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--special-gray);
    font-size: 1em;
    display: block;
}

div.wall_message div.wall_message_data div.wall_message_more_list a:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border: 0 !important;
}

div.wall_message div.wall_message_data div.wall_message_content {
    margin-bottom: 1em;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
    order: 5;
    font-size: 1.2em;
}

div.wall_message div.wall_message_data div.wall_message_content img {
    max-width: 100%;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote {
    margin-top: 2em;
    font-weight: bold;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote + hr {
    margin: 1em 0;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice {
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice .inputradio:not([checked]) + label {
    padding: 0 0 0 1.5em;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice .inputradio + label:before {
    font-size: .5em;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice .inputradio + label:after {
    font-size: .5em;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice_made {
    font-size: 90%;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice_made div.wall_message_vote_choice_made_bar {
    padding: 0 0;
    background-color: var(--inputs-borders);
    height: 2em;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice_made div.wall_message_vote_choice_made_bar_count {
    width: 94%;
    text-align: center;
    border-left: 1px solid var(--inputs-borders);
    border-right: 1px solid var(--inputs-borders);
    margin-top: -1.5em;
    margin-bottom: 1em;
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice_made div.wall_message_vote_choice_made_percent {
    font-weight: bold;
    float: right;
    width: 5%;
    text-align: left;
}

div.wall_message div.wall_message_data div.wall_message_time {
    display: flex;
    align-items: center;
    order: 10;
}

div.wall_message div.wall_message_data div.wall_message_time > span {
    color: var(--gray-soft);
}

div.wall_message div.wall_message_data div.wall_message_time a {
    color: var(--main-blue);
    margin-left: 1em;
}

div.wall_message div.wall_message_data div.wall_message_time a.use_group_name {
    color: inherit;
    margin-left: 0;
    margin-right: 1em;
}

div.wall_message_container div.conversation_form {
    margin-left: 6.5em;
}

/* стена в задачах / событиях */
div.task_message_container {
    border-top: 1px var(--blocks-borders-and-separators) solid;
}

div#task_wall div.block_data > div:first-of-type, div#task_wall div.conversation_form + div.task_message_container {
    border-top: none;
}

div.task_message {
    padding: 3em 0;
    display: flex;
}

div.task_message div.task_message_photo {
    flex: 1;
    width: 5em;
    max-width: 5em;
    min-width: 5em;
}

div.task_message div.photoName {
    width: 100%;
    margin: 0;
}

div.task_message div.photoName div.photoName_photo_wrapper {
    width: 100%;
    margin: 0;
}

div.task_message div.task_message_data {
    flex: 1;
    vertical-align: top;
    margin-left: 1.5em;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 6.5em);
}

div.task_message div.task_message_data.unread {
    background-color: var(--forms-background);
}

div.task_message div.task_message_data div.task_message_creator {
    font-weight: bold;
    margin-bottom: 1em;
    order: 1;
    font-size: 1.2em;
}

div.task_message div.task_message_data div.task_message_content {
    margin-bottom: 1em;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
    order: 5;
    font-size: 1.2em;
}

div.task_message div.task_message_data div.task_message_content a {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
}

div.task_message div.task_message_data div.task_message_time {
    display: flex;
    align-items: center;
    order: 10;
}

div.task_message div.task_message_data div.task_changes {
    position: absolute;
    text-align: right;
    z-index: 1;
    clear: right;
    margin: 0 0 .5em .5em;
    min-width: 16em;
    border: 1px #e7e7e7 solid;
    padding: .5em;
    max-width: 20em;
    right: 0;
    top: 2em;
}

div.task_message div.task_message_data div.task_changes div.photoName {
    float: right;
    width: 2.5em;
    margin-left: .5em !important;
}

div.task_message div.task_message_data div.task_id {
    position: absolute;
    right: 0;
    z-index: 1;
    margin-bottom: .5em;
}

div.block_header.task_comment_form div.conversation_form div.conversation_form_controls select, div.block_header.task_comment_form div.conversation_form div.conversation_form_controls input.dpkr_time {
    font-size: .9em;
    margin-bottom: .5em;
}

div.block_header.task_comment_form div.conversation_form div.conversation_form_controls input.dpkr_time {
    display: none;
}

div.block_header.task_comment_form div.conversation_form div.conversation_form_controls input.dpkr_time.shown {
    display: inline-block;
}

/* раздел агрегированных обсуждений */
div.kind_wall2 div.page_blocks > div.margin_top:first-of-type {
    margin-top: 0;
}

div.kind_wall2 div.wall_conversation_group {
    margin-bottom: 1.5em;
}

div.wall_conversation_group a.wall_conversation_group_image {
    display: table-cell;
}

div.wall_conversation_group a.wall_conversation_group_image div {
    width: 4.5em;
    height: 4.5em;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

div.wall_conversation_group_name {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 1.5em;
}

/* обсуждения в проектах / сообществах (список) */
div[id$="_conversation"] div.conversation_form {
    padding: 0 0 3em 0;
}

div[id$="_conversation"] div[class*="_conversation_message"] {
    padding: 1em;
    border-radius: .7em;
}

div[id$="_conversation"] div[class*="_conversation_message"].string2 {
    background-color: var(--underlay-gray);
}

div[id$="_conversation"] div[class*="_conversation_message"] ~ div[class*="_conversation_message"] {
    padding-top: 1em;
}

div[id$="_conversation"] div > div[class*="_conversation_message"]:first-child {
    padding-top: 1em;
}

div[id$="_conversation"] div[class$="_conversation_count"] {
    color: var(--placeholder);
    float: right;
    font-size: 1.4em;
    vertical-align: middle;
    display: inline-block;
    height: 140%;
}

div[id$="_conversation"] div[class$="_conversation_count"] span.svg_background_import {
    width: 1.2em;
    height: 1em;
    display: inline-block;
    margin-left: .5em;
    background-size: contain;
    background-image: url(../design/icon-discuss-number.svg);
    margin-top: -.4em;
}

div[id$="_conversation"] div[class$="_conversation_count"] span.svg_background_import svg {
    width: 1.2em;
    height: auto;
    vertical-align: middle;
}

div[id$="_conversation"] div[class$="_conversation_count"] span.svg_background_import svg .cls-1 {
    fill: var(--gray-light);
}

div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_name"] {
    margin-bottom: 0.5%;
}

div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_name"] a {
    font-size: 1.2em;
}

div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_additional"] {
    font-size: 80%;
    color: var(--gray-soft);
}

div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_additional"] span {
    margin-right: .5em;
}

div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_additional"] span.red {
    border-radius: .7em;
    background-color: var(--main-red);
    color: var(--color-background-main);
    padding: .1em 1em;
    vertical-align: text-top;
}

/* обсуждения в проектах / сообщения */
div.conversation_message_container hr {
    margin-top: 0;
}

div.conversation_message {
    padding: 3em 0;
    display: flex;
}

div.conversation_message.bottom_border {
    border-bottom: 1px solid var(--inputs-borders);
}

div.conversation_message.need_response div.conversation_message_content_text {
    background: url(../vendor/fraym/design/input-error.svg) right center no-repeat;
    background-size: 1em;
    padding-right: 1.5em;
}

div.conversation_message_container > div:first-of-type {
    padding-top: 2em;
}

div.conversation_message_children_container > div.conversation_message, div.conversation_message_children_container > div.conversation_message_children_container {
    padding-left: 4em;
    margin-left: 2.5em;
    border-left: 1px solid var(--inputs-borders);
}

div.conversation_message div.conversation_message_photo {
    flex: 1;
    width: 5em;
    max-width: 5em;
    min-width: 5em;
}

div.conversation_message div.photoName {
    width: 100%;
    margin: 0;
}

div.conversation_message div.photoName div.photoName_photo_wrapper {
    width: 100%;
    margin: 0;
}

div.conversation_message div.conversation_message_data {
    flex: 1;
    vertical-align: top;
    padding-left: 1.5em;
}

div.conversation_message.child div.conversation_message_data {
    flex: 1;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    margin-left: 1.5em;
    padding-left: 0;
    margin-top: -3em;
    padding-top: 3em;
    border-top: 1px solid var(--inputs-borders);
}

div.conversation_message_children_container + div.conversation_message.child div.conversation_message_data {
    border-top: 0;
}

div.conversation_message div.conversation_message_data div.conversation_message_id {
    position: absolute;
    right: 0;
    z-index: 1;
    font-size: 1.2em;
    display: none;
}

div.conversation_message div.conversation_message_data div.conversation_message_more.shown ~ div.conversation_message_id {
    right: 2em;
    display: block;
}

div.conversation_message div.conversation_message_data div.important_button {
    margin-right: 1em;
}

div.conversation_message div.conversation_message_data div.important_button span.important_button_icon {
    width: 1.3em;
    height: 1.3em;
    background-size: cover;
}

div.conversation_message div.conversation_message_data div.conversation_message_more {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 1.2em;
    height: 1.2em;
    background: url(../design/vertical_dots.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    display: none;
}

div.conversation_message div.conversation_message_data div.conversation_message_more.shown {
    display: block;
}

div.conversation_message.child div.conversation_message_data div.conversation_message_more {
    top: 3.1em;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list {
    display: none;
    background: var(--underlay-gray);
    opacity: 1;
    padding: 1.2em 1.3em;
    position: absolute;
    z-index: 2;
    box-shadow: 0 0.2em 0.8em var(--shadow-black-1);
    border-radius: 1.3em;
    top: 1em;
    right: 1em;
    min-width: 18em;
}

div.conversation_message.child div.conversation_message_data div.conversation_message_more_list {
    top: 4em;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list.shown {
    display: block;

    animation: fadeIn .15s;
    -o-animation: fadeIn .15s;
    -ms-animation: fadeIn .15s;
    -webkit-animation: fadeIn .15s;
    -moz-animation: fadeIn .15s;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--special-gray);
    font-size: 1em;
    display: block;
    line-height: 1em;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border: 0 !important;
}

div.conversation_message div.conversation_message_data div.conversation_message_creator {
    font-weight: bold;
    margin-bottom: 1em;
    order: 1;
    font-size: 1.2em;
}

div.conversation_message div.conversation_message_data div.conversation_message_content {
    margin-bottom: 1em;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
    order: 5;
    font-size: 1.2em;
}

div.conversation_message div.conversation_message_data div.conversation_message_content.unread {
    background-color: rgba(241, 241, 241, 1);
    animation: unread_fade 5s forwards;
}

@keyframes unread_fade {
    from {
        background-color: rgba(241, 241, 241, 1);
    }
    to {
        background-color: rgba(241, 241, 241, 0);
    }
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote {
    margin-top: 1%;
    font-weight: bold;
    font-size: 90%;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote_choice {
    font-size: 90%;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote_choice_made {
    font-size: 90%;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote_choice_made div.conversation_message_vote_choice_made_bar {
    padding: 0 0;
    background-color: var(--inputs-borders);
    height: 1.5em;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote_choice_made div.conversation_message_vote_choice_made_bar_count {
    width: 94%;
    text-align: center;
    border-left: 1px solid var(--inputs-borders);
    border-right: 1px solid var(--inputs-borders);
    margin-top: -1.45em;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_vote_choice_made div.conversation_message_vote_choice_made_percent {
    font-weight: bold;
    float: right;
    width: 5%;
    text-align: left;
}

div.conversation_message div.conversation_message_data div.conversation_message_time {
    display: flex;
    align-items: center;
    order: 10;
    flex-wrap: wrap;
    vertical-align: middle;
}

div.conversation_message div.conversation_message_data div.conversation_message_time > span {
    color: var(--gray-soft);
}

div.conversation_message div.conversation_message_data div.conversation_message_time a {
    color: var(--main-blue);
    margin-left: 1em;
}

div.conversation_message div.conversation_message_data div.conversation_message_time a.use_group_name {
    color: inherit;
    margin-left: 0;
    margin-right: 1em;
}

div.conversation_message_container div.conversation_form {
    margin-left: 6em;
}

div.conversation_message + div.conversation_form, div.conversation_message_children_container + div.conversation_form {
    padding-top: 3em;
}

/* заявки (диалоги в заявках) */
div.kind_application div.copy_filters_link a {
    padding-right: .5em;
    margin-right: .5em;
    border-right: 1px solid var(--inputs-borders);
}

div.kind_application div.copy_filters_link a:last-of-type {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

div.kind_application div.conversation_form {
    margin: 2.2em 0;
}

div.application_conversations div.conversation_form {
    width: auto;
    margin-bottom: 1em;
}

div.conversation_message_container {
    padding: 0;
}

div.conversation_message_container.from_player div.conversation_message:first-of-type div.conversation_message_creator a:after {
    content: "\f090";
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font: normal normal normal 1em FontAwesome;
    margin-left: .5em;
    color: var(--main-blue);
    vertical-align: middle;
}

div.application_conversations.player div.conversation_message_container.from_player div.conversation_message:first-of-type div.conversation_message_creator a:after {
    -ms-filter: none;
    -ms-transform: none;
    transform: none;
}

div.conversation_message_container.to_player div.conversation_message:first-of-type div.conversation_message_creator a:after {
    content: "\f2be";
    font: normal normal normal 1em FontAwesome;
    margin-left: .5em;
    color: var(--main-blue);
    vertical-align: middle;
}

div.conversation_message_container.gamemaster div.conversation_message:first-of-type div.conversation_message_creator a:after {
    content: "\f0c0";
    font: normal normal normal 1em FontAwesome;
    margin-left: .5em;
    color: var(--main-red);
    vertical-align: middle;
}

a#change_comments_order {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    padding: .7em;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .5em;
    font-size: .6em;
    font-weight: normal;
    margin-top: -.2em;
}

a#change_comments_order:first-letter {
    text-transform: uppercase;
}

div.conversation_form div.conversation_form_controls label[for="sub_obj_type[{to_player}]"]:after {
    content: "\f2be";
    font: normal normal normal 1em FontAwesome;
    color: green;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
}

div.conversation_form div.conversation_form_controls label[for="sub_obj_type[{filter}]"]:after {
    content: "\f0c0";
    font: normal normal normal 1em FontAwesome;
    color: green;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
}

div.conversation_form div.conversation_form_controls label[for="sub_obj_type[{gamemaster}]"]:after {
    content: "\f0c0";
    font: normal normal normal 1em FontAwesome;
    color: red;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
}

div.conversation_form div.conversation_form_controls .inputradio:checked + label[for="sub_obj_type[{gamemaster}]"]:before, div.conversation_form div.conversation_form_controls .inputradio:checked + label[for="sub_obj_type[{filter}]"]:before, div.conversation_form div.conversation_form_controls .inputradio:checked + label[for="sub_obj_type[{to_player}]"]:before {
    border-color: var(--color-font-main);
}

div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{gamemaster}]"]:after, div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{filter}]"]:after, div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{to_player}]"]:after, div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{gamemaster}]"]:before, div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{filter}]"]:before, div.conversation_form div.conversation_form_controls .inputradio + label[for="sub_obj_type[{to_player}]"]:before {
    font-size: .7em;
}

div.conversation_form div.conversation_form_controls label {
    margin-right: .5em;
    padding: 0 0 0 3em;
}

div.conversation_form div.conversation_form_controls .inputradio + label {
    padding: 0 0 0 2em;
}

/* отзывы в играх, отзывы в профиле */
div#tabs-notions div.wall_message_container {
    border-top: 1px var(--blocks-borders-and-separators) solid;
}

div#tabs-notions div.block > div:first-of-type, div#tabs-notions div.conversation_form + div.wall_message_container {
    border-top: none;
}

div#tabs-notions div.block > div:first-of-type div.wall_message {
    padding-top: 0;
}

div#tabs-notions div.wall_message_container.inactive {
    opacity: .5;
}

div#tabs-notions div.wall_message_data div.wall_message_rating {
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .3em;
    padding: .5em;
    margin-left: .5em;
}

div.conversation_form div.conversation_form_controls span.rating {
    font-size: .9em;
}

div.conversation_form div.conversation_form_controls select[name="rating"] {
    font-size: .9em;
}

/* аватар проекта, аватар сообщества, аватар задачи, аватар события, аватар пользователя */
a.object_avatar div, div.object_avatar {
    width: 12em;
    height: 12em;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

a.object_avatar.small div, div.object_avatar.small {
    width: 8.5em;
    height: 8.5em;
}

/* навигационные блоки (плашки) */
div.navitems_plates {
    display: grid;
    width: auto;
    min-width: 100%;
    grid-gap: 2.5em;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: min-content;
}

div.navitems_plates a.load_projects_communities_list {
    grid-column: span 3;
}

h2 + div.navitems_plates {
    margin-top: 2.3em;
}

div.overflown_content div.navitems_plates {
    margin-top: 0;
}

div#tabs-binded-groups div.navitems_plates {
    margin-top: 0;
}

div.navitems_plate {
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: 1.3em;
    height: 13.5em;
    display: flex;
    cursor: pointer;
    color: var(--main-blue);
}

div.navitems_plate:hover {
    background-color: var(--color-background-main);
    box-shadow: 0 0 1.3em var(--shadow-black-1);
}

div.overflown_content div.navitems_plate:hover {
    box-shadow: none;
}

div.navitems_plate_add_plate {
    background-color: var(--color-background-main);
}

div.navitems_plate a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2em;
    color: var(--color-font-main);
}

div.navitems_plate div.navitems_plate_more {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.navitems_plate div.navitems_plate_name {
    font-size: 1.5em;
}

div.navitems_plate_add_plate div.navitems_plate_name {
    color: var(--main-blue);
}

div.navitems_plate div.navitems_plate_add {
    width: 10em;
    max-width: 10em;
    min-width: 10em;
    height: 3.5em;
    min-height: 3.5em;
    max-height: 3.5em;
    background: url(../design/plus_circle_2.svg) left center no-repeat;
    background-size: contain;
    padding-left: 4.7em;
    display: flex;
    align-items: center;
}

div.navitems_plate div.navitems_plate_add span {
    color: var(--underlay-gray-contrast);
}

div.navitems_plate div.navitems_plate_events {
    width: 3.5em;
    max-width: 3.5em;
    min-width: 3.5em;
    color: var(--color-background-main);
    background-color: var(--main-blue);
    border-radius: 50%;
    height: 3.5em;
    min-height: 3.5em;
    max-height: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.navitems_plate div.navitems_plate_events.filled {
    background-color: var(--main-red);
}

div.navitems_plate div.navitems_plate_events span {
    font-size: 1.2em;
    font-weight: bold;
}

div.navitems_plate div.navitems_plate_avatar {
    width: 9.5em;
    max-width: 9.5em;
    min-width: 9.5em;
    height: 9.5em;
    min-height: 9.5em;
    max-height: 9.5em;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px white solid;
    display: flex;
    align-items: center;
    margin-left: 1em;
}

div.navitems_plate div.navitems_plate_avatar img {
    min-width: 100%;
    height: 100%;
    display: inline-block;
}

/* главная страница */
div.mainpage_blocks {
    display: grid;
    width: 100%;
    grid-gap: 3em;
    grid-template-rows: repeat(4, 18em);
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "applications projects photo" "communities exchange calendar" "reports ruling calendar" "publications news news";
}

div.mainpage_block {
    display: flex;
    flex-direction: column;
    border-radius: 1.2em 1.2em .7em 1.2em;
    box-shadow: 0 0 1.4em var(--shadow-gray-15);
    overflow: hidden;
}

div.mainpage_block#applications {
    grid-area: applications;
}

div.mainpage_block#projects {
    grid-area: projects;
}

div.mainpage_block#photo {
    grid-area: photo;
}

div.mainpage_block#communities {
    grid-area: communities;
}

div.mainpage_block#calendar {
    grid-area: calendar;
}

div.mainpage_block#exchange {
    grid-area: exchange;
}

div.mainpage_block#reports {
    grid-area: reports;
}

div.mainpage_block#ruling {
    grid-area: ruling;
}

div.mainpage_block#publications {
    grid-area: publications;
}

div.mainpage_block#news {
    grid-area: news;
}

div.mainpage_block.fullsize_background {
    color: var(--color-background-main);
}

div.mainpage_block div.mainpage_block_header {
    padding: 1.1em 0;
    display: flex;
    align-items: center;
    flex: 1;
    max-height: 4.5em;
    min-height: 4.5em;
    border-bottom: 1px solid var(--blocks-borders-and-separators);
    margin: 0 1.5em;
}

div.mainpage_block div.mainpage_block_header.special {
    background-color: var(--underlay-gray);
    margin: 0;
    padding: 1.1em 1.5em;
}

div.mainpage_block div.mainpage_block_header.special div.icon {
    background: center center no-repeat;
    background-size: 1.8em;
    width: 3em;
    height: 100%;
    margin-right: 1.2em;
}

div.mainpage_block div.mainpage_block_header.special.application div.icon {
    background-image: url(../design/application.svg);
}

div.mainpage_block div.mainpage_block_header.special.project div.icon {
    background-image: url(../design/project.svg);
}

div.mainpage_block div.mainpage_block_header.special.community div.icon {
    background-image: url(../design/community.svg);
}

div.mainpage_block.fullsize_background div.mainpage_block_header {
    background-color: transparent;
    z-index: 1;
    border-bottom: 1px solid transparent;
    margin: 0;
    padding: 1.1em 1.5em;
}

div.mainpage_block div.mainpage_block_header a.name {
    font-size: 1.5em;
    flex: 1;
    color: var(--color-font-main);
}

div.mainpage_block div.mainpage_block_header a.name:hover {
    color: var(--color-font-main);
}

div.mainpage_block.fullsize_background div.mainpage_block_header a.name, div.mainpage_block.fullsize_background div.mainpage_block_header a.name:hover {
    color: var(--white);
}

div.mainpage_block div.mainpage_block_header a.command {
    flex: 1;
    margin-left: 1em;
    background-color: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: var(--color-background-main);
    border-radius: .5em;
    padding: .5em;
    width: 11em;
    min-width: 11em;
    max-width: 11em;
    text-align: center;
}

div.mainpage_block div.mainpage_block_header a.command:hover {
    background-color: var(--main-blue-light);
    border: 1px solid var(--main-blue-light);
}

div.mainpage_block div.mainpage_block_header a.command.small, div.mainpage_block div.mainpage_block_header a.command.small:hover {
    width: max-content;
    min-width: max-content;
    max-width: max-content;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--main-blue);
    padding: .5em 0;
}

div.mainpage_block div.mainpage_block_body {
    overflow-y: scroll;
    flex: 1;
    padding: 0 .5em 0 1.5em;
}

div.mainpage_block.fullsize_background div.mainpage_block_body {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
}

div.mainpage_block.fullsize_background div.mainpage_block_body a.photo_link {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    padding: 1.1em 1.5em;
    color: var(--special-gray);
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description a:first-of-type, div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description a:first-of-type:hover {
    color: var(--special-gray);
}

div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description a, div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description a:hover {
    color: var(--white);
}

div.mainpage_block.fullsize_background div.mainpage_block_body a.command {
    position: absolute;
    color: var(--white);
    border: 1px solid var(--white);
    border-radius: .5em;
    padding: .5em 1em;
    width: 11em;
    min-width: 11em;
    max-width: 11em;
    text-align: center;
    bottom: 1.1em;
    right: 1.5em;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item {
    display: flex;
    align-items: center;
    padding: .5em 0;
    border-bottom: 1px solid var(--blocks-borders-and-separators);
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item.string1 {
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item.string2 {
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item a.mainpage_block_body_item_avatar {
    min-width: 3em;
    height: 3em;
    display: inline-flex;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--shadow-gray-25);
    background-clip: padding-box;
    margin-right: 1.2em;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item div.mainpage_block_body_item_avatar_counter {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 70%;
    color: var(--white);
    background-color: var(--main-blue);
    min-width: 3em;
    padding: .1em .7em;
    border-radius: 2em 0 0 0;
    font-weight: normal;
    max-width: 80%;
    text-align: center;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item div.mainpage_block_body_item_avatar_counter.filled {
    background-color: var(--main-red);
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item a.mainpage_block_body_item_name {
    flex: 1;
    font-size: 1.2em;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item a.mainpage_block_body_additional, div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item span.mainpage_block_body_additional {
    flex: 1;
    margin-left: .5em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: .5em;
    padding: .5em 1em;
    width: 11em;
    min-width: 11em;
    max-width: 11em;
    text-align: center;
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item a.mainpage_block_body_additional:hover, div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item span.mainpage_block_body_additional:hover {
    background-color: var(--underlay-gray-light);
    border: 1px solid var(--underlay-gray-light);
}

div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item .mainpage_block_body_additional.inverted, div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item .mainpage_block_body_additional.inverted:hover {
    background-color: transparent;
    border: 1px solid var(--special-gray);
    color: var(--special-gray);
}

div.mainpage_block#calendar div.mainpage_block_body div.mainpage_block_body_item span.mainpage_block_body_additional {
    padding: .5em;
}

/* новости на главной странице */
div.news_block {
}

div.news_block_news_news {
    margin-bottom: 1em;
    border-bottom: 1px #e7e7e7 dashed;
    padding-bottom: 1em;
}

div.news_block_news_news:first-of-type {
    border-top: 1px #e7e7e7 dashed;
    padding-top: 1em;
}

div.news_block_news_news:after {
    content: '';
    display: block;
    clear: both;
}

div.news_block_news_news a {
    color: var(--color-font-main);
}

div.news_block_news_news a:hover {
    text-decoration: none;
    color: var(--color-font-main);
}

div.news_block_news_news span.small.gray {
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .3em;
    width: 10em;
    text-align: center;
    padding: .5em 0;
}

div.news_block_news_news div.news_block_news_news_image {
    position: relative;
    display: block;
    margin-bottom: .5em;
    width: 100%;
}

div.news_block_news_news div.news_block_news_news_image a {
    display: block;
    width: 100%;
}

div.news_block_news_news div.news_block_news_news_image div.news_block_news_news_quote {
    height: 4em;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--special-red);
    padding-top: .8em;
    font-size: 1.1em;
    padding-left: .5em;
    color: var(--color-background-main);
}

/* новости */
div.news_full {
    margin-bottom: 5em;
}

div.news_date {
    color: var(--special-gray);
    margin-top: 1em;
}

div.news_additional {
    margin-top: -1em;
}

div.news_social_networks {
    margin-top: 1em;
}

div.news_social_networks table#vkshare0 {
    display: inline;
}

div.news_social_networks div#___plus_0 {
    margin-left: 7em !important;
}

div.news_short {
    padding: 1em 0;
    border-bottom: 1px dashed #e7e7e7;
}

div.news_short:last-child {
    border-bottom: 0;
}

div.news_short_img {
    float: left;
    margin-right: 1.5em;
    width: 12em;
}

div.news_short_img img {
    width: 100%;
}

div.news_short_name {
    padding-bottom: .5em;
}

div.news_short_name a {
    font-size: 1.3em;
}

div.news_short_date {
    color: var(--placeholder);
    font-size: 90%;
}

/* текстовые разделы */
h1.article_top_header {
    font-weight: normal;
    font-size: 250%;
    padding: 0;
}

div.article_date {
    color: var(--placeholder);
}

div.article_author {
    color: var(--placeholder);
}

div.article_tags {
    color: var(--placeholder);
}

div.article_content {
    padding-top: 1em;
}

div.article_content div, div.article_content p {
    margin-bottom: .5em;
}

div.article_content img {
    max-width: 60em;
}

div.article_content table {
    width: 100%;
}

div.article_content table, div.article_content table th, div.article_content table td {
    border: 1px black solid;
    border-spacing: 0;
    border-collapse: collapse;
}

div.article_content table th, div.article_content table td {
    padding: .5em;
}

div.article_content table th {
    font-weight: bold;
}

div.article_path {
    font-size: 100%;
    padding-top: 1em;
    color: var(--placeholder);
}

div.article_path a {
    color: var(--placeholder);
}

/* раздел статьи */
div.publication {
    border-bottom: 1px solid var(--blocks-borders-and-separators);
    padding: 0 0 1.5em 0;
    margin-bottom: 1.5em;
}

h2 + div.publication:first-of-type {
    padding-top: 1.5em;
    border-top: 1px solid var(--blocks-borders-and-separators);
}

div.publication:last-child {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

div.publication a.publication_preview_image {
    display: block;
    float: left;
    margin-right: 2em;
    max-height: 13em;
    width: 13em;
    overflow: hidden;
    z-index: 1;
    border-radius: .9em;
}

div.publication a.publication_preview_image div:before {
    content: "";
    display: block;
    padding-top: 100%;
}

div.publication a.publication_preview_image div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

div.publication div.publication_header {
    font-size: 1.4em;
    font-weight: bold;
}

div.publication div.publication_authors {
    padding: 1em 0;
}

div.publication div.publication_authors a {
}

div.publication_tags {
    padding: 0 0 2em 0;
}

div.publication_tags a {
    display: inline-block;
    padding: .4em .5em;
    border-radius: .4em;
    margin: 0 .5em .5em 0;
    font-size: .9em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    color: var(--main-blue);
}

div.publication div.publication_tags {
    padding: 1.2em 0 .7em 0;
}

div.publication div.publication_buttons {
    float: right;
    z-index: 1;
    width: 20em;
}

div.publications.ruling div.publication div.publication_buttons {
    width: 8em;
}

div.publication div.publication_buttons div {
    margin-right: 1.5em;
    padding-left: 1.3em;
    background: left center no-repeat;
    float: right;
    cursor: pointer;
}

div.publication div.publication_buttons div.publication_buttons_edit {
    background-image: url(../design/edit.svg);
    background-size: 1em auto;
}

div.publication div.publication_buttons div.publication_buttons_delete {
    background-image: url(../design/close_blue.svg);
    background-size: .9em auto;
}

div.publication div.publication_buttons div.publication_buttons_delete:hover {
    background-image: url(../design/close_red.svg);
    color: var(--special-red);
}

div.publication div.important_button {
}

div.publication div.messages_button {
    margin-left: .5em;
}

div.publication_content {
    padding: 1.5em 0;
    font-size: 1.2em;
    text-align: justify;
    line-height: 1.4em;
    overflow-wrap: anywhere;
}

h2 + div.publication_content {
    padding-top: 0;
}

div.kind_calendar_event div.publication_content, div.kind_area div.publication_content {
    padding: 0;
}

div.publication_content p span {
    font-size: 1em !important;
}

div.publication_content a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

div.publication_content ol, div.publication_content ul {
    margin: 1em 0 1em 1em;
    list-style: none;
}

div.publication_content ol li, div.publication_content ul li {
    line-height: 1.4em;
    padding-left: 1.5em;
}

div.publication_content ol {
    counter-reset: my-awesome-counter;
}

div.publication_content ol > li {
    counter-increment: my-awesome-counter;
}

div.publication_content ol > li::before {
    content: counter(my-awesome-counter);
    background-color: var(--main-blue);
    color: var(--color-background-main);
    font-weight: bold;
    padding: .2em .5em;
    width: 1em;
    margin: 0 .5em 0 -2em;
    border-radius: .5em;
    font-size: .8em;
    vertical-align: top;
}

div.publication_content ul > li::before {
    content: "\2022";
    color: var(--main-blue);
    font-weight: bold;
    display: inline-block;
    width: .5em;
    margin-left: -1em;
    font-size: 1.5em;
    vertical-align: top;
    margin-right: .5em;
}

div.publication_content img {
    max-width: 100%;
}

div.publication_content div.publication_images {
    display: grid;
    grid-gap: 3em;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 15em;
    margin: 2em 0;
}

div.publication_content div.publication_images a {
    margin: 0 auto;
    height: 100%;
}

div.publication_content div.publication_images a img {
    border-radius: .8em;
    overflow: hidden;
    max-height: 100%;
}

div.tags_cloud {
    background-color: var(--underlay-gray);
    padding: 2em;
    width: 100%;
    z-index: 1;
    margin: 0 0 1.5em 0;
    border-radius: .6em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div.tags_cloud div.tags_cloud_tag {
    margin: .2rem .5rem;
}

div.publications {
    padding-top: 1em;
}

div.publications div.publication_annotation {
    width: auto;
    font-size: 1.2em;
    line-height: 1.4em;
}

div.kind_exchange div.publication_annotation {
    margin-top: 1em;
}

div.publication_content ~ div.important_button {
    margin-top: 1em;
}

/* раздел поиска информации */
form#form_search {
    font-size: 1rem;
}

ol.searchresult li {
    font-size: 1.2em;
    margin-bottom: 1%;
    margin-left: 1em;
}

ol.searchresult li li {
    font-size: 100%;
    margin-bottom: 0;
}

/* модуль регистрации */
div.or_use_social_network_list {
}

form#form_users div.or_use_social_network_list {
    font-size: .8em;
}

div.or_use_social_network_list a {
    display: inline-block;
    margin-right: 1.5em;
}

div.or_use_social_network_list a:last-child {
    margin-right: 0;
}

div.or_use_social_network_list a span.svg_background_import {
    width: 3em;
    height: auto;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: 0;
}

div.or_use_social_network_list a span.svg_background_import svg {
    width: 3em;
    height: 3em;
    vertical-align: middle;
}

div.or_use_social_network_list a.social_1 span.svg_background_import {
    background-image: url(../design/networks/vk_icon.svg);
}

div.or_use_social_network_list a.social_1 span.svg_background_import svg .cls-1 {
    fill: #4b75a2;
}

div.or_use_social_network_list a.social_2 span.svg_background_import {
    background-image: url(../design/networks/fb_icon.svg);
}

div.or_use_social_network_list a.social_2 span.svg_background_import svg .cls-1 {
    fill: #3c5b9a;
}

form#form_users div[id="name_[0]"], form#form_users div[id="field_go_back_after_save[0]"] {
    display: none;
}

form#form_users div[id="field_regstamp[0]"] img {
    width: 16em;
    height: 100%;
    float: right;
}

form#form_users div[id="div_regstamp[0]"] {
    margin-right: 17em;
}

form#form_users div[id="div_regstamp[0]"] a[dyn_action] {
    position: absolute;
    z-index: 1;
    right: 2.2em;
    top: 1.4em;
    color: var(--main-blue);
}

form#form_users div[id="div_regstamp[0]"] a[dyn_action]:hover, body.night_mode form#form_users div[id="div_regstamp[0]"] a[dyn_action]:hover {
    color: var(--forms-background);
}

/* раздел информации по пользователю, раздел пользователя, профиль */
span.user_status_switcher {
    margin-top: .5em;
    display: inline-block;
}

span.user_status_switcher.active {
    cursor: pointer;
}

div.kind_people div.achievementsData {
    flex: 1 0 auto;
}

div.kind_people div.achievementsData > span {
    color: var(--main-blue);
    display: block;
    margin: .5em 0 1em 0;
}

div.kind_people div.achievementsData {
    padding-left: 1em;
    max-width: 100%;
    grid-area: achievements;
}

div.kind_people div.object_info div.object_info_3 {
    grid-template-areas:
        "achievements achievements achievements"
        "switcher switcher switcher";
}

span.achievement {
    font-size: 1.5em;
    margin-right: .1em;
    display: inline-block !important;
}

div.message.inner span.achievement {
    margin: 0;
    font-size: 1em;
}

span.achievement.type_1 {
    color: rgb(213, 165, 0);

    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213, 165, 0, 1) 0%, rgba(213, 165, 0, 1) 26%, rgba(213, 180, 15, 1) 35%, rgba(180, 147, 0, 1) 45%, rgba(135, 102, 0, 1) 61%, rgba(213, 165, 0, 1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

span.achievement.type_2 {
    color: rgb(183, 183, 183);

    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(183, 183, 183, 1) 0%, rgba(183, 183, 183, 1) 26%, rgba(198, 198, 198, 1) 35%, rgba(150, 150, 150, 1) 45%, rgba(105, 105, 105, 1) 61%, rgba(183, 183, 183, 1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

span.achievement.type_3 {
    color: rgb(181, 136, 45);

    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(181, 136, 45, 1) 0%, rgba(181, 136, 45, 1) 26%, rgba(181, 151, 60, 1) 35%, rgba(148, 136, 45, 1) 45%, rgba(128, 116, 25, 1) 61%, rgba(181, 136, 45, 1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

div.kind_people div.actions_list_switcher {
    margin-top: 1.5em;
}

div.kind_people div.actions_list_switcher div.actions_list_button {
    top: 1em;
}

div.kind_people div.actions_list_switcher div.actions_list_text {
    top: 2.8em;
}

div.kind_people div.actions_list_items {
    top: 5em;
}

div.multi_objects_table.played span.small {
    font-size: 75%;
}

div.multi_objects_table.played div.tr.not_visible {
    opacity: .5;
}

form#form_profile div[id^="field_photo"] div.uploaded_file a.edit_file, form#form_profile div[id^="field_photo"] div.uploaded_file a.trash {
    display: none;
}

/* раздел проекты */
div.project_dates {
    text-align: right;
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .6em;
    margin-left: 1em;
    margin-bottom: 1em;
}

div.project_dates div {
    padding: .5em 1em;
}

div.project_dates div:last-child {
    border-top: 1px solid var(--some-borders);
}

div.project_events_tab {
    border-left: 1px var(--special-gray) solid;
    border-right: 1px var(--special-gray) solid;
    border-bottom: 1px var(--special-gray) solid;
    margin-top: calc(-2.5em - 3px);
    margin-bottom: 2.5em;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

div.project_events_tab > div {
    border-bottom: 1px var(--special-gray) solid;
}

div.project_events_tab > div:nth-child(6n+1):nth-last-child(-n+6), div.project_events_tab > div:nth-child(6n+1):nth-last-child(-n+6) ~ div {
    border-bottom: none;
}

div.project_events_tab_header {
    padding: 2em;
}

div.project_events_tab_header h3 {
    color: var(--special-gray);
    font-weight: normal;
}

div.project_events_tab_header_past h3 {
    color: var(--underlay-gray-contrast-light);
}

div.project_events_tab_header span.project_events_tab_icon {
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
}

div.project_events_tab_header span.project_events_tab_icon.project_events_tab_icon_future {
    background-image: url(../design/event_future.svg);
}

div.project_events_tab_header span.project_events_tab_icon.project_events_tab_icon_past {
    background-image: url(../design/event_past.svg);
}

div.project_events_tab_header span.project_events_tab_icon svg {
    width: 1.3em;
    height: auto;
    vertical-align: middle;
}

div.project_events_tab_header span.project_events_tab_icon path {
    fill: var(--special-gray) !important;
}

div.project_event_small {
    padding: 1em 2em;
}

div.project_event_small.project_event_past {
    background-color: var(--color-background-main);
    color: var(--special-gray);
}

div.project_event_small_name {
    font-size: 100%;
    padding-bottom: .2em;
}

div.project_event_small_name a {
    font-weight: bold;
}

div.project_event_future div.project_event_small_name a {
    color: var(--special-gray);
}

div.project_event_small_time {
    font-size: .9em;
    padding-left: 1.5em;
    margin-right: 1em;
    background: url(../design/event_time.svg) left center no-repeat;
    background-size: 1em auto;
}

div.project_event_small_place {
    font-size: .9em;
    padding-left: 1.5em;
    margin-right: 1em;
    background: url(../design/event_place.svg) left center no-repeat;
    background-size: .9em auto;
}

/* раздел проекты: счетчик взносов */
div.project_budget_info {
    width: 100%;
    margin-bottom: 2.5em;
}

div.project_budget_info_needed {
    display: table;
    width: 100%;
    height: 2em;
    background-color: var(--underlay-gray);
    border-radius: .5em;
}

div.project_budget_info_paid {
    color: var(--color-background-main);
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: var(--main-blue);
    min-width: 11em;
    border-radius: .5em;
}

div.project_budget_info_not_paid {
    display: table-cell;
    background-color: transparent;
}

/* раздел сообщества */

/* раздел задачи */
div.task_dates {
    text-align: right;
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .3em;
}

div.task_dates div {
    padding: .5em 1em;
}

div.task_dates div:last-child {
    border-top: 1px solid var(--some-borders);
}

div.task_status, div.task_priority {
    cursor: pointer;
}

div.task_percentage, div.task_state {
    background-color: var(--inputs-borders);
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    padding: .3em;
    float: right;
    clear: right;
    margin: 1em 0 0 0;
    z-index: 1;
}

div.task_percentage {
    border-left: 1px solid var(--inputs-borders);
    border-right: 1px solid var(--inputs-borders);
    width: 8%;
    text-align: center;
}

div.task_state.red {
    background-color: var(--main-red);
    color: var(--color-background-main);
}

div.task_state.yellow {
    background-color: var(--yellow);
    color: var(--color-background-main);
}

div.task_state.green {
    background-color: var(--main-blue);
    color: var(--color-background-main);
}

div.task_description {
    margin-top: 1em;
    margin-bottom: 2em;
}

div.task_description a.child_task {
    display: block;
}

div.task_description a.closed_child_task {
    opacity: .3;
}

div.task_description a.closed_child_task:hover {
    opacity: 1;
}

div.task_place, div.task_attachments, div.task_result, div.task_comments, div.event_description, div.event_attachments, div.event_comments {
    margin-right: 1%;
}

div.task_description div.block_data, div.task_place div.block_data, div.task_attachments div.block_data, div.task_result div.block_data, div.event_description div.block_data, div.event_attachments div.block_data {
    padding: 1%;
}

div#unavailable_users div.photoName {
    width: 4em;
    margin: 0 1em 0 0;
}

div#unavailable_users div.photoName div.photoName_photo_wrapper {
    margin: 0;
    width: 100%;
}

div#closest_acceptable_time {
    float: right;
    text-align: right;
    font-weight: bold;
}

div#closest_acceptable_time a {
    font-weight: normal;
    cursor: pointer;
}

/* раздел события */
div.event_dates {
    text-align: right;
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .3em;
}

div.event_dates div {
    padding: .5em 1em;
}

div.event_dates div:last-child {
    border-top: 1px solid var(--some-borders);
}

/* календарь в проектах / сообществах */
div#project_calendar, div#community_calendar {
    width: 60em;
}

div#project_calendar > div.block_header, div#community_calendar > div.block_header {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    padding: .2em .2em 0 .2em;
}

div#project_calendar > div.block_header select, div#community_calendar > div.block_header select {
    font-size: .9em;
    width: 20%;
    margin-left: 1%;
    float: right;
}

/* таблица задач, список задач */
div.tasklist_table {
    width: 100%;
}

table.tasks_table {
    width: 100%;
    margin-bottom: 1em;
}

table.tasks_table tr.block_data_header {
    font-family: "Roboto Bold", Arial, sans-serif;
    font-size: 1.2em;
}

table.tasks_table a.show_hidden_table {
    color: var(--main-blue);
}

table.tasks_table tr.hidden {
    display: none;
}

table.tasks_table tr.tasklist_data td {
    padding-bottom: .5em;
}

table.tasks_table th.fixed_width {
    width: 15em;
}

table.tasks_table td, table.tasks_table th {
    padding: .2em;
    text-align: left;
    vertical-align: top;
}

table.tasks_table th {
    padding: 0 0 .5em 0;
}

table.tasks_table th[data-sort] {
    cursor: pointer;
}

table.tasks_table th#task_project {
    width: 15%;
}

table.tasks_table th#task_status {
    width: 10%;
}

table.tasks_table td div.task_conversation_additional {
    font-size: 80%;
    color: var(--gray-medium);
    padding-top: .5em;
}

table.tasks_table td h3 {
    padding: .5em 0;
    font-weight: normal;
}

div.ical {
    border-top: 1px solid var(--underlay-gray);
    padding-top: .5em;
    margin-top: 1.5em;
}

div.maincontent_data div.google_authorize form button.main {
    float: right;
}

div#project_tasks tr.closed_rejected {
    display: none;
}

div.tasklist_filter {
    font-weight: bold;
    text-align: right;
    margin-bottom: 1em;
    margin-top: -3em;
}

div.tasklist_filter select[name="tasklist_filter_obj"] {
    width: auto;
    font-size: 1em;
}

/* список событий проектов / сообществ (не ролевого календаря) */
div.eventlist {

}

div.eventlist div.eventlist_controls {

}

div.eventlist div.eventlist_controls h2 {
    padding: 0;
    font-weight: normal;
    font-size: 200%;
    text-align: center;
}

div.eventlist div.eventlist_controls button {
    font-size: 1em !important;
    margin: 0;
    z-index: 2000;
}

div.eventlist div.eventlist_controls button#prev {
    float: left;
    background: url(../vendor/fraym/design/arrow-orange-left.svg) 1em center no-repeat var(--color-font-main) !important;
    background-size: .7em !important;
    width: 14em;
}

div.eventlist div.eventlist_controls button#next {
    float: right;
    background: url(../vendor/fraym/design/arrow-orange-right.svg) 12.3em center no-repeat var(--color-font-main) !important;
    background-size: .7em !important;
    width: 14em;
}

div.eventlist div.eventlist_controls button#prev:hover, div.eventlist div.eventlist_controls button#next:hover {
    background-color: var(--forms-background) !important;

}

div.eventlist + div.ical {
    border: 1px solid var(--inputs-borders);
    border-top: none;
}

div.eventlist_table {
    margin-top: 2em;
    clear: both;
}

div.eventlist_table table {
    width: 100%;
}

div.eventlist_table table td {
    border: 1px solid var(--inputs-borders);
    height: 10em;
    width: 7em;
    vertical-align: top;
    padding: .7em;
    text-align: right;
}

div.eventlist_table table td div {
    text-align: left;
}

div.eventlist_table table td.today {
    background-color: var(--gray-very-light);
    font-weight: bold;
}

div.eventlist_table table td.today div {
    font-weight: normal;
}

div.eventlist_table table tr.eventlist_table_header {
    background-color: var(--forms-background);
}

div.eventlist_table table tr.eventlist_table_header td {
    height: auto;
}

div.eventlist_table table td div.eventlist_block {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 1.3em;
    font-size: 90%;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_time, div.eventlist_table table td div.eventlist_block div.project_event_extended_task, div.eventlist_table table td div.eventlist_block div.project_event_extended_event, div.eventlist_table table td div.eventlist_block div.project_event_extended_news {
    width: 1em;
    margin-right: 0;
    padding-left: 1.5em;
    background: left center no-repeat;
    display: inline;
    float: none;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_time {
    background-image: url(../design/event_time.svg);
    background-size: 1em;
    font-size: 100%;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_task {
    background-image: url(../design/task.svg);
    background-size: 1em;
    opacity: .7;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_event {
    background-image: url(../design/event.svg);
    background-size: 1em;
    opacity: .7;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_news {
    background-image: url(../design/project.svg);
    background-size: 1em;
    opacity: .7;
}

div.eventlist_table table td div.eventlist_block div.project_event_small_name {
    float: none;
    display: inline;
}

div.eventlist_filter {
    border: 1px solid var(--inputs-borders);
    border-bottom: none;
    padding: .2em;
    font-weight: bold;
}

div.eventlist_filter select[name="eventlist_filter_obj"] {
    width: auto;
    font-size: 1em;
}

/* раздел календарь игр */
div.calendar {

}

div.calendar a.ctrlink, div.calendar a.ctrlink:link, div.calendar a.ctrlink:visited {
    margin-top: 2.9em;
    margin-right: 1em;
    z-index: 1;
}

div.calendar div.filter {
    display: inline-block;
    vertical-align: top;
    margin-top: 1.5em;
}

div.calendar div.filter.filter_year {
    margin-left: 1.5em;
}

div.calendar div.filter.filter_cancelled_moved {
}

div.calendar div.filter.filter_cancelled_moved .inputcheckbox + label {
    padding: 0 0 0 3em;
    color: var(--special-gray);
    font-size: .9em;
}

div.calendar div.filter.filter_cancelled_moved div.name {
    margin-right: 0;
}

div.calendar div.filter div.name {
    display: block;
    margin-bottom: .4em;
    font-size: .9em;
}

div.calendar div.filter select {
    font-size: 1em;
    width: auto;
    max-width: 13em;
}

div.calendar div.filter div.fixed_select {
    cursor: pointer;
    display: inline-block;
    padding: .5em;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .5em;
    margin-right: .5em;
    font-size: .8em;
    margin-top: .5em;
}

div.calendar div.filter div.fixed_select:last-of-type {
    margin-right: 0;
}

div.calendar div.filter.filter_setting {
    max-width: 15em;
}

div.calendar div.filter select#filter_setting {
    max-width: 8em;
}

span#filter_cancelled_moved-styler {
    float: none;
}

div.calendar a#change_calendarstyle {
    cursor: pointer;
    display: inline-block;
    padding: .5em 1em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    border-radius: .6em;
}

div.calendar a#change_calendarstyle:first-letter {
    text-transform: uppercase;
}

div.calendar .player {
    background-color: #550000 !important;
    color: var(--white) !important;
}

div.calendar .master {
    background-color: #000044 !important;
    color: var(--white) !important;
}

div.calendar .tech {
    background-color: #004400 !important;
    color: var(--white) !important;
}

div.calendar .player a, div.calendar .master a, div.calendar .tech a {
    color: var(--white);
}

div.calendar .cancelled_moved {
    opacity: .7;
}

div.calendar .cancelled_moved span.small {
    display: block;
    font-size: .6em;
}

div.calendar_event_cards {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(4, 1fr);
    font-size: 1.2em;
    width: 100%;
}

div.calendar_event_month {
    background-color: var(--main-blue);
    color: var(--color-background-main);
    font-size: 1.2em;
    border-radius: .7em;
    padding: 1em;
    grid-column: span 4;
}

div.calendar_event_card {
    display: grid;
    padding: 1.5rem;
    border: 1px solid var(--blocks-borders-and-separators);
    border-radius: 1.3rem;
    grid-template-columns: 1fr 7em 4em;
    align-items: center;
    grid-gap: 1em;
}

div.indexer_shown + div div.calendar_event_card {
    grid-template-columns: 1fr 6em 4em;
}

div.calendar_event_card.string1 {
}

div.calendar_event_card.cancelled_moved {
    opacity: .7;
}

div.calendar_event_card div.name {
    font-weight: bold;
    display: flex;
    align-items: center;
    grid-column: span 2;
}

div.calendar_event_card div.name a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

div.calendar_event_card a.link {
    margin-right: .5em;
    display: inline-flex;
    width: 1.3em;
    max-width: 1.3em;
    min-width: 1.3em;
    height: 1.3em;
    background: url(../design/input-info-b.svg) no-repeat center center;
    background-size: contain;
}

div.calendar_event_card a.link.v {
    background-image: url(../design/soc-vk.svg);
}

div.calendar_event_card div.dates {

}

div.calendar_event_card div.dates span.small {
    display: block;
    font-size: .9em;
}

div.calendar_event_card div.people {
    padding-left: 1.5em;
    background: url(../design/people_circle.svg) no-repeat left center;
    background-size: 1em;
    line-height: 1em;
}

div.calendar_event_card div.place {
    opacity: .4;
}

div.calendar_event_card div.misc {
    font-size: 1em;
}

div.calendar_event_card div.misc a, div.calendar_event_card div.misc2 a {
    padding-left: 1.2em;
    background: left center no-repeat;
    background-size: 1em;
    margin-right: .3em;
}

div.calendar_event_card div.misc a.rating {
    background-image: url(../design/like.svg);
}

div.calendar_event_card div.misc a.notion {
    background-image: url(../vendor/fraym/design/input-checked.svg);
}

div.calendar_event_card div.misc a:last-of-type, div.calendar_event_card div.misc2 a:last-of-type {
    margin-right: 0;
}

div.calendar_event_card div.show_hidden {
    cursor: pointer;
}

div.calendar_event_card div.mg {

}

div.calendar_event_card div.gametype2 {

}

div.calendar_event_card div.misc2 {

}

div.calendar_event_card div.misc2 a.report {
    background-image: url(../design/application.svg);
}

div.calendar_event_card div.misc2 a.gallery {
    background-image: url(../design/event_place.svg);
    background-size: .9em;
}

div.calendar div.legend {
    line-height: 1.5em;
    margin-top: 1em;
}

div.calendar div.legend span {
    padding: .5em;
    display: inline-block;
}

div.calendar div.calendar_tables_container {
    display: none;
    grid-gap: 3em;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: min-content;
}

div.calendar div.calendar_tables_container.shown {
    display: grid;
    margin-top: 2.5em;
}

table.calendar_table {
    width: 100%;
}

table.calendar_table, table.calendar_table th, table.calendar_table td {
    border: 1px solid var(--blocks-borders-and-separators);
}

table.calendar_table tr:nth-child(odd) {
    background-color: var(--underlay-gray);
}

table.calendar_table th, table.calendar_table td {
    text-align: center;
    padding: .5em;
}

table.calendar_table td[rel-date] {
    cursor: pointer;
}

table.calendar_table td sup {
    font-size: 80%;
    float: right;
    margin-top: -.2em;
}

div.calendar_event_photos_videos_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

div.calendar_event_photo_video {
    flex: 1;
    width: 24%;
    min-width: 24%;
    max-width: 24%;
    background-color: var(--underlay-gray);
    margin-bottom: 1em;
}

div.calendar_event_photo_video a.container {

}

div.calendar_event_photo_video img {
    max-width: 100%;
}

div.calendar_event_photo_video div.calendar_event_photo_video_controls {
    background-color: var(--color-background-main);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: .3em;
}

div.calendar_event_photo_video div.calendar_event_photo_video_controls a.calendar_event_photo_video_edit {
    width: 1em;
    height: 1.2em;
    background: url(../design/edit.svg) left center no-repeat;
    background-size: contain;
    display: inline-block;
    opacity: .6;
    vertical-align: top;
    margin-right: .2em;
}

div.calendar_event_photo_video div.calendar_event_photo_video_controls a.calendar_event_photo_video_edit {
    width: 1em;
    height: 1.2em;
    background: url(../design/edit.svg) left center no-repeat;
    background-size: contain;
    display: inline-block;
    opacity: .6;
    vertical-align: top;
    margin-right: .2em;
}

div.calendar_event_photo_video div.calendar_event_photo_video_description {
    background-color: var(--color-background-main);
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 80%;
    z-index: 1;
    text-align: right;
    padding: .5em;
}

/* раздел сюжеты и завязки */
form#form_plot input[name="actiontype"][value="add"] ~ div[id="field_go_back_after_save[0]"] {
    display: none;
}

div#search_groups_by_name_container-empty-message {
    text-align: left;
    position: absolute;
    display: none;
    font-size: 1.1em;
    background-color: var(--forms-background);
    color: var(--color-background-main);
    border-radius: 0;
    line-height: 1.5;
    padding: 2px 1em;
    z-index: 1000;
    width: 79%;
}

form#form_plot div[id^="field_applications"] a.edit, form#form_plot div[id^="field_project_character_ids"] a.edit {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: center center url(../design/user_menu_edit.svg) no-repeat;
    background-size: 0.9em;
    border: 0;
    z-index: 1;
    margin: .05em .3em 0 .5em;
    padding: 0;
    vertical-align: top;
}

/* поле сюжеты и завязки */
div[id="name_plots_data[0]"] {
    display: none;
}

div[id="div_plots_data[0]"] {
    padding-left: 0 !important;
}

div.plot {
    margin-bottom: 1em;
    border-bottom: 1px dashed var(--inputs-borders);
    padding-bottom: 1em;
}

div.plot:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.plot div.plot_name_and_participants {

}

div.plot div.plot_name_and_participants span.fa-info {
    opacity: .3;
}

form#form_myapplication div.plot div.plot_name_and_participants {
    font-size: 115%;
}

form#form_myapplication div.plot a.show_hidden {
    font-size: 70%;
    display: inline-block;
    padding: 0;
    text-align: left;
    border: 0;
    margin: 0;
    line-height: normal;
}

div.plot div.plot_specific_applications {
    font-size: 70%;
}

div.plot div.plot_parent_name {
    font-size: 70%;
}

div.plot div.plot_content {
    padding-top: .3em;
}

div.plot div.plot_content a {
    text-decoration: underline;
}

div.plot div.plot_content table td {
    padding: .5em;
    border: 1px solid var(--color-font-main);
}

/* раздел настройка формы заявки */
table.menutable.setup th#th_header_field_help {
    width: 16em;
}

table.setup tbody tr {
    cursor: move;
}

/* раздел список персонажей */
table.menutable.character th#th_header_id {
    font-size: .8em;
    width: 16em;
}

table.menutable.character td span.pgi {
    display: inline-block;
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px dotted;
}

table.menutable.character td span.pgi:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}

form#form_character div[id="field_team_applications_needed_count[0]"], form#form_character div[id="field_auto_new_character_creation[0]"] {
    display: none;
}

/* раздел бюджет */
form#form_budget_add td#td_quantity, form#form_budget_add td#td_quantity_needed {
    width: 6%;
}

form#form_budget_add td#td_price {
    width: 10%;
}

form#form_budget_add td#td_name, form#form_budget_add td#td_description, form#form_budget_add td#td_responsible_id {
    width: 15%;
}

form#form_budget_add td#td_bought_by {
    width: 14%;
}

form#form_budget_add td#td_distributed_item, form#form_budget_add td#td_is_category {
    width: 5%;
}

form#form_budget_add tr.bought, form#form_budget_add tr.not_bought {
    background: none !important;
}

form#form_budget_add tr.bought:focus-within {
    opacity: 1;
}

form#form_budget_add tr.bought {
    opacity: .3;
}

form#form_budget_add input.inputnum {
    padding-left: .5em;
    padding-right: .5em;
}

form#form_budget_add tr.readonly td:nth-of-type(3), form#form_budget_add tr.readonly td:nth-of-type(4) {
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

form#form_budget_add div.multi_objects_table div.tr.string1 div.td.multi_objects_num, form#form_budget_add div.multi_objects_table div.tr.string2 div.td.multi_objects_num {
    cursor: move;
}

form#form_budget_add tr.readonly td:nth-of-type(5), form#form_budget_add tr.readonly td:nth-of-type(6), form#form_budget_add tr.readonly td:nth-of-type(8), form#form_budget_add tr.readonly td:nth-of-type(9), form#form_budget_add tr.readonly td:nth-of-type(10), form#form_budget_add tr.readonly td:nth-of-type(11) {
    opacity: 0;
}

form#form_budget_add tr.readonly {
    background-color: var(--underlay-gray);
}

form#form_budget_add textarea.inputtextarea {
    vertical-align: middle;
}

form#form_budget_add tr[id^="line"] td.expanded {
    vertical-align: top;
    text-align: left;
}

form#form_budget_add textarea[name^="description"][class*="expanded"] {
    position: absolute;
    width: calc(100% - 1.5em);
    height: 6em;
    z-index: 1;
    border: 1px var(--main-blue) solid;
    overflow-y: auto;
}

form#form_budget_add textarea {
    resize: none;
}

div.budget_info {
    margin-bottom: 2.5em;
    display: flex;
    column-gap: 2%;
}

div.budget_info_left_part, div.budget_info_right_part {
    flex: 1;
}

div.budget_field {
    display: inline-block;
    margin-bottom: .5em;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .6em;
    padding: 1em;
    width: 100%;
}

span.budget_field_title {
    font-weight: bold;
    margin-right: .5em;
    float: left;
    z-index: 1;
}

span.budget_field_data {
    float: right;
    z-index: 1;
}

div.bought_by_data {
    width: 100%;
}

div.bought_by_data h2 {
    margin-bottom: 2em;
}

form#form_budget_add h2 {
    width: 100%;
    margin-top: 2em;
}

div.bought_by_gamemaster {
    display: inline-block;
    margin-bottom: .5em;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .6em;
    padding: 1em;
    margin-right: 1em;
}

span.bought_by_gamemaster_name {
    margin-right: .5em;
    float: left;
    z-index: 1;
    max-width: 18em;
}

span.bought_by_gamemaster_amount {
    float: right;
    z-index: 1;
}

/* раздел заявки (проекта) */
input#application_search {
    margin-bottom: 2.2em;
    float: left;
    width: 49%;
    margin-right: 1%;
}

input#application_comments_search {
    margin-bottom: 2.2em;
    float: right;
    width: 49%;
    margin-left: 1%;
}

div.indexer_shown ~ table.application tr.menu a {
    font-size: .9em;
}

table.menutable.application {
    overflow-x: auto;
    display: block;
}

th#th_header_status {
    min-width: 5em;
}

th#th_header_project_group_ids {
    min-width: 15em;
}

th#th_header_project_character_id {
    min-width: 10em;
}

th#th_header_sorter {
    min-width: 10em;
}

th#th_header_creator_id {
    min-width: 20em;
}

th#th_header_responsible_gamemaster_id {
    min-width: 15em;
}

th#th_header_updated_at {
    min-width: 5em;
}

th#th_header_last_update_user_id {
    min-width: 5em;
}

table.application th#th_header_id {
    min-width: 5em;
}

/*div.indexer_shown ~ table.application th#th_header_creator_id {
    min-width: 6em;
}

div.indexer_shown ~ table.application tbody tr td:nth-of-type(4) {
    font-size: .8em;
}*/

form#form_application h1.data_h1:first-of-type {
    border-top: 1px solid var(--blocks-borders-and-separators);
    padding-top: 1.5rem;
}

form#form_application div[id="name_creator_id[0]"] {
    display: none;
}

form#form_application div[id="div_creator_id[0]"] {
    padding: 0;
    border: 0;
}

form#form_application div[id="div_creator_id[0]"] img {
    width: 4em;
    float: left;
    margin-right: .5em;
}

form#form_application div[id="div_room_neighboors[0]"] {
    background-color: transparent;
}

form#form_application div[id="div_room_neighboors[0]"] a {
    display: inline-block;
    padding: .2em;
    width: 50%;
    margin-bottom: .2em;
}

form#form_application div[id="div_room_neighboors[0]"] a.string2 {
    background-color: var(--underlay-gray);
}

select[name="master_group_selector"], select[name="documents_generator_selector"] {
    display: none;
}

div.application_user_info {
    text-align: right;
    float: right;
    background-color: var(--underlay-gray);
    color: var(--main-blue);
    border-radius: .3em;
    font-size: .8em;
    margin-left: 1em;
    z-index: 1;
}

div.application_user_info div {
    padding: .5em 1em;
}

div.application_user_info div + div {
    border-top: 1px solid var(--some-borders);
}

div.application_user_info div span {
    margin-left: 2em;
    padding-left: 1.5em;
}

table.application td div.application_user_info div span {
    margin-left: 0;
}

div.application_user_info div span {
    background: left center no-repeat;
    background-size: contain;
}

div.application_user_info div span.c1 {
    background-image: url(../design/networks/vk_icon.svg);
}

div.application_user_info div span.c2 {
    background-image: url(../design/networks/tg_icon.svg);
}

form#form_application a.show_hidden {
    font-size: 80%;
    display: inline-block;
    margin-top: .5em;
}

form#form_application div.contact_info {
    padding-top: .5em;
    padding-left: 4.5em;
}

div.dropfield2_field[id$="[hidden]"] {
    display: none !important;
}

div.maincontent_data.autocreated.table_cell.history_view_old, div.maincontent_data.autocreated.table_cell.history_view {
    width: 49%;
    min-width: 49%;
    max-width: 49%;
}

div.maincontent_data.autocreated.table_cell.history_view_old {
    margin-left: 2%;
}

div.maincontent_data.autocreated.table_cell.history_view_old form div.field, div.maincontent_data.autocreated.table_cell.history_view form div.field {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

div.maincontent_data.autocreated.table_cell.history_view_old div.filter a.fixed_select.right, div.maincontent_data.autocreated.table_cell.history_view div.filter a.fixed_select.right {
    position: relative;
    top: 0;
}

div.maincontent_data.autocreated.table_cell.history_view div.filter, div.maincontent_data.autocreated.table_cell.history_view_old div.filter {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin: 2.5em 0 0;
}

div.maincontent_data.autocreated.table_cell.history_view div.filter a.fixed_select, div.maincontent_data.autocreated.table_cell.history_view_old div.filter a.fixed_select {
    margin-bottom: 0;
}

div.maincontent_data.autocreated.table_cell.history_view div.filter div.clear, div.maincontent_data.autocreated.table_cell.history_view_old div.filter div.clear {
    display: none;
}

div.history_view_old div.fieldname {
    opacity: 0;
}

span.diff_inserted {
    background-color: green;
    color: var(--color-background-main);
}

span.diff_deleted {
    background-color: var(--main-red);
    text-decoration: line-through;
    color: var(--color-background-main);
    opacity: .7;
}

/* раздел поселение */
div.kind_rooms div.publication_content {
    padding: 0;
}

div.kind_rooms div.publication_content ul {
    margin: .3em 0;
}

form#form_rooms div[id="div_room_neighboors[0]"] {
    background-color: transparent;
}

form#form_rooms div[id="div_room_neighboors[0]"] a {
    display: inline-block;
    padding: .5em;
    width: 50%;
}

form#form_rooms div[id="div_room_neighboors[0]"] a.string2 {
    background-color: var(--underlay-gray);
}

/* раздел мои заявки, подача заявки */
div.myapplication_project_selection {
    display: grid;
    width: 100%;
    grid-gap: 3em;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 18em;
}

div.myapplication_project_selection_project_block {
    display: flex;
    padding: 1.5em;
    flex-direction: column;
    border-radius: 1.2em 1.2em .7em 1.2em;
    box-shadow: 0 0 1.4em var(--shadow-gray-15);
    overflow: hidden;
}

div.myapplication_project_selection_project_info {
    flex: 1;
    height: 6em;
    max-height: 6em;
    min-height: 6em;
}

div.myapplication_project_selection_project_name a {
    font-size: 1.5em;
}

div.myapplication_project_selection_project_dates {
    margin-top: .6em;
}

div.myapplication_project_selection_project_links {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

div.myapplication_project_selection_project_links div.main {
    width: 100%;
}

div.myapplication_project_selection_project_links a {
    background-color: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: var(--color-background-main);
    border-radius: .5em;
    padding: .5em;
    text-align: center;
    display: inline-block;
    margin-right: auto;
    font-size: .9em;
    margin-top: .9em;
}

div.myapplication_project_selection_project_links a:hover {
    background-color: var(--main-blue-light);
    border: 1px solid var(--main-blue-light);
}

div.myapplication_project_selection_project_links a.additional {
    margin-right: .9em;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    border-radius: .5em;
    padding: .5em 1em;
    text-align: center;
    display: inline-block;
    color: var(--main-blue);
}

div.myapplication_project_selection_project_links a.additional:hover {
    background-color: var(--underlay-gray-light);
    border: 1px solid var(--underlay-gray-light);
    color: var(--main-blue-light);
}

div.myapplication_project_selection_project_links div.project_links_avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9.5em;
    max-width: 9.5em;
    min-width: 9.5em;
    height: 9.5em;
    min-height: 9.5em;
    max-height: 9.5em;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px var(--blocks-borders-and-separators) solid;
    display: flex;
    align-items: center;
    margin-left: 1em;
    z-index: -1;
}

div.myapplication_project_selection_project_links div.project_links_avatar img {
    min-width: 100%;
    height: 100%;
    display: inline-block;
}

div.provide_payment_form {
    display: none;
    border-bottom: 1px solid var(--blocks-borders-and-separators);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

div.provide_payment_form div[id="field_go_back_after_save[0]"] {
    display: none;
}

div.provide_payment_form div[id^="field_helper_before_transaction_add"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

div.provide_payment_form div[id^="field_helper_before_transaction_add"] div.fieldname {
    display: none;
}

div.provide_payment_form div[id^="field_helper_before_transaction_add"] div.fieldvalue {
    font-weight: bold;
    color: var(--main-red);
    background-color: var(--color-background-main);
}

div.provide_payment_form div[id^="field_payment_datetime"] + div[id^="field_content"] {
    width: 48% !important;
    max-width: 48% !important;
    min-width: 48% !important;
}

form#form_myapplication div[id="div_room_neighboors[0]"] {
    background-color: transparent;
}

form#form_myapplication div[id="div_room_neighboors[0]"] a {
    display: inline-block;
    padding: .7em;
    width: 100%;
    border-radius: .7em;
}

form#form_myapplication div[id="div_room_neighboors[0]"] a.string2 {
    background-color: var(--underlay-gray);
}

/* сетка ролей */
div.kind_roles div.filter {
    margin: 2.7em 0 2em 0;
    text-align: left;
    clear: both;
}

div.kind_roles div.filter div.group_filter {
    display: none;
    cursor: pointer;
    align-items: center;
    padding: .7em;
    background-color: transparent;
    color: var(--special-gray);
    border: 1px solid var(--special-gray);
    border-radius: .6em;
    margin: 0 .5em .5em 0;
    font-size: .9em;
    width: max-content;
}

div.kind_roles div.filter div.group_filter.inverted {
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    color: var(--main-blue);
}

div.kind_roles div.filter div.group_filter.shown {
    display: inline-flex;
}

div.kind_roles div.filter div.group_filter a.expand_group {
    margin-left: .5em;
}

div.kind_roles div.filter div.group_filter a.expand_group .fa {
    display: none;
}

div.kind_roles div.filter div.group_filter a.expand_group .fa.shown {
    display: inline-block;
}

div.kind_roles div.filter div.group_filter span {
    margin-bottom: 0;
}

div.kind_roles div.filter div.group_filter span.group_list_additional_data span.fa.fa-file {
    margin-right: 0;
}

div.allrpgRolesListFilter {
    margin-bottom: .5em;
}

div.allrpgRolesListFilter input {

}

div#allrpgRolesListDiv {
    min-height: 3em;
}

div#allrpgRolesListDiv.allrpgRolesListLoading {
    background: url(../design/ajax-loader.gif) center top no-repeat;
    background-size: 3em;
    opacity: .4;
}

div.allrpgRolesListGroup {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px var(--underlay-gray) solid;
    margin-left: 0;
    font-size: 1.1em;
}

div.allrpgRolesListGroup:first-of-type {
    margin-top: 1.5em;
    border-top: 0;
    padding-top: 0;
}

div.allrpgRolesListGroup:after {
    content: "";
    display: table;
    clear: both;
}

div.allrpgRolesListGroup[data-obj-level="1"] {
    margin-left: 0;
}

div.allrpgRolesListGroup[data-obj-level="2"] {
    margin-left: 2em;
}

div.allrpgRolesListGroup[data-obj-level="3"] {
    margin-left: 4em;
}

div.allrpgRolesListGroup[data-obj-level="4"] {
    margin-left: 6em;
}

div.allrpgRolesListGroup[data-obj-level="5"] {
    margin-left: 8em;
}

div.allrpgRolesListGroup[data-obj-level="6"] {
    margin-left: 10em;
}

div.allrpgRolesListGroupName {
    font-size: 1.5em;
}

div.allrpgRolesListGroup[data-obj-level="1"] div.allrpgRolesListGroupName {
    font-size: 1.5em;
}

div.allrpgRolesListGroup[data-obj-level="2"] div.allrpgRolesListGroupName {
    font-size: 1.4em;
}

div.allrpgRolesListGroup[data-obj-level="3"] div.allrpgRolesListGroupName {
    font-size: 1.3em;
}

div.allrpgRolesListGroup[data-obj-level="4"] div.allrpgRolesListGroupName {
    font-size: 1.2em;
}

div.allrpgRolesListGroup[data-obj-level="5"] div.allrpgRolesListGroupName {
    font-size: 1.1em;
}

div.allrpgRolesListGroup[data-obj-level="6"] div.allrpgRolesListGroupName {
    font-size: 1em;
}

div.allrpgRolesListGroupNamePath {
    font-size: .8em;
}

span.allrpgRolesListGroupNamePathElement {
    display: inline-block;
}

span.allrpgRolesListGroupNamePathSeparator {
    display: inline-block;
    margin: 0 .5em;
}

div.allrpgRolesListGroupName span.fa {
    float: right;
    z-index: 1;
    margin-left: 1em;
}

div.allrpgRolesListGroupName span.fa.disabled {
    opacity: .5;
}

div.allrpgRolesListGroupDescription {
    text-align: justify;
    font-size: 1.1em;
    margin-top: .3em;
}

div.allrpgRolesListGroup div.allrpgRolesListGroupDescription + div.allrpgRolesListString {
    border-top: 1px var(--underlay-gray) dashed;
    padding-top: .5em;
}

div.allrpgRolesListGroupDescription > img {
    max-width: 50% !important;
    margin: 0 auto;
    display: block;
}

div[data-obj-level="2"] div.allrpgRolesListGroupDescription > img {
    left: -1em;
}

div[data-obj-level="3"] div.allrpgRolesListGroupDescription > img {
    left: -2em;
}

div[data-obj-level="4"] div.allrpgRolesListGroupDescription > img {
    left: -3em;
}

div[data-obj-level="5"] div.allrpgRolesListGroupDescription > img {
    left: -4em;
}

div[data-obj-level="6"] div.allrpgRolesListGroupDescription > img {
    left: -5em;
}

div.allrpgRolesListGroupDescription div.allrpgRolesListGroupDescriptionImage {
    max-height: 10em;
    overflow-y: hidden;
    text-align: center;
    max-width: 10em;
    float: left;
    margin-right: .5em;
}

div.allrpgRolesListGroupDescription div.allrpgRolesListGroupDescriptionImage img {
    max-width: 10em;
    max-height: 10em;
}

div.allrpgRolesListGroupDescription:after {
    content: "";
    display: table;
    clear: both;
}

div.allrpgRolesListString {
    margin-top: .5em;
    border-top: 0;
    padding-top: 0;
}

div.allrpgRolesListString + div.allrpgRolesListString {
    border-top: 1px dashed var(--inputs-borders);
    padding-top: .5em;
}

div.allrpgRolesListString:after {
    content: "";
    display: table;
    clear: both;
}

div.allrpgRolesListStringOdd {

}

div.allrpgRolesListStringEven {

}

div.allrpgRolesListCharacter {
    float: left;
    width: 81%;
}

div.allrpgRolesListCharacterName {
    float: left;
    width: 25%;
}

div.allrpgRolesListCharacterName a {
    color: var(--color-font-main);
}

div.allrpgRolesListCharacterDescription {
    float: right;
    width: 74%;
    text-align: justify;
}

div.allrpgRolesListCharacterDescription a.id_instead_of_description {
    color: var(--color-font-main);
}

div.allrpgRolesListCharacterDescription span.fa {
    float: right;
    z-index: 1;
    margin-left: .5em;
}

div.allrpgRolesListApplication {
    float: right;
    text-align: right;
    width: 100%;
}

div.allrpgRolesListCharacter + div.allrpgRolesListApplication {
    width: 18%;
}

div.allrpgRolesListApplicationsList {

}

div.allrpgRolesListApplicationsListApplication {

}

div.allrpgRolesListApplicationsListApplication a {
    color: var(--color-font-main);
}

div.allrpgRolesListApplicationsListApplication a.fa-info {
    padding-right: .5em;
    cursor: pointer;
}

div.allrpgRolesListApplicationsListApplication div.allrpgRolesListApplicationsListApplicationSorter {

}

div.allrpgRolesListApplicationsListApplicationApply {

}

div.allrpgRolesListApplicationsListApplicationApply + div.allrpgRolesListApplicationsListApplication {
    margin-top: .5em;
}

div.allrpgRolesListApplicationString {
    width: 100%;
}

div.allrpgRolesListApplicationString:after {
    content: "";
    display: table;
    clear: both;
}

div.allrpgRolesListApplicationString div.allrpgRolesListApplication {
    float: left;
    text-align: left;
    width: 30%;
}

div.allrpgRolesListSorter {
    float: left;
    width: 20%;
}

div.allrpgRolesListStatus {
    float: right;
    width: 20%;
}

div.allrpgRolesListApplicationString div.allrpgRolesListCharacter {
    float: right;
    width: 30%;
}

div.allrpgRolesListApplicationString div.allrpgRolesListCharacterName {
    float: none;
    width: auto;
}

div.roles_helper {
    margin-bottom: 1em;
    background-color: var(--underlay-gray);
    padding: 1em;
}

div.roles_helper pre {
    margin-top: .5em;
    width: 100%;
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

div.roles_helper div.roles_helper_functions {
}

div.roles_helper div.roles_helper_functions div#roles_helper_data {
    display: none;
}

div.roles_helper div.roles_helper_functions div#roles_helper_data.shown {
    display: block;
    margin-top: 1em;
}

/* раздел методов оплаты */
div.payment_type_online_add {
    margin-top: 2.5em;
}

div.payment_type_online_add div.publication_content {
    padding: 0;
}

/* раздел регистрация (проекта) на полигоне */
div.kind_registration a.ctrlink {
    z-index: 1;
}

input#registration_search {
    margin-bottom: 2.2em;
}

div#registration_result {
    margin-top: .5em;
}

table.registration th#th_header_application {
    width: 20%;
}

table.registration th#th_header_money {
    width: 10%;
}

table.registration th#th_header_eco_money {
    width: 5%;
}

table.registration th#th_header_comments {
    width: 20%;
}

table.registration th#th_header_distributed_ids {
    width: 15%;
}

table.registration th#th_header_rooms_data {
    width: 20%;
}

table.registration th#th_header_register {
    width: 10%;
}

/* раздел геопозиции игроков */
a.geoposition_map_center {
    font-size: .9em;
    margin-top: 1em;
    text-align: right;
    display: none;
}

a.geoposition_map_center.shown {
    display: block;
}

div.geoposition_map {
    width: 100%;
    height: 40em;
    margin-top: 2em;
    border-radius: .7em;
}

div.geoposition_map_overlay {
    background-color: var(--color-background-main);
    padding: 2em;
    border-radius: .7em;
    display: none;
    position: absolute;
    z-index: 10;
    width: 25em;
    min-height: 5em;
    right: 0;
    top: 0;
}

div.geoposition_map_overlay.shown {
    display: block;
}

div.geoposition_map_overlay div.geoposition_map_overlay_name {
    font-weight: bold;
}

div.geoposition_map_overlay div.photoName {
    width: 3em;
    float: right;
    margin-left: .5em;
}

div.geoposition_map_overlay div.geoposition_map_overlay_content {
    padding-top: .7em;
}

div.geoposition_map_overlay div.geoposition_map_overlay_content div {
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: .5em;
}

div.geoposition_map_overlay div.geoposition_map_overlay_content div:last-of-type {
    margin-bottom: 0;
}

div.geoposition_map_overlay div.geoposition_map_overlay_content div span {
    font-weight: bold;
    margin-right: .5em;
}

/* раздел группы проекта */
span.group_list_additional_data {
    float: right;
    z-index: 1;
    margin-left: 1em;
    margin-bottom: .5em;
}

span.group_list_additional_data span.fa {
    margin-left: .2em;
}

span.group_list_additional_data span.fa.fa-user {
    margin-right: .7em;
}

span.group_list_additional_data span.fa.fa-file {
    font-size: 90%;
    margin-right: .7em;
}

span.group_list_additional_data span.fa.fa-list {

}

div[id="field_link_to_characters[0]"] a.add_something {
    float: none;
    position: absolute;
    right: 0;
}

div[id="div_link_to_characters[0]"] a, div[id="div_link_to_applications[0]"] a {
    display: inline-block;
    padding: .2em;
    width: 100%;
    margin-bottom: .2em;
}

div[id="div_link_to_characters[0]"] a {
    cursor: move;
}

div[id="div_link_to_characters[0]"] a.string1 {

}

div[id="div_link_to_characters[0]"] a.string2 {
    background-color: var(--underlay-gray);
}

div[id="div_link_to_applications[0]"] a.string1 {
}

div[id="div_link_to_applications[0]"] a.string2 {
    background-color: var(--underlay-gray);
}

div[id="div_link_to_applications[0]"] a span.application_name {
    display: inline-block;
    width: 40%;
}

div[id="div_link_to_applications[0]"] a span.application_status {
    display: inline-block;
    width: 20%;
}

div[id="div_link_to_applications[0]"] a span.user_name {
    display: inline-block;
    width: 40%;
}

/* раздел транзакции */
form#form_transaction_add tr#line0 input[name^="amount"] {
    padding: 1em .25em;
    background: var(--color-background-main);
}

form#form_transaction_add tr#line0 td:nth-of-type(6) {
    opacity: 0;
    pointer-events: none;
}

#form_transaction_add tr:not([id="line0"]):not(.menu) td:nth-of-type(11), #form_transaction_add tr:not([id="line0"]):not(.menu) td:nth-of-type(12) {
    cursor: pointer;
}

#form_transaction_add tr:not([id="line0"]):not(.menu) td:nth-of-type(11) {
    -ms-word-break: break-all;
    word-break: break-all;
}

form#form_transaction_add td#td_project_application_id {
    min-width: 10em;
}

form#form_transaction_add td#td_amount {
    width: 5em;
}

form#form_transaction_add td#td_verified {
    width: 3em;
}

form#form_transaction_add span.separator {
    opacity: 0;
    display: block;
    height: 0;
}

form#form_transaction_add label[for^="project_application_id"] span.separator {
    opacity: 1;
    display: inline;
    height: auto;
}

form#form_transaction_add .fa-info {
    padding-left: .5em;
    cursor: pointer;
}

form#form_transaction_add div.helper {
    font-family: "Roboto", Arial, sans-serif;
    min-width: max-content;
    top: -1em;
    left: -2em;
}

form#form_transaction_add div.helper div.social {
    margin-left: 1em;
    float: right;
    height: 3em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

form#form_transaction_add div.helper div.social span {
    padding-left: 1.5em;
}

form#form_transaction_add div.helper div.social span {
    background: left center no-repeat;
    background-size: contain;
    margin-top: .3em;
}

form#form_transaction_add div.helper div.social span:first-of-type {
    margin-top: 0;
}

form#form_transaction_add div.helper div.social span a {
    color: var(--color-background-main);
}

form#form_transaction_add div.helper div.social span.c1 {
    background-image: url(../design/networks/vk_icon.svg);
}

form#form_transaction_add div.helper div.social span.c2 {
    background-image: url(../design/networks/tg_icon.svg);
}

/* раздел импорт из CSV */
div.csvimport {
}

div.csvimport h2 {
    padding: .5em 0;
}

div.csvimport ul {
    margin-left: 1.5em;
    padding: .5em 0;
}

div.csvimport input[type="file"] {
    font-size: 1em;
}

div.csvimport form {
    padding: .5em 0;
}

div.csvimport div.csv_data {

}

div.csvimport div.csv_data div.csv_data_error, div.csvimport div.csv_data div.csv_data_error a {
    color: red;
}

div.csvimport div.csv_data div.csv_data_success, div.csvimport div.csv_data div.csv_data_success a {
    color: green;
}

div.csvimport div.fieldvalue {
    padding-left: 0;
}

div.csvimport div.uploaded_file {
    display: none;
}

/* раздел QRpg ключи и коды */
div.maincontent_data.autocreated div.filter + form#form_qrpg_key_add {
    padding-top: 0;
}

div[id^="choice_qrpg_keys"] div.dropfield2_select_all, div[id^="choice_consists_of"] div.dropfield2_select_all, div[id^="choice_gives_qrpg_keys"] div.dropfield2_select_all {
    display: none;
}

div.fieldvalue.read[id^="div_qrpg_key"] img {
    max-height: 1em;
    vertical-align: middle;
    margin-right: .3em;
}

div.fieldvalue.read[id^="div_qrpg_key"] br {
    content: "";
}

div.fieldvalue.read[id^="div_qrpg_key"] br:after {
    content: ";";
    margin-right: .5em;
}

div.fieldvalue[id^="div_qrpg_key"] label img,
div.fieldvalue[id^="div_not_qrpg_keys"] label img,
div.fieldvalue[id^="div_gives_bad_qrpg_keys"] label img,
div.fieldvalue[id^="div_removes_qrpg_keys_user"] label img,
div.fieldvalue[id^="div_removes_qrpg_keys"] label img,
div.fieldvalue[id^="div_gives_qrpg_keys"] label img {
    max-width: 1.5em;
}

div.maincontent_data.autocreated form#form_qrpg_key_add div[id^="field_id"] {
    width: 48.6%;
    min-width: 48.6%;
    max-width: 48.6%;
}

div.maincontent_data.autocreated form#form_qrpg_key_add div[id^="field_id"] span {
    margin-left: .5em;
}

div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_qrpg_keys"],
div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_not_qrpg_keys"],
div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_hacking_settings"],
div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_text_to_access"],
div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_gives_bad_qrpg_keys"],
div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_gives_bad_qrpg_keys_for_minutes"] {
    width: 48%;
    max-width: 48%;
    min-width: 48%;
}

div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_success"], div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_conditions"], div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_fail"], div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_give_currency"] {
    margin-top: 1.5rem;
}

div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_success"] div.fieldvalue, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_conditions"] div.fieldvalue, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_fail"] div.fieldvalue, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_give_currency"] div.fieldvalue {
    display: none;
}

div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_success"] div.fieldname, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_conditions"] div.fieldname, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_on_fail"] div.fieldname, div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_give_currency"] div.fieldname {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0;
}

/* модуль игрока */
div.geoposition_info {
    position: absolute;
    right: 0;
    border-radius: .5em;
    background-color: var(--main-blue);
    padding: .3em .7em;
    color: var(--color-background-main);
    line-height: 2.3em;
    display: none;
}

div.geoposition_info.shown {
    display: block;
}

div.geoposition_info.error {
    background-color: var(--main-red);
}

div#qrcode_clicker_container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 10em;
    height: 10em;
    background: url(../design/qr_icon.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

div#qrcode_clicker_sign {
    display: inline-block;
    font-weight: bold;
    color: var(--color-background-main);
    background-color: var(--main-blue);
    padding: .3em;
    width: 100%;
}

input[name="qrcode"] {
    display: none;
}

div.qrcode_result {
    display: none;
    margin-top: 3em;
    width: 60em;
}

div.qrcode_result.shown {
    display: block;
}

div.qrcode_result #circleG {
    position: relative;
    top: auto;
    padding: 1em 0 0 0;
    font-size: 1.5em;
}

div.qrcode_result h1 {
    margin: 1em 0;
}

div.qrcode_result h1:first-of-type {
    margin-top: 0;
}

div.qrcode_result div.qrpg_description {
    font-size: 1.3em;
    margin-top: 2em;
    text-align: justify;
}

div.qrcode_result div.qrpg_description img.qrpg_code_data, div.qrpg_property_description img.qrpg_code_data {
    display: block;
    margin: 0 auto;
    max-height: 15em;
    cursor: pointer;
    background-color: white;
}

div.qrcode_result div.qrpg_description div.message_conversation_form {
    margin: 1em 0 -1em 0;
}

div.qrcode_result div.qrpg_description div.message_conversation_form div.conversation_form {
    padding: 0;
}

div.qrcode_result div.qrpg_description div.conversation_form.opened div.conversation_form_data, div.conversation_form.do_not_hide div.conversation_form_data {
    padding-left: 0;
}

div.qrcode_result div.qrpg_description a.attach {
    display: none;
}

a#retry_qrcode_scanner {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: bold;
    display: none;
}

canvas#qr-canvas {
    display: none;
}

div.qr-video-container {
    margin-top: 1em;
    max-width: 20em;
    max-height: 30em;
    display: none;
}

video#qr-video {
    max-width: 100%;
    max-height: 100%;
    border-radius: .5em;
}

div.flashlight {
    display: block;
    width: 3em;
    height: 3em;
    background: url(../design/lightbulb-o.svg) center center no-repeat var(--main-blue);
    background-size: 1.5em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    border-radius: 0 .5em 0 .5em;
}

div.flashlight.turnoff {
    background: url(../design/lightbulb.svg) center center no-repeat var(--main-blue);
    background-size: 1.5em;
}

div.qrcode_result div.qrpg_description img {
    max-width: 100%;
}

div.qrcode_result div.qrpg_description.qrpg_hacking {
    display: flex;
    width: 100%;
    background-color: var(--underlay-gray);
    border-radius: .7em;
    padding: 1.5em;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

div.qrcode_result div.qrpg_description.qrpg_hacking.qrpg_hacking_active {
    justify-content: space-between;
    flex-direction: column;
    height: 32em;
    background: none;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_description {
    margin-bottom: 2em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking.qrpg_hacking_text_input {
    justify-content: space-between;
    flex-direction: column;
    background: none;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_text {
    margin-bottom: 2em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_start {
    padding: 1em 2em;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    cursor: pointer;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 7em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_timer {
    width: 11em;
    min-width: 11em;
    max-width: 11em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background-color: var(--underlay-gray);
    border-top-left-radius: .7em;
    padding: 1em;
    margin-right: 2em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_timer div.name {
    font-weight: bold;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_timer span {
    background-color: var(--main-red);
    color: var(--color-background-main);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--underlay-gray);
    border-top-left-radius: .7em;
    padding: 1em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input_container div.name {
    font-weight: bold;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 2em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input div.qrpg_hacking_input_elem {
    width: 2em;
    height: 2em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences {
    width: 13em;
    min-width: 13em;
    max-width: 13em;
    border: 1px solid var(--main-blue);
    background-color: var(--main-blue);
    border-top-left-radius: .7em;
    overflow: hidden;
    padding: 1em;
    max-height: 10em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 2em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences div.name {
    font-weight: bold;
    color: var(--color-background-main);
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences img {
    width: 100%;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix_container {
    width: 100%;
    display: flex;
    background-color: var(--underlay-gray);
    border-top-left-radius: .7em;
    padding: 1em;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix_container div.finish {
    cursor: pointer;
    position: absolute;
    right: .5em;
    top: 1.2em;
    background-color: var(--special-gray);
    padding: .3em .5em;
    font-size: .8em;
    display: none;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix_container div.finish.shown {
    display: block;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix_container div.name {
    font-weight: bold;
    margin-bottom: 1em;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix {
    width: 15em;
    height: 15em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix div.qrpg_hacking_matrix_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix div.qrpg_hacking_matrix_row div.qrpg_hacking_matrix_col {
    width: 2em;
    height: 2em;
    color: var(--color-background-main);
    background-color: var(--main-blue);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix div.qrpg_hacking_matrix_row div.qrpg_hacking_matrix_col.selected {
    opacity: 1;
}

div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix div.qrpg_hacking_matrix_row div.qrpg_hacking_matrix_col.chosen {
    cursor: initial;
    color: var(--color-font-main);
    background-color: var(--special-gray);
    font-weight: bold;
}

div.qrpg_properties_list {
    margin-top: 2em;
    width: 60em;
}

div.qrpg_properties_list div.qrpg_property_name {
    background-color: var(--main-blue);
    border-radius: 1.3rem;
    color: var(--color-background-main);
    font-size: 1.6em;
    padding: .7em 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

div.qrpg_properties_list div.qrpg_property_name div.timer {
    color: var(--color-background-main);
    font-size: .6em;
}

div.qrpg_properties_list div.qrpg_property_name.hidden {
    display: none;
}

div.qrpg_properties_list div.qrpg_property_description {
    display: none;
    background-color: var(--color-background-main);
    font-size: 1.2em;
    border-radius: 1.3rem;
    border: 1px solid var(--main-blue);
    padding: 2em;
    text-align: justify;
}

div.qrpg_properties_list div.qrpg_property_description.shown {
    display: block;
    cursor: pointer;
}

div.qrpg_keys_list {
    display: flex;
    flex-wrap: wrap;
    width: 60em;
    justify-content: space-between;
}

div.qrpg_keys_list div.qrpg_key {
    background-color: var(--main-blue);
    border-radius: 1.3rem;
    color: var(--color-background-main);
    font-size: 1.6em;
    padding: .7em 1em;
    margin-bottom: 1em;
    width: 48%;
    min-width: 48%;
    max-width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

div.qrpg_keys_list div.qrpg_key div.timer {
    color: var(--color-background-main);
    font-size: .6em;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.qrpg_keys_list div.qrpg_key div.qrpg_key_icon {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    background: center center no-repeat var(--color-background-main);
    background-size: 1.5em;
    border-radius: 50%;
    margin-right: .5em;
}

div.qrpg_keys_list div.qrpg_key div.qrpg_key_name {
    display: inline-block;
}

div.kind_ingame div#tabs-doc2 h2 {
    margin-top: 1.5em;
}

div.kind_ingame div.conversation_message div.conversation_message_id {
    display: none;
}

div.bank_header {
    display: flex;
    justify-content: space-between;
    margin: 2.5em 0;
}

div.bank_balance {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    flex-wrap: wrap;
    border-radius: .7em;
    background-color: var(--main-blue);
    color: var(--color-background-main);
    font-size: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.qrcode_result div.bank_balance {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    font-size: 1em;
    padding: 1em;
}

div.qrcode_result button#approve_payment {
    margin-top: 2em;
    cursor: pointer;
}

div.bank_balance div {
    width: 100%;
    text-align: center;
    margin: .5em 0;
}

div.bank_balance div.small {
    font-size: .8em;
}

div.bank_balance span {
    margin-left: .2em;
    font-weight: bold;
}

div.bank_generate_qrpg {
    width: 68%;
    min-width: 68%;
    max-width: 68%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

div.bank_generate_qrpg div.amount {
    flex: 1;
    padding-right: 2em;
}

div.bank_generate_qrpg div.amount span {
    margin-bottom: .5em;
    display: block;
}

div.bank_generate_qrpg div.amount select, div.bank_generate_qrpg div.amount input {
    margin-bottom: 1em;
}

div.bank_generate_qrpg div.amount select option[disabled], div.kind_ingame form#form_bank_transaction_add select[name="from_bank_currency_id[0]"] option[disabled], div.kind_ingame form#form_bank_transaction_add select[name="bank_currency_id[0]"] option[disabled] {
    display: none;
}

div.bank_generate_qrpg div.result {
    flex: 1;
    border-radius: .7em;
    border: 1px solid var(--special-gray);
    width: 15em;
    min-width: 15em;
    max-width: 15em;
    height: 15em;
    padding: .5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.bank_generate_qrpg div.result button.main {
    font-size: 1rem !important;
}

/*noinspection CssInvalidPropertyValue*/
div.bank_generate_qrpg div.result img {
    width: 14em;
    height: 14em;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background-color: white;
}

div.bank_generate_qrpg div.result img {
    image-rendering: pixelated;
}

div.kind_ingame form#form_bank_transaction_add div.multi_objects_table div.tr div.td:not([colspan]):first-of-type {
    display: none;
}

div.kind_ingame form#form_bank_transaction_add div.multi_objects_table div.tr.menu div.td:nth-of-type(2), div.kind_ingame form#form_bank_transaction_add div.multi_objects_table div.tr div.td:nth-of-type(2) {
    border-top-left-radius: .7em;
    border-bottom-left-radius: .7em;
}

/* mp3-плеер */
div.mp3_player {
    text-align: center;
    padding: 2em 0 1em 0;
}

.audioplayer {
    height: 2.5em; /* 40 */
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    border: 1px solid #222;
    position: relative;
    z-index: 1;
    background: #333;
}

.audioplayer-mini {
    width: 2.5em; /* 40 */
    margin: 0 auto;
}

.audioplayer > div {
    position: absolute;
}

.audioplayer-playpause {
    width: 2.5em; /* 40 */
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border-right: 1px solid #555;
    border-right-color: rgba(255, 255, 255, .1);
}

.audioplayer-mini .audioplayer-playpause {
    width: 100%;
}

.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
    background-color: #222;
}

.audioplayer-playpause a {
    display: block;
}

.audioplayer-stopped .audioplayer-playpause a {
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-right: none;
    border-left-color: #fff;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.25em; /* 8 4 */
}

.audioplayer-playing .audioplayer-playpause a {
    width: 0.75em; /* 12 */
    height: 0.75em; /* 12 */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.375em 0 0 -0.375em; /* 6 */
}

.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
    width: 40%;
    height: 100%;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0;
}

.audioplayer-playing .audioplayer-playpause a:before {
    left: 0;
}

.audioplayer-playing .audioplayer-playpause a:after {
    right: 0;
}


.audioplayer-time {
    width: 4.375em; /* 70 */
    height: 100%;
    line-height: 2.375em; /* 38 */
    text-align: center;
    z-index: 2;
    top: 0;
}

.audioplayer-time-current {
    border-left: 1px solid #111;
    border-left-color: var(--shadow-black-25);
    left: 2.5em; /* 40 */
}

.audioplayer-time-duration {
    border-right: 1px solid #555;
    border-right-color: rgba(255, 255, 255, .1);
    right: 2.5em; /* 40 */
}

.audioplayer-novolume .audioplayer-time-duration {
    border-right: 0;
    right: 0;
}

.audioplayer-bar {
    height: 0.875em; /* 14 */
    background-color: #222;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    right: 6.875em; /* 110 */
    left: 6.875em; /* 110 */
    margin-top: -0.438em; /* 7 */
}

.audioplayer-novolume .audioplayer-bar {
    right: 4.375em; /* 70 */
}

.audioplayer-bar div {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.audioplayer-bar-loaded {
    background-color: #333;
    z-index: 1;
}

.audioplayer-bar-played {
    background: #007fd1;
    z-index: 2;
}

.audioplayer-volume {
    width: 2.5em; /* 40 */
    height: 100%;
    border-left: 1px solid #111;
    border-left-color: var(--shadow-black-25);
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    right: 0;
}

.audioplayer-volume:hover,
.audioplayer-volume:focus {
    background-color: #222;
}

.audioplayer-volume-button {
    width: 100%;
    height: 100%;
}

.audioplayer-volume-button a {
    width: 0.313em; /* 5 */
    height: 0.375em; /* 6 */
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 1;
    top: 40%;
    left: 35%;
}

.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-left: none;
    border-right-color: #fff;
    z-index: 2;
    top: 50%;
    right: -0.25em;
    margin-top: -0.5em; /* 8 */
}

.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after {
    /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
    width: 0.313em; /* 5 */
    height: 0.313em; /* 5 */
    border: 0.25em double #fff; /* 4 */
    border-bottom-width: 0;
    border-left-width: 0;
    left: 0.563em; /* 9 */
    top: -0.063em; /* 1 */
    -webkit-border-radius: 0 0.938em 0 0; /* 15 */
    -moz-border-radius: 0 0.938em 0 0; /* 15 */
    border-radius: 0 0.938em 0 0; /* 15 */
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.audioplayer-volume-adjust {
    height: 6.25em; /* 100 */
    cursor: default;
    position: absolute;
    left: 0;
    right: -1px;
    top: -9999px;
    background: #333;
}

.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
    opacity: 0;
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
    top: auto;
    bottom: 100%;
}

.audioplayer-volume-adjust > div {
    width: 40%;
    height: 80%;
    background-color: #222;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 30% auto 0;
}

.audioplayer-volume-adjust div div {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #007fd1;
}

.audioplayer-novolume .audioplayer-volume {
    display: none;
}

.audioplayer {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
}

.audioplayer-volume-adjust {
    -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
    box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
}

.audioplayer-bar,
.audioplayer-volume-adjust > div {
    -webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
    box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
}

.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
    box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
}

/*noinspection CssInvalidPropertyValue*/
.audioplayer-playpause,
.audioplayer-volume a {
    -webkit-filter: drop-shadow(1px 1px 0 #000);
    -moz-filter: drop-shadow(1px 1px 0 #000);
    -ms-filter: drop-shadow(1px 1px 0 #000);
    -o-filter: drop-shadow(1px 1px 0 #000);
    filter: drop-shadow(1px 1px 0 #000);
}

/*noinspection CssInvalidPropertyValue,CssInvalidFunction*/
.audioplayer,
.audioplayer-volume-adjust {
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
    background: -webkit-linear-gradient(top, #444, #222);
    background: -moz-linear-gradient(top, #444, #222);
    background: -ms-radial-gradient(top, #444, #222);
    background: -o-linear-gradient(top, #444, #222);
    background: linear-gradient(to bottom, #444, #222);
}

/*noinspection CssInvalidPropertyValue,CssInvalidFunction*/
.audioplayer-bar-played {
    background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
    background: -webkit-linear-gradient(left, #007fd1, #c600ff);
    background: -moz-linear-gradient(left, #007fd1, #c600ff);
    background: -ms-radial-gradient(left, #007fd1, #c600ff);
    background: -o-linear-gradient(left, #007fd1, #c600ff);
    background: linear-gradient(to right, #007fd1, #c600ff);
}

/*noinspection CssInvalidPropertyValue,CssInvalidFunction*/
.audioplayer-volume-adjust div div {
    background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
    background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
    background: -moz-linear-gradient(bottom, #007fd1, #c600ff);
    background: -ms-radial-gradient(bottom, #007fd1, #c600ff);
    background: -o-linear-gradient(bottom, #007fd1, #c600ff);
    background: linear-gradient(to top, #007fd1, #c600ff);
}

.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.audioplayer {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.audioplayer-volume-adjust {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

/* раздел рулёжка */
form#form_ruling_question {
    font-size: .9em;
}

form#form_ruling_question div[id="field_go_back_after_save[0]"] {
    display: none;
}

form#form_ruling_question div.field {
    padding-bottom: 1em;
    border-bottom: 1px dashed #e7e7e7;
}

form#form_ruling_question div.fieldname {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
}

form#form_ruling_question div.dropfield {
    display: none !important;
}

form#form_ruling_question div.dropfield2 {
    display: block !important;
    height: auto !important;
    width: 100% !important;
    border: none !important;
    background-color: transparent !important;
    position: relative !important;
    box-shadow: none;
    overflow: inherit !important;
    z-index: 1;
}

form#form_ruling_question div.dropfield2 .ui-resizable-s {
    display: none !important;
}

form#form_ruling_question div.dropfield2 div.dropfield2_container {
    padding: 0 !important;
    overflow: unset;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: .5%;
}

form#form_ruling_question div.dropfield2 div.dropfield2_field {
    float: left;
    font-size: 1em;
    width: 33%;
    min-width: 33%;
    max-width: 33%;
}

form#form_ruling_question div.dropfield2_selecter {
    display: none;
}

div.ruling_injection {
    border: 1px solid var(--blocks-borders-and-separators);
    padding: .5em;
    font-size: 1.1rem;
    margin: .5em 0;
}

div.ruling_injection + div.ruling_injection {
    margin-top: 0;
}

div.ruling_injection_2 {
    border: 1px solid var(--blocks-borders-and-separators);
    padding: .5em;
    font-size: 1.1rem;
    margin-bottom: .5em;
}

div.ruling_injection_2 + div.publication_tags {
    margin-top: 2em;
}

div.ruling_injection_2 ul {
    margin-left: 2em;
}

div.publication_content.ruling {
    padding-top: 0;
}

div.publication_content.ruling br {
    display: block;
    content: " ";
    margin-bottom: .5em;
}

div.publication_content.ruling br + b, div.publication_content.ruling br + i {
    display: inline-block;
    margin-top: .5em;
}

div.publication_content.ruling ul {
    margin: .5em 0;
}

div.publication_content.ruling h1 {
    margin: .5em 0;
}

div.publication_content.ruling h1:first-of-type {
    margin-top: 0;
}

div.publication_content.ruling h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin: .5em 0;
    padding-bottom: 0;
}

div.ruling_tags {
    margin-bottom: 1em;
}

div.publication_content a#filled_form_link {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 1.5em;
}

div.publication_content a#link_to_generation {
    position: absolute;
    z-index: 1;
    right: 0;
}

div.tags_cloud.ruling {
    width: 100%;
    float: none;
    margin: 1em 0;
}

div.publications.ruling {
    width: 100%;
    float: none;
}

/* рулёжка: nlgraph */
.nlgraph_chart {
    width: 900px;
    height: 650px;
    margin: 0 auto;
}

.nlgraph_chart .link {
    fill: none;
}

.nlgraph_chart .unhighlighted {
    opacity: .2 !important;
}

.nlgraph_chart text {
    font: 8px sans-serif;
    pointer-events: none;
}

.nlgraph_chart .label text {
    font: 7px sans-serif;
}

.nlgraph_chart .node .question ~ text {
    fill: var(--color-background-main) !important;
}

.nlgraph_chart.highlighted .node:not(.unhighlighted) .ifs_aggregator, .nlgraph_chart .node.selected .ifs_aggregator {
    fill: var(--color-font-main) !important;
}

.nlgraph_chart .node.selected .question, .nlgraph_chart .node.selected .item {
    stroke: var(--orange) !important;
}

.nlgraph_chart .node.selected_node .label {
    font-weight: bold;
    font-style: italic;
}

button.ruling_chart_btn {
    margin-right: .5em;
}

button.ruling_chart_btn.ui-button.ui-state-disabled {
    color: var(--color-background-main) !important;
}

/* подключение платежного терминала */
div.add_card_type_text {
    font-size: 1.2em;
}

div.add_card_type_text ul {
    margin-left: 1.5em;
}

div.add_card_type_text li.checked::before {
    font: normal normal normal 1em FontAwesome;
    content: "\f00c";
    margin: .2em 1.2em 0 -1.7em;
}

div.add_card_type_text form button.main {
    margin-top: 1em;
}

form#form_project div[id^="name_helper_1"] {
    display: none;
}

/* push-уведомления в браузере */
div.firebase_why {
    padding: 1em !important;
    text-align: justify !important;
    font-weight: bold !important;
}

div.firebase_denied {
    padding: 1em !important;
    text-align: justify !important;
    font-weight: bold !important;
    color: red !important;
}

div.firebase_denied.messaging_active_checkbox {

}

div.firebase_why > div.firebase_denied {
    padding: 1em 0 0 0 !important;
}

/* Склад */
div.kind_exchange div.tags_cloud {
}

div.kind_exchange div.filter {
    display: inline-block;
    vertical-align: top;
    float: right;
    z-index: 1;
    margin-top: -1.5em;
}

div.kind_exchange div.filter div.name {
}

div.kind_exchange div.filter select {
    font-size: 1em;
    width: 15em;
}

div.kind_exchange input.search_input {
    width: calc(100% - 20rem);
}

div.kind_exchange div.publication_price {
    float: right;
    margin-left: 1em;
    clear: right;
    background-color: var(--underlay-gray);
    border: 1px solid var(--underlay-gray);
    padding: .8em .9em;
    width: 15em;
    z-index: 1;
    margin-top: .5em;
    border-radius: .6em;
    color: var(--main-blue);
    font-weight: bold;
    font-size: 1.2em;
}

div.kind_exchange div.publication_price:first-of-type {
    margin-top: 0;
}

div.kind_exchange div.publication_price span {
    color: initial;
    font-weight: normal;
    width: 7.7em;
    display: inline-block;
}

div.kind_exchange div.publication_price.inverted {
    background-color: transparent;
    font-weight: normal;
    font-size: 1em;
    width: 18em;
}

/* скользящее появление меню */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);
    }
    to {
        opacity: 1;
    }
}

/* skeleton-методика подгрузки страницы */
div.fullpage.shortened {
    overflow: hidden;
    height: 100vh;
}

div.fullpage_cover {
    opacity: 1;
    background: transparent;
}

div.fullpage_cover div#circleG {
    display: none;
}

div.fullpage_cover div#skeletons {
    display: flex;
    width: 100vw;
    height: 100vh;
}

div.fullpage_cover div#skeletons > div {
    flex: 1;
}

div.fullpage_cover div#skeletons div#skeleton_left {
    width: 22rem;
    min-width: 22rem;
    max-width: 22rem;
}

div.fullpage_cover div#skeletons div#skeleton_main {
    background-color: var(--color-background-main);
    margin-top: 6rem;
    margin-right: 1rem;
    padding: 2rem 3.5rem;
}

div.fullpage_cover div#skeletons div#skeleton_main > div {
    display: none;
    width: 100%;
    height: 100%;
}

div.fullpage_cover div#skeletons div#skeleton_main > div.shown {
    display: flex;
    flex-direction: column;
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div {
    background-color: var(--underlay-gray);
    overflow: hidden;
    flex: 1;
}

div.fullpage_cover div#skeletons div#skeleton_main > #skeleton_1 {
    width: 100%;
    grid-gap: 3em;
    grid-template-rows: repeat(4, 18em);
    grid-template-columns: repeat(3, 1fr);
}

div.fullpage_cover div#skeletons div#skeleton_main > #skeleton_1.shown {
    display: grid;
}

div.fullpage_cover div#skeletons div#skeleton_main > #skeleton_1 > div {
    display: flex;
    flex-direction: column;
    border-radius: 1.2em 1.2em 0.7em 1.2em;
    box-shadow: 0 0 1.4em var(--shadow-gray-15);
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_heading {
    border-radius: 1em;
    width: 30em;
    height: 3em;
    min-height: 3em;
    max-height: 3em;
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_avatar {
    width: 12em;
    height: 12em;
    max-height: 12em;
    border-radius: 50%;
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_table {
    border-radius: 1em;
    margin-top: 3em;
    max-height: 10em;
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_table2 {
    border-radius: 1em;
    margin-top: 2em;
}

div.fullpage_cover div#skeletons div#skeleton_main > div > div:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, var(--underlay-gray) 49vw, #F1F1F1 50vw, var(--underlay-gray) 51vw);
    background-size: 100vw;
    background-position: -50vw;
    background-repeat: no-repeat;
    background-attachment: fixed;
    animation: shine 1.6s infinite linear;
}

@media (prefers-color-scheme: dark) {
    div.fullpage_cover div#skeletons div#skeleton_main > div > div:after {
        background-image: linear-gradient(to right, var(--underlay-gray) 49vw, #3C516A 50vw, var(--underlay-gray) 51vw);
    }
}

@keyframes shine {
    to {
        background-position: 150vw;
    }
}

/* адаптативная верстка */
@media only screen {
}

@media only screen and (min-width: 700px) {
    *::-webkit-scrollbar-button {
        display: none;
    }

    *::-webkit-scrollbar {
        width: 1rem;
        height: 1rem;
    }

    *::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track-background);
        border: 1px solid var(--scrollbar-track-border);
        border-radius: .4rem;
    }

    *::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-background);
        background-clip: content-box;
        border: .25rem solid transparent;
        border-radius: .5rem;
    }

    a.edit_button {
        left: 68%;
        top: -5.8em;
    }

    div.header, div.footer_container, div.content {
        min-width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1000px) {
}

@media only screen and (max-width: 1300px) and (min-device-width: 767px) {
}

@media only screen and (min-width: 1160px) {
}

@media only screen and (min-width: 1300px) {
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1550px) {
}

@media only screen and (min-width: 1900px) {
}

@media only screen and (min-width: 3000px) {
    html {
        font-size: 150%;
    }
}

@media only screen and (min-width: 5000px) {
    html {
        font-size: 200%;
    }
}

/* мобильная верстка */
@media only screen and (max-device-width: 767px) {
    /* элементы форм (общее) */
    #modal-container a.modalCloseImg {
        width: 2.5em;
        height: 2.5em;
        background-size: 1.4em;
    }

    div.help {
        font-size: 1em;
    }

    div.PWAinfo {
        display: block;
        font-size: 1em;
        background-color: var(--underlay-gray);
        color: var(--color-font-main);
        border-radius: .7em;
        padding: 2em;
    }

    div.PWAinfo div.undefined {
        display: block;
    }

    div.PWAinfo div.ios {
        display: none;
    }

    div.PWAinfo div.android {
        display: none;
    }

    div.PWAinfo div.PWAdescription {
        text-align: justify;
    }

    div.PWAinfo div.installPWA {
        background-color: var(--main-blue);
        padding: .7em 1.5em;
        font-size: 1.1em;
        font-weight: bold;
        margin: 1.5em auto;
        text-align: center;
        width: 100%;
        cursor: pointer;
        color: var(--color-background-main);
        line-height: 1.1em;
        border-radius: .5em;
    }

    div.PWAinfo div.android div.installPWA {
        line-height: 1em;
        margin-bottom: 0;
    }

    div.PWAinfo div.ios div.installPWA span {
        display: inline-block;
        width: 1.1em;
        height: 1.1em;
        background: url(../design/ios-share.svg) center center no-repeat;
        background-size: contain;
    }

    div.PWAinfo div.undefined div.installPWA {
        font-weight: normal;
    }

    div.PWAinfo div.undefined div.installPWA li:nth-of-type(2) {
        margin-top: .6em;
    }

    div.PWAinfo div.PWAsuccess {
        background-color: var(--main-blue);
        padding: .7em 1.5em;
        font-size: 1.1em;
        font-weight: bold;
        margin: 0 auto 0 auto;
        text-align: center;
        width: max-content;
        max-width: 100%;
        cursor: pointer;
        color: var(--color-background-main);
    }

    div.PWAinfo div.android div.PWAsuccess {
        display: none;
    }

    div.PWAinfo div.android.showSuccess div.PWAsuccess {
        display: block;
    }

    div.PWAinfo div.android.showSuccess div.PWAdescription, div.PWAinfo div.android.showSuccess div.installPWA {
        display: none;
    }

    div.fullpage_cover div#offlineMessage {
        padding: 2rem;
        font-size: 2.5rem;
    }

    div.indexer {
        height: 15em;
        max-height: 15em;
        min-height: 15em;
        border-left: 0;
        border-right: 0;
        padding: 1em 0;
        margin-bottom: 2em;
        border-bottom: 0;
    }

    div.indexer_toggle span.indexer_toggle_text {
        display: none;
    }

    div.indexer div.ui-resizable-w {
        display: none;
    }

    div.indexer_toggle, div.indexer_toggle.indexer_shown {
        margin-top: -.3em !important;
        padding: .8em;
    }

    div.indexer input, div.indexer select, div.indexer textarea, div.indexer div.dropfield, div.indexer div.dropfield2 {
        font-size: 1.5rem !important;
    }

    div.maincontent_data.autocreated form div.field {
        margin-bottom: 2.5em;
    }

    div.fieldname {
        font-size: 1.1em;
    }

    div.fieldvalue {
        font-size: 1.1em;
    }

    div.fieldvalue.read {
        font-size: 1.3em;
    }

    .jq-file__browse {
        width: 0 !important;
        overflow-x: hidden !important;
        white-space: nowrap !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    div.maincontent_data.autocreated form div.field.wysiwyg, div.maincontent_data.autocreated form div.field.multiselect:not(.multiselect_one), div.maincontent_data.autocreated form div.field.textarea {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    h1.form_header {
        font-size: 2.5em;
        flex: 1;
        width: 100%;
        max-width: 90%;
        min-width: 90%;
        margin-top: 0;
        max-height: 1em;
        overflow: hidden;
        line-height: 1em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    h1.page_header {
        font-size: 2.5em;
        flex: 1;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-top: 0;
        max-height: 1em;
        overflow: hidden;
        line-height: 1em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    button.main, input.main, button.nonimportant, input.nonimportant, button.careful, input.careful, button.close {
        font-size: 2rem !important;
    }

    div.indexer button {
        font-size: 1.7rem !important;
    }

    div.control_buttons button {
        margin-top: .5em;
    }

    div.multi_objects_table, table.menutable {
        width: 100%;
        overflow-x: auto;
        max-width: 100%;
        display: block;
    }

    div.multi_objects_table div.tr {
        display: table-row;
    }

    div.multi_objects_table div.td, div.multi_objects_table div.tr div.td:nth-of-type(3) {
        width: auto !important;
        min-width: unset !important;
        display: table-cell;
        padding: 1em !important;
    }

    form div.multi_objects_table div.tr.menu div.td, form div.multi_objects_table div.tr.menu div.th, form div.multi_objects_table div.tr div.td, form div.multi_objects_table div.tr div.th, form table.menutable tr.menu td, form table.menutable tr.menu th, form table.menutable tr td, form table.menutable tr th {
        /*font-size: 1em;*/
    }

    div.multi_objects_table div.tr.menu div.td:nth-of-type(3) {
        font-size: 1.2em;
    }

    /* вкладки */
    ul.ui-tabs-nav.submenu {
        margin: 0 0 3em 0;
        overflow-x: auto;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        overflow-y: hidden;
        font-size: .8em;
    }

    ul.ui-tabs-nav.submenu ~ .ui-tabs-panel {
        padding-top: 0;
    }

    ul.ui-tabs-nav.submenu li.ui-tabs-active a {
        background-color: var(--underlay-gray);
        color: var(--color-font-main) !important;
    }

    div.maincontent_data .ui-tabs .ui-tabs-nav {
        overflow-x: auto;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
        overflow-y: hidden;
        display: flex;
        margin-bottom: 2.45em;
        font-size: 1.6rem;
    }

    .ui-tabs ul.ui-tabs-nav li, .ui-tabs .ui-tabs-nav a.simulate_tab {
        margin-right: 3em;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-right: 3em;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor sup {
        margin-top: 0;
        font-size: .6em;
    }

    div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav { /* вложенные вкладки */
        margin-top: -2.5em;
    }

    div.ui-tabs-panel .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 1em 1.3em;
    }

    div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav li {
        font-size: 1em;
    }

    div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav > a.inner_add_something_button {
        font-size: 1.1em;
        position: relative;
        padding: 0 1.3em;
        display: inline-flex;
        flex: 1;
        top: auto;
        right: auto;
        align-items: center;
    }

    div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav > a.inner_add_something_button span.inner_add_something_button_text {
        display: none;
    }

    div.ui-tabs-panel .ui-tabs ul.ui-tabs-nav > a.inner_add_something_button span.svg_background_import {
        margin-right: 0;
        width: 1.5em;
        height: 1.5em;
    }

    /* модальные окна */
    #modal-container {
        height: 90% !important;
        top: 5% !important;
    }

    #modal-container > div {
        display: flex;
        flex-direction: column;
        font-size: 1.5em;
    }

    .modal-title, .modal-content {
        padding: 1em;
    }

    .modal-content {
        height: 95%;
    }

    /* общие элементы дизайна */
    body {
        font-size: 1.5em;
    }

    div.header {
        padding: 0 1.5rem;
        z-index: 10;
        position: fixed;
        background-color: var(--color-background-main);
    }

    div.header > div {
        height: 3em;
    }

    div.header_left {
        width: 30%;
        min-width: unset;
        display: flex;
        align-items: center;
    }

    div.header_left div.mobile_menu_button {
        display: flex;
    }

    div.mobile_menu {
        display: none;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        min-width: unset;
        max-width: unset;
        height: 100%;
        z-index: 5;
    }

    div.mobile_menu.shown {
        display: block;
        width: 100%;
        padding-top: 8rem;
        min-height: 100vh;
        font-size: 1.1em;
    }

    div.mobile_menu div.mobile_menu_wrapper {
        padding: 2.7rem 5rem;
    }

    div.mobile_menu div.submenu div.menutab {
        font-size: 1.1em;
    }

    div.mobile_menu div.submenu div.menutab.level2 {
        margin-left: 2rem;
    }

    div.mobile_menu a.logo {
        display: none;
    }

    div.header_left div.qwerty_space {
        display: none;
        flex: 1;
        margin: 0 2rem;
        height: 100%;
    }

    div.header_left div.qwerty_space form, div.header_left div.qwerty_space form input.search_input, div.header_left div.qwerty_space form a.search_image {
        height: 100%;
    }

    div.mobile_menu.shown ~ div.fullpage_wrapper div.qwerty_space {
        display: block;
    }

    div.mobile_menu.shown ~ div.fullpage_wrapper div.header_middle {
        display: none;
    }

    div.header_middle {
        width: 40%;
        flex: 1;
        display: block;
    }

    div.header_middle a.logo {
        display: block;
    }

    div.header_right {
        width: 30%;
        padding-right: 0;
    }

    div.header_right a.login_btn {
        display: inline-block;
        color: var(--color-background-main);
        background-color: var(--main-blue);
        padding: .5em 1em;
        border-radius: .5em;
        font-size: 1.1em;
    }

    div.header_right div.login_user_data div.photoName {
        background-image: none;
        width: 3em;
        padding-right: 0;
    }

    div.header_right div.login_user_data div.user_menu a {
        font-size: 1.3em;
    }

    div.locale_switcher {
        display: none;
        margin-right: 0;
        height: 100%;
    }

    div.mobile_menu.shown ~ div.fullpage_wrapper div.header_right {
        max-width: max-content;
    }

    div.mobile_menu.shown ~ div.fullpage_wrapper div.locale_switcher {
        display: flex;
        align-items: center;
    }

    div.locale_switcher_list.shown {
        top: 3.2em;
        width: 100%;
    }

    div.mobile_menu.shown ~ div.fullpage_wrapper div.login_user_data {
        display: none;
    }

    div.fullpage {
        margin: 0;
        padding: 0;
        height: 100%;
        max-width: 100%;
    }

    div.fullpage_wrapper {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        padding: 0 1.5rem;
    }

    div.maincontent {
        flex: 1;
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        padding: 1em 0 0;
    }

    div.content {
        padding: 8rem 0 0 0;
        flex-direction: column;
        justify-content: flex-start;
    }

    div.maincontent_wrapper {
        display: flex;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        align-items: flex-start;
        /*flex-direction: column;*/
    }

    div.maincontent_data {
        display: flex;
        flex-wrap: nowrap;
        align-content: flex-start;
        flex-direction: column;
    }

    div.maincontent_data.with_indexer {
        height: auto;
        max-height: unset;
        min-height: unset;
        padding-right: 0;
    }

    div.maincontent_data form {
        font-size: 1em;
    }

    div.footer {
        flex-wrap: wrap;
        height: auto;
        max-height: 17rem;
        min-height: unset;
        padding: 2.2rem 2.5rem 1.8rem 2rem;
    }

    div.footer_left {
        width: 100%;
        min-width: 100%;
        order: 3;
        margin-top: 2.5rem;
    }

    div.footer_middle {
        width: 50%;
        order: 2;
    }

    div.footer_middle a.social_network {
        width: 2.3em;
        max-width: 2.3em;
        min-width: 2.3em;
        height: 2.3em;
    }

    div.footer_right {
        width: 50%;
        order: 1;
        text-align: left;
    }

    div.footer_right a {
        display: block;
        margin: 1em 0 0 0;
    }

    div.footer_right a:first-of-type {
        margin-top: 0;
    }

    div.footer_right a.hidden {
        display: inline-block !important;
    }

    div.mobile_menu div.submenu > a {
        font-size: 1.2em;
        margin-bottom: .5em;
    }

    div.tasks_widget_container {
        display: none;
    }

    a.edit_button {
        right: 0;
        padding: .5em;
    }

    div.kind_start a.edit_button {
        display: none;
    }

    .mobile_hidden {
        display: none !important;
    }

    div.conversation_form div.conversation_form_data {
        flex-wrap: wrap;
    }

    div.conversation_form.opened div.conversation_form_data div.conversation_form_controls, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls, div.conversation_form.opened div.conversation_form_data div.conversation_form_attachments, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_attachments, div.conversation_form.opened div.conversation_form_data div.conversation_form_vote, div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_vote {
        width: 100%;
        padding-left: 0;
        padding-top: 1em;
        min-width: max-content;
    }

    div.wall_message div.wall_message_photo {
        position: absolute;
    }

    div.wall_message div.wall_message_data {
        padding-left: 0;
    }

    div.wall_message div.wall_message_data div.wall_message_creator {
        height: 4em;
        margin-left: 5em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.wall_message div.wall_message_data div.wall_message_creator div.hidden {
        display: block !important;
        margin-top: .5em;
        font-weight: normal;
    }

    div.wall_message_edit div.conversation_form_controls, div.conversation_message_edit div.conversation_form_controls {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding-left: 0;
        margin-top: 2em;
        flex-direction: row;
    }

    div.conversation_message_children_container > div.conversation_message, div.conversation_message_children_container > div.conversation_message_children_container {
        padding-left: 1em;
    }

    div.conversation_message div.conversation_message_data div.conversation_message_creator {
        margin-right: 2.5em;
    }

    div.conversation_message div.conversation_message_data div.conversation_message_more {
        display: block !important;
    }

    div.conversation_message div.conversation_message_data div.conversation_message_more_list {
        right: 0;
        top: 2em;
    }

    div.conversation_message div.conversation_message_data div.conversation_message_more ~ div.conversation_message_id, div.conversation_message div.conversation_message_data div.conversation_message_more.shown ~ div.conversation_message_id {
        right: 1.8em;
        display: block;
    }

    div.conversation_message div.conversation_message_data div.conversation_message_content {
        /*min-width: 15em;*/
    }

    div.conversation_message_container div.conversation_form {
        margin-left: 2.5em;
    }

    div.conversation_form div.conversation_form_controls .inputradio + label {
        margin: .5em 0;
    }

    div.wall_message_edit, div.conversation_message_edit {
        flex-wrap: wrap;
    }

    div.conversation_form div.conversation_form_controls label:last-of-type {
        margin-bottom: 1em !important;
    }

    input.search_input {
        width: calc(100% - 4rem);
        font-size: 1.5rem !important;
        vertical-align: middle;
        height: 4rem;
    }

    a.search_image {
        width: 4rem;
        height: 4rem;
        vertical-align: bottom;
        font-size: 1.5rem;
    }

    a.search_image svg {
        width: 4em;
        height: 4em;
    }

    div.object_info {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.object_info div.object_info_1 {
        width: 7em;
        min-width: 7em;
        max-width: 7em;
    }

    a.object_avatar div, div.object_avatar, a.object_avatar.small div, div.object_avatar.small {
        width: 7em;
        height: 7em;
    }

    div.object_info div.object_info_2 {
        width: 100%;
        padding: 0 0 0 1em;
    }

    div.object_info div.object_info_2 div.object_info_2_additional span.gray {
        width: 8em;
        min-width: 8em;
        max-width: 8em;
    }

    div.kind_calendar_event div.object_info div.object_info_2 div.object_info_2_additional span.gray {
        width: max-content;
        min-width: max-content;
        max-width: max-content;
        margin-right: .5em;
    }

    div.object_info div.object_info_2 div.object_info_2_additional {
        margin-bottom: 1.2em;
    }

    div.object_info div.object_info_3 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        grid-template-columns: auto 5em;
        grid-template-areas:
        "author like"
        "members like"
        "switcher switcher";
    }

    div.object_info_3 div.object_author span:first-of-type, div.object_info_3 div.object_members span:first-of-type, div.object_info_3 div.object_members div {
        display: inline-block;
        margin: .5em 0 .5em 0;
    }

    div.object_info_3 div.object_author span.svg_background_import {
        display: none;
    }

    div.object_info_3 div.object_members div {
        background: none;
        padding-left: 0;
    }

    div.actions_list_items {
        right: 0 !important;
    }

    a.outer_add_something_button {
        top: 0 !important;;
        padding: 0 !important;
        margin: 0 !important;;
    }

    a.outer_add_something_button span.svg_background_import {
        margin-right: 0;
        width: 2.5em;
        height: 2.5em;
    }

    a.outer_add_something_button span.outer_add_something_button_text {
        display: none;
    }

    div.footer_left span#allrpg_name {
        display: none;
    }

    a.show_hidden, a.show_hidden_table {
        font-size: 1.5rem;
    }

    a.ctrlink, a.ctrlink:link, a.ctrlink:visited {
        border: 0;
        margin: 1.5em .5em 1.5em 0;
    }

    a.ctrlink + a.ctrlink {
        position: absolute;
        margin-top: 3.6em;
        right: 0;
        z-index: 1;
        margin-right: 0;
    }

    div.filter + a.ctrlink, div.filter + a.ctrlink:link, div.filter + a.ctrlink:visited {
        margin-top: 0;
    }

    div.page_block > ul, div.page_block > ol {
        font-size: 1.1em;
    }

    ul.mainCatalog {
        font-size: 1.1em;
        padding-left: 0;
    }

    ul.mainCatalog ul {
        font-size: 1em;
    }

    ul.mainCatalog li {
        padding: 1em 0 0 1em;
    }

    div.control_buttons button {
        margin-left: 0;
    }

    /* различные отдельные элементы */
    form#form_transaction_add td:nth-of-type(2) {
        display: none;
    }

    div.kind_project div.object_info div.object_info_2 h1 {
        min-height: max-content;
        max-height: 11rem;
        overflow: hidden;
    }

    div.kind_project div.object_info div.object_info_2 > div:not([class*="_dates"]), div.kind_project div.object_info div.object_info_2 > span, div.kind_project div.object_info div.object_info_2 > a.show_hidden {
        margin-left: -7em;
        width: auto;
    }

    div.object_info div.object_info_2 div.control_buttons {
        text-align: left;
        margin-left: 0 !important;
        margin-bottom: 2em;
    }

    div.kind_task div.object_info_1, div.kind_event div.object_info_1 {
        display: none;
    }

    div.kind_people div.actions_list_switcher {
        margin-top: 0;
    }

    div.publication_content div.publication_images {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 13em;
    }

    div.conversations_widget_container_avatar div.conversations_widget_list_close {
        display: block;
    }

    div.calendar div.calendar_tables_container {
        grid-template-columns: repeat(1, 1fr);
    }

    div.maincontent_data.autocreated.kind_qrpg_history > form {
        padding-top: 4em;
    }

    div#tabs-documents button {
        margin-right: .5em;
        font-size: 1.8rem !important;
    }

    div.kind_people div.achievementsData {
        padding-left: 8em;
        padding-bottom: 1em;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking.qrpg_hacking_active {
        height: auto !important;
        margin-top: 0;
        padding: 0;
    }

    div.qrpg_hacking_header, div.qrpg_hacking_body {
        flex-wrap: wrap !important;
        height: auto !important;
    }

    div.qrpg_hacking_header > div, div.qrpg_hacking_body > div {
        width: 100% !important;
        margin-bottom: 1em !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_timer span, div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input, div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences img {
        margin-top: 1em;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_timer {
        margin: 0;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_header div.qrpg_hacking_input {
        padding: 0;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences {
        max-height: unset;
        margin: 0;
        align-items: center;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_sequences img {
        width: 50%;
    }

    div.qrcode_result div.qrpg_description.qrpg_hacking div.qrpg_hacking_body div.qrpg_hacking_matrix_container div.finish {
        top: 1em;
    }

    form#form_bank_transaction_add div.multi_objects_table div.td, form#form_bank_transaction_add div.multi_objects_table div.tr div.td:nth-of-type(3) {
        min-width: 5.5em !important;
    }

    form#form_bank_transaction_add input[type=text].obligatory {
        padding: 1em .2em;
        background: none;
    }

    div.application_conversations {
        width: 100%;
        overflow-x: auto;
        max-width: 100%;
        display: block;
    }

    div.application_conversations div.conversation_message div.conversation_message_data div.conversation_message_content {
        min-width: 15em;
    }

    div.application_conversations div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_content_text div.commands {
        margin-left: 0;
        float: none;
    }

    div.application_conversations div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_content_text div.commands a.bold[dyn_action], div.application_conversations div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_content_text div.commands a[dyn_action] {
        margin: 0 0 .5em 0;
        font-size: .8em;
    }

    div.application_conversations div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_content_text div.commands a[dyn_action] {
        margin-left: 1em;
    }

    div[id$="_conversation"] div[class*="_conversation_message"] div[class*="_conversation_additional"] {
        font-size: 1em;
    }

    div.kind_wall2 a.outer_add_something_button {
        top: .8em !important;
    }

    div.qrcode_result, div.qrpg_properties_list, div.qrpg_keys_list, div.bank_header {
        width: 100%;
    }

    div.geoposition_info {
        line-height: 1.5em;
        top: 2.6em;
    }

    div.bank_header {
        flex-wrap: wrap;
    }

    div.bank_generate_qrpg {
        margin-bottom: 2em;
        flex-wrap: nowrap;
    }

    div.bank_generate_qrpg div.amount {
        padding-right: 1em;
    }

    div.bank_generate_qrpg div.amount span {
        font-size: 1.2em;
    }

    div.bank_generate_qrpg div.result button.main {
        font-size: 1.6rem !important;
        width: 100%;
        max-width: 100%;
    }

    div.bank_balance {
        padding: 1em;
        justify-content: center;
    }

    div#tabs-bank div.multi_objects_table input, div#tabs-bank div.multi_objects_table select {
        min-width: 6em;
    }

    div.qrpg_keys_list div.qrpg_key, div.bank_balance, div.bank_generate_qrpg {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    div.qrpg_properties_list div.qrpg_property_name div.timer, div.qrpg_keys_list div.qrpg_key div.timer {
        font-size: .8em;
    }

    div.maincontent_data.autocreated.kind_application div.filter a.fixed_select {
        font-size: .85em;
    }

    div.kind_application div.conversation_form {
        width: auto;
        margin-top: 0;
    }

    div.kind_application > div.conversation_form div.conversation_form_data textarea {
        height: 4.5em;
    }

    div.myapplication_project_selection {
        grid-template-columns: 1fr;
    }

    div.myapplication_project_selection_project_links a {
        margin-right: 40%;
    }

    div.myapplication_project_selection_project_links div.project_links_avatar {
        width: 8em;
        max-width: 8em;
        min-width: 8em;
        height: 8em;
        min-height: 8em;
        max-height: 8em;
    }

    table.tasks_table {
        width: 100%;
        overflow-x: auto;
        max-width: 100%;
        display: block;
    }

    table.tasks_table td, table.tasks_table th {
        padding: 1.5rem;
    }

    table.tasks_table td:nth-of-type(2), table.tasks_table th:nth-of-type(2), div.ui-tabs-panel[aria-labelledby="task_closed"] table.tasks_table td:nth-of-type(3), div.ui-tabs-panel[aria-labelledby="task_closed"] table.tasks_table th:nth-of-type(3) {
        min-width: 15em;
    }

    div.ui-tabs-panel[aria-labelledby="task_closed"] table.tasks_table td:nth-of-type(2), div.ui-tabs-panel[aria-labelledby="task_closed"] table.tasks_table th:nth-of-type(2) {
        min-width: unset;
    }

    div.tasklist_filter {
        margin-top: 0;
        margin-bottom: 2em;
    }

    div.kind_gamemaster div.multi_objects_table div.td:nth-of-type(2), div.kind_gamemaster div.multi_objects_table div.td:nth-of-type(3) {
        min-width: 20em !important;
    }

    div.project_events_tab {
        margin-top: calc(-2.45em - 2px);
        display: block;
    }

    div.project_events_tab > div:nth-child(6n+1):nth-last-child(-n+6), div.project_events_tab > div:nth-child(6n+1):nth-last-child(-n+6) ~ div {
        border-bottom: 1px var(--special-gray) solid;
    }

    div.project_events_tab > div:last-child {
        border-bottom: 0 !important;
    }

    div.mainpage_blocks {
        grid-gap: 3em;
        grid-template-rows: repeat(10, minmax(min-content, max-content));
        grid-template-columns: 100%;
        grid-template-areas: "applications" "projects" "photo" "communities" "calendar" "exchange" "ruling" "reports" "publications" "news";
    }

    div.mainpage_block {
        max-height: 18em;
    }

    div.mainpage_block div.mainpage_block_header {
        margin: 0 1em;
    }

    div.mainpage_block.fullsize_background {
        height: 18em;
    }

    div.mainpage_block.fullsize_background div.mainpage_block_header {
        padding: 1.1em 1em;
    }

    div.mainpage_block div.mainpage_block_header.special {
        padding: 1.1em 1em;
    }

    div.mainpage_block div.mainpage_block_header.special div.icon {
        margin-right: .7em;
    }

    div.mainpage_block div.mainpage_block_body {
        min-height: 4em;
        padding: 0 1em;
    }

    div.mainpage_block#news div.mainpage_block_body span.mainpage_block_body_additional {
        display: none;
    }

    div.mainpage_block div.mainpage_block_body div.mainpage_block_body_item a.mainpage_block_body_item_avatar {
        margin-right: .7em;
    }

    div.mainpage_block.fullsize_background div.mainpage_block_body div.photo_description {
        padding: 1.1em 1em;
    }

    div.mainpage_block.fullsize_background div.mainpage_block_body a.command {
        right: 1em;
    }

    div.object_info_3 div.important_button {
        padding: 0;
        margin: 0 1em 0 0;
    }

    div.object_info div.object_info_3.only_like { /* для тех разделов, в которых есть только лайк в качестве дополнительной инфы в шапке */
        margin-top: -1.5em;
    }

    div.object_info div.object_info_3.only_like div.important_button { /* для тех разделов, в которых есть только лайк в качестве дополнительной инфы в шапке */
        margin-right: .8em;
    }

    div.overflown_content.em15 {
        max-height: 15em;
    }

    form#form_inner_search {
        max-width: 100%;
    }

    div.navitems_plates {
        grid-template-columns: 1fr;
    }

    div.navitems_plates a.load_projects_communities_list {
        grid-column: span 1;
    }

    div.navitems_plate {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    a.load_projects_communities_list, a.load_users_list {
        font-size: 1.5rem;
    }

    form#search_group input#search {
        font-size: 1.2em !important;
    }

    div.maincontent_data.autocreated div.filter {
        font-size: 1.05em;
        margin: 1.5em 0;
    }

    div.maincontent_data.autocreated div.indexer_toggle + div.filter {
        padding-right: 0;
    }

    div.maincontent_data.autocreated h1.form_header + div.filter {
        float: none;
        margin: 1.5em 0;
        text-align: left;
    }

    div.maincontent_data.autocreated.table_cell.history_view div.filter, div.maincontent_data.autocreated.table_cell.history_view_old div.filter {
        height: 11em;
        min-height: 11em;
        max-height: 11em;
    }

    div.maincontent_data.autocreated.table_cell.history_view_old div.filter a.fixed_select.right, div.maincontent_data.autocreated.table_cell.history_view div.filter a.fixed_select.right {
        margin-bottom: 0;
    }

    div.kind_people div.user_info span.gray.bigger {
        width: 10em;
        margin-right: 1em;
    }

    div.tags_cloud {
        width: 100%;
        float: none;
        margin: 1em 0;
    }

    div.application_user_info {
        float: none;
        margin: 0 0 1em 0;
        text-align: center;
        background-color: transparent;
        border: 1px dashed var(--some-borders);
        font-size: 1em;
    }

    div.application_user_info div + div {
        border-top: 1px dashed var(--some-borders);
    }

    form#form_application div[id="div_creator_id[0]"] img {
        width: 3em;
    }

    form#form_application div.contact_info {
        padding-left: 0;
    }

    div.kind_task div.task_message div.task_message_data {
        padding-bottom: 5em;
    }

    div.task_comment_form div.conversation_form div.conversation_form_data textarea {
        height: 4.5em;
    }

    div.task_message div.task_message_data div.task_changes {
        margin: 0;
        text-align: left;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: .5em 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        max-width: unset;
        top: auto;
    }

    div[class$="_users_list"] input[name="user_rights_lookup"] {
        width: 100%;
        float: none;
        margin-top: 2em;
    }

    div.page_block div.tabs div[class$="_users_list"] div.photoName {
        width: 49%;
        min-width: 49%;
        max-width: 49%;
    }

    div.page_block div.tabs div[class$="_users_list"] div.photoNameNameWrapper {
        width: calc(100% - 5em);
        min-width: calc(100% - 5em);
        max-width: calc(100% - 5em);
    }

    /* раздел календарь событий (игр) */
    div.calendar form {
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
    }

    div.kind_calendar + div.indexer br {
        display: none;
    }

    div.calendar div.filter {
        margin: 0 1em 1em 0;
    }

    div.calendar div.filter.filter_year {
        float: right;
        margin: 2.9em 0 0 0;
        font-size: 1.2em;
    }

    div.calendar div.filter.filter_year div.name, div.calendar div.filter.filter_year div.fixed_selects {
        display: none;
    }

    div.filters_cancelled_calendarstyle {
        max-width: min-content;
    }

    div.calendar a#change_calendarstyle {
        margin-top: 1em;
    }

    div.calendar div.filter.filter_cancelled_moved {
        margin: 1em 0 0 0;
    }

    div.calendar div.filter.filter_gametype2 {
        margin-bottom: 0;
    }

    div.calendar table thead span.hidden {
        display: inline !important;
    }

    div.calendar_event_cards {
        grid-template-columns: repeat(1, 1fr);
    }

    div.indexer_shown + div div.calendar_event_card {
        grid-template-columns: 1fr 7em 4em;
    }

    div.calendar_event_month {
        grid-column: span 1;
    }

    /* раздел сообщения */
    div.conversation_message_switcher {
        width: 100%;
        border: 0;
        border-radius: .5em;
        order: 2;
        min-width: 100%;
        max-width: 100%;
        margin-top: 0;
        height: calc(100vh - 10em);
        min-height: calc(100vh - 10em);
        max-height: calc(100vh - 10em);
    }

    div.conversation_message_switcher.inside_conversation {
        display: none;
    }

    div.conversation_message_switcher div.conversation_message_switcher_scroller {
        height: auto;
        font-size: 1.3em;
    }

    div.conversation_message_switcher + div.conversation_message_maincontent {
        display: none;
    }

    div.conversation_message_switcher.inside_conversation + div.conversation_message_maincontent {
        width: 100%;
        border: 0;
        display: flex;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.3em;
        margin-top: 0;
        height: calc(100vh - 10em);
        min-height: calc(100vh - 10em);
        max-height: calc(100vh - 10em);
        flex-wrap: nowrap;
    }

    div.conversation_message_maincontent div.conversation_message_maincontent_header {
        height: 8rem;
        max-height: 8rem;
        min-height: 8rem;
    }

    div.conversation_message_maincontent h2 {
        padding-left: 0;
        width: auto;
        max-width: unset;
        min-width: unset;
    }

    div.kind_conversation div.actions_list_switcher {
        flex-wrap: wrap;
        justify-content: flex-end;
        padding-right: 0;
        width: max-content;
        max-width: max-content;
        min-width: max-content;
    }

    div.kind_conversation div.actions_list_switcher div.user_was_online {
        width: 100%;
        text-align: right;
        margin-bottom: .5em;
        display: none;
    }

    div.kind_conversation div.actions_list_text {
        margin-top: 0;
    }

    div.new_message {
        margin: 2.5rem 1rem;
    }

    div.message {
        font-size: small;
    }

    div.message.inner {
        padding: 1rem 0;
    }

    div.message_content div.commands {
        float: none;
        margin: .5em 0;
    }

    div.message_content div.commands div.done {
        margin-left: 0;
        display: block;
    }

    div.kind_conversation div.conversation_message_maincontent div.conversation_form div.conversation_form_data {
        flex-wrap: nowrap;
    }

    div.conversation_message_maincontent div.message_conversation_form div.conversation_form {
        padding: 0;
    }

    div.kind_conversation div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data div.conversation_form_controls {
        padding: 0;
    }

    div.conversation_message_maincontent div.conversation_form.do_not_hide div.conversation_form_data button.main {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 3em;
        background-position: center center !important;
    }

    div.conversation_message_switcher div.conversation_message_switcher_search_container {
        padding: 1.5rem 0;
    }

    /* сетка ролей */
    div.roles_helper pre {
        width: 30em;
        margin: 1em 0;
    }

    div.allrpgRolesListGroup {
        margin-left: 0 !important;
        font-size: 1.2em;
    }

    div.allrpgRolesListGroup[data-obj-level="1"] {
        margin-left: 0;
    }

    div.allrpgRolesListGroup[data-obj-level="2"] {
        margin-left: 1em;
    }

    div.allrpgRolesListGroup[data-obj-level="3"] {
        margin-left: 2em;
    }

    div.allrpgRolesListGroup[data-obj-level="4"] {
        margin-left: 3em;
    }

    div.allrpgRolesListGroup[data-obj-level="5"] {
        margin-left: 4em;
    }

    div.allrpgRolesListGroup[data-obj-level="6"] {
        margin-left: 5em;
    }

    div.allrpgRolesListString {
    }

    div.allrpgRolesListString:after {
        display: none;
    }

    div.allrpgRolesListCharacter {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        float: none;
    }

    div.allrpgRolesListCharacterName, div.allrpgRolesListCharacterDescription {
        float: none;
        width: 100%;
    }

    div.allrpgRolesListCharacterName {
        font-size: 1.1em;
    }

    div.allrpgRolesListCharacterDescription {
        margin-top: .5em;
        overflow-wrap: break-word;
    }

    div.allrpgRolesListCharacterDescription span.character_move {
        display: none;
    }

    div.allrpgRolesListGroupDescription > img {
        max-width: 100% !important;
        left: auto !important;
    }

    div.allrpgRolesListCharacter + div.allrpgRolesListApplication {
        float: none;
        margin: .5em 0 0 0;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        min-height: 1.4em;
        justify-content: center;
        align-items: flex-start;
    }

    div.allrpgRolesListApplication {
        float: none;
        text-align: left;
    }

    div.allrpgRolesListApplicationsList {
        width: 100%;
    }

    div.allrpgRolesListApplicationsListApplication, div.allrpgRolesListApplicationsListApplicationApply {
        text-align: left;
    }

    div.allrpgRolesListApplicationsListApplication {
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    div.allrpgRolesListApplicationsListApplication a.fa-info {
        padding: 0 0 0 2em;
        font-size: 1.2em;
        float: right;
    }

    /* Склад */
    div.kind_exchange div.filter {
        margin-top: -1.6em;
    }

    div.kind_exchange div.filter select {
        width: 9em;
        max-width: unset;
    }

    div.kind_exchange div.publication_price, div.kind_exchange div.publication_price.inverted {
        float: left;
        margin-left: 0;
        margin-right: 2em;
        clear: left;
        font-size: 1em;
        width: 13em;
    }

    div.kind_exchange div.publication_price:first-of-type {
        margin-top: .5em;
    }

    /* различные отдельные элементы динамических разделов */
    form#form_application textarea, form#form_myapplication textarea {
        min-height: 5em;
    }

    th#th_header_status {
        min-width: 4em;
    }

    th#th_header_last_update_user_id {
        min-width: 3em;
    }

    th#th_header_updated_at {
        min-width: 7em;
    }

    th#th_header_sorter {
        min-width: 8em;
    }

    table.menutable.character th#th_header_id {
        width: 8em;
    }

    th#th_header_project_group_ids {
        min-width: 6em;
    }

    form#form_budget_add td {
        padding: 1em 0.5em !important;
    }

    form#form_budget_add input:not([type="checkbox"]), form#form_budget_add select, form#form_budget_add textarea {
        min-width: 10em;
        padding-left: 0.5em;
    }

    form#form_budget_add input.inputnum {
        min-width: 5em;
    }

    form#form_budget_add input.inputcheckbox {
        margin: 0;
    }

    form#form_budget_add textarea {
        min-height: 1em;
    }

    form#form_budget_add td#td_responsible_id {
        -ms-word-break: break-all;
        word-break: break-all;
    }

    form#form_ruling_question {
        font-size: .7em;
    }

    div.csvimport .jq-file .browse {
        font-size: 1em !important;
    }

    div.csvimport {
        font-size: 1.2em;
    }

    form#form_import_characters div.field, form#form_import_characters div.fieldvalue, form#form_import_applications div.field, form#form_import_applications div.fieldvalue {
        font-size: 1em;
    }

    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_qrpg_keys"],
    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_not_qrpg_keys"],
    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_hacking_settings"],
    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_text_to_access"],
    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_gives_bad_qrpg_keys"],
    div.maincontent_data.autocreated form#form_qrpg_code div[id^="field_gives_bad_qrpg_keys_for_minutes"] {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    /* skeleton-методика подгрузки страницы */
    div.fullpage_cover div#skeletons div#skeleton_left {
        display: none;
    }

    div.fullpage_cover div#skeletons div#skeleton_main {
        margin-right: 0;
        margin-top: 8rem;
        padding: 1em 1.5rem;
    }

    div.fullpage_cover div#skeletons div#skeleton_main > #skeleton_1 {
        grid-template-rows: repeat(9, 18em);
        grid-template-columns: 100%;
    }

    div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_heading {
        width: 50%;
        height: 2.5em;
        min-height: 2.5em;
        max-height: 2.5em;
    }

    div.fullpage_cover div#skeletons div#skeleton_main > div > div.skeleton_avatar {
        width: 7em;
        height: 7em;
        max-height: 7em;
    }
}

/* стили для приложения, запущенного в качестве PWA */
@media all and (display-mode: standalone) {
    div.PWAinfo {
        display: none !important;
    }

    div.footer_right a:last-of-type {
        display: none !important;
    }
}

/* альбомный разворот */
@media only screen and (max-device-width: 767px) and (orientation: landscape) {

}

/* стили для печати */
@media print {
    @page {
        size: auto;
        margin: 10mm;
    }

    body {
        margin: 0;
    }
}